fix(ButtonClose): rename rounded classes to match props

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

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/plugins/components/button-close/button-close.variants.ts b/src/plugins/components/button-close/button-close.variants.ts
@@ -2,10 +2,10 @@ import type { ButtonCloseVariant } from './button-close.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 ButtonCloseVariant<'rounded'>
 
 export const size = {

diff --git a/src/plugins/components/button-close/index.ts b/src/plugins/components/button-close/index.ts
@@ -60,19 +60,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}`]: {},
       },
       //Color:default