feat: migration of tokens to spectrum 2

Expanding the existing themes system to support the new S2 mappings.

---
Co-authored-by: castastrophe <[email protected]>
Co-authored-by: Patrick Fulton <[email protected]>
Co-authored-by: Cory Dransfeldt <[email protected]>
Co-authored-by: Aziz Ramos <[email protected]>
Co-authored-by: Josh Winn <[email protected]>
Co-authored-by: Rise Erpelding <[email protected]>
Co-authored-by: Marissa Huysentruyt <[email protected]>
Co-authored-by: Rajdeep Chandra <[email protected]>
Co-authored-by: TarunAdobe <[email protected]>

.changeset/afraid-cycles-wash.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/stepper": major
+---
+
+Stepper bug fixes for S1 and Express variants.

.changeset/big-hats-happen.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/actionbutton": patch
+---
+
+[SWC-248]: Selected, static black actionbutton content color should be white, not black

.changeset/big-pandas-end.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tokens": minor
+---
+
+Add a stylelint ignore for typography case

.changeset/calm-socks-speak.md

@@ -0,0 +1,85 @@
+---
+"@spectrum-css/opacitycheckerboard": minor
+"@spectrum-css/illustratedmessage": minor
+"@spectrum-css/coachindicator": minor
+"@spectrum-css/contextualhelp": minor
+"@spectrum-css/progresscircle": minor
+"@spectrum-css/dropindicator": minor
+"@spectrum-css/infieldbutton": minor
+"@spectrum-css/actionbutton": minor
+"@spectrum-css/pickerbutton": minor
+"@spectrum-css/actiongroup": minor
+"@spectrum-css/alertbanner": minor
+"@spectrum-css/alertdialog": minor
+"@spectrum-css/buttongroup": minor
+"@spectrum-css/clearbutton": minor
+"@spectrum-css/closebutton": minor
+"@spectrum-css/colorhandle": minor
+"@spectrum-css/colorslider": minor
+"@spectrum-css/inlinealert": minor
+"@spectrum-css/logicbutton": minor
+"@spectrum-css/progressbar": minor
+"@spectrum-css/statuslight": minor
+"@spectrum-css/swatchgroup": minor
+"@spectrum-css/actionmenu": minor
+"@spectrum-css/breadcrumb": minor
+"@spectrum-css/colorloupe": minor
+"@spectrum-css/colorwheel": minor
+"@spectrum-css/datepicker": minor
+"@spectrum-css/fieldgroup": minor
+"@spectrum-css/fieldlabel": minor
+"@spectrum-css/pagination": minor
+"@spectrum-css/typography": minor
+"@spectrum-css/accordion": minor
+"@spectrum-css/actionbar": minor
+"@spectrum-css/assetcard": minor
+"@spectrum-css/assetlist": minor
+"@spectrum-css/coachmark": minor
+"@spectrum-css/colorarea": minor
+"@spectrum-css/splitview": minor
+"@spectrum-css/textfield": minor
+"@spectrum-css/thumbnail": minor
+"@spectrum-css/calendar": minor
+"@spectrum-css/checkbox": minor
+"@spectrum-css/combobox": minor
+"@spectrum-css/dropzone": minor
+"@spectrum-css/helptext": minor
+"@spectrum-css/steplist": minor
+"@spectrum-css/taggroup": minor
+"@spectrum-css/treeview": minor
+"@spectrum-css/underlay": minor
+"@spectrum-css/commons": minor
+"@spectrum-css/divider": minor
+"@spectrum-css/popover": minor
+"@spectrum-css/sidenav": minor
+"@spectrum-css/stepper": minor
+"@spectrum-css/tooltip": minor
+"@spectrum-css/avatar": minor
+"@spectrum-css/button": minor
+"@spectrum-css/dialog": minor
+"@spectrum-css/miller": minor
+"@spectrum-css/picker": minor
+"@spectrum-css/rating": minor
+"@spectrum-css/search": minor
+"@spectrum-css/slider": minor
+"@spectrum-css/swatch": minor
+"@spectrum-css/switch": minor
+"@spectrum-css/asset": minor
+"@spectrum-css/badge": minor
+"@spectrum-css/modal": minor
+"@spectrum-css/radio": minor
+"@spectrum-css/table": minor
+"@spectrum-css/toast": minor
+"@spectrum-css/card": minor
+"@spectrum-css/dial": minor
+"@spectrum-css/icon": minor
+"@spectrum-css/link": minor
+"@spectrum-css/menu": minor
+"@spectrum-css/tabs": minor
+"@spectrum-css/tray": minor
+"@spectrum-css/well": minor
+"@spectrum-css/tag": minor
+"@spectrum-css/tokens": minor
+---
+
+Fixes to index.css imports to ensure appropriate system mappings get loaded

.changeset/clever-walls-glow.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/floatingactionbutton": minor
+---
+
+Fixes to static white background color and selected states

