feat(ButtonClose): rename shape prop to rounded, update stories

shuriken-ui · Dec 6, 2023 · 3ba7992 · 3ba7992
1 parent c18252f
commit 3ba7992
Show file tree

Hide file tree

Showing 5 changed files with 76 additions and 128 deletions.
diff --git a/src/plugins/components/button-close/button-close.component.ts b/src/plugins/components/button-close/button-close.component.ts
@@ -8,7 +8,7 @@ import * as variants from './button-close.variants'
  * Primary UI component for user interaction
  */
 export const ButtonClose = ({
-  shape,
+  rounded,
   color = 'default',
   classes,
   onClick,
@@ -19,7 +19,7 @@ export const ButtonClose = ({
       class=${[
         'nui-button-close',
         variants.color[color],
-        shape && variants.shape[shape],
+        rounded && variants.rounded[rounded],
         classes?.wrapper,
       ]
         .filter(Boolean)

diff --git a/src/plugins/components/button-close/button-close.config.ts b/src/plugins/components/button-close/button-close.config.ts
@@ -146,58 +146,6 @@ export const defaultConfig = {
   },
 }
 
-// export const defaultConfig = {
-//   size: '9',
-//   duration: '300',
-//   buttonIcon: {
-//     size: '4',
-//   },
-//   rounded: {
-//     smooth: 'md',
-//     curved: 'lg',
-//     full: 'full',
-//   },
-//   default: {
-//     bgHover: 'muted-100',
-//     bgHoverDark: 'muted-700',
-//     text: 'muted-700',
-//     textDark: 'muted-50',
-//   },
-//   muted: {
-//     bg: 'muted-100',
-//     bgHover: 'muted-50',
-//     bgDark: 'muted-700',
-//     bgHoverDark: 'muted-600',
-//     text: 'muted-700',
-//     textDark: 'muted-50',
-//   },
-//   primary: {
-//     bg: 'primary-500/10',
-//     bgHover: 'primary-500/20',
-//     text: 'primary-500',
-//   },
-//   info: {
-//     bg: 'info-500/10',
-//     bgHover: 'info-500/20',
-//     text: 'info-500',
-//   },
-//   success: {
-//     bg: 'success-500/10',
-//     bgHover: 'success-500/20',
-//     text: 'success-500',
-//   },
-//   warning: {
-//     bg: 'warning-500/10',
-//     bgHover: 'warning-500/20',
-//     text: 'warning-500',
-//   },
-//   danger: {
-//     bg: 'danger-500/10',
-//     bgHover: 'danger-500/20',
-//     text: 'danger-500',
-//   },
-// }
-
 export type ButtonCloseConfig = typeof defaultConfig
 export interface ButtonClosePluginConfig {
   [key]: ButtonCloseConfig