fix(InputFile): rename white and white-contrast colors to default and…

… default-contrast
shuriken-ui · Feb 20, 2024 · d0111e4 · d0111e4
1 parent b0f2290
commit d0111e4
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 24 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -8,7 +8,7 @@ export interface InputFileRegularProps extends Record<string, unknown> {
   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
@@ -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'>