feat(colors): add new set for unified ramp of category colors in Teams theme

[natashamayurshah]

Add all variants for the new set of category colors.

[codecov]

Codecov Report

Merging #1711 into master will increase coverage by 0.03%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master    #1711      +/-   ##
==========================================
+ Coverage   69.78%   69.82%   +0.03%     
==========================================
  Files         872      871       -1     
  Lines        7503     7506       +3     
  Branches     2183     2180       -3     
==========================================
+ Hits         5236     5241       +5     
+ Misses       2259     2257       -2     
  Partials        8        8

Impacted Files	Coverage Δ
packages/react/src/themes/teams/siteVariables.ts	100% <ø> (ø)	⬆️
...ges/react/src/themes/teams-high-contrast/colors.ts	100% <100%> (ø)	⬆️
packages/react/src/themes/teams-dark/colors.ts	100% <100%> (ø)	⬆️
packages/react/src/themes/teams/categoryColors.ts	100% <100%> (ø)
...ges/react/src/components/Dropdown/DropdownItem.tsx	71.42% <0%> (-6.35%)	⬇️
...ackages/react/src/components/Dropdown/Dropdown.tsx	88.22% <0%> (-0.03%)	⬇️
...hemes/teams/components/Icon/svg/icons/audioOff.tsx
...ms/components/Icon/svg/icons/clipboardCopiedTo.tsx
...es/teams/components/Dropdown/dropdownItemStyles.ts	8.33% <0%> (+1.19%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update fc927f0...7efb18a. Read the comment docs.

[mnajdova]

Let's preserve the previous naming convention and rename this to categoryColorScheme

[mnajdova]

Let's replaced foreground1 with foreground and foreground2 with foreground1

[mnajdova]

Also, is there a plan for the future, more of these colors to be added in the color scheme? Not sure why we have so many values in the color palette, but we clearly only use a subset of them..

[natashamayurshah]

Moving the second comment discussion into the conversation with Sue Nguyen.

[mnajdova]

If this is supposed to be Strict, let's remove the Partial from the definition. If it is not suppose to be Strict, let's change the name to CategoryColors.

[mnajdova]

Also these typings are specific to team theme, so we may move them to packages/react/src/themes/teams/types.ts

[mnajdova]

ColorValues is already a generic, can't we just reuse it with different params

[mnajdova]

We may also reuse the generics from the original ColorSchemeMapping type

[mnajdova]

Final thing :) Let's add entry in the CHANGELOG.md file under ## [Unreleased]'s ### Features section, something like this:

• Add categoryColors and categoryColorScheme in Teams theme @natashamayurshah (#1711)