fix(Button): rename rounded classes to match props

shuriken-ui · Feb 21, 2024 · b84378c · b84378c
1 parent 8bf9815
commit b84378c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/plugins/components/button/button.variants.ts b/src/plugins/components/button/button.variants.ts
@@ -9,10 +9,10 @@ export const size = {
 
 export const rounded = {
   none: '',
-  sm: 'nui-button-rounded',
-  md: 'nui-button-curved',
-  lg: 'nui-button-smooth',
-  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 ButtonVariant<'rounded'>
 
 export const variant = {

diff --git a/src/plugins/components/button/index.ts b/src/plugins/components/button/index.ts
@@ -133,16 +133,16 @@ export default plugin(({ addComponents, theme }) => {
       // #endregion
 
       // #region Rounded
-      '&.nui-button-rounded': {
+      '&.nui-button-rounded-sm': {
         [`@apply rounded-${config.rounded.small}`]: {},
       },
-      '&.nui-button-smooth': {
+      '&.nui-button-rounded-md': {
         [`@apply rounded-${config.rounded.medium}`]: {},
       },
-      '&.nui-button-curved': {
+      '&.nui-button-rounded-lg': {
         [`@apply rounded-${config.rounded.large}`]: {},
       },
-      '&.nui-button-full': {
+      '&.nui-button-rounded-full': {
         [`@apply rounded-${config.rounded.full}`]: {},
 
         '.nui-button-badge': {