Unable to override HvButton font color with variant=warning

[fookoo]

Which UI Kit version is this bug for?

v5.x

Latest version

• [X] I have tested the latest version

No Hitachi confidential content

• [X] I'm not including any Hitachi confidential content

Current behavior 😯

const theme = createTheme({
  name: 'theme',
  base: 'ds5',
  inheritColorModes: true,
  components: {
    HvButton: {
      classes: {
        warning: {
          color: 'red'
        }
      }
    }
  }
})

it doesnt affect my <HvButton variant='warning'>Ok</HvButton>

works with "secondaryGhost" and others

Expected behavior 🤔

i would like to be able to override this

Your Environment 🌎

Build tool: Vite Device & OS: PC Linux Browser: Chrome

[MEsteves22]

Hello @fookoo 👋

This is not working because the component doesn't have a warning class at the moment. Just to get a better understanding, do you want to change the color for all buttons with the warning variant in your app or only one specific component? If the latter, creating a specific component would be better. If the former, don't you want to change the warning color in your app globally and not just for the button? If so, overriding the color tokens is more appropriate. 🙏