fix(ButtonIcon): rename rounded classes to match props

shuriken-ui · Feb 21, 2024 · de8ac54 · de8ac54
1 parent 5dd9dae
commit de8ac54
Show file tree

Hide file tree

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

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