fix(IconBox): change invert color name to light

shuriken-ui · Feb 22, 2024 · 15b0d15 · 15b0d15
1 parent b47deb1
commit 15b0d15
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 18 deletions.
diff --git a/src/plugins/components/icon-box/icon-box.config.ts b/src/plugins/components/icon-box/icon-box.config.ts
@@ -90,7 +90,7 @@ export const defaultConfig = {
             },
           },
         },
-        invert: {
+        light: {
           background: {
             light: 'white',
             dark: 'muted-950',
@@ -212,7 +212,7 @@ export const defaultConfig = {
             },
           },
         },
-        invert: {
+        light: {
           background: {
             light: 'white/10',
             dark: 'white/10',
@@ -342,7 +342,7 @@ export const defaultConfig = {
             },
           },
         },
-        invert: {
+        light: {
           background: {
             light: 'transparent',
             dark: 'transparent',

diff --git a/src/plugins/components/icon-box/icon-box.types.ts b/src/plugins/components/icon-box/icon-box.types.ts
@@ -8,7 +8,7 @@ export interface IconBoxProps extends Record<string, unknown> {
     | 'default-contrast'
     | 'dark'
     | 'black'
-    | 'invert'
+    | 'light'
     | 'primary'
     | 'info'
     | 'success'

diff --git a/src/plugins/components/icon-box/icon-box.variants.ts b/src/plugins/components/icon-box/icon-box.variants.ts
@@ -26,7 +26,7 @@ export const variant = {
 export const color = {
   default: 'nui-box-default',
   'default-contrast': 'nui-box-default-contrast',
-  invert: 'nui-box-invert',
+  light: 'nui-box-light',
   dark: 'nui-box-dark',
   black: 'nui-box-black',
   primary: 'nui-box-primary',

diff --git a/src/plugins/components/icon-box/index.ts b/src/plugins/components/icon-box/index.ts
@@ -145,13 +145,13 @@ export default plugin(({ addComponents, theme }) => {
           [`@apply bg-${config.color.variant.solid.defaultContrast.background.light} dark:bg-${config.color.variant.solid.defaultContrast.background.dark}`]:
             {},
         },
-        //Color:invert
-        '&.nui-box-invert': {
+        //Color:light
+        '&.nui-box-light': {
           //Font
-          [`@apply text-${config.color.variant.solid.invert.font.color.light} dark:text-${config.color.variant.solid.invert.font.color.dark}`]:
+          [`@apply text-${config.color.variant.solid.light.font.color.light} dark:text-${config.color.variant.solid.light.font.color.dark}`]:
             {},
           //Background
-          [`@apply bg-${config.color.variant.solid.invert.background.light} dark:bg-${config.color.variant.solid.invert.background.dark}`]:
+          [`@apply bg-${config.color.variant.solid.light.background.light} dark:bg-${config.color.variant.solid.light.background.dark}`]:
             {},
         },
         //Color:dark
@@ -238,13 +238,13 @@ export default plugin(({ addComponents, theme }) => {
           [`@apply bg-${config.color.variant.pastel.defaultContrast.background.light} dark:bg-${config.color.variant.pastel.defaultContrast.background.dark}`]:
             {},
         },
-        //Color:invert
-        '&.nui-box-invert': {
+        //Color:light
+        '&.nui-box-light': {
           //Font
-          [`@apply text-${config.color.variant.pastel.invert.font.color.light} dark:text-${config.color.variant.pastel.invert.font.color.dark}`]:
+          [`@apply text-${config.color.variant.pastel.light.font.color.light} dark:text-${config.color.variant.pastel.light.font.color.dark}`]:
             {},
           //Background
-          [`@apply bg-${config.color.variant.pastel.invert.background.light} dark:bg-${config.color.variant.pastel.invert.background.dark}`]:
+          [`@apply bg-${config.color.variant.pastel.light.background.light} dark:bg-${config.color.variant.pastel.light.background.dark}`]:
             {},
         },
         //Color:dark
@@ -337,16 +337,16 @@ export default plugin(({ addComponents, theme }) => {
           [`@apply border-2 border-${config.color.variant.outline.defaultContrast.border.light} dark:border-${config.color.variant.outline.defaultContrast.border.dark}`]:
             {},
         },
-        //Color:invert
-        '&.nui-box-invert': {
+        //Color:light
+        '&.nui-box-light': {
           //Font
-          [`@apply text-${config.color.variant.outline.invert.font.color.light} dark:text-${config.color.variant.outline.invert.font.color.dark}`]:
+          [`@apply text-${config.color.variant.outline.light.font.color.light} dark:text-${config.color.variant.outline.light.font.color.dark}`]:
             {},
           //Background
-          [`@apply bg-${config.color.variant.outline.invert.background.light}  bg-${config.color.variant.outline.invert.background.dark}`]:
+          [`@apply bg-${config.color.variant.outline.light.background.light}  bg-${config.color.variant.outline.light.background.dark}`]:
             {},
           //Border
-          [`@apply border-2 border-${config.color.variant.outline.invert.border.light} dark:border-${config.color.variant.outline.invert.border.dark}`]:
+          [`@apply border-2 border-${config.color.variant.outline.light.border.light} dark:border-${config.color.variant.outline.light.border.dark}`]:
             {},
         },
         //Color:dark