feat: add success btn recipe

leather-io · Dec 9, 2024 · b14cf16 · b14cf16
1 parent ede9b75
commit b14cf16
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/packages/panda-preset/src/recipes/button-recipe.ts b/packages/panda-preset/src/recipes/button-recipe.ts
@@ -33,11 +33,11 @@ export const buttonRecipe = defineRecipe({
     size: {
       sm: {
         px: 'space.02',
-        py: 'space.01',
+        height: '40px',
       },
       md: {
         px: 'space.04',
-        py: 'space.03',
+        height: '48px',
       },
     },
     variant: {
@@ -106,6 +106,11 @@ export const buttonRecipe = defineRecipe({
         },
         ...loadingStyles,
       },
+
+      success: {
+        bg: 'green.action-primary-default',
+        color: 'ink.background-primary',
+      },
     },
 
     invert: { true: {} },

diff --git a/packages/ui/src/components/button/button.web.stories.tsx b/packages/ui/src/components/button/button.web.stories.tsx
@@ -50,6 +50,17 @@ export const Disabled: Story = {
   },
 };
 
+export const Success: Story = {
+  parameters: {
+    controls: { include: ['size', 'variant'] },
+  },
+  args: {
+    children: 'Button',
+    size: 'md',
+    variant: 'success',
+  },
+};
+
 export const WithIcons: Story = {
   parameters: {
     controls: { include: ['size', 'variant'] },