fix(Checkbox): rename rounded classes to match props

shuriken-ui · Feb 21, 2024 · 70d9db0 · 70d9db0
1 parent f7169c6
commit 70d9db0
Show file tree

Hide file tree

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

diff --git a/src/plugins/components/checkbox/index.ts b/src/plugins/components/checkbox/index.ts
@@ -95,22 +95,22 @@ export default plugin(({ addComponents, theme }) => {
           {},
       },
       //Rounded:sm
-      '&.nui-checkbox-rounded .nui-checkbox-outer, &.nui-checkbox-rounded .nui-checkbox-inner':
+      '&.nui-checkbox-rounded-sm .nui-checkbox-outer, &.nui-checkbox-rounded-sm .nui-checkbox-inner':
         {
           [`@apply ${config.rounded.sm}`]: {},
         },
       //Rounded:md
-      '&.nui-checkbox-smooth .nui-checkbox-outer, &.nui-checkbox-smooth .nui-checkbox-inner':
+      '&.nui-checkbox-rounded-md .nui-checkbox-outer, &.nui-checkbox-rounded-md .nui-checkbox-inner':
         {
           [`@apply ${config.rounded.md}`]: {},
         },
       //Rounded:lg
-      '&.nui-checkbox-curved .nui-checkbox-outer, &.nui-checkbox-curved .nui-checkbox-inner':
+      '&.nui-checkbox-rounded-lg .nui-checkbox-outer, &.nui-checkbox-rounded-lg .nui-checkbox-inner':
         {
           [`@apply ${config.rounded.lg}`]: {},
         },
       //Rounded:full
-      '&.nui-checkbox-full .nui-checkbox-outer, &.nui-checkbox-full .nui-checkbox-inner':
+      '&.nui-checkbox-rounded-full .nui-checkbox-outer, &.nui-checkbox-rounded-full .nui-checkbox-inner':
         {
           [`@apply ${config.rounded.full}`]: {},
         },