fix(Pagination): rename rounded classes to match props

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

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/plugins/components/pagination/index.ts b/src/plugins/components/pagination/index.ts
@@ -178,22 +178,22 @@ export default plugin(({ addComponents, theme }) => {
           {},
       },
       //Rounded:sm
-      '&.nui-pagination-rounded .nui-pagination-list, &.nui-pagination-rounded .nui-pagination-buttons, &.nui-pagination-rounded .nui-pagination-buttons .nui-pagination-button,  &.nui-pagination-rounded .nui-pagination-link, &.nui-pagination-rounded .nui-pagination-ellipsis':
+      '&.nui-pagination-rounded-sm .nui-pagination-list, &.nui-pagination-rounded-sm .nui-pagination-buttons, &.nui-pagination-rounded-sm .nui-pagination-buttons .nui-pagination-button,  &.nui-pagination-rounded-sm .nui-pagination-link, &.nui-pagination-rounded-sm .nui-pagination-ellipsis':
         {
           [`@apply ${config.rounded.sm}`]: {},
         },
       //Rounded:md
-      '&.nui-pagination-smooth .nui-pagination-list, &.nui-pagination-smooth .nui-pagination-buttons, &.nui-pagination-smooth .nui-pagination-buttons .nui-pagination-button,  &.nui-pagination-smooth .nui-pagination-link, &.nui-pagination-smooth .nui-pagination-ellipsis':
+      '&.nui-pagination-rounded-md .nui-pagination-list, &.nui-pagination-rounded-md .nui-pagination-buttons, &.nui-pagination-rounded-md .nui-pagination-buttons .nui-pagination-button,  &.nui-pagination-rounded-md .nui-pagination-link, &.nui-pagination-rounded-md .nui-pagination-ellipsis':
         {
           [`@apply ${config.rounded.md}`]: {},
         },
       //Rounded:lg
-      '&.nui-pagination-curved .nui-pagination-list, &.nui-pagination-curved .nui-pagination-buttons, &.nui-pagination-curved .nui-pagination-buttons .nui-pagination-button,  &.nui-pagination-curved .nui-pagination-link, &.nui-pagination-curved .nui-pagination-ellipsis':
+      '&.nui-pagination-rounded-lg .nui-pagination-list, &.nui-pagination-rounded-lg .nui-pagination-buttons, &.nui-pagination-rounded-lg .nui-pagination-buttons .nui-pagination-button,  &.nui-pagination-rounded-lg .nui-pagination-link, &.nui-pagination-rounded-lg .nui-pagination-ellipsis':
         {
           [`@apply ${config.rounded.lg}`]: {},
         },
       //Rounded:full
-      '&.nui-pagination-full .nui-pagination-list, &.nui-pagination-full .nui-pagination-buttons, &.nui-pagination-full .nui-pagination-buttons .nui-pagination-button,  &.nui-pagination-full .nui-pagination-link, &.nui-pagination-full .nui-pagination-ellipsis':
+      '&.nui-pagination-rounded-full .nui-pagination-list, &.nui-pagination-rounded-full .nui-pagination-buttons, &.nui-pagination-rounded-full .nui-pagination-buttons .nui-pagination-button,  &.nui-pagination-rounded-full .nui-pagination-link, &.nui-pagination-rounded-full .nui-pagination-ellipsis':
         {
           [`@apply ${config.rounded.full}`]: {},
         },

diff --git a/src/plugins/components/pagination/pagination.variants.ts b/src/plugins/components/pagination/pagination.variants.ts
@@ -2,10 +2,10 @@ import type { PaginationVariant } from './pagination.types'
 
 export const rounded = {
   none: '',
-  sm: 'nui-pagination-rounded',
-  md: 'nui-pagination-smooth',
-  lg: 'nui-pagination-curved',
-  full: 'nui-pagination-full',
+  sm: 'nui-pagination-rounded-sm',
+  md: 'nui-pagination-rounded-md',
+  lg: 'nui-pagination-rounded-lg',
+  full: 'nui-pagination-rounded-full',
 } as const satisfies PaginationVariant<'rounded'>
 
 export const color = {