chore(text): do not set any class name if color should be inherited

discue · Apr 15, 2023 · 6e49cb7 · 6e49cb7
1 parent 8706963
commit 6e49cb7
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 5 deletions.
diff --git a/src/components/text.vue b/src/components/text.vue
@@ -49,7 +49,7 @@ const fontColor = computed(() => {
     } else if (props.highlight) {
         return getThemeProperty('text.color.highlight').value
     } else if (props.inheritColor) {
-        return getThemeProperty('text.color.inherit').value
+        return ''
     } else {
         return getThemeProperty('text.color.default').value
     }

diff --git a/src/theme-keys.js b/src/theme-keys.js
@@ -22,7 +22,6 @@ export const TEXT_SIZE_LARGE = 'text.size.large'
 export const TEXT_COLOR_DEFAULT = 'text.color.default'
 export const TEXT_COLOR_LIGHT = 'text.color.light'
 export const TEXT_COLOR_HIGHLIGHT = 'text.color.highlight'
-export const TEXT_COLOR_INHERIT = 'text.color.inherit'
 export const TEXT_WEIGHT_DEFAULT = 'text.weight.default'
 export const TEXT_WEIGHT_HIGHLIGHT = 'text.weight.highlight'
 export const FORM_ELEMENT_INPUT_TEXT_SIZE_DEFAULT = 'formElementInput.textSize.default'

diff --git a/src/theme.js b/src/theme.js
@@ -64,8 +64,7 @@ const theme = {
         color: {
             'default': ref('text-gray-900'),
             'light': ref('text-gray-100'),
-            'highlight': ref('text-gray-900'),
-            'inherit': ref('text-inherit'),
+            'highlight': ref('text-gray-900')
         },
         weight: {
             'default': ref('font-base'),

diff --git a/tests/unit/text.spec.js b/tests/unit/text.spec.js
@@ -99,6 +99,6 @@ describe('Text.vue', () => {
         inheritColor: true
       }
     })
-    expect(wrapper.classes()).to.include('text-inherit')
+    expect(wrapper.classes()).to.not.include('text-')
   })
 })