button: add outline red (#507)

cypress-io · Dec 2, 2024 · f78d091 · f78d091
1 parent 8af93d6
commit f78d091
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/quiet-files-remember.md b/.changeset/quiet-files-remember.md
@@ -0,0 +1,5 @@
+---
+'@cypress-design/constants-button': minor
+---
+
+Add outline red button
diff --git a/components/Button/constants/src/index.ts b/components/Button/constants/src/index.ts
@@ -14,6 +14,8 @@ export const CssVariantClassesTable = {
     'border-indigo-500 text-indigo-500 disabled:hocus:shadow-none hocus:shadow-indigo-300/[.35] disabled:text-gray-500 focus:ring-indigo-600',
   'outline-purple':
     'text-purple-500 border-purple-500 disabled:hocus:shadow-none hocus:shadow-purple-100 disabled:text-gray-500 focus:ring-purple-600',
+  'outline-red':
+    'text-red-500 border-red-500 disabled:hocus:shadow-none hocus:shadow-red-100 disabled:text-gray-500 focus:ring-red-600',
   'outline-gray':
     'text-gray-1000 border-gray-1000 disabled:hocus:shadow-none hocus:shadow-gray-100 disabled:text-gray-500 focus:ring-gray-1000',
   'outline-light':