fix(IconBox): rename rounded classes to match props

shuriken-ui · Feb 21, 2024 · baf1fb1 · baf1fb1
1 parent 626b5a2
commit baf1fb1
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 24 deletions.
diff --git a/src/plugins/components/icon-box/icon-box.variants.ts b/src/plugins/components/icon-box/icon-box.variants.ts
@@ -2,10 +2,10 @@ import type { IconBoxVariant } from './icon-box.types'
 
 export const rounded = {
   none: '',
-  sm: 'nui-box-rounded',
-  md: 'nui-box-smooth',
-  lg: 'nui-box-curved',
-  full: 'nui-box-full',
+  sm: 'nui-box-rounded-sm',
+  md: 'nui-box-rounded-md',
+  lg: 'nui-box-rounded-lg',
+  full: 'nui-box-rounded-full',
 } as const satisfies IconBoxVariant<'rounded'>
 
 export const size = {

diff --git a/src/plugins/components/icon-box/index.ts b/src/plugins/components/icon-box/index.ts
@@ -20,100 +20,100 @@ export default plugin(({ addComponents, theme }) => {
       '&.nui-box-xs': {
         [`@apply h-${config.size.xs.size} w-${config.size.xs.size}`]: {},
         //Rounded:sm
-        '&.nui-box-rounded': {
+        '&.nui-box-rounded-sm': {
           [`@apply ${config.size.xs.rounded.sm}`]: {},
         },
         //Rounded:md
-        '&.nui-box-smooth': {
+        '&.nui-box-rounded-md': {
           [`@apply ${config.size.xs.rounded.md}`]: {},
         },
         //Rounded:lg
-        '&.nui-box-curved': {
+        '&.nui-box-rounded-lg': {
           [`@apply ${config.size.xs.rounded.lg}`]: {},
         },
       },
       //Size:sm
       '&.nui-box-sm': {
         [`@apply h-${config.size.sm.size} w-${config.size.sm.size}`]: {},
         //Rounded:sm
-        '&.nui-box-rounded': {
+        '&.nui-box-rounded-sm': {
           [`@apply ${config.size.sm.rounded.sm}`]: {},
         },
         //Rounded:md
-        '&.nui-box-smooth': {
+        '&.nui-box-rounded-md': {
           [`@apply ${config.size.sm.rounded.md}`]: {},
         },
         //Rounded:lg
-        '&.nui-box-curved': {
+        '&.nui-box-rounded-lg': {
           [`@apply ${config.size.sm.rounded.lg}`]: {},
         },
       },
       //Size:md
       '&.nui-box-md': {
         [`@apply h-${config.size.md.size} w-${config.size.md.size}`]: {},
         //Rounded:sm
-        '&.nui-box-rounded': {
+        '&.nui-box-rounded-sm': {
           [`@apply ${config.size.md.rounded.sm}`]: {},
         },
         //Rounded:md
-        '&.nui-box-smooth': {
+        '&.nui-box-rounded-md': {
           [`@apply ${config.size.md.rounded.md}`]: {},
         },
         //Rounded:lg
-        '&.nui-box-curved': {
+        '&.nui-box-rounded-lg': {
           [`@apply ${config.size.md.rounded.lg}`]: {},
         },
       },
       //Size:lg
       '&.nui-box-lg': {
         [`@apply h-${config.size.lg.size} w-${config.size.lg.size}`]: {},
         //Rounded:sm
-        '&.nui-box-rounded': {
+        '&.nui-box-rounded-sm': {
           [`@apply ${config.size.lg.rounded.sm}`]: {},
         },
         //Rounded:md
-        '&.nui-box-smooth': {
+        '&.nui-box-rounded-md': {
           [`@apply ${config.size.lg.rounded.md}`]: {},
         },
         //Rounded:lg
-        '&.nui-box-curved': {
+        '&.nui-box-rounded-lg': {
           [`@apply ${config.size.lg.rounded.lg}`]: {},
         },
       },
       //Size:xl
       '&.nui-box-xl': {
         [`@apply h-${config.size.xl.size} w-${config.size.xl.size}`]: {},
         //Rounded:sm
-        '&.nui-box-rounded': {
+        '&.nui-box-rounded-sm': {
           [`@apply ${config.size.xl.rounded.sm}`]: {},
         },
         //Rounded:md
-        '&.nui-box-smooth': {
+        '&.nui-box-rounded-md': {
           [`@apply ${config.size.xl.rounded.md}`]: {},
         },
         //Rounded:lg
-        '&.nui-box-curved': {
+        '&.nui-box-rounded-lg': {
           [`@apply ${config.size.xl.rounded.lg}`]: {},
         },
       },
       //Size:xxl
       '&.nui-box-2xl': {
         [`@apply h-${config.size.xxl.size} w-${config.size.xxl.size}`]: {},
         //Rounded:sm
-        '&.nui-box-rounded': {
+        '&.nui-box-rounded-sm': {
           [`@apply ${config.size.xxl.rounded.sm}`]: {},
         },
         //Rounded:md
-        '&.nui-box-smooth': {
+        '&.nui-box-rounded-md': {
           [`@apply ${config.size.xxl.rounded.md}`]: {},
         },
         //Rounded:lg
-        '&.nui-box-curved': {
+        '&.nui-box-rounded-lg': {
           [`@apply ${config.size.xxl.rounded.lg}`]: {},
         },
       },
       //Rounded:full
-      '&.nui-box-full': {
+      '&.nui-box-rounded-full': {
         '@apply rounded-full': {},
       },
       //Color:default
@@ -440,7 +440,7 @@ export default plugin(({ addComponents, theme }) => {
           {},
       },
       //Masks
-      '&.nui-box-mask:not(.nui-box-rounded):not(.nui-box-curved):not(.nui-box-full):not(.nui-box-outline):not(.nui-box-bordered)':
+      '&.nui-box-mask:not(.nui-box-rounded-sm):not(.nui-box-rounded-lg):not(.nui-box-rounded-full):not(.nui-box-outline):not(.nui-box-bordered)':
         {
           '@apply nui-mask': {},
         },