diff --git a/src/plugins/components/input-file/index.ts b/src/plugins/components/input-file/index.ts index 155b0f5..73cd883 100644 --- a/src/plugins/components/input-file/index.ts +++ b/src/plugins/components/input-file/index.ts @@ -292,7 +292,7 @@ export default plugin(({ addComponents, theme }) => { }, }, //Rounded:sm - '&.nui-input-file-rounded': { + '&.nui-input-file-rounded-sm': { '&.nui-input-file-drop, &.nui-input-file-button': { [`@apply ${config.rounded.sm}`]: {}, }, @@ -304,7 +304,7 @@ export default plugin(({ addComponents, theme }) => { }, }, //Rounded:md - '&.nui-input-file-smooth': { + '&.nui-input-file-rounded-md': { '&.nui-input-file-drop, &.nui-input-file-button': { [`@apply ${config.rounded.md}`]: {}, }, @@ -316,7 +316,7 @@ export default plugin(({ addComponents, theme }) => { }, }, //Rounded:lg - '&.nui-input-file-curved': { + '&.nui-input-file-rounded-lg': { '&.nui-input-file-drop, &.nui-input-file-button': { [`@apply ${config.rounded.lg}`]: {}, }, @@ -328,7 +328,7 @@ export default plugin(({ addComponents, theme }) => { }, }, //Rounded:full - '&.nui-input-file-full': { + '&.nui-input-file-rounded-full': { '&.nui-input-file-drop, &.nui-input-file-button': { [`@apply ${config.rounded.full}`]: {}, }, diff --git a/src/plugins/components/input-file/input-file.variants.ts b/src/plugins/components/input-file/input-file.variants.ts index fb5e9df..691bd00 100644 --- a/src/plugins/components/input-file/input-file.variants.ts +++ b/src/plugins/components/input-file/input-file.variants.ts @@ -2,10 +2,10 @@ import type { InputFileVariant } from './input-file.types' export const rounded = { none: '', - sm: 'nui-input-file-rounded', - md: 'nui-input-file-smooth', - lg: 'nui-input-file-curved', - full: 'nui-input-file-full', + sm: 'nui-input-file-rounded-sm', + md: 'nui-input-file-rounded-md', + lg: 'nui-input-file-rounded-lg', + full: 'nui-input-file-rounded-full', } as const satisfies InputFileVariant<'rounded'> export const color = {