Currently, the font color of labels is not altered whenever a component is disabled. Labels should display a disabled style in order to make more clear to users that the component is not available for interaction.
To Reproduce:
- In the Wikit storybook, go to the TextInput component page (In production: https://wmde.github.io/wikit/?path=/story/vue_input-textinput--all)
- Observe that the label for the second TextInput (disabled state) is still dark
ACs 🏕️🌟:
- When a component that is accompanied by a label (e.g. text input, dropdown, lookup, etc) is disabled, its label should also display a disabled state.
Notes:
- The Label.json file should include the token font-color-disabled: {font.color.disabled.value}, to be used in the label mixin
- Special thanks to @ECohen_WMDE for catching this 🙏🏻