feat(colors): add hover colors to @carbon/colors

[joshblack]

Closes #8822

This PR updates our @carbon/colors package to include the hover palette from the IDL. It also updates our build task to export hover variables in Sass.

Changelog

New

• Hover colors from the IDL

Changed

• Update build taskt to emit hover colors

Removed

Testing / Reviewing

• Pull down the PR locally
• Make sure to run yarn build in @carbon/colors
• Verify that the scss/mixins.scss file includes the hover colors from the IDL
• Verify that the index.scss file includes the hover colors from the IDL

[joshblack]

FYI @sstrubberg here's that draft PR!

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: e1a51c5

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/60d50a4eb84985000813696f

😎 Browse the preview: https://deploy-preview-8942--carbon-elements.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: e1a51c5

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/60d50a4ef2583a000757f528

😎 Browse the preview: https://deploy-preview-8942--carbon-components-react.netlify.app

[sstrubberg]

FYI @sstrubberg here's that draft PR!

Thx! I got all the colors in. Still getting some build errors though and i'm not confident about the tests either.

[netlify]

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: e1a51c5

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/60d50a4e97b0a600075d8340

😎 Browse the preview: https://deploy-preview-8942--carbon-react-next.netlify.app/iframe

[joshblack]

FYI @aagonzales in this PR we are adding the hover colors from the IDL into the colors package. We used the values from the file and converted them to HEX. The value themselves are defined in the colors.js file in the PR 👀

[sstrubberg]

so many colors!

[emyarod]

looks good to me

[joshblack]

Also just a heads up @aagonzales I updated the colors preview so the table should include the color hovers in there with the hex value 👍

[aagonzales]

Values that need to be updated:
Purple-10-hover: #ede5ff
Cyan-100-hover: #0b2947
Blue-30-hover: #8ab6ff

[joshblack]

Thanks @aagonzales ! Just updated. Just a quick heads up, all the *.snap files are generated so feel free to look at the colors.js file here: https://github.com/carbon-design-system/carbon/pull/8942/files#diff-e2ecd2a0df3376b7c433e2fdc41d587c14a3b56ce0b6bfa65bb6385246fe69e7 and disregard the rest (should save some time, I hope 🤞 )

[aagonzales]

lol i was dumb and didn't even think to look at the elements preview smh