.changeset/cyan-actors-rest.md

@@ -0,0 +1,87 @@
+---
+"@spectrum-css/floatingactionbutton": patch
+"@spectrum-css/opacitycheckerboard": patch
+"@spectrum-css/illustratedmessage": patch
+"@spectrum-css/coachindicator": patch
+"@spectrum-css/contextualhelp": patch
+"@spectrum-css/progresscircle": patch
+"@spectrum-css/dropindicator": patch
+"@spectrum-css/infieldbutton": patch
+"@spectrum-css/actionbutton": patch
+"@spectrum-css/pickerbutton": patch
+"@spectrum-css/actiongroup": patch
+"@spectrum-css/alertbanner": patch
+"@spectrum-css/alertdialog": patch
+"@spectrum-css/buttongroup": patch
+"@spectrum-css/clearbutton": patch
+"@spectrum-css/closebutton": patch
+"@spectrum-css/colorhandle": patch
+"@spectrum-css/colorslider": patch
+"@spectrum-css/inlinealert": patch
+"@spectrum-css/logicbutton": patch
+"@spectrum-css/progressbar": patch
+"@spectrum-css/statuslight": patch
+"@spectrum-css/swatchgroup": patch
+"@spectrum-css/actionmenu": patch
+"@spectrum-css/breadcrumb": patch
+"@spectrum-css/colorloupe": patch
+"@spectrum-css/colorwheel": patch
+"@spectrum-css/datepicker": patch
+"@spectrum-css/fieldgroup": patch
+"@spectrum-css/fieldlabel": patch
+"@spectrum-css/pagination": patch
+"@spectrum-css/typography": patch
+"@spectrum-css/accordion": patch
+"@spectrum-css/actionbar": patch
+"@spectrum-css/assetcard": patch
+"@spectrum-css/assetlist": patch
+"@spectrum-css/coachmark": patch
+"@spectrum-css/colorarea": patch
+"@spectrum-css/splitview": patch
+"@spectrum-css/textfield": patch
+"@spectrum-css/thumbnail": patch
+"@spectrum-css/calendar": patch
+"@spectrum-css/checkbox": patch
+"@spectrum-css/combobox": patch
+"@spectrum-css/dropzone": patch
+"@spectrum-css/helptext": patch
+"@spectrum-css/steplist": patch
+"@spectrum-css/taggroup": patch
+"@spectrum-css/treeview": patch
+"@spectrum-css/underlay": patch
+"@spectrum-css/commons": patch
+"@spectrum-css/divider": patch
+"@spectrum-css/popover": patch
+"@spectrum-css/sidenav": patch
+"@spectrum-css/stepper": patch
+"@spectrum-css/tooltip": patch
+"@spectrum-css/avatar": patch
+"@spectrum-css/button": patch
+"@spectrum-css/dialog": patch
+"@spectrum-css/miller": patch
+"@spectrum-css/picker": patch
+"@spectrum-css/rating": patch
+"@spectrum-css/search": patch
+"@spectrum-css/slider": patch
+"@spectrum-css/swatch": patch
+"@spectrum-css/switch": patch
+"@spectrum-css/asset": patch
+"@spectrum-css/badge": patch
+"@spectrum-css/modal": patch
+"@spectrum-css/radio": patch
+"@spectrum-css/table": patch
+"@spectrum-css/toast": patch
+"@spectrum-css/card": patch
+"@spectrum-css/dial": patch
+"@spectrum-css/icon": patch
+"@spectrum-css/link": patch
+"@spectrum-css/menu": patch
+"@spectrum-css/tabs": patch
+"@spectrum-css/tray": patch
+"@spectrum-css/well": patch
+"@spectrum-css/tag": patch
+"@spectrum-css/preview": patch
+"@spectrum-css/tokens": patch
+---
+
+Doing a widespread release on all packages to ensure the latest compiled CSS is published.

.changeset/dull-pandas-grin.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/coachmark": minor
+---
+
+Move the coachmark modifiers out of the theme to the base index.css.

.changeset/empty-countries-act.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/clearbutton": major
+---
+
+Migrating Clear Button disabled variants to index.css

.changeset/fair-parents-rush.md

