diff --git a/src/plugins/components/pagination/index.ts b/src/plugins/components/pagination/index.ts index b8a22d8..cc81b97 100644 --- 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 index 10f6826..b7495e8 100644 --- 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 = {