feat(button): add transparent color prop

giantnodes · May 4, 2024 · 012e732 · 012e732
1 parent 8fbfbc8
commit 012e732
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/react/src/components/button/Button.stories.tsx b/packages/react/src/components/button/Button.stories.tsx
@@ -12,7 +12,7 @@ const Component: Meta<typeof Button> = {
   argTypes: {
     color: {
       control: { type: 'select' },
-      options: ['brand', 'success', 'info', 'warning', 'danger'],
+      options: ['transparent', 'brand', 'success', 'info', 'warning', 'danger'],
     },
   },
 }

diff --git a/packages/theme/src/components/button.ts b/packages/theme/src/components/button.ts
@@ -15,6 +15,9 @@ export const button = tv({
   },
   variants: {
     color: {
+      transparent: {
+        button: ['text-white', 'border-transparent', 'focus:outline-shark'],
+      },
       neutral: {
         button: ['text-white', 'bg-shark/80 hover:bg-shark', 'border-shark', 'focus:outline-shark'],
       },