feat(Themes): add in G80 theme

[tw15egan]

Closes #8471

Adds in the g80 theme for inline theming efforts

Changelog

New

• g80 is now available as a theme.

Changed

• Added g80 to the theme switcher in deploy previews

Testing / Reviewing

@aagonzales I didn't see a token for linkPrimaryHover, I think that's the only one missing

[netlify]

Deploy preview for carbon-elements ready!

Built with commit b970a25

https://deploy-preview-8478--carbon-elements.netlify.app

[netlify]

Deploy preview for carbon-components-react ready!

Built with commit b970a25

https://deploy-preview-8478--carbon-components-react.netlify.app

[netlify]

Deploy preview for carbon-elements ready!

Built with commit a02f4f9

https://deploy-preview-8478--carbon-elements.netlify.app

[netlify]

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit a02f4f9

https://deploy-preview-8478--carbon-components-react.netlify.app

[aagonzales]

@tw15egan Some of the components aren't rendering correctly because its tokens haven't been updated yet. Should we have the v10 tokens values defined for Gray 80? Or will that not matter once we update everything.

[tw15egan]

@aagonzales yeah so I added this one in the opposite way of the other theme updates with new tokens in that I set the new token value to the IDL color and referenced the old tokens to the new ones.

Will g80 be available as a theme in v10? If not, then we probably don't need to add them if we don't expose the theme on the website or anything

[aagonzales]

No its irrelevant in v10.

oh I see now, I hadn't gotten all the way to the bottom. Something with the selected states and some of the hovers is doing something weird. Let me see if I can figure out what is now that I know those bits

[jnm2377]

🔥

[aagonzales]

Something still isnt rendering correctly with the selected states. Select row backgrounds should be a shade lighter ie layer-selected: G60. I can't tell if its a value in the theme problem or if its just because the old tokens are being used and it will be fine once the new ones come through.

[tw15egan]

layerSelected is mapped to gray60, so in the new theme, it will be correct. It could be a mismatch between what we had with the old tokens and what we're mapping them to for backwards compatibility for now, I see thatselectedUI is mapped to backgroundSelected (gray70). Would mapping selectedUI to layerSelected possibly fix this?

[aagonzales]

Ok lets just leave it alone then. I wont look too hard at the components until they've all been updated with the new tokens.

[tw15egan]

@aagonzales I turned on the feature flag so it should all be using the new tokens in all components except the ones in this PR: #8427 (once the deploy is updated)

I'll turn it off before merging but should be the best way to test 👍🏻

[aagonzales]

Thanks TJ! That feature flagged really helped. Just one change I found.

[tw15egan]

@aagonzales updated 👍🏻

[aagonzales]

🎉 cool! looks good now!