feat(IconBox): config redesign and implementation

shuriken-ui · Dec 7, 2023 · 07b4293 · 07b4293
1 parent 1203446
commit 07b4293
Show file tree

Hide file tree

Showing 7 changed files with 817 additions and 300 deletions.
diff --git a/src/plugins/components/icon-box/icon-box.component.ts b/src/plugins/components/icon-box/icon-box.component.ts
@@ -8,9 +8,9 @@ import * as variants from './icon-box.variants'
  * Primary UI component for user interaction
  */
 export const IconBox = ({
-  shape = 'full',
+  rounded = 'full',
   children,
-  flavor = 'solid',
+  variant = 'solid',
   size = 'md',
   color = 'default',
   bordered,
@@ -24,11 +24,11 @@ export const IconBox = ({
       class=${[
         'nui-icon-box',
         variants.size[size],
-        variants.flavor[flavor],
+        variants.variant[variant],
         variants.color[color],
         bordered && 'nui-box-bordered',
-        shape && variants.shape[shape],
-        shape === 'straight' && mask && `nui-box-mask ${variants.mask[mask]}`,
+        rounded && variants.rounded[rounded],
+        rounded === 'none' && mask && `nui-box-mask ${variants.mask[mask]}`,
         classes?.wrapper,
       ]
         .filter(Boolean)