@@ -0,0 +1,87 @@
+---
+"@spectrum-css/floatingactionbutton": major
+"@spectrum-css/opacitycheckerboard": major
+"@spectrum-css/illustratedmessage": major
+"@spectrum-css/coachindicator": major
+"@spectrum-css/contextualhelp": major
+"@spectrum-css/progresscircle": major
+"@spectrum-css/dropindicator": major
+"@spectrum-css/infieldbutton": major
+"@spectrum-css/actionbutton": major
+"@spectrum-css/pickerbutton": major
+"@spectrum-css/actiongroup": major
+"@spectrum-css/alertbanner": major
+"@spectrum-css/alertdialog": major
+"@spectrum-css/buttongroup": major
+"@spectrum-css/clearbutton": major
+"@spectrum-css/closebutton": major
+"@spectrum-css/colorhandle": major
+"@spectrum-css/colorslider": major
+"@spectrum-css/inlinealert": major
+"@spectrum-css/logicbutton": major
+"@spectrum-css/progressbar": major
+"@spectrum-css/statuslight": major
+"@spectrum-css/swatchgroup": major
+"@spectrum-css/actionmenu": major
+"@spectrum-css/breadcrumb": major
+"@spectrum-css/colorloupe": major
+"@spectrum-css/colorwheel": major
+"@spectrum-css/datepicker": major
+"@spectrum-css/fieldgroup": major
+"@spectrum-css/fieldlabel": major
+"@spectrum-css/pagination": major
+"@spectrum-css/typography": major
+"@spectrum-css/accordion": major
+"@spectrum-css/actionbar": major
+"@spectrum-css/assetcard": major
+"@spectrum-css/assetlist": major
+"@spectrum-css/coachmark": major
+"@spectrum-css/colorarea": major
+"@spectrum-css/splitview": major
+"@spectrum-css/textfield": major
+"@spectrum-css/thumbnail": major
+"@spectrum-css/calendar": major
+"@spectrum-css/checkbox": major
+"@spectrum-css/combobox": major
+"@spectrum-css/dropzone": major
+"@spectrum-css/helptext": major
+"@spectrum-css/steplist": major
+"@spectrum-css/taggroup": major
+"@spectrum-css/treeview": major
+"@spectrum-css/underlay": major
+"@spectrum-css/commons": major
+"@spectrum-css/divider": major
+"@spectrum-css/popover": major
+"@spectrum-css/sidenav": major
+"@spectrum-css/stepper": major
+"@spectrum-css/tooltip": major
+"@spectrum-css/avatar": major
+"@spectrum-css/button": major
+"@spectrum-css/dialog": major
+"@spectrum-css/miller": major
+"@spectrum-css/picker": major
+"@spectrum-css/rating": major
+"@spectrum-css/search": major
+"@spectrum-css/slider": major
+"@spectrum-css/swatch": major
+"@spectrum-css/switch": major
+"@spectrum-css/asset": major
+"@spectrum-css/badge": major
+"@spectrum-css/modal": major
+"@spectrum-css/radio": major
+"@spectrum-css/table": major
+"@spectrum-css/toast": major
+"@spectrum-css/card": major
+"@spectrum-css/dial": major
+"@spectrum-css/icon": major
+"@spectrum-css/link": major
+"@spectrum-css/menu": major
+"@spectrum-css/tabs": major
+"@spectrum-css/tray": major
+"@spectrum-css/well": major
+"@spectrum-css/tag": major
+"@spectrum-css/preview": major
+"@spectrum-css/tokens": major
+---
+
+Updated build to set cssnano to discardUnused: false

.changeset/few-frogs-mate.md

@@ -0,0 +1,13 @@
+---
+"@spectrum-css/progressbar": major
+"@spectrum-css/fieldlabel": major
+"@spectrum-css/meter": major
+"@spectrum-css/card": major
+"@spectrum-css/form": major
+"@spectrum-css/menu": major
+---
+
+Pulled out _form_ from _fieldlabel_ package.
+Pulled out _meter_ from _progressbar_ package.
+
+[SWC-522] fix hover style regression

.changeset/fluffy-apes-breathe.md

@@ -0,0 +1,11 @@
+---
+"@spectrum-css/typography": patch
+"@spectrum-css/combobox": patch
+"@spectrum-css/stepper": patch
+---
+
+Combobox moved the quiet min-inline-size property to index.css from theme to pick up the t-shirt sizing for the calc.
+
+Typography increases specificity for the t-shirt sizing.
+
+Stepper fixes for the disabled + hovered states as well as regressions fixed for the quiet variant.

.changeset/fluffy-months-battle.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/coachindicator": minor
+---
+
+--mod properties were moved out of `coachindicator/themes/spectrum-two.css` into `coachindicator/index.css` so --mods can be applied at the component level.

.changeset/fresh-apes-invent.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/button": patch
+---
+
+[SWC-315]: Static white button mods should be applied at component level

.changeset/fresh-emus-worry.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/closebutton": patch
+---
+
+Typo in CloseButton classes for sizing

.changeset/fresh-games-itch.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/search": minor
+---
+
+Update offset mod placement for quiet button offsets

.changeset/fuzzy-brooms-jam.md

@@ -0,0 +1,7 @@
+---
+"@spectrum-css/combobox": minor
+"@spectrum-css/treeview": minor
+"@spectrum-css/tabs": minor
+---
+
+[CSS-890]: adjusts --mods to be applied inside of index.css

.changeset/fuzzy-jokes-begin.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tokens": patch
+---
+
+define undefined rgb tokens