diff --git a/src/plugins/components/input-file-regular/index.ts b/src/plugins/components/input-file-regular/index.ts index 7a44a70..fd48335 100644 --- a/src/plugins/components/input-file-regular/index.ts +++ b/src/plugins/components/input-file-regular/index.ts @@ -74,62 +74,62 @@ export default plugin(({ addComponents, theme }) => { [`@apply text-${config.error.font.color.light} dark:text-${config.error.font.color.dark}`]: {}, }, - //Color:white - '&.nui-input-white': { + //Color:default + '&.nui-input-default': { //Input:inner '.nui-input-file-inner': { //Base - [`@apply text-${config.color.white.inner.font.color.light} dark:text-${config.color.white.inner.font.color.dark}`]: + [`@apply text-${config.color.default.inner.font.color.light} dark:text-${config.color.default.inner.font.color.dark}`]: {}, //Background - [`@apply bg-${config.color.white.inner.background.light} dark:bg-${config.color.white.inner.background.dark}`]: + [`@apply bg-${config.color.default.inner.background.light} dark:bg-${config.color.default.inner.background.dark}`]: {}, //Border - [`@apply border border-${config.color.white.inner.border.light} dark:border-${config.color.white.inner.border.dark}`]: + [`@apply border border-${config.color.default.inner.border.light} dark:border-${config.color.default.inner.border.dark}`]: {}, //Placeholder - [`@apply placeholder:text-${config.color.white.inner.placeholder.light} dark:placeholder:text-${config.color.white.inner.placeholder.dark}`]: + [`@apply placeholder:text-${config.color.default.inner.placeholder.light} dark:placeholder:text-${config.color.default.inner.placeholder.dark}`]: {}, }, //Input:addon '.nui-input-file-addon': { //Background - [`@apply bg-${config.color.white.addon.background.light} dark:bg-${config.color.white.addon.background.dark}`]: + [`@apply bg-${config.color.default.addon.background.light} dark:bg-${config.color.default.addon.background.dark}`]: {}, //Color - [`@apply text-${config.color.white.addon.font.color.light} dark:text-${config.color.white.addon.font.color.dark}`]: + [`@apply text-${config.color.default.addon.font.color.light} dark:text-${config.color.default.addon.font.color.dark}`]: {}, //Border - [`@apply border-e border-${config.color.white.addon.border.light} dark:border-${config.color.white.addon.border.dark}`]: + [`@apply border-e border-${config.color.default.addon.border.light} dark:border-${config.color.default.addon.border.dark}`]: {}, }, }, - '&.nui-input-white-contrast': { + '&.nui-input-default-contrast': { //Input:inner '.nui-input-file-inner': { //Base - [`@apply text-${config.color.whiteContrast.inner.font.color.light} dark:text-${config.color.whiteContrast.inner.font.color.dark}`]: + [`@apply text-${config.color.defaultContrast.inner.font.color.light} dark:text-${config.color.defaultContrast.inner.font.color.dark}`]: {}, //Background - [`@apply bg-${config.color.whiteContrast.inner.background.light} dark:bg-${config.color.whiteContrast.inner.background.dark}`]: + [`@apply bg-${config.color.defaultContrast.inner.background.light} dark:bg-${config.color.defaultContrast.inner.background.dark}`]: {}, //Border - [`@apply border border-${config.color.whiteContrast.inner.border.light} dark:border-${config.color.whiteContrast.inner.border.dark}`]: + [`@apply border border-${config.color.defaultContrast.inner.border.light} dark:border-${config.color.defaultContrast.inner.border.dark}`]: {}, //Placeholder - [`@apply placeholder:text-${config.color.whiteContrast.inner.placeholder.light} dark:placeholder:text-${config.color.whiteContrast.inner.placeholder.dark}`]: + [`@apply placeholder:text-${config.color.defaultContrast.inner.placeholder.light} dark:placeholder:text-${config.color.defaultContrast.inner.placeholder.dark}`]: {}, }, //Input:addon '.nui-input-file-addon': { //Background - [`@apply bg-${config.color.whiteContrast.addon.background.light} dark:bg-${config.color.whiteContrast.addon.background.dark}`]: + [`@apply bg-${config.color.defaultContrast.addon.background.light} dark:bg-${config.color.defaultContrast.addon.background.dark}`]: {}, //Color - [`@apply text-${config.color.whiteContrast.addon.font.color.light} dark:text-${config.color.whiteContrast.addon.font.color.dark}`]: + [`@apply text-${config.color.defaultContrast.addon.font.color.light} dark:text-${config.color.defaultContrast.addon.font.color.dark}`]: {}, //Border - [`@apply border-e border border-${config.color.whiteContrast.addon.border.light} dark:border-${config.color.whiteContrast.addon.border.dark}`]: + [`@apply border-e border border-${config.color.defaultContrast.addon.border.light} dark:border-${config.color.defaultContrast.addon.border.dark}`]: {}, }, }, diff --git a/src/plugins/components/input-file-regular/input-file-regular.component.ts b/src/plugins/components/input-file-regular/input-file-regular.component.ts index e9c5998..0fbcfd7 100644 --- a/src/plugins/components/input-file-regular/input-file-regular.component.ts +++ b/src/plugins/components/input-file-regular/input-file-regular.component.ts @@ -16,7 +16,7 @@ export const InputFileRegular = ({ loading, placeholder, colorFocus, - contrast = 'white', + contrast = 'default', error, classes = { wrapper: '', diff --git a/src/plugins/components/input-file-regular/input-file-regular.config.ts b/src/plugins/components/input-file-regular/input-file-regular.config.ts index 7afe671..4f88671 100644 --- a/src/plugins/components/input-file-regular/input-file-regular.config.ts +++ b/src/plugins/components/input-file-regular/input-file-regular.config.ts @@ -73,7 +73,7 @@ export const defaultConfig = { }, }, color: { - white: { + default: { inner: { background: { light: 'white', @@ -111,7 +111,7 @@ export const defaultConfig = { }, }, }, - whiteContrast: { + defaultContrast: { inner: { background: { light: 'white', diff --git a/src/plugins/components/input-file-regular/input-file-regular.stories.ts b/src/plugins/components/input-file-regular/input-file-regular.stories.ts index 3ce2b16..d8d9c9c 100644 --- a/src/plugins/components/input-file-regular/input-file-regular.stories.ts +++ b/src/plugins/components/input-file-regular/input-file-regular.stories.ts @@ -32,7 +32,7 @@ const meta = { }, contrast: { control: { type: 'select' }, - options: ['white', 'white-contrast'], + options: ['default', 'default-contrast'], defaultValue: 'default', }, colorFocus: { diff --git a/src/plugins/components/input-file-regular/input-file-regular.types.ts b/src/plugins/components/input-file-regular/input-file-regular.types.ts index 0aa2a4b..2bd9ad7 100644 --- a/src/plugins/components/input-file-regular/input-file-regular.types.ts +++ b/src/plugins/components/input-file-regular/input-file-regular.types.ts @@ -8,7 +8,7 @@ export interface InputFileRegularProps extends Record { colorFocus?: boolean loading?: boolean size?: 'sm' | 'md' | 'lg' - contrast?: 'white' | 'white-contrast' + contrast?: 'default' | 'default-contrast' error?: string | boolean textValue?: (fileList?: FileList | null) => string classes?: { diff --git a/src/plugins/components/input-file-regular/input-file-regular.variants.ts b/src/plugins/components/input-file-regular/input-file-regular.variants.ts index ec0dd1f..99e7fb1 100644 --- a/src/plugins/components/input-file-regular/input-file-regular.variants.ts +++ b/src/plugins/components/input-file-regular/input-file-regular.variants.ts @@ -15,6 +15,6 @@ export const size = { } as const satisfies InputFileRegularVariant<'size'> export const contrast = { - white: 'nui-input-white', - 'white-contrast': 'nui-input-white-contrast', + default: 'nui-input-default', + 'default-contrast': 'nui-input-default-contrast', } as const satisfies InputFileRegularVariant<'contrast'>