feat(Button): rename shape to rounded and flavor to variant

shuriken-ui · Dec 4, 2023 · e104b7a · e104b7a
1 parent 05aae30
commit e104b7a
Show file tree

Hide file tree

Showing 5 changed files with 141 additions and 141 deletions.
diff --git a/src/plugins/components/button/button.component.ts b/src/plugins/components/button/button.component.ts
@@ -11,9 +11,9 @@ export const Button = ({
   label,
   loading,
   shadow,
-  shape,
+  rounded,
   children,
-  flavor = 'solid',
+  variant = 'solid',
   size = 'md',
   color = 'default',
   classes,
@@ -25,10 +25,10 @@ export const Button = ({
       class=${[
         'nui-button',
         variants.size[size],
-        variants.flavor[flavor],
+        variants.variant[variant],
         variants.color[color],
         loading && 'nui-button-loading',
-        shape && variants.shape[shape],
+        rounded && variants.rounded[rounded],
         shadow && variants.shadow[shadow],
         classes?.wrapper,
       ]

diff --git a/src/plugins/components/button/button.docs.mdx b/src/plugins/components/button/button.docs.mdx
@@ -44,9 +44,9 @@ Size allows you to change the size of the button.
 
 <br />
 
-### Flavor: solid
+### Variants: solid
 
-Flavors represent the visual styles applied to a button. Below are examples of the solid flavor.
+Variantss represent the visual styles applied to a button. Below are examples of the solid flavor.
 
 <div className="flex gap-2 bg-slate-100 dark:bg-slate-900 p-6 rounded-sm">
   <Story of={ButtonStories.SolidDefault} />
@@ -60,9 +60,9 @@ Flavors represent the visual styles applied to a button. Below are examples of t
 
 <br />
 
-### Flavor: pastel
+### Variants: pastel
 
-Flavors represent the visual styles applied to a button. Below are examples of the pastel flavor.
+Variantss represent the visual styles applied to a button. Below are examples of the pastel flavor.
 
 <div className="flex gap-2 bg-slate-100 dark:bg-slate-900 p-6 rounded-sm">
   <Story of={ButtonStories.PastelPrimary} />
@@ -74,9 +74,9 @@ Flavors represent the visual styles applied to a button. Below are examples of t
 
 <br />
 
-### Flavor: outline
+### Variants: outline
 
-Flavors represent the visual styles applied to a button. Below are examples of the outline flavor.
+Variantss represent the visual styles applied to a button. Below are examples of the outline flavor.
 
 <div className="flex gap-2 bg-slate-100 dark:bg-slate-900 p-6 rounded-sm">
   <Story of={ButtonStories.OutlinePrimary} />