fix(Progress): rename rounded classes to match props

shuriken-ui · Feb 21, 2024 · b105b75 · b105b75
1 parent ec5b3fd
commit b105b75
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 16 deletions.
diff --git a/src/plugins/components/progress/index.ts b/src/plugins/components/progress/index.ts
@@ -58,18 +58,22 @@ export default plugin(({ addComponents, theme }) => {
         [`@apply h-${config.size.xl}`]: {},
       },
       //Rounded
-      '&.nui-progress-rounded, &.nui-progress-rounded .nui-progress-bar': {
-        [`@apply ${config.rounded.sm}`]: {},
-      },
-      '&.nui-progress-smooth, &.nui-progress-smooth .nui-progress-bar': {
-        [`@apply ${config.rounded.md}`]: {},
-      },
-      '&.nui-progress-curved, &.nui-progress-curved .nui-progress-bar': {
-        [`@apply ${config.rounded.lg}`]: {},
-      },
-      '&.nui-progress-full, &.nui-progress-full .nui-progress-bar': {
-        [`@apply ${config.rounded.full}`]: {},
-      },
+      '&.nui-progress-rounded-sm, &.nui-progress-rounded-sm .nui-progress-bar':
+        {
+          [`@apply ${config.rounded.sm}`]: {},
+        },
+      '&.nui-progress-rounded-md, &.nui-progress-rounded-md .nui-progress-bar':
+        {
+          [`@apply ${config.rounded.md}`]: {},
+        },
+      '&.nui-progress-rounded-lg, &.nui-progress-rounded-lg .nui-progress-bar':
+        {
+          [`@apply ${config.rounded.lg}`]: {},
+        },
+      '&.nui-progress-rounded-full, &.nui-progress-rounded-full .nui-progress-bar':
+        {
+          [`@apply ${config.rounded.full}`]: {},
+        },
       '&.nui-progress-indeterminate .nui-progress-bar': {
         '@apply w-full': {},
       },

diff --git a/src/plugins/components/progress/progress.variants.ts b/src/plugins/components/progress/progress.variants.ts
@@ -18,10 +18,10 @@ export const contrast = {
 
 export const rounded = {
   none: '',
-  sm: 'nui-progress-rounded',
-  md: 'nui-progress-smooth',
-  lg: 'nui-progress-curved',
-  full: 'nui-progress-full',
+  sm: 'nui-progress-rounded-sm',
+  md: 'nui-progress-rounded-md',
+  lg: 'nui-progress-rounded-lg',
+  full: 'nui-progress-rounded-full',
 } as const satisfies ProgressVariant<'rounded'>
 
 export const size = {