button: add bg white to outline-disabled

cypress-io · Apr 24, 2024 · 04f8d3e · 04f8d3e
1 parent 72d1e9c
commit 04f8d3e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/calm-zoos-think.md b/.changeset/calm-zoos-think.md
@@ -0,0 +1,7 @@
+---
+"@cypress-design/constants-button": patch
+"@cypress-design/react-button": patch
+"@cypress-design/vue-button": patch
+---
+
+add bg white to outline-disabled
diff --git a/components/Button/constants/src/index.ts b/components/Button/constants/src/index.ts
@@ -14,7 +14,8 @@ export const VariantClassesTable = {
     'text-indigo-500 border-gray-100 hocus:border-gray-200 disabled:border-gray-100 disabled:hocus:shadow-none hocus:shadow-gray-50 disabled:text-gray-500 focus:ring-gray-200',
   'outline-dark':
     'text-white border-white/20 hocus:border-white/60 disabled:hocus:shadow-none hocus:shadow-white/20 disabled:border-white/20 disabled:hover:border-white/20 disabled:text-white/50 focus:ring-gray-200',
-  'outline-disabled': 'text-gray-500 border-gray-100 hover:shadow-none',
+  'outline-disabled':
+    'text-gray-500 border-gray-100 hover:shadow-none bg-white',
   // light variants
   'indigo-light':
     'text-indigo-500 bg-indigo-50 border-indigo-50 hocus:border-indigo-200 disabled:hocus:shadow-none hocus:shadow-indigo-50 focus:ring-transparent',