From 4d0b427968c9b9cc63aabe919f4ecf3613b57fb1 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Fri, 31 Jan 2025 12:02:58 -0500 Subject: [PATCH] chore: s2 foundations intro release (#3526) Co-authored-by: github-actions[bot] --- .changeset/dull-ears-change.md | 2386 ----------------- .changeset/funny-pants-perform.md | 7 - .changeset/mean-adults-scream.md | 9 - .changeset/metal-walls-scream.md | 19 - .changeset/wise-otters-burn.md | 110 - .storybook/CHANGELOG.md | 26 + .storybook/package.json | 2 +- components/accordion/CHANGELOG.md | 34 + components/accordion/package.json | 6 +- components/actionbar/CHANGELOG.md | 37 + components/actionbar/package.json | 12 +- components/actionbutton/CHANGELOG.md | 34 + components/actionbutton/package.json | 6 +- components/actiongroup/CHANGELOG.md | 34 + components/actiongroup/package.json | 6 +- components/actionmenu/CHANGELOG.md | 37 + components/actionmenu/package.json | 12 +- components/alertbanner/CHANGELOG.md | 37 + components/alertbanner/package.json | 12 +- components/alertdialog/CHANGELOG.md | 38 + components/alertdialog/package.json | 14 +- components/asset/CHANGELOG.md | 33 + components/asset/package.json | 4 +- components/assetcard/CHANGELOG.md | 34 + components/assetcard/package.json | 6 +- components/assetlist/CHANGELOG.md | 35 + components/assetlist/package.json | 8 +- components/avatar/CHANGELOG.md | 33 + components/avatar/package.json | 4 +- components/badge/CHANGELOG.md | 34 + components/badge/package.json | 6 +- components/breadcrumb/CHANGELOG.md | 35 + components/breadcrumb/package.json | 8 +- components/button/CHANGELOG.md | 35 + components/button/package.json | 8 +- components/buttongroup/CHANGELOG.md | 34 + components/buttongroup/package.json | 6 +- components/calendar/CHANGELOG.md | 34 + components/calendar/package.json | 6 +- components/card/CHANGELOG.md | 38 + components/card/package.json | 14 +- components/checkbox/CHANGELOG.md | 34 + components/checkbox/package.json | 6 +- components/clearbutton/CHANGELOG.md | 34 + components/clearbutton/package.json | 6 +- components/closebutton/CHANGELOG.md | 34 + components/closebutton/package.json | 6 +- components/coachindicator/CHANGELOG.md | 33 + components/coachindicator/package.json | 4 +- components/coachmark/CHANGELOG.md | 39 + components/coachmark/package.json | 16 +- components/colorarea/CHANGELOG.md | 34 + components/colorarea/package.json | 6 +- components/colorhandle/CHANGELOG.md | 35 + components/colorhandle/package.json | 8 +- components/colorloupe/CHANGELOG.md | 33 + components/colorloupe/package.json | 4 +- components/colorslider/CHANGELOG.md | 35 + components/colorslider/package.json | 8 +- components/colorwheel/CHANGELOG.md | 36 + components/colorwheel/package.json | 10 +- components/combobox/CHANGELOG.md | 38 + components/combobox/package.json | 14 +- components/commons/CHANGELOG.md | 33 + components/commons/package.json | 2 +- components/contextualhelp/CHANGELOG.md | 36 + components/contextualhelp/package.json | 10 +- components/datepicker/CHANGELOG.md | 37 + components/datepicker/package.json | 12 +- components/dial/CHANGELOG.md | 33 + components/dial/package.json | 4 +- components/dialog/CHANGELOG.md | 37 + components/dialog/package.json | 12 +- components/divider/CHANGELOG.md | 33 + components/divider/package.json | 4 +- components/dropindicator/CHANGELOG.md | 34 + components/dropindicator/package.json | 6 +- components/dropzone/CHANGELOG.md | 36 + components/dropzone/package.json | 10 +- components/fieldgroup/CHANGELOG.md | 36 + components/fieldgroup/package.json | 10 +- components/fieldlabel/CHANGELOG.md | 34 + components/fieldlabel/package.json | 6 +- components/floatingactionbutton/CHANGELOG.md | 33 + components/floatingactionbutton/package.json | 4 +- components/form/CHANGELOG.md | 33 + components/form/package.json | 4 +- components/helptext/CHANGELOG.md | 34 + components/helptext/package.json | 6 +- components/icon/CHANGELOG.md | 33 + components/icon/package.json | 4 +- components/illustratedmessage/CHANGELOG.md | 34 + components/illustratedmessage/package.json | 6 +- components/infieldbutton/CHANGELOG.md | 34 + components/infieldbutton/package.json | 6 +- components/inlinealert/CHANGELOG.md | 35 + components/inlinealert/package.json | 8 +- components/link/CHANGELOG.md | 33 + components/link/package.json | 4 +- components/logicbutton/CHANGELOG.md | 33 + components/logicbutton/package.json | 4 +- components/menu/CHANGELOG.md | 42 + components/menu/package.json | 14 +- components/meter/CHANGELOG.md | 34 + components/meter/package.json | 6 +- components/miller/CHANGELOG.md | 36 + components/miller/package.json | 10 +- components/modal/CHANGELOG.md | 33 + components/modal/package.json | 4 +- components/opacitycheckerboard/CHANGELOG.md | 33 + components/opacitycheckerboard/package.json | 4 +- components/page/CHANGELOG.md | 33 + components/page/package.json | 4 +- components/pagination/CHANGELOG.md | 37 + components/pagination/package.json | 12 +- components/picker/CHANGELOG.md | 38 + components/picker/package.json | 14 +- components/pickerbutton/CHANGELOG.md | 36 + components/pickerbutton/package.json | 10 +- components/popover/CHANGELOG.md | 37 + components/popover/package.json | 12 +- components/progressbar/CHANGELOG.md | 34 + components/progressbar/package.json | 6 +- components/progresscircle/CHANGELOG.md | 33 + components/progresscircle/package.json | 4 +- components/radio/CHANGELOG.md | 34 + components/radio/package.json | 6 +- components/rating/CHANGELOG.md | 34 + components/rating/package.json | 6 +- components/search/CHANGELOG.md | 36 + components/search/package.json | 10 +- components/sidenav/CHANGELOG.md | 34 + components/sidenav/package.json | 6 +- components/slider/CHANGELOG.md | 34 + components/slider/package.json | 6 +- components/splitview/CHANGELOG.md | 33 + components/splitview/package.json | 4 +- components/statuslight/CHANGELOG.md | 33 + components/statuslight/package.json | 4 +- components/steplist/CHANGELOG.md | 35 + components/steplist/package.json | 8 +- components/stepper/CHANGELOG.md | 37 + components/stepper/package.json | 12 +- components/swatch/CHANGELOG.md | 34 + components/swatch/package.json | 6 +- components/swatchgroup/CHANGELOG.md | 34 + components/swatchgroup/package.json | 6 +- components/switch/CHANGELOG.md | 33 + components/switch/package.json | 4 +- components/table/CHANGELOG.md | 37 + components/table/package.json | 12 +- components/tabs/CHANGELOG.md | 36 + components/tabs/package.json | 10 +- components/tag/CHANGELOG.md | 36 + components/tag/package.json | 10 +- components/taggroup/CHANGELOG.md | 34 + components/taggroup/package.json | 6 +- components/textfield/CHANGELOG.md | 34 + components/textfield/package.json | 6 +- components/thumbnail/CHANGELOG.md | 34 + components/thumbnail/package.json | 6 +- components/toast/CHANGELOG.md | 36 + components/toast/package.json | 10 +- components/tooltip/CHANGELOG.md | 34 + components/tooltip/package.json | 6 +- components/tray/CHANGELOG.md | 38 + components/tray/package.json | 14 +- components/treeview/CHANGELOG.md | 35 + components/treeview/package.json | 8 +- components/typography/CHANGELOG.md | 33 + components/typography/package.json | 4 +- components/underlay/CHANGELOG.md | 33 + components/underlay/package.json | 4 +- components/well/CHANGELOG.md | 33 + components/well/package.json | 4 +- tokens/CHANGELOG.md | 2395 ++++++++++++++++++ tokens/package.json | 2 +- yarn.config.cjs | 2 +- yarn.lock | 546 ++-- 179 files changed, 5932 insertions(+), 3120 deletions(-) delete mode 100644 .changeset/dull-ears-change.md delete mode 100644 .changeset/funny-pants-perform.md delete mode 100644 .changeset/mean-adults-scream.md delete mode 100644 .changeset/metal-walls-scream.md delete mode 100644 .changeset/wise-otters-burn.md diff --git a/.changeset/dull-ears-change.md b/.changeset/dull-ears-change.md deleted file mode 100644 index 05e9360b912..00000000000 --- a/.changeset/dull-ears-change.md +++ /dev/null @@ -1,2386 +0,0 @@ ---- -"@spectrum-css/tokens": major ---- - -## Breaking change - -This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These were built from a manual snapshot release via `@adobe/spectrum-tokens` and does _NOT_ reflect a fully S2 design asset. This introduces S2 corner rounding and color palette, along with a few component- and alias-level mappings. This approach allows us to temporarily create component CSS that can render S1, Express, or S2 designs by swapping out a few "system"-level variables. - -If you are looking to implement a fully S2 design, please explore the `next` releases instead of using this foundations release. The S2 components rendered with these token values will not fully match S2 design assets. **This release is used in Spectrum Web Components 1.x**. - -**Tokens changed:** 1104 - -### Newly Deprecated (23) - -- `--spectrum---spectrum-corner-radius-300` -- `--spectrum-corner-radius-400` -- `--spectrum-corner-radius-500` -- `--spectrum-corner-radius-600` -- `--spectrum-corner-radius-700` -- `--spectrum-corner-radius-800` -- `--spectrum-corner-radius-1000` -- `--spectrum-corner-radius-small-default` -- `--spectrum-corner-radius-medium-default` -- `--spectrum-corner-radius-large-default` -- `--spectrum-corner-radius-extra-large-default` -- `--spectrum-corner-radius-full` -- `--spectrum-corner-radius-small-size-small` -- `--spectrum-corner-radius-small-size-medium` -- `--spectrum-corner-radius-small-size-large` -- `--spectrum-corner-radius-small-size-extra-large` -- `--spectrum-corner-radius-medium-size-extra-small` -- `--spectrum-corner-radius-medium-size-small` -- `--spectrum-corner-radius-medium-size-medium` -- `--spectrum-corner-radius-medium-size-large` -- `--spectrum-corner-radius-medium-size-extra-large` -- `--spectrum-overlay-opacity` -- `--spectrum-drop-shadow-color`: Replaced with `--spectrum-drop-shadow-color-100` - -### Added (185) - -- `accent-color-1500` - -- `--spectrum-accent-color-1600` -- `--spectrum-informative-color-1500` -- `--spectrum-informative-color-1600` -- `--spectrum-negative-color-1500` -- `--spectrum-negative-color-1600` -- `--spectrum-notice-color-1500` -- `--spectrum-notice-color-1600` -- `--spectrum-positive-color-1500` -- `--spectrum-positive-color-1600` -- `--spectrum-negative-subdued-background-color-default` -- `--spectrum-negative-subdued-background-color-hover` -- `--spectrum-negative-subdued-background-color-down` -- `--spectrum-negative-subdued-background-color-key-focus` -- `--spectrum-accent-subtle-background-color-default` -- `--spectrum-informative-subtle-background-color-default` -- `--spectrum-positive-subtle-background-color-default` -- `--spectrum-notice-subtle-background-color-default` -- `--spectrum-negative-subtle-background-color-default` -- `--spectrum-corner-radius-0` -- `--spectrum-corner-radius-none` -- `--spectrum-text-to-visual-400` -- `--spectrum-transparent-white-25` -- `--spectrum-transparent-white-50` -- `--spectrum-transparent-white-75` -- `--spectrum-transparent-white-1000` -- `--spectrum-transparent-black-25` -- `--spectrum-transparent-black-50` -- `--spectrum-transparent-black-75` -- `--spectrum-transparent-black-1000` -- `--spectrum-gray-25` -- `--spectrum-gray-1000` -- `--spectrum-blue-1500` -- `--spectrum-blue-1600` -- `--spectrum-red-1500` -- `--spectrum-red-1600` -- `--spectrum-orange-1500` -- `--spectrum-orange-1600` -- `--spectrum-yellow-1500` -- `--spectrum-yellow-1600` -- `--spectrum-chartreuse-1500` -- `--spectrum-chartreuse-1600` -- `--spectrum-celery-1500` -- `--spectrum-celery-1600` -- `--spectrum-green-1500` -- `--spectrum-green-1600` -- `--spectrum-seafoam-1500` -- `--spectrum-seafoam-1600` -- `--spectrum-cyan-1500` -- `--spectrum-cyan-1600` -- `--spectrum-indigo-1500` -- `--spectrum-indigo-1600` -- `--spectrum-purple-1500` -- `--spectrum-purple-1600` -- `--spectrum-fuchsia-1500` -- `--spectrum-fuchsia-1600` -- `--spectrum-magenta-1500` -- `--spectrum-magenta-1600` -- `--spectrum-pink-100` -- `--spectrum-pink-200` -- `--spectrum-pink-300` -- `--spectrum-pink-400` -- `--spectrum-pink-500` -- `--spectrum-pink-600` -- `--spectrum-pink-700` -- `--spectrum-pink-800` -- `--spectrum-pink-900` -- `--spectrum-pink-1000` -- `--spectrum-pink-1100` -- `--spectrum-pink-1200` -- `--spectrum-pink-1300` -- `--spectrum-pink-1400` -- `--spectrum-pink-1500` -- `--spectrum-pink-1600` -- `--spectrum-turquoise-100` -- `--spectrum-turquoise-200` -- `--spectrum-turquoise-300` -- `--spectrum-turquoise-400` -- `--spectrum-turquoise-500` -- `--spectrum-turquoise-600` -- `--spectrum-turquoise-700` -- `--spectrum-turquoise-800` -- `--spectrum-turquoise-900` -- `--spectrum-turquoise-1000` -- `--spectrum-turquoise-1100` -- `--spectrum-turquoise-1200` -- `--spectrum-turquoise-1300` -- `--spectrum-turquoise-1400` -- `--spectrum-turquoise-1500` -- `--spectrum-turquoise-1600` -- `--spectrum-brown-100` -- `--spectrum-brown-200` -- `--spectrum-brown-300` -- `--spectrum-brown-400` -- `--spectrum-brown-500` -- `--spectrum-brown-600` -- `--spectrum-brown-700` -- `--spectrum-brown-800` -- `--spectrum-brown-900` -- `--spectrum-brown-1000` -- `--spectrum-brown-1100` -- `--spectrum-brown-1200` -- `--spectrum-brown-1300` -- `--spectrum-brown-1400` -- `--spectrum-brown-1500` -- `--spectrum-brown-1600` -- `--spectrum-silver-100` -- `--spectrum-silver-200` -- `--spectrum-silver-300` -- `--spectrum-silver-400` -- `--spectrum-silver-500` -- `--spectrum-silver-600` -- `--spectrum-silver-700` -- `--spectrum-silver-800` -- `--spectrum-silver-900` -- `--spectrum-silver-1000` -- `--spectrum-silver-1100` -- `--spectrum-silver-1200` -- `--spectrum-silver-1300` -- `--spectrum-silver-1400` -- `--spectrum-silver-1500` -- `--spectrum-silver-1600` -- `--spectrum-cinnamon-100` -- `--spectrum-cinnamon-200` -- `--spectrum-cinnamon-300` -- `--spectrum-cinnamon-400` -- `--spectrum-cinnamon-500` -- `--spectrum-cinnamon-600` -- `--spectrum-cinnamon-700` -- `--spectrum-cinnamon-800` -- `--spectrum-cinnamon-900` -- `--spectrum-cinnamon-1000` -- `--spectrum-cinnamon-1100` -- `--spectrum-cinnamon-1200` -- `--spectrum-cinnamon-1300` -- `--spectrum-cinnamon-1400` -- `--spectrum-cinnamon-1500` -- `--spectrum-cinnamon-1600` -- `--spectrum-background-elevated-color` -- `--spectrum-background-pasteboard-color` -- `--spectrum-brown-visual-color` -- `--spectrum-cinnamon-visual-color` -- `--spectrum-pink-visual-color` -- `--spectrum-silver-visual-color` -- `--spectrum-turquoise-visual-color` -- `--spectrum-brown-background-color-default` -- `--spectrum-cinnamon-background-color-default` -- `--spectrum-pink-background-color-default` -- `--spectrum-silver-background-color-default` -- `--spectrum-turquoise-background-color-default` -- `--spectrum-title-color` -- `--spectrum-drop-shadow-color-100` -- `--spectrum-drop-shadow-color-200` -- `--spectrum-drop-shadow-color-300` -- `--spectrum-drop-shadow-emphasized-default-color` -- `--spectrum-drop-shadow-emphasized-hover-color` -- `--spectrum-drop-shadow-elevated-color` -- `--spectrum-neutral-subtle-background-color-default` -- `--spectrum-gray-subtle-background-color-default` -- `--spectrum-blue-subtle-background-color-default` -- `--spectrum-green-subtle-background-color-default` -- `--spectrum-orange-subtle-background-color-default` -- `--spectrum-red-subtle-background-color-default` -- `--spectrum-brown-subtle-background-color-default` -- `--spectrum-cinnamon-subtle-background-color-default` -- `--spectrum-celery-subtle-background-color-default` -- `--spectrum-chartreuse-subtle-background-color-default` -- `--spectrum-cyan-subtle-background-color-default` -- `--spectrum-fuchsia-subtle-background-color-default` -- `--spectrum-indigo-subtle-background-color-default` -- `--spectrum-magenta-subtle-background-color-default` -- `--spectrum-pink-subtle-background-color-default` -- `--spectrum-purple-subtle-background-color-default` -- `--spectrum-seafoam-subtle-background-color-default` -- `--spectrum-silver-subtle-background-color-default` -- `--spectrum-turquoise-subtle-background-color-default` -- `--spectrum-yellow-subtle-background-color-default` -- `--spectrum-drop-shadow-dragged-color` -- `--spectrum-static-black-text-color` -- `--spectrum-static-white-text-color` -- `--spectrum-track-color` -- `--spectrum-static-black-track-color` -- `--spectrum-static-white-track-color` -- `--spectrum-static-black-track-indicator-color` -- `--spectrum-static-white-track-indicator-color` - -### Updated (896) - -####  Added Properties (112) - -- `--spectrum-heading-sans-serif-font-weight` - - **value**: `--spectrum-bold-font-weight` -- `--spectrum-heading-serif-font-weight` - - **value**: `--spectrum-bold-font-weight` -- `--spectrum-heading-cjk-font-weight` - - **value**: `--spectrum-extra-bold-font-weight` -- `--spectrum-heading-sans-serif-emphasized-font-weight` - - **value**: `--spectrum-bold-font-weight` -- `--spectrum-heading-serif-emphasized-font-weight` - - **value**: `--spectrum-bold-font-weight` -- `--spectrum-accent-color-100` - - **value**: `--spectrum-blue-100` -- `--spectrum-accent-color-200` - - **value**: `--spectrum-blue-200` -- `--spectrum-accent-color-300` - - **value**: `--spectrum-blue-300` -- `--spectrum-accent-color-400` - - **value**: `--spectrum-blue-400` -- `--spectrum-accent-color-500` - - **value**: `--spectrum-blue-500` -- `--spectrum-accent-color-600` - - **value**: `--spectrum-blue-600` -- `--spectrum-accent-color-700` - - **value**: `--spectrum-blue-700` -- `--spectrum-accent-color-800` - - **value**: `--spectrum-blue-800` -- `--spectrum-accent-color-900` - - **value**: `--spectrum-blue-900` -- `--spectrum-accent-color-1000` - - **value**: `--spectrum-blue-1000` -- `--spectrum-accent-color-1100` - - **value**: `--spectrum-blue-1100` -- `--spectrum-accent-color-1200` - - **value**: `--spectrum-blue-1200` -- `--spectrum-accent-color-1300` - - **value**: `--spectrum-blue-1300` -- `--spectrum-accent-color-1400` - - **value**: `--spectrum-blue-1400` -- `--spectrum-corner-radius-75` - - **value**: 4px -- `--spectrum-corner-radius-100` - - **value**: 8px -- `--spectrum-corner-radius-200` - - **value**: 10px -- `--spectrum-drop-shadow-x` - - **value**: 0px -- `--spectrum-drop-shadow-y` - - **value**: 1px (desktop) - - **value**: 2px (mobile) -- `--spectrum-drop-shadow-blur` - - **value**: 4px (desktop) - - **value**: 6px (mobile) -- `--spectrum-border-width-100` - - **value**: 1px -- `--spectrum-checkbox-control-size-small` - - **value**: 12px (desktop) - - **value**: 16px (mobile) -- `--spectrum-checkbox-control-size-medium` - - **value**: 14px (desktop) - - **value**: 18px (mobile) -- `--spectrum-checkbox-control-size-large` - - **value**: 16px (desktop) - - **value**: 20px (mobile) -- `--spectrum-checkbox-control-size-extra-large` - - **value**: 18px (desktop) - - **value**: 22px (mobile) -- `--spectrum-checkbox-top-to-control-small` - - **value**: 6px (desktop) - - **value**: 7px (mobile) -- `--spectrum-checkbox-top-to-control-medium` - - **value**: 9px (desktop) - - **value**: 11px (mobile) -- `--spectrum-checkbox-top-to-control-large` - - **value**: 12px (desktop) - - **value**: 15px (mobile) -- `--spectrum-checkbox-top-to-control-extra-large` - - **value**: 15px (desktop) - - **value**: 19px (mobile) -- `--spectrum-switch-control-width-small` - - **value**: 23px (desktop) - - **value**: 32px (mobile) -- `--spectrum-switch-control-width-medium` - - **value**: 26px (desktop) - - **value**: 36px (mobile) -- `--spectrum-switch-control-width-large` - - **value**: 29px (desktop) - - **value**: 41px (mobile) -- `--spectrum-switch-control-width-extra-large` - - **value**: 33px (desktop) - - **value**: 46px (mobile) -- `--spectrum-switch-control-height-small` - - **value**: 12px (desktop) - - **value**: 16px (mobile) -- `--spectrum-switch-control-height-medium` - - **value**: 14px (desktop) - - **value**: 18px (mobile) -- `--spectrum-switch-control-height-large` - - **value**: 16px (desktop) - - **value**: 20px (mobile) -- `--spectrum-switch-control-height-extra-large` - - **value**: 18px (desktop) - - **value**: 22px (mobile) -- `--spectrum-switch-top-to-control-small` - - **value**: 6px (desktop) - - **value**: 7px (mobile) -- `--spectrum-switch-top-to-control-medium` - - **value**: 9px (desktop) - - **value**: 11px (mobile) -- `--spectrum-switch-top-to-control-large` - - **value**: 12px (desktop) - - **value**: 15px (mobile) -- `--spectrum-switch-top-to-control-extra-large` - - **value**: 15px (desktop) - - **value**: 19px (mobile) -- `--spectrum-radio-button-control-size-small` - - **value**: 12px (desktop) - - **value**: 16px (mobile) -- `--spectrum-radio-button-control-size-medium` - - **value**: 14px (desktop) - - **value**: 18px (mobile) -- `--spectrum-radio-button-control-size-large` - - **value**: 16px (desktop) - - **value**: 20px (mobile) -- `--spectrum-radio-button-control-size-extra-large` - - **value**: 18px (desktop) - - **value**: 22px (mobile) -- `--spectrum-radio-button-top-to-control-small` - - **value**: 6px (desktop) - - **value**: 7px (mobile) -- `--spectrum-radio-button-top-to-control-medium` - - **value**: 9px (desktop) - - **value**: 11px (mobile) -- `--spectrum-radio-button-top-to-control-large` - - **value**: 12px (desktop) - - **value**: 15px (mobile) -- `--spectrum-radio-button-top-to-control-extra-large` - - **value**: 15px (desktop) - - **value**: 19px (mobile) -- `--spectrum-slider-track-thickness` - - **value**: 2px -- `--spectrum-slider-control-height-small` - - **value**: 14px (desktop) - - **value**: 18px (mobile) -- `--spectrum-slider-control-height-medium` - - **value**: 16px (desktop) - - **value**: 20px (mobile) -- `--spectrum-slider-control-height-large` - - **value**: 18px (desktop) - - **value**: 22px (mobile) -- `--spectrum-slider-control-height-extra-large` - - **value**: 20px (desktop) - - **value**: 26px (mobile) -- `--spectrum-slider-handle-size-small` - - **value**: 14px (desktop) - - **value**: 18px (mobile) -- `--spectrum-slider-handle-size-medium` - - **value**: 16px (desktop) - - **value**: 20px (mobile) -- `--spectrum-slider-handle-size-large` - - **value**: 18px (desktop) - - **value**: 22px (mobile) -- `--spectrum-slider-handle-size-extra-large` - - **value**: 20px (desktop) - - **value**: 26px (mobile) -- `--spectrum-slider-handle-border-width-down-small` - - **value**: 5px (desktop) - - **value**: 7px (mobile) -- `--spectrum-slider-handle-border-width-down-medium` - - **value**: 6px (desktop) - - **value**: 8px (mobile) -- `--spectrum-slider-handle-border-width-down-large` - - **value**: 7px (desktop) - - **value**: 9px (mobile) -- `--spectrum-slider-handle-border-width-down-extra-large` - - **value**: 8px (desktop) - - **value**: 11px (mobile) -- `--spectrum-slider-handle-gap` - - **value**: 4px -- `--spectrum-slider-bottom-to-handle-small` - - **value**: 5px (desktop) - - **value**: 6px (mobile) -- `--spectrum-slider-bottom-to-handle-medium` - - **value**: 8px (desktop) - - **value**: 10px (mobile) -- `--spectrum-slider-bottom-to-handle-large` - - **value**: 11px (desktop) - - **value**: 14px (mobile) -- `--spectrum-slider-bottom-to-handle-extra-large` - - **value**: 14px (desktop) - - **value**: 17px (mobile) -- `--spectrum-picker-border-width` - - **value**: border-width-100 -- `--spectrum-in-field-button-fill-stacked-inner-border-rounding` - - **value**: 0px -- `--spectrum-in-field-button-edge-to-fill` - - **value**: 0px -- `--spectrum-in-field-button-stacked-inner-edge-to-fill` - - **value**: 0px -- `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium` - - **value**: 3px -- `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large` - - **value**: 4px -- `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large` - - **value**: 5px -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small` - - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small` -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium` - - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium` -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large` - - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large` -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large` - - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large` -- `--spectrum-white` - - **value**: rgb(255, 255, 255) (light) - - **value**: rgb(255, 255, 255) (dark) -- `--spectrum-transparent-white-100` - - **value**: rgba(255, 255, 255, 0.11) (light) - - **value**: rgba(255, 255, 255, 0.11) (dark) -- `--spectrum-transparent-white-200` - - **value**: rgba(255, 255, 255, 0.14) (light) - - **value**: rgba(255, 255, 255, 0.14) (dark) -- `--spectrum-transparent-white-300` - - **value**: rgba(255, 255, 255, 0.17) (light) - - **value**: rgba(255, 255, 255, 0.17) (dark) -- `--spectrum-transparent-white-400` - - **value**: rgba(255, 255, 255, 0.21) (light) - - **value**: rgba(255, 255, 255, 0.21) (dark) -- `--spectrum-transparent-white-500` - - **value**: rgba(255, 255, 255, 0.39) (light) - - **value**: rgba(255, 255, 255, 0.39) (dark) -- `--spectrum-transparent-white-600` - - **value**: rgba(255, 255, 255, 0.51) (light) - - **value**: rgba(255, 255, 255, 0.51) (dark) -- `--spectrum-transparent-white-700` - - **value**: rgba(255, 255, 255, 0.66) (light) - - **value**: rgba(255, 255, 255, 0.66) (dark) -- `--spectrum-transparent-white-800` - - **value**: rgba(255, 255, 255, 0.85) (light) - - **value**: rgba(255, 255, 255, 0.85) (dark) -- `--spectrum-transparent-white-900` - - **value**: rgba(255, 255, 255, 0.94) (light) - - **value**: rgba(255, 255, 255, 0.94) (dark) -- `--spectrum-transparent-black-100` - - **value**: rgba(0, 0, 0, 0.09) (light) - - **value**: rgba(0, 0, 0, 0.09) (dark) -- `--spectrum-transparent-black-200` - - **value**: rgba(0, 0, 0, 0.12) (light) - - **value**: rgba(0, 0, 0, 0.12) (dark) -- `--spectrum-transparent-black-300` - - **value**: rgba(0, 0, 0, 0.15) (light) - - **value**: rgba(0, 0, 0, 0.15) (dark) -- `--spectrum-transparent-black-400` - - **value**: rgba(0, 0, 0, 0.22) (light) - - **value**: rgba(0, 0, 0, 0.22) (dark) -- `--spectrum-transparent-black-500` - - **value**: rgba(0, 0, 0, 0.44) (light) - - **value**: rgba(0, 0, 0, 0.44) (dark) -- `--spectrum-transparent-black-600` - - **value**: rgba(0, 0, 0, 0.56) (light) - - **value**: rgba(0, 0, 0, 0.56) (dark) -- `--spectrum-transparent-black-700` - - **value**: rgba(0, 0, 0, 0.69) (light) - - **value**: rgba(0, 0, 0, 0.69) (dark) -- `--spectrum-transparent-black-800` - - **value**: rgba(0, 0, 0, 0.84) (light) - - **value**: rgba(0, 0, 0, 0.84) (dark) -- `--spectrum-transparent-black-900` - - **value**: rgba(0, 0, 0, 0.93) (light) - - **value**: rgba(0, 0, 0, 0.93) (dark) -- `--spectrum-background-base-color` - - **value**: `--spectrum-gray-25` -- `--spectrum-background-layer-1-color` - - **value**: `--spectrum-gray-50` -- `--spectrum-neutral-background-color-default` - - **value**: `--spectrum-gray-800` -- `--spectrum-neutral-background-color-hover` - - **value**: `--spectrum-gray-900` -- `--spectrum-neutral-background-color-down` - - **value**: `--spectrum-gray-900` -- `--spectrum-neutral-background-color-key-focus` - - **value**: `--spectrum-gray-900` -- `--spectrum-neutral-background-color-selected-default` - - **value**: `--spectrum-gray-800` -- `--spectrum-neutral-background-color-selected-hover` - - **value**: `--spectrum-gray-900` -- `--spectrum-neutral-background-color-selected-down` - - **value**: `--spectrum-gray-900` -- `--spectrum-neutral-background-color-selected-key-focus` - - **value**: `--spectrum-gray-900` - -#### Deleted Properties (368) - -- `--spectrum-heading-sans-serif-font-weight` - - **value**: `--spectrum-bold-font-weight` (spectrum) - - **value**: `--spectrum-black-font-weight` (express) **deprecated** -- `--spectrum-heading-serif-font-weight` - - **value**: `--spectrum-bold-font-weight` (spectrum) - - **value**: `--spectrum-black-font-weight` (express) **deprecated** -- `--spectrum-heading-cjk-font-weight` - - **value**: `--spectrum-extra-bold-font-weight` (spectrum) - - **value**: `--spectrum-black-font-weight` (express) **deprecated** -- `--spectrum-heading-sans-serif-emphasized-font-weight` - - **value**: `--spectrum-bold-font-weight` (spectrum) - - **value**: `--spectrum-black-font-weight` (express) **deprecated** -- `--spectrum-heading-serif-emphasized-font-weight` - - **value**: `--spectrum-bold-font-weight` (spectrum) - - **value**: `--spectrum-black-font-weight` (express) **deprecated** -- `--spectrum-accent-color-100` - - **value**: `--spectrum-blue-100` (spectrum) - - **value**: `--spectrum-indigo-100` (express) **deprecated** -- `--spectrum-accent-color-200` - - **value**: `--spectrum-blue-200` (spectrum) - - **value**: `--spectrum-indigo-200` (express) **deprecated** -- `--spectrum-accent-color-300` - - **value**: `--spectrum-blue-300` (spectrum) - - **value**: `--spectrum-indigo-300` (express) **deprecated** -- `--spectrum-accent-color-400` - - **value**: `--spectrum-blue-400` (spectrum) - - **value**: `--spectrum-indigo-400` (express) **deprecated** -- `--spectrum-accent-color-500` - - **value**: `--spectrum-blue-500` (spectrum) - - **value**: `--spectrum-indigo-500` (express) **deprecated** -- `--spectrum-accent-color-600` - - **value**: `--spectrum-blue-600` (spectrum) - - **value**: `--spectrum-indigo-600` (express) **deprecated** -- `--spectrum-accent-color-700` - - **value**: `--spectrum-blue-700` (spectrum) - - **value**: `--spectrum-indigo-700` (express) **deprecated** -- `--spectrum-accent-color-800` - - **value**: `--spectrum-blue-800` (spectrum) - - **value**: `--spectrum-indigo-800` (express) **deprecated** -- `--spectrum-accent-color-900` - - **value**: `--spectrum-blue-900` (spectrum) - - **value**: `--spectrum-indigo-900` (express) **deprecated** -- `--spectrum-accent-color-1000` - - **value**: `--spectrum-blue-1000` (spectrum) - - **value**: `--spectrum-indigo-1000` (express) **deprecated** -- `--spectrum-accent-color-1100` - - **value**: `--spectrum-blue-1100` (spectrum) - - **value**: `--spectrum-indigo-1100` (express) **deprecated** -- `--spectrum-accent-color-1200` - - **value**: `--spectrum-blue-1200` (spectrum) - - **value**: `--spectrum-indigo-1200` (express) **deprecated** -- `--spectrum-accent-color-1300` - - **value**: `--spectrum-blue-1300` (spectrum) - - **value**: `--spectrum-indigo-1300` (express) **deprecated** -- `--spectrum-accent-color-1400` - - **value**: `--spectrum-blue-1400` (spectrum) - - **value**: `--spectrum-indigo-1400` (express) **deprecated** -- `--spectrum-corner-radius-75` - - **value**: 2px (spectrum) - - **value**: 3px (express | desktop) **deprecated** - - **value**: 4px (express | mobile) **deprecated** -- `--spectrum-corner-radius-100` - - **value**: 4px (spectrum | desktop) - - **value**: 5px (spectrum | mobile) - - **value**: 6px (express | desktop) **deprecated** - - **value**: 8px (express | mobile) **deprecated** -- `--spectrum-corner-radius-200` - - **value**: 8px (spectrum | desktop) - - **value**: 10px (spectrum | mobile) - - **value**: 12px (express | desktop) **deprecated** - - **value**: 16px (express | mobile) **deprecated** -- `--spectrum-drop-shadow-x` - - **value**: 0px (spectrum) - - **value**: 0px (express | desktop) **deprecated** - - **value**: 0px (express | mobile) **deprecated** -- `--spectrum-drop-shadow-y` - - **value**: 1px (spectrum | desktop) - - **value**: 2px (spectrum | mobile) - - **value**: 4px (express | desktop) **deprecated** - - **value**: 4px (express | mobile) **deprecated** -- `--spectrum-drop-shadow-blur` - - **value**: 4px (spectrum | desktop) - - **value**: 6px (spectrum | mobile) - - **value**: 16px (express | desktop) **deprecated** - - **value**: 16px (express | mobile) **deprecated** -- `--spectrum-border-width-100` - - **value**: 1px (spectrum) - - **value**: 2px (express) **deprecated** -- `--spectrum-checkbox-control-size-small` - - **value**: 12px (spectrum | desktop) - - **value**: 16px (spectrum | mobile) - - **value**: 14px (express | desktop) **deprecated** - - **value**: 18px (express | mobile) **deprecated** -- `--spectrum-checkbox-control-size-medium` - - **value**: 14px (spectrum | desktop) - - **value**: 18px (spectrum | mobile) - - **value**: 16px (express | desktop) **deprecated** - - **value**: 20px (express | mobile) **deprecated** -- `--spectrum-checkbox-control-size-large` - - **value**: 16px (spectrum | desktop) - - **value**: 20px (spectrum | mobile) - - **value**: 18px (express | desktop) **deprecated** - - **value**: 22px (express | mobile) **deprecated** -- `--spectrum-checkbox-control-size-extra-large` - - **value**: 18px (spectrum | desktop) - - **value**: 22px (spectrum | mobile) - - **value**: 20px (express | desktop) **deprecated** - - **value**: 26px (express | mobile) **deprecated** -- `--spectrum-checkbox-top-to-control-small` - - **value**: 6px (spectrum | desktop) - - **value**: 7px (spectrum | mobile) - - **value**: 5px (express | desktop) **deprecated** - - **value**: 6px (express | mobile) **deprecated** -- `--spectrum-checkbox-top-to-control-medium` - - **value**: 9px (spectrum | desktop) - - **value**: 11px (spectrum | mobile) - - **value**: 8px (express | desktop) **deprecated** - - **value**: 10px (express | mobile) **deprecated** -- `--spectrum-checkbox-top-to-control-large` - - **value**: 12px (spectrum | desktop) - - **value**: 15px (spectrum | mobile) - - **value**: 11px (express | desktop) **deprecated** - - **value**: 14px (express | mobile) **deprecated** -- `--spectrum-checkbox-top-to-control-extra-large` - - **value**: 15px (spectrum | desktop) - - **value**: 19px (spectrum | mobile) - - **value**: 14px (express | desktop) **deprecated** - - **value**: 17px (express | mobile) **deprecated** -- `--spectrum-switch-control-width-small` - - **value**: 23px (spectrum | desktop) - - **value**: 32px (spectrum | mobile) - - **value**: 25px (express | desktop) **deprecated** - - **value**: 32px (express | mobile) **deprecated** -- `--spectrum-switch-control-width-medium` - - **value**: 26px (spectrum | desktop) - - **value**: 36px (spectrum | mobile) - - **value**: 28px (express | desktop) **deprecated** - - **value**: 36px (express | mobile) **deprecated** -- `--spectrum-switch-control-width-large` - - **value**: 29px (spectrum | desktop) - - **value**: 41px (spectrum | mobile) - - **value**: 32px (express | desktop) **deprecated** - - **value**: 41px (express | mobile) **deprecated** -- `--spectrum-switch-control-width-extra-large` - - **value**: 33px (spectrum | desktop) - - **value**: 46px (spectrum | mobile) - - **value**: 35px (express | desktop) **deprecated** - - **value**: 46px (express | mobile) **deprecated** -- `--spectrum-switch-control-height-small` - - **value**: 12px (spectrum | desktop) - - **value**: 16px (spectrum | mobile) - - **value**: 14px (express | desktop) **deprecated** - - **value**: 18px (express | mobile) **deprecated** -- `--spectrum-switch-control-height-medium` - - **value**: 14px (spectrum | desktop) - - **value**: 18px (spectrum | mobile) - - **value**: 16px (express | desktop) **deprecated** - - **value**: 20px (express | mobile) **deprecated** -- `--spectrum-switch-control-height-large` - - **value**: 16px (spectrum | desktop) - - **value**: 20px (spectrum | mobile) - - **value**: 18px (express | desktop) **deprecated** - - **value**: 22px (express | mobile) **deprecated** -- `--spectrum-switch-control-height-extra-large` - - **value**: 18px (spectrum | desktop) - - **value**: 22px (spectrum | mobile) - - **value**: 20px (express | desktop) **deprecated** - - **value**: 26px (express | mobile) **deprecated** -- `--spectrum-switch-top-to-control-small` - - **value**: 6px (spectrum | desktop) - - **value**: 7px (spectrum | mobile) - - **value**: 5px (express | desktop) **deprecated** - - **value**: 6px (express | mobile) **deprecated** -- `--spectrum-switch-top-to-control-medium` - - **value**: 9px (spectrum | desktop) - - **value**: 11px (spectrum | mobile) - - **value**: 8px (express | desktop) **deprecated** - - **value**: 10px (express | mobile) **deprecated** -- `--spectrum-switch-top-to-control-large` - - **value**: 12px (spectrum | desktop) - - **value**: 15px (spectrum | mobile) - - **value**: 11px (express | desktop) **deprecated** - - **value**: 14px (express | mobile) **deprecated** -- `--spectrum-switch-top-to-control-extra-large` - - **value**: 15px (spectrum | desktop) - - **value**: 19px (spectrum | mobile) - - **value**: 14px (express | desktop) **deprecated** - - **value**: 17px (express | mobile) **deprecated** -- `--spectrum-radio-button-control-size-small` - - **value**: 12px (spectrum | desktop) - - **value**: 16px (spectrum | mobile) - - **value**: 14px (express | desktop) **deprecated** - - **value**: 18px (express | mobile) **deprecated** -- `--spectrum-radio-button-control-size-medium` - - **value**: 14px (spectrum | desktop) - - **value**: 18px (spectrum | mobile) - - **value**: 16px (express | desktop) **deprecated** - - **value**: 20px (express | mobile) **deprecated** -- `--spectrum-radio-button-control-size-large` - - **value**: 16px (spectrum | desktop) - - **value**: 20px (spectrum | mobile) - - **value**: 18px (express | desktop) **deprecated** - - **value**: 22px (express | mobile) **deprecated** -- `--spectrum-radio-button-control-size-extra-large` - - **value**: 18px (spectrum | desktop) - - **value**: 22px (spectrum | mobile) - - **value**: 20px (express | desktop) **deprecated** - - **value**: 26px (express | mobile) **deprecated** -- `--spectrum-radio-button-top-to-control-small` - - **value**: 6px (spectrum | desktop) - - **value**: 7px (spectrum | mobile) - - **value**: 5px (express | desktop) **deprecated** - - **value**: 6px (express | mobile) **deprecated** -- `--spectrum-radio-button-top-to-control-medium` - - **value**: 9px (spectrum | desktop) - - **value**: 11px (spectrum | mobile) - - **value**: 8px (express | desktop) **deprecated** - - **value**: 10px (express | mobile) **deprecated** -- `--spectrum-radio-button-top-to-control-large` - - **value**: 12px (spectrum | desktop) - - **value**: 15px (spectrum | mobile) - - **value**: 11px (express | desktop) **deprecated** - - **value**: 14px (express | mobile) **deprecated** -- `--spectrum-radio-button-top-to-control-extra-large` - - **value**: 15px (spectrum | desktop) - - **value**: 19px (spectrum | mobile) - - **value**: 14px (express | desktop) **deprecated** - - **value**: 17px (express | mobile) **deprecated** -- `--spectrum-slider-track-thickness` - - **value**: 2px (spectrum) - - **value**: 4px (express) **deprecated** -- `--spectrum-slider-control-height-small` - - **value**: 14px (spectrum | desktop) - - **value**: 18px (spectrum | mobile) - - **value**: 18px (express | desktop) **deprecated** - - **value**: 22px (express | mobile) **deprecated** -- `--spectrum-slider-control-height-medium` - - **value**: 16px (spectrum | desktop) - - **value**: 20px (spectrum | mobile) - - **value**: 20px (express | desktop) **deprecated** - - **value**: 24px (express | mobile) **deprecated** -- `--spectrum-slider-control-height-large` - - **value**: 18px (spectrum | desktop) - - **value**: 22px (spectrum | mobile) - - **value**: 22px (express | desktop) **deprecated** - - **value**: 28px (express | mobile) **deprecated** -- `--spectrum-slider-control-height-extra-large` - - **value**: 20px (spectrum | desktop) - - **value**: 26px (spectrum | mobile) - - **value**: 24px (express | desktop) **deprecated** - - **value**: 30px (express | mobile) **deprecated** -- `--spectrum-slider-handle-size-small` - - **value**: 14px (spectrum | desktop) - - **value**: 18px (spectrum | mobile) - - **value**: 18px (express | desktop) **deprecated** - - **value**: 22px (express | mobile) **deprecated** -- `--spectrum-slider-handle-size-medium` - - **value**: 16px (spectrum | desktop) - - **value**: 20px (spectrum | mobile) - - **value**: 20px (express | desktop) **deprecated** - - **value**: 24px (express | mobile) **deprecated** -- `--spectrum-slider-handle-size-large` - - **value**: 18px (spectrum | desktop) - - **value**: 22px (spectrum | mobile) - - **value**: 22px (express | desktop) **deprecated** - - **value**: 28px (express | mobile) **deprecated** -- `--spectrum-slider-handle-size-extra-large` - - **value**: 20px (spectrum | desktop) - - **value**: 26px (spectrum | mobile) - - **value**: 24px (express | desktop) **deprecated** - - **value**: 30px (express | mobile) **deprecated** -- `--spectrum-slider-handle-border-width-down-small` - - **value**: 5px (spectrum | desktop) - - **value**: 7px (spectrum | mobile) - - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated** - - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated** -- `--spectrum-slider-handle-border-width-down-medium` - - **value**: 6px (spectrum | desktop) - - **value**: 8px (spectrum | mobile) - - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated** - - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated** -- `--spectrum-slider-handle-border-width-down-large` - - **value**: 7px (spectrum | desktop) - - **value**: 9px (spectrum | mobile) - - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated** - - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated** -- `--spectrum-slider-handle-border-width-down-extra-large` - - **value**: 8px (spectrum | desktop) - - **value**: 11px (spectrum | mobile) - - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated** - - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated** -- `--spectrum-slider-handle-gap` - - **value**: 4px (spectrum) - - **value**: 0px (express) **deprecated** -- `--spectrum-slider-bottom-to-handle-small` - - **value**: 5px (spectrum | desktop) - - **value**: 6px (spectrum | mobile) - - **value**: 3px (express | desktop) **deprecated** - - **value**: 4px (express | mobile) **deprecated** -- `--spectrum-slider-bottom-to-handle-medium` - - **value**: 8px (spectrum | desktop) - - **value**: 10px (spectrum | mobile) - - **value**: 6px (express | desktop) **deprecated** - - **value**: 8px (express | mobile) **deprecated** -- `--spectrum-slider-bottom-to-handle-large` - - **value**: 11px (spectrum | desktop) - - **value**: 14px (spectrum | mobile) - - **value**: 9px (express | desktop) **deprecated** - - **value**: 12px (express | mobile) **deprecated** -- `--spectrum-slider-bottom-to-handle-extra-large` - - **value**: 14px (spectrum | desktop) - - **value**: 17px (spectrum | mobile) - - **value**: 12px (express | desktop) **deprecated** - - **value**: 15px (express | mobile) **deprecated** -- `--spectrum-picker-border-width` - - **value**: `--spectrum-border-width-100` (spectrum) - - **value**: 0 (express) -- `--spectrum-in-field-button-fill-stacked-inner-border-rounding` - - **value**: 0px (spectrum) - - **value**: 1px (express) -- `--spectrum-in-field-button-edge-to-fill` - - **value**: 0px (spectrum) - - **value**: 4px (express) -- `--spectrum-in-field-button-stacked-inner-edge-to-fill` - - **value**: 0px (spectrum) - - **value**: 1px (express) -- `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium` - - **value**: 3px (spectrum) - - **value**: 5px (express) -- `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large` - - **value**: 4px (spectrum) - - **value**: 7px (express) -- `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large` - - **value**: 5px (spectrum) - - **value**: 8px (express) -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small` - - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small` (spectrum) - - **value**: 1px (express) -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium` - - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium` (spectrum) - - **value**: 1px (express) -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large` - - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large` (spectrum) - - **value**: 3px (express) -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large` - - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large` (spectrum) - - **value**: 4px (express) -- `--spectrum-icon-color-blue-primary-default` - - **value**: `--spectrum-blue-800` (darkest) -- `--spectrum-icon-color-green-primary-default` - - **value**: `--spectrum-green-800` (darkest) -- `--spectrum-icon-color-red-primary-default` - - **value**: `--spectrum-red-700` (darkest) -- `--spectrum-icon-color-yellow-primary-default` - - **value**: `--spectrum-yellow-1000` (darkest) -- `--spectrum-white` - - **value**: rgb(255, 255, 255) -- `--spectrum-transparent-white-100` - - **value**: rgba(255, 255, 255, 0) -- `--spectrum-transparent-white-200` - - **value**: rgba(255, 255, 255, 0.1) -- `--spectrum-transparent-white-300` - - **value**: rgba(255, 255, 255, 0.25) -- `--spectrum-transparent-white-400` - - **value**: rgba(255, 255, 255, 0.4) -- `--spectrum-transparent-white-500` - - **value**: rgba(255, 255, 255, 0.55) -- `--spectrum-transparent-white-600` - - **value**: rgba(255, 255, 255, 0.7) -- `--spectrum-transparent-white-700` - - **value**: rgba(255, 255, 255, 0.8) -- `--spectrum-transparent-white-800` - - **value**: rgba(255, 255, 255, 0.9) -- `--spectrum-transparent-white-900` - - **value**: rgb(255, 255, 255) -- `--spectrum-transparent-black-100` - - **value**: rgba(0, 0, 0, 0) -- `--spectrum-transparent-black-200` - - **value**: rgba(0, 0, 0, 0.1) -- `--spectrum-transparent-black-300` - - **value**: rgba(0, 0, 0, 0.25) -- `--spectrum-transparent-black-400` - - **value**: rgba(0, 0, 0, 0.4) -- `--spectrum-transparent-black-500` - - **value**: rgba(0, 0, 0, 0.55) -- `--spectrum-transparent-black-600` - - **value**: rgba(0, 0, 0, 0.7) -- `--spectrum-transparent-black-700` - - **value**: rgba(0, 0, 0, 0.8) -- `--spectrum-transparent-black-800` - - **value**: rgba(0, 0, 0, 0.9) -- `--spectrum-transparent-black-900` - - **value**: rgb(0, 0, 0) -- `--spectrum-gray-50` - - **value**: rgb(0, 0, 0) (darkest) -- `--spectrum-gray-75` - - **value**: rgb(14, 14, 14) (darkest) -- `--spectrum-gray-100` - - **value**: rgb(29, 29, 29) (darkest) -- `--spectrum-gray-200` - - **value**: rgb(48, 48, 48) (darkest) -- `--spectrum-gray-300` - - **value**: rgb(75, 75, 75) (darkest) -- `--spectrum-gray-400` - - **value**: rgb(106, 106, 106) (darkest) -- `--spectrum-gray-500` - - **value**: rgb(141, 141, 141) (darkest) -- `--spectrum-gray-600` - - **value**: rgb(176, 176, 176) (darkest) -- `--spectrum-gray-700` - - **value**: rgb(208, 208, 208) (darkest) -- `--spectrum-gray-800` - - **value**: rgb(235, 235, 235) (darkest) -- `--spectrum-gray-900` - - **value**: rgb(255, 255, 255) (darkest) -- `--spectrum-blue-100` - - **value**: rgb(0, 38, 81) (darkest) -- `--spectrum-blue-200` - - **value**: rgb(0, 50, 106) (darkest) -- `--spectrum-blue-300` - - **value**: rgb(0, 64, 135) (darkest) -- `--spectrum-blue-400` - - **value**: rgb(0, 78, 166) (darkest) -- `--spectrum-blue-500` - - **value**: rgb(0, 92, 200) (darkest) -- `--spectrum-blue-600` - - **value**: rgb(6, 108, 231) (darkest) -- `--spectrum-blue-700` - - **value**: rgb(29, 128, 245) (darkest) -- `--spectrum-blue-800` - - **value**: rgb(64, 150, 243) (darkest) -- `--spectrum-blue-900` - - **value**: rgb(94, 170, 247) (darkest) -- `--spectrum-blue-1000` - - **value**: rgb(124, 189, 250) (darkest) -- `--spectrum-blue-1100` - - **value**: rgb(152, 206, 253) (darkest) -- `--spectrum-blue-1200` - - **value**: rgb(179, 222, 254) (darkest) -- `--spectrum-blue-1300` - - **value**: rgb(206, 234, 255) (darkest) -- `--spectrum-blue-1400` - - **value**: rgb(227, 243, 255) (darkest) -- `--spectrum-red-100` - - **value**: rgb(87, 0, 0) (darkest) -- `--spectrum-red-200` - - **value**: rgb(110, 0, 0) (darkest) -- `--spectrum-red-300` - - **value**: rgb(138, 0, 0) (darkest) -- `--spectrum-red-400` - - **value**: rgb(167, 0, 0) (darkest) -- `--spectrum-red-500` - - **value**: rgb(196, 7, 6) (darkest) -- `--spectrum-red-600` - - **value**: rgb(221, 33, 24) (darkest) -- `--spectrum-red-700` - - **value**: rgb(238, 67, 49) (darkest) -- `--spectrum-red-800` - - **value**: rgb(249, 99, 76) (darkest) -- `--spectrum-red-900` - - **value**: rgb(255, 129, 107) (darkest) -- `--spectrum-red-1000` - - **value**: rgb(255, 158, 140) (darkest) -- `--spectrum-red-1100` - - **value**: rgb(255, 183, 169) (darkest) -- `--spectrum-red-1200` - - **value**: rgb(255, 205, 195) (darkest) -- `--spectrum-red-1300` - - **value**: rgb(255, 223, 217) (darkest) -- `--spectrum-red-1400` - - **value**: rgb(255, 237, 234) (darkest) -- `--spectrum-orange-100` - - **value**: rgb(72, 24, 1) (darkest) -- `--spectrum-orange-200` - - **value**: rgb(92, 32, 0) (darkest) -- `--spectrum-orange-300` - - **value**: rgb(115, 43, 0) (darkest) -- `--spectrum-orange-400` - - **value**: rgb(138, 55, 0) (darkest) -- `--spectrum-orange-500` - - **value**: rgb(162, 68, 0) (darkest) -- `--spectrum-orange-600` - - **value**: rgb(186, 82, 0) (darkest) -- `--spectrum-orange-700` - - **value**: rgb(210, 98, 0) (darkest) -- `--spectrum-orange-800` - - **value**: rgb(232, 116, 0) (darkest) -- `--spectrum-orange-900` - - **value**: rgb(249, 137, 23) (darkest) -- `--spectrum-orange-1000` - - **value**: rgb(255, 162, 59) (darkest) -- `--spectrum-orange-1100` - - **value**: rgb(255, 188, 102) (darkest) -- `--spectrum-orange-1200` - - **value**: rgb(253, 210, 145) (darkest) -- `--spectrum-orange-1300` - - **value**: rgb(255, 226, 181) (darkest) -- `--spectrum-orange-1400` - - **value**: rgb(255, 239, 213) (darkest) -- `--spectrum-yellow-100` - - **value**: rgb(53, 36, 0) (darkest) -- `--spectrum-yellow-200` - - **value**: rgb(68, 47, 0) (darkest) -- `--spectrum-yellow-300` - - **value**: rgb(86, 62, 0) (darkest) -- `--spectrum-yellow-400` - - **value**: rgb(103, 77, 0) (darkest) -- `--spectrum-yellow-500` - - **value**: rgb(122, 92, 0) (darkest) -- `--spectrum-yellow-600` - - **value**: rgb(141, 108, 0) (darkest) -- `--spectrum-yellow-700` - - **value**: rgb(161, 126, 0) (darkest) -- `--spectrum-yellow-800` - - **value**: rgb(180, 144, 0) (darkest) -- `--spectrum-yellow-900` - - **value**: rgb(199, 162, 0) (darkest) -- `--spectrum-yellow-1000` - - **value**: rgb(216, 181, 0) (darkest) -- `--spectrum-yellow-1100` - - **value**: rgb(233, 199, 0) (darkest) -- `--spectrum-yellow-1200` - - **value**: rgb(247, 216, 4) (darkest) -- `--spectrum-yellow-1300` - - **value**: rgb(249, 233, 97) (darkest) -- `--spectrum-yellow-1400` - - **value**: rgb(252, 243, 170) (darkest) -- `--spectrum-chartreuse-100` - - **value**: rgb(32, 43, 0) (darkest) -- `--spectrum-chartreuse-200` - - **value**: rgb(42, 56, 0) (darkest) -- `--spectrum-chartreuse-300` - - **value**: rgb(54, 72, 0) (darkest) -- `--spectrum-chartreuse-400` - - **value**: rgb(66, 88, 0) (darkest) -- `--spectrum-chartreuse-500` - - **value**: rgb(79, 105, 0) (darkest) -- `--spectrum-chartreuse-600` - - **value**: rgb(93, 123, 0) (darkest) -- `--spectrum-chartreuse-700` - - **value**: rgb(107, 142, 0) (darkest) -- `--spectrum-chartreuse-800` - - **value**: rgb(122, 161, 0) (darkest) -- `--spectrum-chartreuse-900` - - **value**: rgb(138, 180, 3) (darkest) -- `--spectrum-chartreuse-1000` - - **value**: rgb(154, 198, 11) (darkest) -- `--spectrum-chartreuse-1100` - - **value**: rgb(170, 216, 22) (darkest) -- `--spectrum-chartreuse-1200` - - **value**: rgb(187, 232, 41) (darkest) -- `--spectrum-chartreuse-1300` - - **value**: rgb(205, 246, 72) (darkest) -- `--spectrum-chartreuse-1400` - - **value**: rgb(225, 253, 132) (darkest) -- `--spectrum-celery-100` - - **value**: rgb(0, 47, 7) (darkest) -- `--spectrum-celery-200` - - **value**: rgb(0, 61, 9) (darkest) -- `--spectrum-celery-300` - - **value**: rgb(0, 77, 12) (darkest) -- `--spectrum-celery-400` - - **value**: rgb(0, 95, 15) (darkest) -- `--spectrum-celery-500` - - **value**: rgb(0, 113, 15) (darkest) -- `--spectrum-celery-600` - - **value**: rgb(0, 132, 15) (darkest) -- `--spectrum-celery-700` - - **value**: rgb(0, 151, 20) (darkest) -- `--spectrum-celery-800` - - **value**: rgb(13, 171, 37) (darkest) -- `--spectrum-celery-900` - - **value**: rgb(45, 191, 58) (darkest) -- `--spectrum-celery-1000` - - **value**: rgb(80, 208, 82) (darkest) -- `--spectrum-celery-1100` - - **value**: rgb(115, 224, 107) (darkest) -- `--spectrum-celery-1200` - - **value**: rgb(147, 237, 131) (darkest) -- `--spectrum-celery-1300` - - **value**: rgb(180, 247, 162) (darkest) -- `--spectrum-celery-1400` - - **value**: rgb(213, 252, 202) (darkest) -- `--spectrum-green-100` - - **value**: rgb(10, 44, 28) (darkest) -- `--spectrum-green-200` - - **value**: rgb(7, 59, 36) (darkest) -- `--spectrum-green-300` - - **value**: rgb(0, 76, 46) (darkest) -- `--spectrum-green-400` - - **value**: rgb(0, 93, 57) (darkest) -- `--spectrum-green-500` - - **value**: rgb(0, 111, 69) (darkest) -- `--spectrum-green-600` - - **value**: rgb(0, 130, 82) (darkest) -- `--spectrum-green-700` - - **value**: rgb(0, 149, 98) (darkest) -- `--spectrum-green-800` - - **value**: rgb(28, 168, 114) (darkest) -- `--spectrum-green-900` - - **value**: rgb(52, 187, 132) (darkest) -- `--spectrum-green-1000` - - **value**: rgb(75, 205, 149) (darkest) -- `--spectrum-green-1100` - - **value**: rgb(103, 222, 168) (darkest) -- `--spectrum-green-1200` - - **value**: rgb(137, 236, 188) (darkest) -- `--spectrum-green-1300` - - **value**: rgb(177, 244, 209) (darkest) -- `--spectrum-green-1400` - - **value**: rgb(214, 249, 228) (darkest) -- `--spectrum-seafoam-100` - - **value**: rgb(18, 43, 42) (darkest) -- `--spectrum-seafoam-200` - - **value**: rgb(19, 57, 55) (darkest) -- `--spectrum-seafoam-300` - - **value**: rgb(16, 73, 70) (darkest) -- `--spectrum-seafoam-400` - - **value**: rgb(3, 91, 88) (darkest) -- `--spectrum-seafoam-500` - - **value**: rgb(0, 108, 104) (darkest) -- `--spectrum-seafoam-600` - - **value**: rgb(0, 127, 121) (darkest) -- `--spectrum-seafoam-700` - - **value**: rgb(0, 146, 140) (darkest) -- `--spectrum-seafoam-800` - - **value**: rgb(0, 165, 159) (darkest) -- `--spectrum-seafoam-900` - - **value**: rgb(26, 185, 178) (darkest) -- `--spectrum-seafoam-1000` - - **value**: rgb(66, 202, 195) (darkest) -- `--spectrum-seafoam-1100` - - **value**: rgb(102, 218, 211) (darkest) -- `--spectrum-seafoam-1200` - - **value**: rgb(139, 232, 225) (darkest) -- `--spectrum-seafoam-1300` - - **value**: rgb(179, 242, 237) (darkest) -- `--spectrum-seafoam-1400` - - **value**: rgb(215, 248, 244) (darkest) -- `--spectrum-cyan-100` - - **value**: rgb(0, 41, 68) (darkest) -- `--spectrum-cyan-200` - - **value**: rgb(0, 54, 88) (darkest) -- `--spectrum-cyan-300` - - **value**: rgb(0, 69, 108) (darkest) -- `--spectrum-cyan-400` - - **value**: rgb(0, 86, 128) (darkest) -- `--spectrum-cyan-500` - - **value**: rgb(0, 103, 147) (darkest) -- `--spectrum-cyan-600` - - **value**: rgb(0, 121, 167) (darkest) -- `--spectrum-cyan-700` - - **value**: rgb(0, 140, 186) (darkest) -- `--spectrum-cyan-800` - - **value**: rgb(4, 160, 205) (darkest) -- `--spectrum-cyan-900` - - **value**: rgb(23, 180, 221) (darkest) -- `--spectrum-cyan-1000` - - **value**: rgb(57, 199, 234) (darkest) -- `--spectrum-cyan-1100` - - **value**: rgb(96, 216, 243) (darkest) -- `--spectrum-cyan-1200` - - **value**: rgb(134, 230, 250) (darkest) -- `--spectrum-cyan-1300` - - **value**: rgb(170, 242, 255) (darkest) -- `--spectrum-cyan-1400` - - **value**: rgb(206, 249, 255) (darkest) -- `--spectrum-indigo-100` - - **value**: rgb(26, 29, 97) (darkest) -- `--spectrum-indigo-200` - - **value**: rgb(35, 39, 125) (darkest) -- `--spectrum-indigo-300` - - **value**: rgb(46, 50, 158) (darkest) -- `--spectrum-indigo-400` - - **value**: rgb(58, 63, 189) (darkest) -- `--spectrum-indigo-500` - - **value**: rgb(73, 78, 216) (darkest) -- `--spectrum-indigo-600` - - **value**: rgb(90, 96, 235) (darkest) -- `--spectrum-indigo-700` - - **value**: rgb(110, 115, 246) (darkest) -- `--spectrum-indigo-800` - - **value**: rgb(132, 136, 253) (darkest) -- `--spectrum-indigo-900` - - **value**: rgb(153, 157, 255) (darkest) -- `--spectrum-indigo-1000` - - **value**: rgb(174, 177, 255) (darkest) -- `--spectrum-indigo-1100` - - **value**: rgb(194, 196, 255) (darkest) -- `--spectrum-indigo-1200` - - **value**: rgb(212, 213, 255) (darkest) -- `--spectrum-indigo-1300` - - **value**: rgb(227, 228, 255) (darkest) -- `--spectrum-indigo-1400` - - **value**: rgb(240, 240, 255) (darkest) -- `--spectrum-purple-100` - - **value**: rgb(50, 16, 104) (darkest) -- `--spectrum-purple-200` - - **value**: rgb(67, 13, 140) (darkest) -- `--spectrum-purple-300` - - **value**: rgb(86, 16, 173) (darkest) -- `--spectrum-purple-400` - - **value**: rgb(106, 29, 200) (darkest) -- `--spectrum-purple-500` - - **value**: rgb(126, 49, 222) (darkest) -- `--spectrum-purple-600` - - **value**: rgb(145, 70, 236) (darkest) -- `--spectrum-purple-700` - - **value**: rgb(162, 94, 246) (darkest) -- `--spectrum-purple-800` - - **value**: rgb(178, 119, 250) (darkest) -- `--spectrum-purple-900` - - **value**: rgb(192, 143, 252) (darkest) -- `--spectrum-purple-1000` - - **value**: rgb(206, 166, 253) (darkest) -- `--spectrum-purple-1100` - - **value**: rgb(219, 188, 254) (darkest) -- `--spectrum-purple-1200` - - **value**: rgb(230, 207, 255) (darkest) -- `--spectrum-purple-1300` - - **value**: rgb(240, 224, 255) (darkest) -- `--spectrum-purple-1400` - - **value**: rgb(248, 237, 255) (darkest) -- `--spectrum-fuchsia-100` - - **value**: rgb(70, 14, 68) (darkest) -- `--spectrum-fuchsia-200` - - **value**: rgb(93, 9, 92) (darkest) -- `--spectrum-fuchsia-300` - - **value**: rgb(120, 0, 120) (darkest) -- `--spectrum-fuchsia-400` - - **value**: rgb(146, 0, 147) (darkest) -- `--spectrum-fuchsia-500` - - **value**: rgb(169, 19, 170) (darkest) -- `--spectrum-fuchsia-600` - - **value**: rgb(191, 43, 191) (darkest) -- `--spectrum-fuchsia-700` - - **value**: rgb(211, 65, 213) (darkest) -- `--spectrum-fuchsia-800` - - **value**: rgb(228, 91, 229) (darkest) -- `--spectrum-fuchsia-900` - - **value**: rgb(239, 120, 238) (darkest) -- `--spectrum-fuchsia-1000` - - **value**: rgb(246, 149, 243) (darkest) -- `--spectrum-fuchsia-1100` - - **value**: rgb(251, 175, 246) (darkest) -- `--spectrum-fuchsia-1200` - - **value**: rgb(254, 199, 248) (darkest) -- `--spectrum-fuchsia-1300` - - **value**: rgb(255, 220, 250) (darkest) -- `--spectrum-fuchsia-1400` - - **value**: rgb(255, 235, 252) (darkest) -- `--spectrum-magenta-100` - - **value**: rgb(83, 3, 41) (darkest) -- `--spectrum-magenta-200` - - **value**: rgb(106, 0, 52) (darkest) -- `--spectrum-magenta-300` - - **value**: rgb(133, 0, 65) (darkest) -- `--spectrum-magenta-400` - - **value**: rgb(161, 0, 78) (darkest) -- `--spectrum-magenta-500` - - **value**: rgb(186, 22, 93) (darkest) -- `--spectrum-magenta-600` - - **value**: rgb(209, 43, 114) (darkest) -- `--spectrum-magenta-700` - - **value**: rgb(227, 69, 137) (darkest) -- `--spectrum-magenta-800` - - **value**: rgb(241, 97, 156) (darkest) -- `--spectrum-magenta-900` - - **value**: rgb(252, 124, 173) (darkest) -- `--spectrum-magenta-1000` - - **value**: rgb(255, 152, 191) (darkest) -- `--spectrum-magenta-1100` - - **value**: rgb(255, 179, 207) (darkest) -- `--spectrum-magenta-1200` - - **value**: rgb(255, 202, 221) (darkest) -- `--spectrum-magenta-1300` - - **value**: rgb(255, 221, 233) (darkest) -- `--spectrum-magenta-1400` - - **value**: rgb(255, 236, 243) (darkest) -- `--spectrum-opacity-checkerboard-square-dark` - - **value**: `--spectrum-gray-800` (darkest) -- `--spectrum-overlay-opacity` - - **value**: 0.6 (darkest) -- `--spectrum-drop-shadow-color` - - **value**: rgba(0, 0, 0, 0.15) (light) - - **value**: rgba(0, 0, 0, 0.5) (dark) - - **value**: rgba(0, 0, 0, 0.8) (darkest) -- `--spectrum-background-base-color` - - **value**: `--spectrum-gray-200` (light) - - **value**: `--spectrum-gray-50` (dark) - - **value**: `--spectrum-gray-50` (darkest) -- `--spectrum-background-layer-1-color` - - **value**: `--spectrum-gray-100` (light) - - **value**: `--spectrum-gray-75` (dark) - - **value**: `--spectrum-gray-75` (darkest) -- `--spectrum-background-layer-2-color` - - **value**: `--spectrum-gray-100` (darkest) -- `--spectrum-neutral-background-color-default` - - **value**: `--spectrum-gray-800` (light) - - **value**: `--spectrum-gray-400` (dark) - - **value**: `--spectrum-gray-400` (darkest) -- `--spectrum-neutral-background-color-hover` - - **value**: `--spectrum-gray-900` (light) - - **value**: `--spectrum-gray-300` (dark) - - **value**: `--spectrum-gray-300` (darkest) -- `--spectrum-neutral-background-color-down` - - **value**: `--spectrum-gray-900` (light) - - **value**: `--spectrum-gray-200` (dark) - - **value**: `--spectrum-gray-200` (darkest) -- `--spectrum-neutral-background-color-key-focus` - - **value**: `--spectrum-gray-900` (light) - - **value**: `--spectrum-gray-300` (dark) - - **value**: `--spectrum-gray-300` (darkest) -- `--spectrum-neutral-background-color-selected-default` - - **value**: `--spectrum-gray-700` (spectrum) - - **value**: `--spectrum-gray-800` (express) **deprecated** -- `--spectrum-neutral-background-color-selected-hover` - - **value**: `--spectrum-gray-800` (spectrum) - - **value**: `--spectrum-gray-900` (express) **deprecated** -- `--spectrum-neutral-background-color-selected-down` - - **value**: `--spectrum-gray-900` (spectrum) - - **value**: `--spectrum-gray-900` (express) **deprecated** -- `--spectrum-neutral-background-color-selected-key-focus` - - **value**: `--spectrum-gray-800` (spectrum) - - **value**: `--spectrum-gray-900` (express) **deprecated** -- `--spectrum-neutral-subdued-background-color-default` - - **value**: `--spectrum-gray-400` (darkest) -- `--spectrum-neutral-subdued-background-color-hover` - - **value**: `--spectrum-gray-300` (darkest) -- `--spectrum-neutral-subdued-background-color-down` - - **value**: `--spectrum-gray-200` (darkest) -- `--spectrum-neutral-subdued-background-color-key-focus` - - **value**: `--spectrum-gray-300` (darkest) -- `--spectrum-accent-background-color-default` - - **value**: `--spectrum-accent-color-600` (darkest) -- `--spectrum-accent-background-color-hover` - - **value**: `--spectrum-accent-color-500` (darkest) -- `--spectrum-accent-background-color-down` - - **value**: `--spectrum-accent-color-400` (darkest) -- `--spectrum-accent-background-color-key-focus` - - **value**: `--spectrum-accent-color-500` (darkest) -- `--spectrum-informative-background-color-default` - - **value**: `--spectrum-informative-color-600` (darkest) -- `--spectrum-informative-background-color-hover` - - **value**: `--spectrum-informative-color-500` (darkest) -- `--spectrum-informative-background-color-down` - - **value**: `--spectrum-informative-color-400` (darkest) -- `--spectrum-informative-background-color-key-focus` - - **value**: `--spectrum-informative-color-500` (darkest) -- `--spectrum-negative-background-color-default` - - **value**: `--spectrum-negative-color-600` (darkest) -- `--spectrum-negative-background-color-hover` - - **value**: `--spectrum-negative-color-500` (darkest) -- `--spectrum-negative-background-color-down` - - **value**: `--spectrum-negative-color-400` (darkest) -- `--spectrum-negative-background-color-key-focus` - - **value**: `--spectrum-negative-color-500` (darkest) -- `--spectrum-positive-background-color-default` - - **value**: `--spectrum-positive-color-600` (darkest) -- `--spectrum-positive-background-color-hover` - - **value**: `--spectrum-positive-color-500` (darkest) -- `--spectrum-positive-background-color-down` - - **value**: `--spectrum-positive-color-400` (darkest) -- `--spectrum-positive-background-color-key-focus` - - **value**: `--spectrum-positive-color-500` (darkest) -- `--spectrum-notice-background-color-default` - - **value**: `--spectrum-notice-color-800` (darkest) -- `--spectrum-gray-background-color-default` - - **value**: `--spectrum-gray-700` (darkest) -- `--spectrum-red-background-color-default` - - **value**: `--spectrum-red-700` (darkest) -- `--spectrum-orange-background-color-default` - - **value**: `--spectrum-orange-800` (darkest) -- `--spectrum-yellow-background-color-default` - - **value**: `--spectrum-yellow-1000` (darkest) -- `--spectrum-chartreuse-background-color-default` - - **value**: `--spectrum-chartreuse-900` (darkest) -- `--spectrum-celery-background-color-default` - - **value**: `--spectrum-celery-800` (darkest) -- `--spectrum-green-background-color-default` - - **value**: `--spectrum-green-700` (darkest) -- `--spectrum-seafoam-background-color-default` - - **value**: `--spectrum-seafoam-700` (darkest) -- `--spectrum-cyan-background-color-default` - - **value**: `--spectrum-cyan-700` (darkest) -- `--spectrum-blue-background-color-default` - - **value**: `--spectrum-blue-700` (darkest) -- `--spectrum-indigo-background-color-default` - - **value**: `--spectrum-indigo-700` (darkest) -- `--spectrum-purple-background-color-default` - - **value**: `--spectrum-purple-700` (darkest) -- `--spectrum-fuchsia-background-color-default` - - **value**: `--spectrum-fuchsia-700` (darkest) -- `--spectrum-magenta-background-color-default` - - **value**: `--spectrum-magenta-700` (darkest) -- `--spectrum-neutral-visual-color` - - **value**: `--spectrum-gray-600` (darkest) -- `--spectrum-accent-visual-color` - - **value**: `--spectrum-accent-color-900` (darkest) -- `--spectrum-informative-visual-color` - - **value**: `--spectrum-informative-color-900` (darkest) -- `--spectrum-negative-visual-color` - - **value**: `--spectrum-negative-color-700` (darkest) -- `--spectrum-notice-visual-color` - - **value**: `--spectrum-notice-color-900` (darkest) -- `--spectrum-positive-visual-color` - - **value**: `--spectrum-positive-color-800` (darkest) -- `--spectrum-gray-visual-color` - - **value**: `--spectrum-gray-600` (darkest) -- `--spectrum-red-visual-color` - - **value**: `--spectrum-red-700` (darkest) -- `--spectrum-orange-visual-color` - - **value**: `--spectrum-orange-900` (darkest) -- `--spectrum-yellow-visual-color` - - **value**: `--spectrum-yellow-1100` (darkest) -- `--spectrum-chartreuse-visual-color` - - **value**: `--spectrum-chartreuse-900` (darkest) -- `--spectrum-celery-visual-color` - - **value**: `--spectrum-celery-800` (darkest) -- `--spectrum-green-visual-color` - - **value**: `--spectrum-green-800` (darkest) -- `--spectrum-seafoam-visual-color` - - **value**: `--spectrum-seafoam-800` (darkest) -- `--spectrum-cyan-visual-color` - - **value**: `--spectrum-cyan-900` (darkest) -- `--spectrum-blue-visual-color` - - **value**: `--spectrum-blue-900` (darkest) -- `--spectrum-indigo-visual-color` - - **value**: `--spectrum-indigo-900` (darkest) -- `--spectrum-purple-visual-color` - - **value**: `--spectrum-purple-900` (darkest) -- `--spectrum-fuchsia-visual-color` - - **value**: `--spectrum-fuchsia-900` (darkest) -- `--spectrum-magenta-visual-color` - - **value**: `--spectrum-magenta-900` (darkest) - -#### Updated Properties (416) - -- `--spectrum-heading-sans-serif-font-weight` -- `--spectrum-heading-serif-font-weight` -- `--spectrum-heading-cjk-font-weight` -- `--spectrum-heading-sans-serif-emphasized-font-weight` -- `--spectrum-heading-serif-emphasized-font-weight` -- `--spectrum-accent-color-100` -- `--spectrum-accent-color-200` -- `--spectrum-accent-color-300` -- `--spectrum-accent-color-400` -- `--spectrum-accent-color-500` -- `--spectrum-accent-color-600` -- `--spectrum-accent-color-700` -- `--spectrum-accent-color-800` -- `--spectrum-accent-color-900` -- `--spectrum-accent-color-1000` -- `--spectrum-accent-color-1100` -- `--spectrum-accent-color-1200` -- `--spectrum-accent-color-1300` -- `--spectrum-accent-color-1400` -- `--spectrum-corner-radius-75` -- `--spectrum-corner-radius-100` -- `--spectrum-corner-radius-200` -- `--spectrum-drop-shadow-x` -- `--spectrum-drop-shadow-y` -- `--spectrum-drop-shadow-blur` -- `--spectrum-text-to-visual-50` - - **value**: 6px -> 5px (desktop) - - **value**: 8px -> 7px (mobile) -- `--spectrum-text-to-visual-75` - - **value**: 7px -> 5px (desktop) - - **value**: 9px -> 7px (mobile) -- `--spectrum-text-to-visual-100` - - **value**: 8px -> 6px (desktop) - - **value**: 10px -> 8px (mobile) -- `--spectrum-text-to-visual-200` - - **value**: 9px -> 7px (desktop) - - **value**: 11px -> 9px (mobile) -- `--spectrum-text-to-visual-300` - - **value**: 10px -> 8px (desktop) - - **value**: 13px -> 10px (mobile) -- `--spectrum-border-width-100` -- `--spectrum-component-pill-edge-to-visual-75` - - **value**: 10px -> 11px (desktop) - - **value**: 13px -> 15px (mobile) -- `--spectrum-component-pill-edge-to-visual-200` - - **value**: 22px -> 21px (mobile) -- `--spectrum-component-pill-edge-to-visual-300` - - **value**: 21px -> 20px (desktop) - - **value**: 27px -> 28px (mobile) -- `--spectrum-component-pill-edge-to-visual-only-75` - - **value**: 5px -> 6px (mobile) -- `--spectrum-component-pill-edge-to-visual-only-100` - - **value**: 7px -> 6px (desktop) - - **value**: 9px -> 8px (mobile) -- `--spectrum-component-pill-edge-to-visual-only-200` - - **value**: 10px -> 9px (desktop) - - **value**: 13px -> 11px (mobile) -- `--spectrum-component-pill-edge-to-visual-only-300` - - **value**: 13px -> 11px (desktop) - - **value**: 16px -> 15px (mobile) -- `--spectrum-component-pill-edge-to-text-75` - - **value**: 12px -> 13px (desktop) - - **value**: 15px -> 17px (mobile) -- `--spectrum-component-pill-edge-to-text-200` - - **value**: 25px -> 24px (mobile) -- `--spectrum-component-pill-edge-to-text-300` - - **value**: 24px -> 23px (desktop) -- `--spectrum-component-edge-to-visual-50` - - **value**: 6px -> 7px (desktop) - - **value**: 7px -> 9px (mobile) -- `--spectrum-component-edge-to-visual-75` - - **value**: 7px -> 8px (desktop) - - **value**: 9px -> 11px (mobile) -- `--spectrum-component-edge-to-visual-200` - - **value**: 16px -> 15px (mobile) -- `--spectrum-component-edge-to-visual-300` - - **value**: 15px -> 14px (desktop) - - **value**: 19px -> 20px (mobile) -- `--spectrum-component-edge-to-visual-only-50` - - **value**: 4px -> 5px (mobile) -- `--spectrum-component-edge-to-visual-only-75` - - **value**: 5px -> 6px (mobile) -- `--spectrum-component-edge-to-visual-only-100` - - **value**: 7px -> 6px (desktop) - - **value**: 9px -> 8px (mobile) -- `--spectrum-component-edge-to-visual-only-200` - - **value**: 10px -> 9px (desktop) - - **value**: 13px -> 11px (mobile) -- `--spectrum-component-edge-to-visual-only-300` - - **value**: 13px -> 11px (desktop) - - **value**: 16px -> 15px (mobile) -- `--spectrum-component-edge-to-text-50` - - **value**: 10px -> 11px (mobile) -- `--spectrum-component-edge-to-text-75` - - **value**: 9px -> 10px (desktop) - - **value**: 11px -> 13px (mobile) -- `--spectrum-component-edge-to-text-200` - - **value**: 19px -> 18px (mobile) -- `--spectrum-component-edge-to-text-300` - - **value**: 18px -> 17px (desktop) -- `--spectrum-component-top-to-workflow-icon-50` - - **value**: 4px -> 5px (mobile) -- `--spectrum-component-top-to-workflow-icon-75` - - **value**: 5px -> 6px (mobile) -- `--spectrum-component-top-to-workflow-icon-100` - - **value**: 7px -> 6px (desktop) - - **value**: 9px -> 8px (mobile) -- `--spectrum-component-top-to-workflow-icon-200` - - **value**: 10px -> 9px (desktop) - - **value**: 13px -> 11px (mobile) -- `--spectrum-component-top-to-workflow-icon-300` - - **value**: 13px -> 11px (desktop) - - **value**: 16px -> 15px (mobile) -- `--spectrum-checkbox-control-size-small` -- `--spectrum-checkbox-control-size-medium` -- `--spectrum-checkbox-control-size-large` -- `--spectrum-checkbox-control-size-extra-large` -- `--spectrum-checkbox-top-to-control-small` -- `--spectrum-checkbox-top-to-control-medium` -- `--spectrum-checkbox-top-to-control-large` -- `--spectrum-checkbox-top-to-control-extra-large` -- `--spectrum-switch-control-width-small` -- `--spectrum-switch-control-width-medium` -- `--spectrum-switch-control-width-large` -- `--spectrum-switch-control-width-extra-large` -- `--spectrum-switch-control-height-small` -- `--spectrum-switch-control-height-medium` -- `--spectrum-switch-control-height-large` -- `--spectrum-switch-control-height-extra-large` -- `--spectrum-switch-top-to-control-small` -- `--spectrum-switch-top-to-control-medium` -- `--spectrum-switch-top-to-control-large` -- `--spectrum-switch-top-to-control-extra-large` -- `--spectrum-radio-button-control-size-small` -- `--spectrum-radio-button-control-size-medium` -- `--spectrum-radio-button-control-size-large` -- `--spectrum-radio-button-control-size-extra-large` -- `--spectrum-radio-button-top-to-control-small` -- `--spectrum-radio-button-top-to-control-medium` -- `--spectrum-radio-button-top-to-control-large` -- `--spectrum-radio-button-top-to-control-extra-large` -- `--spectrum-slider-track-thickness` -- `--spectrum-slider-control-height-small` -- `--spectrum-slider-control-height-medium` -- `--spectrum-slider-control-height-large` -- `--spectrum-slider-control-height-extra-large` -- `--spectrum-slider-handle-size-small` -- `--spectrum-slider-handle-size-medium` -- `--spectrum-slider-handle-size-large` -- `--spectrum-slider-handle-size-extra-large` -- `--spectrum-slider-handle-border-width-down-small` -- `--spectrum-slider-handle-border-width-down-medium` -- `--spectrum-slider-handle-border-width-down-large` -- `--spectrum-slider-handle-border-width-down-extra-large` -- `--spectrum-slider-handle-gap` -- `--spectrum-slider-bottom-to-handle-small` -- `--spectrum-slider-bottom-to-handle-medium` -- `--spectrum-slider-bottom-to-handle-large` -- `--spectrum-slider-bottom-to-handle-extra-large` -- `--spectrum-picker-border-width` -- `--spectrum-color-area-border-rounding` - - **value**: `--spectrum-corner-radius-100` -> `--spectrum-corner-radius-medium-size-small` -- `--spectrum-color-slider-border-rounding` - - **value**: 4px -> `--spectrum-corner-radius-medium-size-small` -- `--spectrum-in-field-button-fill-stacked-inner-border-rounding` -- `--spectrum-in-field-button-edge-to-fill` -- `--spectrum-in-field-button-stacked-inner-edge-to-fill` -- `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium` -- `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large` -- `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large` -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small` -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium` -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large` -- `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large` -- `--spectrum-icon-color-blue-primary-default` -- `--spectrum-icon-color-green-primary-default` -- `--spectrum-icon-color-red-primary-default` -- `--spectrum-icon-color-yellow-primary-default` -- `--spectrum-workflow-icon-size-50` - - **value**: 18px -> 16px (mobile) -- `--spectrum-workflow-icon-size-75` - - **value**: 20px -> 18px (mobile) -- `--spectrum-workflow-icon-size-100` - - **value**: 18px -> 20px (desktop) - - **value**: 22px -> 24px (mobile) -- `--spectrum-workflow-icon-size-200` - - **value**: 20px -> 22px (desktop) - - **value**: 24px -> 28px (mobile) -- `--spectrum-workflow-icon-size-300` - - **value**: 22px -> 26px (desktop) - - **value**: 28px -> 30px (mobile) -- `--spectrum-white` -- `--spectrum-transparent-white-100` -- `--spectrum-transparent-white-200` -- `--spectrum-transparent-white-300` -- `--spectrum-transparent-white-400` -- `--spectrum-transparent-white-500` -- `--spectrum-transparent-white-600` -- `--spectrum-transparent-white-700` -- `--spectrum-transparent-white-800` -- `--spectrum-transparent-white-900` -- `--spectrum-transparent-black-100` -- `--spectrum-transparent-black-200` -- `--spectrum-transparent-black-300` -- `--spectrum-transparent-black-400` -- `--spectrum-transparent-black-500` -- `--spectrum-transparent-black-600` -- `--spectrum-transparent-black-700` -- `--spectrum-transparent-black-800` -- `--spectrum-transparent-black-900` -- `--spectrum-gray-50` - - **value**: rgb(255, 255, 255) -> rgb(248, 248, 248) (light) - - **value**: rgb(29, 29, 29) -> rgb(27, 27, 27) (dark) -- `--spectrum-gray-75` - - **value**: rgb(253, 253, 253) -> rgb(243, 243, 243) (light) - - **value**: rgb(38, 38, 38) -> rgb(34, 34, 34) (dark) -- `--spectrum-gray-100` - - **value**: rgb(248, 248, 248) -> rgb(233, 233, 233) (light) - - **value**: rgb(50, 50, 50) -> rgb(44, 44, 44) (dark) -- `--spectrum-gray-200` - - **value**: rgb(230, 230, 230) -> rgb(225, 225, 225) (light) - - **value**: rgb(63, 63, 63) -> rgb(50, 50, 50) (dark) -- `--spectrum-gray-300` - - **value**: rgb(213, 213, 213) -> rgb(218, 218, 218) (light) - - **value**: rgb(84, 84, 84) -> rgb(57, 57, 57) (dark) -- `--spectrum-gray-400` - - **value**: rgb(177, 177, 177) -> rgb(198, 198, 198) (light) - - **value**: rgb(112, 112, 112) -> rgb(68, 68, 68) (dark) -- `--spectrum-gray-500` - - **value**: rgb(144, 144, 144) -> rgb(143, 143, 143) (light) - - **value**: rgb(144, 144, 144) -> rgb(109, 109, 109) (dark) -- `--spectrum-gray-600` - - **value**: rgb(109, 109, 109) -> rgb(113, 113, 113) (light) - - **value**: rgb(178, 178, 178) -> rgb(138, 138, 138) (dark) -- `--spectrum-gray-700` - - **value**: rgb(70, 70, 70) -> rgb(80, 80, 80) (light) - - **value**: rgb(209, 209, 209) -> rgb(175, 175, 175) (dark) -- `--spectrum-gray-800` - - **value**: rgb(34, 34, 34) -> rgb(41, 41, 41) (light) - - **value**: rgb(235, 235, 235) -> rgb(219, 219, 219) (dark) -- `--spectrum-gray-900` - - **value**: rgb(0, 0, 0) -> rgb(19, 19, 19) (light) - - **value**: rgb(255, 255, 255) -> rgb(242, 242, 242) (dark) -- `--spectrum-blue-100` - - **value**: rgb(224, 242, 255) -> rgb(245, 249, 255) (light) - - **value**: rgb(0, 56, 119) -> rgb(14, 23, 63) (dark) -- `--spectrum-blue-200` - - **value**: rgb(202, 232, 255) -> rgb(229, 240, 254) (light) - - **value**: rgb(0, 65, 138) -> rgb(15, 28, 82) (dark) -- `--spectrum-blue-300` - - **value**: rgb(181, 222, 255) -> rgb(203, 226, 254) (light) - - **value**: rgb(0, 77, 163) -> rgb(12, 33, 117) (dark) -- `--spectrum-blue-400` - - **value**: rgb(150, 206, 253) -> rgb(172, 207, 253) (light) - - **value**: rgb(0, 89, 194) -> rgb(18, 45, 154) (dark) -- `--spectrum-blue-500` - - **value**: rgb(120, 187, 250) -> rgb(142, 185, 252) (light) - - **value**: rgb(3, 103, 224) -> rgb(26, 58, 195) (dark) -- `--spectrum-blue-600` - - **value**: rgb(89, 167, 246) -> rgb(114, 158, 253) (light) - - **value**: rgb(19, 121, 243) -> rgb(37, 73, 229) (dark) -- `--spectrum-blue-700` - - **value**: rgb(56, 146, 243) -> rgb(93, 137, 255) (light) - - **value**: rgb(52, 143, 244) -> rgb(52, 91, 248) (dark) -- `--spectrum-blue-800` - - **value**: rgb(20, 122, 243) -> rgb(75, 117, 255) (light) - - **value**: rgb(84, 163, 246) -> rgb(64, 105, 253) (dark) -- `--spectrum-blue-900` - - **value**: rgb(2, 101, 220) -> rgb(59, 99, 251) (light) - - **value**: rgb(114, 183, 249) -> rgb(86, 129, 255) (dark) -- `--spectrum-blue-1000` - - **value**: rgb(0, 84, 182) -> rgb(39, 77, 234) (light) - - **value**: rgb(143, 202, 252) -> rgb(105, 149, 254) (dark) -- `--spectrum-blue-1100` - - **value**: rgb(0, 68, 145) -> rgb(29, 62, 207) (light) - - **value**: rgb(174, 219, 254) -> rgb(124, 169, 252) (dark) -- `--spectrum-blue-1200` - - **value**: rgb(0, 53, 113) -> rgb(21, 50, 173) (light) - - **value**: rgb(204, 233, 255) -> rgb(152, 192, 252) (dark) -- `--spectrum-blue-1300` - - **value**: rgb(0, 39, 84) -> rgb(16, 40, 140) (light) - - **value**: rgb(232, 246, 255) -> rgb(181, 213, 253) (dark) -- `--spectrum-blue-1400` - - **value**: rgb(0, 28, 60) -> rgb(12, 31, 105) (light) - - **value**: rgb(255, 255, 255) -> rgb(213, 231, 254) (dark) -- `--spectrum-red-100` - - **value**: rgb(255, 235, 231) -> rgb(255, 246, 245) (light) - - **value**: rgb(123, 0, 0) -> rgb(54, 10, 3) (dark) -- `--spectrum-red-200` - - **value**: rgb(255, 221, 214) -> rgb(255, 235, 232) (light) - - **value**: rgb(141, 0, 0) -> rgb(68, 13, 5) (dark) -- `--spectrum-red-300` - - **value**: rgb(255, 205, 195) -> rgb(255, 214, 209) (light) - - **value**: rgb(165, 0, 0) -> rgb(87, 17, 7) (dark) -- `--spectrum-red-400` - - **value**: rgb(255, 183, 169) -> rgb(255, 188, 180) (light) - - **value**: rgb(190, 4, 3) -> rgb(115, 24, 11) (dark) -- `--spectrum-red-500` - - **value**: rgb(255, 155, 136) -> rgb(255, 157, 145) (light) - - **value**: rgb(215, 25, 19) -> rgb(147, 31, 17) (dark) -- `--spectrum-red-600` - - **value**: rgb(255, 124, 101) -> rgb(255, 118, 101) (light) - - **value**: rgb(234, 56, 41) -> rgb(177, 38, 23) (dark) -- `--spectrum-red-700` - - **value**: rgb(247, 92, 70) -> rgb(255, 81, 61) (light) - - **value**: rgb(246, 88, 67) -> rgb(205, 46, 29) (dark) -- `--spectrum-red-800` - - **value**: rgb(234, 56, 41) -> rgb(240, 56, 35) (light) - - **value**: rgb(255, 117, 94) -> rgb(223, 52, 34) (dark) -- `--spectrum-red-900` - - **value**: rgb(211, 21, 16) -> rgb(215, 50, 32) (light) - - **value**: rgb(255, 149, 129) -> rgb(252, 67, 46) (dark) -- `--spectrum-red-1000` - - **value**: rgb(180, 0, 0) -> rgb(183, 40, 24) (light) - - **value**: rgb(255, 176, 161) -> rgb(255, 103, 86) (dark) -- `--spectrum-red-1100` - - **value**: rgb(147, 0, 0) -> rgb(156, 33, 19) (light) - - **value**: rgb(255, 201, 189) -> rgb(255, 134, 120) (dark) -- `--spectrum-red-1200` - - **value**: rgb(116, 0, 0) -> rgb(129, 27, 14) (light) - - **value**: rgb(255, 222, 216) -> rgb(255, 167, 157) (dark) -- `--spectrum-red-1300` - - **value**: rgb(89, 0, 0) -> rgb(104, 21, 10) (light) - - **value**: rgb(255, 241, 238) -> rgb(255, 196, 189) (dark) -- `--spectrum-red-1400` - - **value**: rgb(67, 0, 0) -> rgb(80, 16, 6) (light) - - **value**: rgb(255, 255, 255) -> rgb(255, 222, 219) (dark) -- `--spectrum-orange-100` - - **value**: rgb(255, 236, 204) -> rgb(255, 246, 231) (light) - - **value**: rgb(102, 37, 0) -> rgb(49, 16, 0) (dark) -- `--spectrum-orange-200` - - **value**: rgb(255, 223, 173) -> rgb(255, 236, 207) (light) - - **value**: rgb(117, 45, 0) -> rgb(61, 21, 0) (dark) -- `--spectrum-orange-300` - - **value**: rgb(253, 210, 145) -> rgb(255, 218, 158) (light) - - **value**: rgb(137, 55, 0) -> rgb(80, 27, 0) (dark) -- `--spectrum-orange-400` - - **value**: rgb(255, 187, 99) -> rgb(255, 193, 94) (light) - - **value**: rgb(158, 66, 0) -> rgb(106, 36, 0) (dark) -- `--spectrum-orange-500` - - **value**: rgb(255, 160, 55) -> rgb(255, 162, 19) (light) - - **value**: rgb(180, 78, 0) -> rgb(135, 47, 0) (dark) -- `--spectrum-orange-600` - - **value**: rgb(246, 133, 17) -> rgb(252, 125, 0) (light) - - **value**: rgb(202, 93, 0) -> rgb(162, 59, 0) (dark) -- `--spectrum-orange-700` - - **value**: rgb(228, 111, 0) -> rgb(232, 106, 0) (light) - - **value**: rgb(225, 109, 0) -> rgb(185, 73, 0) (dark) -- `--spectrum-orange-800` - - **value**: rgb(203, 93, 0) -> rgb(212, 91, 0) (light) - - **value**: rgb(244, 129, 12) -> rgb(199, 82, 0) (dark) -- `--spectrum-orange-900` - - **value**: rgb(177, 76, 0) -> rgb(194, 78, 0) (light) - - **value**: rgb(254, 154, 46) -> rgb(224, 100, 0) (dark) -- `--spectrum-orange-1000` - - **value**: rgb(149, 61, 0) -> rgb(167, 62, 0) (light) - - **value**: rgb(255, 181, 88) -> rgb(243, 117, 0) (dark) -- `--spectrum-orange-1100` - - **value**: rgb(122, 47, 0) -> rgb(144, 51, 0) (light) - - **value**: rgb(253, 206, 136) -> rgb(255, 137, 0) (dark) -- `--spectrum-orange-1200` - - **value**: rgb(97, 35, 0) -> rgb(118, 41, 0) (light) - - **value**: rgb(255, 225, 179) -> rgb(255, 173, 45) (dark) -- `--spectrum-orange-1300` - - **value**: rgb(73, 25, 1) -> rgb(95, 32, 0) (light) - - **value**: rgb(255, 242, 221) -> rgb(255, 201, 116) (dark) -- `--spectrum-orange-1400` - - **value**: rgb(53, 18, 1) -> rgb(73, 24, 0) (light) - - **value**: rgb(255, 253, 249) -> rgb(255, 225, 178) (dark) -- `--spectrum-yellow-100` - - **value**: rgb(251, 241, 152) -> rgb(255, 248, 204) (light) - - **value**: rgb(76, 54, 0) -> rgb(37, 23, 0) (dark) -- `--spectrum-yellow-200` - - **value**: rgb(248, 231, 80) -> rgb(255, 241, 151) (light) - - **value**: rgb(88, 64, 0) -> rgb(47, 29, 0) (dark) -- `--spectrum-yellow-300` - - **value**: rgb(248, 217, 4) -> rgb(255, 222, 44) (light) - - **value**: rgb(103, 76, 0) -> rgb(61, 39, 0) (dark) -- `--spectrum-yellow-400` - - **value**: rgb(232, 198, 0) -> rgb(245, 199, 0) (light) - - **value**: rgb(119, 89, 0) -> rgb(83, 52, 0) (dark) -- `--spectrum-yellow-500` - - **value**: rgb(215, 179, 0) -> rgb(230, 175, 0) (light) - - **value**: rgb(136, 104, 0) -> rgb(107, 67, 0) (dark) -- `--spectrum-yellow-600` - - **value**: rgb(196, 159, 0) -> rgb(210, 149, 0) (light) - - **value**: rgb(155, 120, 0) -> rgb(130, 82, 0) (dark) -- `--spectrum-yellow-700` - - **value**: rgb(176, 140, 0) -> rgb(193, 131, 0) (light) - - **value**: rgb(174, 137, 0) -> rgb(151, 97, 0) (dark) -- `--spectrum-yellow-800` - - **value**: rgb(155, 120, 0) -> rgb(175, 116, 0) (light) - - **value**: rgb(192, 156, 0) -> rgb(164, 106, 0) (dark) -- `--spectrum-yellow-900` - - **value**: rgb(133, 102, 0) -> rgb(158, 102, 0) (light) - - **value**: rgb(211, 174, 0) -> rgb(186, 124, 0) (dark) -- `--spectrum-yellow-1000` - - **value**: rgb(112, 83, 0) -> rgb(134, 85, 0) (light) - - **value**: rgb(228, 194, 0) -> rgb(203, 141, 0) (dark) -- `--spectrum-yellow-1100` - - **value**: rgb(91, 67, 0) -> rgb(114, 72, 0) (light) - - **value**: rgb(244, 213, 0) -> rgb(218, 159, 0) (dark) -- `--spectrum-yellow-1200` - - **value**: rgb(72, 51, 0) -> rgb(93, 59, 0) (light) - - **value**: rgb(249, 232, 92) -> rgb(235, 183, 0) (dark) -- `--spectrum-yellow-1300` - - **value**: rgb(54, 37, 0) -> rgb(75, 47, 0) (light) - - **value**: rgb(252, 246, 187) -> rgb(249, 206, 0) (dark) -- `--spectrum-yellow-1400` - - **value**: rgb(40, 26, 0) -> rgb(56, 35, 0) (light) - - **value**: rgb(255, 255, 255) -> rgb(255, 230, 86) (dark) -- `--spectrum-chartreuse-100` - - **value**: rgb(219, 252, 110) -> rgb(246, 251, 222) (light) - - **value**: rgb(48, 64, 0) -> rgb(23, 28, 0) (dark) -- `--spectrum-chartreuse-200` - - **value**: rgb(203, 244, 67) -> rgb(234, 246, 173) (light) - - **value**: rgb(55, 74, 0) -> rgb(30, 36, 0) (dark) -- `--spectrum-chartreuse-300` - - **value**: rgb(188, 233, 42) -> rgb(208, 236, 70) (light) - - **value**: rgb(65, 87, 0) -> rgb(39, 47, 0) (dark) -- `--spectrum-chartreuse-400` - - **value**: rgb(170, 216, 22) -> rgb(182, 219, 0) (light) - - **value**: rgb(76, 102, 0) -> rgb(53, 63, 0) (dark) -- `--spectrum-chartreuse-500` - - **value**: rgb(152, 197, 10) -> rgb(163, 196, 0) (light) - - **value**: rgb(89, 118, 0) -> rgb(68, 82, 0) (dark) -- `--spectrum-chartreuse-600` - - **value**: rgb(135, 177, 3) -> rgb(143, 172, 0) (light) - - **value**: rgb(102, 136, 0) -> rgb(83, 100, 0) (dark) -- `--spectrum-chartreuse-700` - - **value**: rgb(118, 156, 0) -> rgb(128, 153, 0) (light) - - **value**: rgb(117, 154, 0) -> rgb(97, 116, 0) (dark) -- `--spectrum-chartreuse-800` - - **value**: rgb(103, 136, 0) -> rgb(114, 137, 0) (light) - - **value**: rgb(132, 173, 1) -> rgb(106, 127, 0) (dark) -- `--spectrum-chartreuse-900` - - **value**: rgb(87, 116, 0) -> rgb(102, 122, 0) (light) - - **value**: rgb(148, 192, 8) -> rgb(122, 147, 0) (dark) -- `--spectrum-chartreuse-1000` - - **value**: rgb(72, 96, 0) -> rgb(86, 103, 0) (light) - - **value**: rgb(166, 211, 18) -> rgb(136, 164, 0) (dark) -- `--spectrum-chartreuse-1100` - - **value**: rgb(58, 77, 0) -> rgb(73, 87, 0) (light) - - **value**: rgb(184, 229, 37) -> rgb(151, 181, 0) (dark) -- `--spectrum-chartreuse-1200` - - **value**: rgb(44, 59, 0) -> rgb(60, 71, 0) (light) - - **value**: rgb(205, 245, 71) -> rgb(169, 203, 0) (dark) -- `--spectrum-chartreuse-1300` - - **value**: rgb(33, 44, 0) -> rgb(47, 57, 0) (light) - - **value**: rgb(231, 254, 154) -> rgb(187, 225, 0) (dark) -- `--spectrum-chartreuse-1400` - - **value**: rgb(24, 31, 0) -> rgb(35, 43, 0) (light) - - **value**: rgb(255, 255, 255) -> rgb(219, 240, 117) (dark) -- `--spectrum-celery-100` - - **value**: rgb(205, 252, 191) -> rgb(235, 255, 220) (light) - - **value**: rgb(0, 69, 10) -> rgb(11, 31, 0) (dark) -- `--spectrum-celery-200` - - **value**: rgb(174, 246, 157) -> rgb(197, 255, 156) (light) - - **value**: rgb(0, 80, 12) -> rgb(15, 38, 0) (dark) -- `--spectrum-celery-300` - - **value**: rgb(150, 238, 133) -> rgb(157, 247, 92) (light) - - **value**: rgb(0, 94, 14) -> rgb(21, 51, 1) (dark) -- `--spectrum-celery-400` - - **value**: rgb(114, 224, 106) -> rgb(129, 228, 58) (light) - - **value**: rgb(0, 109, 15) -> rgb(31, 67, 4) (dark) -- `--spectrum-celery-500` - - **value**: rgb(78, 207, 80) -> rgb(110, 206, 42) (light) - - **value**: rgb(0, 127, 15) -> rgb(41, 86, 8) (dark) -- `--spectrum-celery-600` - - **value**: rgb(39, 187, 54) -> rgb(93, 180, 31) (light) - - **value**: rgb(0, 145, 18) -> rgb(50, 105, 11) (dark) -- `--spectrum-celery-700` - - **value**: rgb(7, 167, 33) -> rgb(82, 161, 25) (light) - - **value**: rgb(4, 165, 30) -> rgb(60, 122, 15) (dark) -- `--spectrum-celery-800` - - **value**: rgb(0, 145, 18) -> rgb(72, 144, 20) (light) - - **value**: rgb(34, 184, 51) -> rgb(66, 134, 18) (dark) -- `--spectrum-celery-900` - - **value**: rgb(0, 124, 15) -> rgb(64, 129, 17) (light) - - **value**: rgb(68, 202, 73) -> rgb(78, 154, 23) (dark) -- `--spectrum-celery-1000` - - **value**: rgb(0, 103, 15) -> rgb(52, 109, 12) (light) - - **value**: rgb(105, 220, 99) -> rgb(88, 172, 28) (dark) -- `--spectrum-celery-1100` - - **value**: rgb(0, 83, 13) -> rgb(44, 92, 9) (light) - - **value**: rgb(142, 235, 127) -> rgb(100, 190, 35) (dark) -- `--spectrum-celery-1200` - - **value**: rgb(0, 64, 10) -> rgb(35, 75, 6) (light) - - **value**: rgb(180, 247, 162) -> rgb(116, 213, 46) (dark) -- `--spectrum-celery-1300` - - **value**: rgb(0, 48, 7) -> rgb(27, 60, 3) (light) - - **value**: rgb(221, 253, 211) -> rgb(136, 234, 65) (dark) -- `--spectrum-celery-1400` - - **value**: rgb(0, 34, 5) -> rgb(19, 46, 0) (light) - - **value**: rgb(255, 255, 255) -> rgb(170, 251, 112) (dark) -- `--spectrum-green-100` - - **value**: rgb(206, 248, 224) -> rgb(237, 252, 241) (light) - - **value**: rgb(4, 67, 41) -> rgb(0, 30, 23) (dark) -- `--spectrum-green-200` - - **value**: rgb(173, 244, 206) -> rgb(215, 247, 225) (light) - - **value**: rgb(0, 78, 47) -> rgb(0, 38, 29) (dark) -- `--spectrum-green-300` - - **value**: rgb(137, 236, 188) -> rgb(173, 238, 197) (light) - - **value**: rgb(0, 92, 56) -> rgb(0, 51, 38) (dark) -- `--spectrum-green-400` - - **value**: rgb(103, 222, 168) -> rgb(107, 227, 162) (light) - - **value**: rgb(0, 108, 67) -> rgb(0, 68, 48) (dark) -- `--spectrum-green-500` - - **value**: rgb(73, 204, 147) -> rgb(43, 209, 125) (light) - - **value**: rgb(0, 125, 78) -> rgb(2, 87, 58) (dark) -- `--spectrum-green-600` - - **value**: rgb(47, 184, 128) -> rgb(18, 184, 103) (light) - - **value**: rgb(0, 143, 93) -> rgb(3, 106, 67) (dark) -- `--spectrum-green-700` - - **value**: rgb(21, 164, 110) -> rgb(11, 164, 93) (light) - - **value**: rgb(18, 162, 108) -> rgb(4, 124, 75) (dark) -- `--spectrum-green-800` - - **value**: rgb(0, 143, 93) -> rgb(7, 147, 85) (light) - - **value**: rgb(43, 180, 125) -> rgb(6, 136, 80) (dark) -- `--spectrum-green-900` - - **value**: rgb(0, 122, 77) -> rgb(5, 131, 78) (light) - - **value**: rgb(67, 199, 143) -> rgb(9, 157, 89) (dark) -- `--spectrum-green-1000` - - **value**: rgb(0, 101, 62) -> rgb(3, 110, 69) (light) - - **value**: rgb(94, 217, 162) -> rgb(14, 175, 98) (dark) -- `--spectrum-green-1100` - - **value**: rgb(0, 81, 50) -> rgb(2, 93, 60) (light) - - **value**: rgb(129, 233, 184) -> rgb(24, 193, 110) (dark) -- `--spectrum-green-1200` - - **value**: rgb(5, 63, 39) -> rgb(1, 76, 52) (light) - - **value**: rgb(177, 244, 209) -> rgb(57, 215, 134) (dark) -- `--spectrum-green-1300` - - **value**: rgb(10, 46, 29) -> rgb(0, 61, 44) (light) - - **value**: rgb(223, 250, 234) -> rgb(126, 231, 172) (dark) -- `--spectrum-green-1400` - - **value**: rgb(10, 32, 21) -> rgb(0, 46, 34) (light) - - **value**: rgb(254, 255, 252) -> rgb(189, 241, 208) (dark) -- `--spectrum-seafoam-100` - - **value**: rgb(206, 247, 243) -> rgb(235, 251, 246) (light) - - **value**: rgb(18, 65, 63) -> rgb(0, 30, 27) (dark) -- `--spectrum-seafoam-200` - - **value**: rgb(170, 241, 234) -> rgb(211, 246, 234) (light) - - **value**: rgb(14, 76, 73) -> rgb(0, 39, 35) (dark) -- `--spectrum-seafoam-300` - - **value**: rgb(140, 233, 226) -> rgb(169, 237, 216) (light) - - **value**: rgb(4, 90, 87) -> rgb(0, 50, 44) (dark) -- `--spectrum-seafoam-400` - - **value**: rgb(101, 218, 210) -> rgb(92, 225, 194) (light) - - **value**: rgb(0, 105, 101) -> rgb(0, 67, 59) (dark) -- `--spectrum-seafoam-500` - - **value**: rgb(63, 201, 193) -> rgb(16, 207, 169) (light) - - **value**: rgb(0, 122, 117) -> rgb(2, 86, 75) (dark) -- `--spectrum-seafoam-600` - - **value**: rgb(15, 181, 174) -> rgb(13, 181, 149) (light) - - **value**: rgb(0, 140, 135) -> rgb(4, 105, 89) (dark) -- `--spectrum-seafoam-700` - - **value**: rgb(0, 161, 154) -> rgb(11, 162, 134) (light) - - **value**: rgb(0, 158, 152) -> rgb(6, 122, 103) (dark) -- `--spectrum-seafoam-800` - - **value**: rgb(0, 140, 135) -> rgb(9, 144, 120) (light) - - **value**: rgb(3, 178, 171) -> rgb(8, 134, 112) (dark) -- `--spectrum-seafoam-900` - - **value**: rgb(0, 119, 114) -> rgb(7, 129, 109) (light) - - **value**: rgb(54, 197, 189) -> rgb(10, 154, 128) (dark) -- `--spectrum-seafoam-1000` - - **value**: rgb(0, 99, 95) -> rgb(5, 108, 92) (light) - - **value**: rgb(93, 214, 207) -> rgb(12, 173, 142) (dark) -- `--spectrum-seafoam-1100` - - **value**: rgb(12, 79, 76) -> rgb(3, 92, 80) (light) - - **value**: rgb(132, 230, 223) -> rgb(14, 190, 156) (dark) -- `--spectrum-seafoam-1200` - - **value**: rgb(18, 60, 58) -> rgb(1, 75, 67) (light) - - **value**: rgb(176, 242, 236) -> rgb(29, 214, 176) (dark) -- `--spectrum-seafoam-1300` - - **value**: rgb(18, 44, 43) -> rgb(0, 60, 54) (light) - - **value**: rgb(223, 249, 246) -> rgb(122, 229, 203) (dark) -- `--spectrum-seafoam-1400` - - **value**: rgb(15, 31, 30) -> rgb(0, 46, 40) (light) - - **value**: rgb(254, 255, 254) -> rgb(186, 241, 222) (dark) -- `--spectrum-cyan-100` - - **value**: rgb(197, 248, 255) -> rgb(238, 250, 254) (light) - - **value**: rgb(0, 61, 98) -> rgb(0, 29, 39) (dark) -- `--spectrum-cyan-200` - - **value**: rgb(164, 240, 255) -> rgb(217, 244, 253) (light) - - **value**: rgb(0, 71, 111) -> rgb(0, 36, 49) (dark) -- `--spectrum-cyan-300` - - **value**: rgb(136, 231, 250) -> rgb(183, 231, 252) (light) - - **value**: rgb(0, 85, 127) -> rgb(0, 48, 65) (dark) -- `--spectrum-cyan-400` - - **value**: rgb(96, 216, 243) -> rgb(138, 213, 255) (light) - - **value**: rgb(0, 100, 145) -> rgb(0, 64, 88) (dark) -- `--spectrum-cyan-500` - - **value**: rgb(51, 197, 232) -> rgb(92, 192, 255) (light) - - **value**: rgb(0, 116, 162) -> rgb(0, 82, 113) (dark) -- `--spectrum-cyan-600` - - **value**: rgb(18, 176, 218) -> rgb(48, 167, 254) (light) - - **value**: rgb(0, 134, 180) -> rgb(3, 99, 140) (dark) -- `--spectrum-cyan-700` - - **value**: rgb(1, 156, 200) -> rgb(29, 149, 231) (light) - - **value**: rgb(0, 153, 198) -> rgb(8, 115, 168) (dark) -- `--spectrum-cyan-800` - - **value**: rgb(0, 134, 180) -> rgb(18, 134, 205) (light) - - **value**: rgb(14, 173, 215) -> rgb(13, 125, 186) (dark) -- `--spectrum-cyan-900` - - **value**: rgb(0, 113, 159) -> rgb(11, 120, 179) (light) - - **value**: rgb(44, 193, 230) -> rgb(24, 142, 220) (dark) -- `--spectrum-cyan-1000` - - **value**: rgb(0, 93, 137) -> rgb(4, 102, 145) (light) - - **value**: rgb(84, 211, 241) -> rgb(38, 159, 244) (dark) -- `--spectrum-cyan-1100` - - **value**: rgb(0, 74, 115) -> rgb(0, 87, 121) (light) - - **value**: rgb(127, 228, 249) -> rgb(63, 177, 255) (dark) -- `--spectrum-cyan-1200` - - **value**: rgb(0, 57, 93) -> rgb(0, 71, 98) (light) - - **value**: rgb(167, 241, 255) -> rgb(107, 199, 255) (dark) -- `--spectrum-cyan-1300` - - **value**: rgb(0, 42, 70) -> rgb(0, 57, 78) (light) - - **value**: rgb(215, 250, 255) -> rgb(152, 219, 255) (dark) -- `--spectrum-cyan-1400` - - **value**: rgb(0, 30, 51) -> rgb(0, 43, 59) (light) - - **value**: rgb(255, 255, 255) -> rgb(195, 236, 252) (dark) -- `--spectrum-indigo-100` - - **value**: rgb(237, 238, 255) -> rgb(247, 248, 255) (light) - - **value**: rgb(40, 44, 140) -> rgb(30, 0, 93) (dark) -- `--spectrum-indigo-200` - - **value**: rgb(224, 226, 255) -> rgb(235, 238, 255) (light) - - **value**: rgb(47, 52, 163) -> rgb(35, 0, 110) (dark) -- `--spectrum-indigo-300` - - **value**: rgb(211, 213, 255) -> rgb(216, 222, 255) (light) - - **value**: rgb(57, 63, 187) -> rgb(47, 0, 140) (dark) -- `--spectrum-indigo-400` - - **value**: rgb(193, 196, 255) -> rgb(192, 201, 255) (light) - - **value**: rgb(70, 75, 211) -> rgb(62, 12, 174) (dark) -- `--spectrum-indigo-500` - - **value**: rgb(172, 175, 255) -> rgb(167, 178, 255) (light) - - **value**: rgb(85, 91, 231) -> rgb(79, 30, 209) (dark) -- `--spectrum-indigo-600` - - **value**: rgb(149, 153, 255) -> rgb(145, 151, 254) (light) - - **value**: rgb(104, 109, 244) -> rgb(95, 52, 235) (dark) -- `--spectrum-indigo-700` - - **value**: rgb(126, 132, 252) -> rgb(132, 128, 254) (light) - - **value**: rgb(124, 129, 251) -> rgb(109, 75, 248) (dark) -- `--spectrum-indigo-800` - - **value**: rgb(104, 109, 244) -> rgb(122, 106, 253) (light) - - **value**: rgb(145, 149, 255) -> rgb(116, 91, 252) (dark) -- `--spectrum-indigo-900` - - **value**: rgb(82, 88, 228) -> rgb(113, 85, 250) (light) - - **value**: rgb(167, 170, 255) -> rgb(128, 119, 254) (dark) -- `--spectrum-indigo-1000` - - **value**: rgb(64, 70, 202) -> rgb(99, 56, 238) (light) - - **value**: rgb(188, 190, 255) -> rgb(139, 141, 254) (dark) -- `--spectrum-indigo-1100` - - **value**: rgb(50, 54, 168) -> rgb(84, 36, 219) (light) - - **value**: rgb(208, 210, 255) -> rgb(153, 161, 255) (dark) -- `--spectrum-indigo-1200` - - **value**: rgb(38, 41, 134) -> rgb(69, 19, 191) (light) - - **value**: rgb(226, 228, 255) -> rgb(176, 186, 255) (dark) -- `--spectrum-indigo-1300` - - **value**: rgb(27, 30, 100) -> rgb(55, 6, 160) (light) - - **value**: rgb(243, 243, 254) -> rgb(199, 208, 255) (dark) -- `--spectrum-indigo-1400` - - **value**: rgb(20, 22, 72) -> rgb(42, 0, 129) (light) - - **value**: rgb(255, 255, 255) -> rgb(223, 228, 255) (dark) -- `--spectrum-purple-100` - - **value**: rgb(246, 235, 255) -> rgb(251, 247, 254) (light) - - **value**: rgb(76, 13, 157) -> rgb(41, 0, 79) (dark) -- `--spectrum-purple-200` - - **value**: rgb(238, 221, 255) -> rgb(244, 235, 252) (light) - - **value**: rgb(89, 17, 177) -> rgb(50, 0, 96) (dark) -- `--spectrum-purple-300` - - **value**: rgb(230, 208, 255) -> rgb(235, 218, 249) (light) - - **value**: rgb(105, 28, 200) -> rgb(64, 0, 122) (dark) -- `--spectrum-purple-400` - - **value**: rgb(219, 187, 254) -> rgb(221, 193, 246) (light) - - **value**: rgb(122, 45, 218) -> rgb(83, 0, 159) (dark) -- `--spectrum-purple-500` - - **value**: rgb(204, 164, 253) -> rgb(208, 167, 243) (light) - - **value**: rgb(140, 65, 233) -> rgb(107, 6, 195) (dark) -- `--spectrum-purple-600` - - **value**: rgb(189, 139, 252) -> rgb(191, 138, 238) (light) - - **value**: rgb(157, 87, 243) -> rgb(130, 34, 215) (dark) -- `--spectrum-purple-700` - - **value**: rgb(174, 114, 249) -> rgb(178, 114, 235) (light) - - **value**: rgb(172, 111, 249) -> rgb(148, 62, 224) (dark) -- `--spectrum-purple-800` - - **value**: rgb(157, 87, 244) -> rgb(166, 92, 231) (light) - - **value**: rgb(187, 135, 251) -> rgb(157, 78, 228) (dark) -- `--spectrum-purple-900` - - **value**: rgb(137, 61, 231) -> rgb(154, 71, 226) (light) - - **value**: rgb(202, 159, 252) -> rgb(173, 105, 233) (dark) -- `--spectrum-purple-1000` - - **value**: rgb(115, 38, 211) -> rgb(134, 40, 217) (light) - - **value**: rgb(215, 182, 254) -> rgb(186, 127, 237) (dark) -- `--spectrum-purple-1100` - - **value**: rgb(93, 19, 183) -> rgb(115, 13, 204) (light) - - **value**: rgb(228, 204, 254) -> rgb(197, 149, 240) (dark) -- `--spectrum-purple-1200` - - **value**: rgb(71, 12, 148) -> rgb(93, 0, 177) (light) - - **value**: rgb(239, 223, 255) -> rgb(212, 176, 244) (dark) -- `--spectrum-purple-1300` - - **value**: rgb(51, 16, 106) -> rgb(75, 0, 144) (light) - - **value**: rgb(249, 240, 255) -> rgb(225, 201, 247) (dark) -- `--spectrum-purple-1400` - - **value**: rgb(35, 15, 73) -> rgb(59, 0, 111) (light) - - **value**: rgb(255, 253, 255) -> rgb(238, 224, 250) (dark) -- `--spectrum-fuchsia-100` - - **value**: rgb(255, 233, 252) -> rgb(254, 246, 255) (light) - - **value**: rgb(107, 3, 106) -> rgb(50, 0, 61) (dark) -- `--spectrum-fuchsia-200` - - **value**: rgb(255, 218, 250) -> rgb(253, 233, 255) (light) - - **value**: rgb(123, 0, 123) -> rgb(61, 0, 74) (dark) -- `--spectrum-fuchsia-300` - - **value**: rgb(254, 199, 248) -> rgb(250, 211, 255) (light) - - **value**: rgb(144, 0, 145) -> rgb(79, 0, 95) (dark) -- `--spectrum-fuchsia-400` - - **value**: rgb(251, 174, 246) -> rgb(247, 181, 255) (light) - - **value**: rgb(165, 13, 166) -> rgb(102, 9, 120) (dark) -- `--spectrum-fuchsia-500` - - **value**: rgb(245, 146, 243) -> rgb(243, 147, 255) (light) - - **value**: rgb(185, 37, 185) -> rgb(127, 23, 146) (dark) -- `--spectrum-fuchsia-600` - - **value**: rgb(237, 116, 237) -> rgb(236, 105, 255) (light) - - **value**: rgb(205, 57, 206) -> rgb(151, 38, 170) (dark) -- `--spectrum-fuchsia-700` - - **value**: rgb(224, 85, 226) -> rgb(223, 77, 245) (light) - - **value**: rgb(223, 81, 224) -> rgb(173, 51, 192) (dark) -- `--spectrum-fuchsia-800` - - **value**: rgb(205, 58, 206) -> rgb(200, 68, 220) (light) - - **value**: rgb(235, 110, 236) -> rgb(186, 60, 206) (dark) -- `--spectrum-fuchsia-900` - - **value**: rgb(182, 34, 183) -> rgb(181, 57, 200) (light) - - **value**: rgb(244, 140, 242) -> rgb(213, 73, 235) (dark) -- `--spectrum-fuchsia-1000` - - **value**: rgb(157, 3, 158) -> rgb(156, 40, 175) (light) - - **value**: rgb(250, 168, 245) -> rgb(232, 91, 253) (dark) -- `--spectrum-fuchsia-1100` - - **value**: rgb(128, 0, 129) -> rgb(135, 27, 154) (light) - - **value**: rgb(254, 194, 248) -> rgb(240, 122, 255) (dark) -- `--spectrum-fuchsia-1200` - - **value**: rgb(100, 6, 100) -> rgb(113, 15, 131) (light) - - **value**: rgb(255, 219, 250) -> rgb(245, 159, 255) (dark) -- `--spectrum-fuchsia-1300` - - **value**: rgb(71, 14, 70) -> rgb(92, 4, 109) (light) - - **value**: rgb(255, 239, 252) -> rgb(248, 191, 255) (dark) -- `--spectrum-fuchsia-1400` - - **value**: rgb(50, 13, 49) -> rgb(72, 0, 88) (light) - - **value**: rgb(255, 253, 255) -> rgb(251, 219, 255) (dark) -- `--spectrum-magenta-100` - - **value**: rgb(255, 234, 241) -> rgb(255, 245, 248) (light) - - **value**: rgb(118, 0, 58) -> rgb(59, 0, 22) (dark) -- `--spectrum-magenta-200` - - **value**: rgb(255, 220, 232) -> rgb(255, 232, 240) (light) - - **value**: rgb(137, 0, 66) -> rgb(74, 0, 27) (dark) -- `--spectrum-magenta-300` - - **value**: rgb(255, 202, 221) -> rgb(255, 213, 227) (light) - - **value**: rgb(160, 0, 77) -> rgb(93, 0, 34) (dark) -- `--spectrum-magenta-400` - - **value**: rgb(255, 178, 206) -> rgb(255, 185, 208) (light) - - **value**: rgb(182, 18, 90) -> rgb(123, 0, 45) (dark) -- `--spectrum-magenta-500` - - **value**: rgb(255, 149, 189) -> rgb(255, 152, 187) (light) - - **value**: rgb(203, 38, 109) -> rgb(152, 7, 60) (dark) -- `--spectrum-magenta-600` - - **value**: rgb(250, 119, 170) -> rgb(255, 112, 159) (light) - - **value**: rgb(222, 61, 130) -> rgb(181, 19, 76) (dark) -- `--spectrum-magenta-700` - - **value**: rgb(239, 90, 152) -> rgb(255, 72, 133) (light) - - **value**: rgb(237, 87, 149) -> rgb(207, 31, 92) (dark) -- `--spectrum-magenta-800` - - **value**: rgb(222, 61, 130) -> rgb(240, 45, 110) (light) - - **value**: rgb(249, 114, 167) -> rgb(224, 38, 101) (dark) -- `--spectrum-magenta-900` - - **value**: rgb(200, 34, 105) -> rgb(217, 35, 97) (light) - - **value**: rgb(255, 143, 185) -> rgb(255, 51, 119) (dark) -- `--spectrum-magenta-1000` - - **value**: rgb(173, 9, 85) -> rgb(186, 22, 80) (light) - - **value**: rgb(255, 172, 202) -> rgb(255, 96, 149) (dark) -- `--spectrum-magenta-1100` - - **value**: rgb(142, 0, 69) -> rgb(163, 5, 62) (light) - - **value**: rgb(255, 198, 218) -> rgb(255, 128, 171) (dark) -- `--spectrum-magenta-1200` - - **value**: rgb(112, 0, 55) -> rgb(136, 0, 51) (light) - - **value**: rgb(255, 221, 233) -> rgb(255, 163, 194) (dark) -- `--spectrum-magenta-1300` - - **value**: rgb(84, 3, 42) -> rgb(111, 0, 40) (light) - - **value**: rgb(255, 240, 245) -> rgb(255, 193, 214) (dark) -- `--spectrum-magenta-1400` - - **value**: rgb(60, 6, 29) -> rgb(86, 0, 30) (light) - - **value**: rgb(255, 252, 253) -> rgb(255, 220, 232) (dark) -- `--spectrum-opacity-checkerboard-square-dark` -- `--spectrum-overlay-opacity` - - **value**: 0.5 -> 0.6 (dark) -- `--spectrum-drop-shadow-color` -- `--spectrum-background-base-color` -- `--spectrum-background-layer-1-color` -- `--spectrum-background-layer-2-color` - - **value**: `--spectrum-gray-50` -> `--spectrum-gray-25` (light) - - **value**: `--spectrum-gray-100` -> `--spectrum-gray-75` (dark) -- `--spectrum-neutral-background-color-default` -- `--spectrum-neutral-background-color-hover` -- `--spectrum-neutral-background-color-down` -- `--spectrum-neutral-background-color-key-focus` -- `--spectrum-neutral-background-color-selected-default` -- `--spectrum-neutral-background-color-selected-hover` -- `--spectrum-neutral-background-color-selected-down` -- `--spectrum-neutral-background-color-selected-key-focus` -- `--spectrum-neutral-subdued-background-color-default` - - **value**: `--spectrum-gray-600` -> `--spectrum-gray-700` (light) - - **value**: `--spectrum-gray-400` -> `--spectrum-gray-500` (dark) -- `--spectrum-neutral-subdued-background-color-hover` - - **value**: `--spectrum-gray-700` -> `--spectrum-gray-800` (light) - - **value**: `--spectrum-gray-300` -> `--spectrum-gray-400` (dark) -- `--spectrum-neutral-subdued-background-color-down` - - **value**: `--spectrum-gray-200` -> `--spectrum-gray-400` (dark) -- `--spectrum-neutral-subdued-background-color-key-focus` - - **value**: `--spectrum-gray-700` -> `--spectrum-gray-800` (light) - - **value**: `--spectrum-gray-300` -> `--spectrum-gray-400` (dark) -- `--spectrum-accent-background-color-default` - - **value**: `--spectrum-accent-color-500` -> `--spectrum-accent-color-800` (dark) -- `--spectrum-accent-background-color-hover` - - **value**: `--spectrum-accent-color-400` -> `--spectrum-accent-color-700` (dark) -- `--spectrum-accent-background-color-down` - - **value**: `--spectrum-accent-color-1100` -> `--spectrum-accent-color-1000` (light) - - **value**: `--spectrum-accent-color-300` -> `--spectrum-accent-color-700` (dark) -- `--spectrum-accent-background-color-key-focus` - - **value**: `--spectrum-accent-color-400` -> `--spectrum-accent-color-700` (dark) -- `--spectrum-informative-background-color-default` - - **value**: `--spectrum-informative-color-500` -> `--spectrum-informative-color-800` (dark) -- `--spectrum-informative-background-color-hover` - - **value**: `--spectrum-informative-color-400` -> `--spectrum-informative-color-700` (dark) -- `--spectrum-informative-background-color-down` - - **value**: `--spectrum-informative-color-1100` -> `--spectrum-informative-color-1000` (light) - - **value**: `--spectrum-informative-color-300` -> `--spectrum-informative-color-700` (dark) -- `--spectrum-informative-background-color-key-focus` - - **value**: `--spectrum-informative-color-400` -> `--spectrum-informative-color-700` (dark) -- `--spectrum-negative-background-color-default` - - **value**: `--spectrum-negative-color-500` -> `--spectrum-negative-color-800` (dark) -- `--spectrum-negative-background-color-hover` - - **value**: `--spectrum-negative-color-400` -> negative-color-700 (dark) -- `--spectrum-negative-background-color-down` - - **value**: `--spectrum-negative-color-1100` -> `--spectrum-negative-color-1000` (light) - - **value**: `--spectrum-negative-color-300` -> `--spectrum-negative-color-700` (dark) -- `--spectrum-negative-background-color-key-focus` - - **value**: `--spectrum-negative-color-400` -> `--spectrum-negative-color-700` (dark) -- `--spectrum-positive-background-color-default` - - **value**: `--spectrum-positive-color-500` -> `--spectrum-positive-color-800` (dark) -- `--spectrum-positive-background-color-hover` - - **value**: `--spectrum-positive-color-400` -> `--spectrum-positive-color-700` (dark) -- `--spectrum-positive-background-color-down` - - **value**: `--spectrum-positive-color-1100` -> `--spectrum-positive-color-1000` (light) - - **value**: `--spectrum-positive-color-300` -> `--spectrum-positive-color-700` (dark) -- `--spectrum-positive-background-color-key-focus` - - **value**: `--spectrum-positive-color-400` -> `--spectrum-positive-color-700` (dark) -- `--spectrum-notice-background-color-default` - - **value**: `--spectrum-notice-color-800` -> `--spectrum-notice-color-900` (dark) -- `--spectrum-disabled-background-color` - - **value**: `--spectrum-gray-200` -> `--spectrum-gray-100` -- `--spectrum-disabled-static-white-background-color` - - **value**: `--spectrum-transparent-white-200` -> `--spectrum-transparent-white-100` -- `--spectrum-disabled-static-black-background-color` - - **value**: `--spectrum-transparent-black-200` -> `--spectrum-transparent-black-100` -- `--spectrum-gray-background-color-default` - - **value**: `--spectrum-gray-700` -> `--spectrum-gray-500` (dark) -- `--spectrum-red-background-color-default` - - **value**: `--spectrum-red-700` -> `--spectrum-red-800` (dark) -- `--spectrum-orange-background-color-default` - - **value**: `--spectrum-orange-800` -> `--spectrum-orange-900` (dark) -- `--spectrum-yellow-background-color-default` - - **value**: `--spectrum-yellow-1000` -> `--spectrum-yellow-1100` (dark) -- `--spectrum-chartreuse-background-color-default` - - **value**: `--spectrum-chartreuse-900` -> `--spectrum-chartreuse-1000` (dark) -- `--spectrum-celery-background-color-default` - - **value**: `--spectrum-celery-800` -> `--spectrum-celery-900` (dark) -- `--spectrum-green-background-color-default` - - **value**: `--spectrum-green-700` -> `--spectrum-green-800` (dark) -- `--spectrum-seafoam-background-color-default` - - **value**: `--spectrum-seafoam-700` -> `--spectrum-seafoam-800` (dark) -- `--spectrum-cyan-background-color-default` - - **value**: `--spectrum-cyan-700` -> `--spectrum-cyan-800` (dark) -- `--spectrum-blue-background-color-default` - - **value**: `--spectrum-blue-700` -> `--spectrum-blue-800` (dark) -- `--spectrum-indigo-background-color-default` - - **value**: `--spectrum-indigo-700` -> `--spectrum-indigo-800` (dark) -- `--spectrum-purple-background-color-default` - - **value**: `--spectrum-purple-700` -> `--spectrum-purple-800` (dark) -- `--spectrum-fuchsia-background-color-default` - - **value**: `--spectrum-fuchsia-700` -> `--spectrum-fuchsia-800` (dark) -- `--spectrum-magenta-background-color-default` - - **value**: `--spectrum-magenta-700` -> `--spectrum-magenta-800` (dark) -- `--spectrum-neutral-subdued-content-color-down` - - **value**: `--spectrum-gray-900` -> `--spectrum-gray-800` -- `--spectrum-accent-content-color-down` - - **value**: `--spectrum-accent-color-1100` -> `--spectrum-accent-color-1000` -- `--spectrum-negative-content-color-down` - - **value**: `--spectrum-negative-color-1100` -> `--spectrum-negative-color-1000` -- `--spectrum-disabled-static-white-content-color` - - **value**: `--spectrum-transparent-white-500` -> `--spectrum-transparent-white-400` -- `--spectrum-disabled-static-black-content-color` - - **value**: `--spectrum-transparent-black-500` -> `--spectrum-transparent-black-400` -- `--spectrum-neutral-visual-color` -- `--spectrum-accent-visual-color` -- `--spectrum-informative-visual-color` -- `--spectrum-negative-visual-color` - - **value**: `--spectrum-negative-color-700` -> `--spectrum-negative-color-900` (dark) -- `--spectrum-notice-visual-color` - - **value**: `--spectrum-notice-color-700` -> `--spectrum-notice-color-800` (light) -- `--spectrum-positive-visual-color` - - **value**: `--spectrum-positive-color-700` -> `--spectrum-positive-color-800` (light) - - **value**: `--spectrum-positive-color-800` -> `--spectrum-positive-color-900` (dark) -- `--spectrum-gray-visual-color` -- `--spectrum-red-visual-color` -- `--spectrum-orange-visual-color` -- `--spectrum-yellow-visual-color` -- `--spectrum-chartreuse-visual-color` -- `--spectrum-celery-visual-color` -- `--spectrum-green-visual-color` -- `--spectrum-seafoam-visual-color` -- `--spectrum-cyan-visual-color` -- `--spectrum-blue-visual-color` -- `--spectrum-indigo-visual-color` -- `--spectrum-purple-visual-color` -- `--spectrum-fuchsia-visual-color` -- `--spectrum-magenta-visual-color` - -**Please note** that the S1 and Express contexts are no longer shipped in this tokens package. Though individual components can still render those styles, you must load the v14.x or v15.x versions of the tokens package with the component styles in order to do so. These token assets are only for use with the S2 mappings of the components. diff --git a/.changeset/funny-pants-perform.md b/.changeset/funny-pants-perform.md deleted file mode 100644 index 0a1d2dc4d1f..00000000000 --- a/.changeset/funny-pants-perform.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@spectrum-css/menu": patch ---- - -By adding additional system mappings for the menu item, we are able to support box-shadow styling for Spectrum 1 and Express, while updating to outline styles for Spectrum 2 (S2) foundations. - -For S2 foundations, a margin is leveraged on the Menu item to leave space for the outline width and outline offset. This is reflected in the padding present for the menu items in the design specifications for S2. diff --git a/.changeset/mean-adults-scream.md b/.changeset/mean-adults-scream.md deleted file mode 100644 index 592cf3e7ba6..00000000000 --- a/.changeset/mean-adults-scream.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -"@spectrum-css/tokens": minor ---- - -Add JSON to token package exports. - -Remove CSS files from commit history (but continue to build and ship them in the releases). - -Stop physically copying the `dist/css/index.css` to `dist/index.css` and instead, map `dist/index.css` in the package exports to the same `dist/css/index.css` file. diff --git a/.changeset/metal-walls-scream.md b/.changeset/metal-walls-scream.md deleted file mode 100644 index ea30ec26e17..00000000000 --- a/.changeset/metal-walls-scream.md +++ /dev/null @@ -1,19 +0,0 @@ ---- -"@spectrum-css/preview": major ---- - -## Breaking change - -This update removes the previously deprecated component documentation for **cyclebutton**, **quickaction**, **searchwithin**, and **splitbutton**. - -To support the Spectrum 2 (S2) Foundations release, Storybook has been updated to toggle token packages to connect the following labels with their appropriate data sources: - -- **Spectrum 1**: Flagged as the "legacy" context, this version is no longer the default for the component contexts. When selected, Storybook will load the `@spectrum-css/tokens` at release `v14.6.0` and attach the `.spectrum--legacy` class to the container. -- **Spectrum 2**: The new default context, this version represents the "S2 Foundations" release which serves as a bridge between S1 and S2. Components in this context are not fully S2 and will not exactly match specifications but they do reflect a significant move toward the S2 designs. For full details, see the token and component-level changelogs. -- **Express**: This now deprecated context is still rendered in Storybook by leveraging the `@spectrum-css/tokens` at release `v14.6.0`. Please note that Express and S1 will be removed in the next major release. - -This release also includes: - -- New migration documentation for S1 -> S2 updates -- Fix for the duplicate line numbers in the code preview plugin -- Updated styles to integrate Spectrum styling into the Storybook UI diff --git a/.changeset/wise-otters-burn.md b/.changeset/wise-otters-burn.md deleted file mode 100644 index 7df57535da9..00000000000 --- a/.changeset/wise-otters-burn.md +++ /dev/null @@ -1,110 +0,0 @@ ---- -"@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/meter": 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/form": major -"@spectrum-css/icon": major -"@spectrum-css/link": major -"@spectrum-css/menu": major -"@spectrum-css/page": major -"@spectrum-css/tabs": major -"@spectrum-css/tray": major -"@spectrum-css/well": major -"@spectrum-css/tag": major ---- - -## Breaking change - -This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. - -For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. - -For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. - -If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. - -### Deprecations - -The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. - -The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` - -### File usage - -If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. - -If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. - -To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). diff --git a/.storybook/CHANGELOG.md b/.storybook/CHANGELOG.md index 63af19e17f1..4196ebf6f3b 100644 --- a/.storybook/CHANGELOG.md +++ b/.storybook/CHANGELOG.md @@ -1,5 +1,31 @@ # Change Log +## 12.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This update removes the previously deprecated component documentation for **cyclebutton**, **quickaction**, **searchwithin**, and **splitbutton**. + + To support the Spectrum 2 (S2) Foundations release, Storybook has been updated to toggle token packages to connect the following labels with their appropriate data sources: + + - **Spectrum 1**: Flagged as the "legacy" context, this version is no longer the default for the component contexts. When selected, Storybook will load the `@spectrum-css/tokens` at release `v14.6.0` and attach the `.spectrum--legacy` class to the container. + - **Spectrum 2**: The new default context, this version represents the "S2 Foundations" release which serves as a bridge between S1 and S2. Components in this context are not fully S2 and will not exactly match specifications but they do reflect a significant move toward the S2 designs. For full details, see the token and component-level changelogs. + - **Express**: This now deprecated context is still rendered in Storybook by leveraging the `@spectrum-css/tokens` at release `v14.6.0`. Please note that Express and S1 will be removed in the next major release. + + This release also includes: + + - New migration documentation for S1 -> S2 updates + - Fix for the duplicate line numbers in the code preview plugin + - Updated styles to integrate Spectrum styling into the Storybook UI + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/table@8.0.0 + ## 11.0.2 ### Patch Changes diff --git a/.storybook/package.json b/.storybook/package.json index 86cd2cac1fa..b1f47b2dac1 100644 --- a/.storybook/package.json +++ b/.storybook/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/preview", - "version": "11.0.2", + "version": "12.0.0", "description": "A Spectrum CSS preview", "license": "Apache-2.0", "author": "Adobe", diff --git a/components/accordion/CHANGELOG.md b/components/accordion/CHANGELOG.md index db56e5a19fe..9a6a07f817c 100644 --- a/components/accordion/CHANGELOG.md +++ b/components/accordion/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/accordion/package.json b/components/accordion/package.json index 8e7aee9c2ba..35169c31093 100644 --- a/components/accordion/package.json +++ b/components/accordion/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/accordion", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS accordion component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/actionbar/CHANGELOG.md b/components/actionbar/CHANGELOG.md index 73d1e749d2a..869f67d6ed1 100644 --- a/components/actionbar/CHANGELOG.md +++ b/components/actionbar/CHANGELOG.md @@ -1,5 +1,42 @@ # Change Log +## 10.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/actiongroup@6.0.0 + - @spectrum-css/closebutton@6.0.0 + - @spectrum-css/fieldlabel@10.0.0 + - @spectrum-css/popover@8.0.0 + ## 9.0.1 ### Patch Changes diff --git a/components/actionbar/package.json b/components/actionbar/package.json index 98f593498ec..f21399bd023 100644 --- a/components/actionbar/package.json +++ b/components/actionbar/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/actionbar", - "version": "9.0.1", + "version": "10.0.0", "description": "The Spectrum CSS actionbar component", "license": "Apache-2.0", "author": "Adobe", @@ -32,11 +32,11 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/actiongroup": "5.3.1", - "@spectrum-css/closebutton": "5.4.1", - "@spectrum-css/fieldlabel": "9.0.1", - "@spectrum-css/popover": "7.3.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/actiongroup": "6.0.0", + "@spectrum-css/closebutton": "6.0.0", + "@spectrum-css/fieldlabel": "10.0.0", + "@spectrum-css/popover": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/actionbutton/CHANGELOG.md b/components/actionbutton/CHANGELOG.md index 5815a6220eb..36b7c854a0d 100644 --- a/components/actionbutton/CHANGELOG.md +++ b/components/actionbutton/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 6.3.1 ### Patch Changes diff --git a/components/actionbutton/package.json b/components/actionbutton/package.json index e9cc808e263..b40b84df821 100644 --- a/components/actionbutton/package.json +++ b/components/actionbutton/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/actionbutton", - "version": "6.3.1", + "version": "7.0.0", "description": "The Spectrum CSS action button component", "license": "Apache-2.0", "author": "Adobe", @@ -35,8 +35,8 @@ }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/actiongroup/CHANGELOG.md b/components/actiongroup/CHANGELOG.md index 6fee03dd8d2..70aebb19d76 100644 --- a/components/actiongroup/CHANGELOG.md +++ b/components/actiongroup/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/actionbutton@7.0.0 + ## 5.3.1 ### Patch Changes diff --git a/components/actiongroup/package.json b/components/actiongroup/package.json index b4d001704f6..d07ce1592e0 100644 --- a/components/actiongroup/package.json +++ b/components/actiongroup/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/actiongroup", - "version": "5.3.1", + "version": "6.0.0", "description": "The Spectrum CSS actiongroup component", "license": "Apache-2.0", "author": "Adobe", @@ -34,8 +34,8 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "6.3.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/actionbutton": "7.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/actionmenu/CHANGELOG.md b/components/actionmenu/CHANGELOG.md index 24f98f4b92d..d7d46d6f142 100644 --- a/components/actionmenu/CHANGELOG.md +++ b/components/actionmenu/CHANGELOG.md @@ -1,5 +1,42 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`88bfc5b`](https://github.com/adobe/spectrum-css/commit/88bfc5bd7a8de3151ef774dc483aa6a829cb7dd0), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/menu@9.0.0 + - @spectrum-css/actionbutton@7.0.0 + - @spectrum-css/popover@8.0.0 + - @spectrum-css/icon@9.0.0 + ## 6.2.1 ### Patch Changes diff --git a/components/actionmenu/package.json b/components/actionmenu/package.json index f7da4fca5f8..e77677868c7 100644 --- a/components/actionmenu/package.json +++ b/components/actionmenu/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/actionmenu", - "version": "6.2.1", + "version": "7.0.0", "description": "The Spectrum CSS actionmenu component", "license": "Apache-2.0", "author": "Adobe", @@ -32,11 +32,11 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/actionbutton": "6.3.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/menu": "8.0.1", - "@spectrum-css/popover": "7.3.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/actionbutton": "7.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/menu": "9.0.0", + "@spectrum-css/popover": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/alertbanner/CHANGELOG.md b/components/alertbanner/CHANGELOG.md index db4bdf440be..9bf2a0d1211 100644 --- a/components/alertbanner/CHANGELOG.md +++ b/components/alertbanner/CHANGELOG.md @@ -1,5 +1,42 @@ # Change Log +## 3.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/closebutton@6.0.0 + - @spectrum-css/divider@5.0.0 + - @spectrum-css/button@14.0.0 + - @spectrum-css/icon@9.0.0 + ## 2.4.1 ### Patch Changes diff --git a/components/alertbanner/package.json b/components/alertbanner/package.json index 01c15b64242..9b84f9745c7 100644 --- a/components/alertbanner/package.json +++ b/components/alertbanner/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/alertbanner", - "version": "2.4.1", + "version": "3.0.0", "description": "The Spectrum CSS alertbanner component", "license": "Apache-2.0", "author": "Adobe", @@ -37,11 +37,11 @@ } }, "devDependencies": { - "@spectrum-css/button": "13.6.1", - "@spectrum-css/closebutton": "5.4.1", - "@spectrum-css/divider": "4.0.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/button": "14.0.0", + "@spectrum-css/closebutton": "6.0.0", + "@spectrum-css/divider": "5.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/alertdialog/CHANGELOG.md b/components/alertdialog/CHANGELOG.md index f79a86eca5b..16ace6a2195 100644 --- a/components/alertdialog/CHANGELOG.md +++ b/components/alertdialog/CHANGELOG.md @@ -1,5 +1,43 @@ # Change Log +## 4.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/buttongroup@9.0.0 + - @spectrum-css/underlay@6.0.0 + - @spectrum-css/divider@5.0.0 + - @spectrum-css/modal@7.0.0 + - @spectrum-css/icon@9.0.0 + ## 3.0.1 ### Patch Changes diff --git a/components/alertdialog/package.json b/components/alertdialog/package.json index 1e99b9d2b30..d775e33d748 100644 --- a/components/alertdialog/package.json +++ b/components/alertdialog/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/alertdialog", - "version": "3.0.1", + "version": "4.0.0", "description": "The Spectrum CSS alertdialog component", "license": "Apache-2.0", "author": "Adobe", @@ -41,12 +41,12 @@ } }, "devDependencies": { - "@spectrum-css/buttongroup": "8.0.1", - "@spectrum-css/divider": "4.0.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/modal": "6.0.1", - "@spectrum-css/tokens": "15.2.0", - "@spectrum-css/underlay": "5.0.1", + "@spectrum-css/buttongroup": "9.0.0", + "@spectrum-css/divider": "5.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/modal": "7.0.0", + "@spectrum-css/tokens": "16.0.0", + "@spectrum-css/underlay": "6.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/asset/CHANGELOG.md b/components/asset/CHANGELOG.md index 392b296db13..320a66ad814 100644 --- a/components/asset/CHANGELOG.md +++ b/components/asset/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/asset/package.json b/components/asset/package.json index c7026506a57..ced8f37eb7b 100644 --- a/components/asset/package.json +++ b/components/asset/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/asset", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS asset component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/assetcard/CHANGELOG.md b/components/assetcard/CHANGELOG.md index f7283e7a389..d95044bc1d2 100644 --- a/components/assetcard/CHANGELOG.md +++ b/components/assetcard/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 5.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/checkbox@10.0.0 + ## 4.3.1 ### Patch Changes diff --git a/components/assetcard/package.json b/components/assetcard/package.json index 2cfe22d8d29..fe4bff7f3d1 100644 --- a/components/assetcard/package.json +++ b/components/assetcard/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/assetcard", - "version": "4.3.1", + "version": "5.0.0", "description": "The Spectrum CSS asset card component", "license": "Apache-2.0", "author": "Adobe", @@ -34,8 +34,8 @@ } }, "devDependencies": { - "@spectrum-css/checkbox": "9.3.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/checkbox": "10.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/assetlist/CHANGELOG.md b/components/assetlist/CHANGELOG.md index 63b1ed51fad..cd5983bb2f0 100644 --- a/components/assetlist/CHANGELOG.md +++ b/components/assetlist/CHANGELOG.md @@ -1,5 +1,40 @@ # Change Log +## 8.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/checkbox@10.0.0 + - @spectrum-css/icon@9.0.0 + ## 7.0.1 ### Patch Changes diff --git a/components/assetlist/package.json b/components/assetlist/package.json index 7fefeacb3bf..fbd5734a892 100644 --- a/components/assetlist/package.json +++ b/components/assetlist/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/assetlist", - "version": "7.0.1", + "version": "8.0.0", "description": "The Spectrum CSS assetlist component", "license": "Apache-2.0", "author": "Adobe", @@ -38,9 +38,9 @@ } }, "devDependencies": { - "@spectrum-css/checkbox": "9.3.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/checkbox": "10.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/avatar/CHANGELOG.md b/components/avatar/CHANGELOG.md index f00a2e2fd76..f33f13c2872 100644 --- a/components/avatar/CHANGELOG.md +++ b/components/avatar/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 9.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 8.0.1 ### Patch Changes diff --git a/components/avatar/package.json b/components/avatar/package.json index 993c083e129..87ddb44cf56 100644 --- a/components/avatar/package.json +++ b/components/avatar/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/avatar", - "version": "8.0.1", + "version": "9.0.0", "description": "The Spectrum CSS avatar component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/badge/CHANGELOG.md b/components/badge/CHANGELOG.md index bb26e8d03cd..e6f98c3fdd8 100644 --- a/components/badge/CHANGELOG.md +++ b/components/badge/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 5.0.1 ### Patch Changes diff --git a/components/badge/package.json b/components/badge/package.json index 193ef2c8541..552e76dff40 100644 --- a/components/badge/package.json +++ b/components/badge/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/badge", - "version": "5.0.1", + "version": "6.0.0", "description": "The Spectrum CSS badge component", "license": "Apache-2.0", "author": "Adobe", @@ -34,8 +34,8 @@ } }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/breadcrumb/CHANGELOG.md b/components/breadcrumb/CHANGELOG.md index 16ff8008746..9cbbd205c7d 100644 --- a/components/breadcrumb/CHANGELOG.md +++ b/components/breadcrumb/CHANGELOG.md @@ -1,5 +1,40 @@ # Change Log +## 11.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/actionbutton@7.0.0 + - @spectrum-css/icon@9.0.0 + ## 10.0.1 ### Patch Changes diff --git a/components/breadcrumb/package.json b/components/breadcrumb/package.json index 0b909318d1e..01eb9f383a6 100644 --- a/components/breadcrumb/package.json +++ b/components/breadcrumb/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/breadcrumb", - "version": "10.0.1", + "version": "11.0.0", "description": "The Spectrum CSS breadcrumb component", "license": "Apache-2.0", "author": "Adobe", @@ -38,9 +38,9 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "6.3.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/actionbutton": "7.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/button/CHANGELOG.md b/components/button/CHANGELOG.md index 3bc487b6535..ce640906ce8 100644 --- a/components/button/CHANGELOG.md +++ b/components/button/CHANGELOG.md @@ -1,5 +1,40 @@ # Change Log +## 14.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/progresscircle@5.0.0 + - @spectrum-css/icon@9.0.0 + ## 13.6.1 ### Patch Changes diff --git a/components/button/package.json b/components/button/package.json index 78a266efbc9..168111e2205 100644 --- a/components/button/package.json +++ b/components/button/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/button", - "version": "13.6.1", + "version": "14.0.0", "description": "The Spectrum CSS button component", "license": "Apache-2.0", "author": "Adobe", @@ -39,9 +39,9 @@ }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/progresscircle": "4.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/progresscircle": "5.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/buttongroup/CHANGELOG.md b/components/buttongroup/CHANGELOG.md index 20baa210c24..7f08839e37a 100644 --- a/components/buttongroup/CHANGELOG.md +++ b/components/buttongroup/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 9.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/button@14.0.0 + ## 8.0.1 ### Patch Changes diff --git a/components/buttongroup/package.json b/components/buttongroup/package.json index 41d68eae4ee..0c2238a1a74 100644 --- a/components/buttongroup/package.json +++ b/components/buttongroup/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/buttongroup", - "version": "8.0.1", + "version": "9.0.0", "description": "The Spectrum CSS buttongroup component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/button": "13.6.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/button": "14.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/calendar/CHANGELOG.md b/components/calendar/CHANGELOG.md index 11750d2ad42..4d71abda6e2 100644 --- a/components/calendar/CHANGELOG.md +++ b/components/calendar/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/actionbutton@7.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/calendar/package.json b/components/calendar/package.json index d648f6996cb..d35e903e96e 100644 --- a/components/calendar/package.json +++ b/components/calendar/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/calendar", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS calendar component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/actionbutton": "6.3.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/actionbutton": "7.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/card/CHANGELOG.md b/components/card/CHANGELOG.md index df6e454dc8d..f9c861edcf7 100644 --- a/components/card/CHANGELOG.md +++ b/components/card/CHANGELOG.md @@ -1,5 +1,43 @@ # Change Log +## 11.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/actionbutton@7.0.0 + - @spectrum-css/typography@8.0.0 + - @spectrum-css/checkbox@10.0.0 + - @spectrum-css/asset@7.0.0 + - @spectrum-css/icon@9.0.0 + ## 10.0.1 ### Patch Changes diff --git a/components/card/package.json b/components/card/package.json index 1e72d00a537..3b72f47c838 100644 --- a/components/card/package.json +++ b/components/card/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/card", - "version": "10.0.1", + "version": "11.0.0", "description": "The Spectrum CSS card component", "license": "Apache-2.0", "author": "Adobe", @@ -51,12 +51,12 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "6.3.1", - "@spectrum-css/asset": "6.0.1", - "@spectrum-css/checkbox": "9.3.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", - "@spectrum-css/typography": "7.0.1", + "@spectrum-css/actionbutton": "7.0.0", + "@spectrum-css/asset": "7.0.0", + "@spectrum-css/checkbox": "10.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", + "@spectrum-css/typography": "8.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/checkbox/CHANGELOG.md b/components/checkbox/CHANGELOG.md index 78f7c4d5e5e..09591d4b76e 100644 --- a/components/checkbox/CHANGELOG.md +++ b/components/checkbox/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 10.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 9.3.1 ### Patch Changes diff --git a/components/checkbox/package.json b/components/checkbox/package.json index 34f8430a560..9256d420e45 100644 --- a/components/checkbox/package.json +++ b/components/checkbox/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/checkbox", - "version": "9.3.1", + "version": "10.0.0", "description": "The Spectrum CSS checkbox component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/clearbutton/CHANGELOG.md b/components/clearbutton/CHANGELOG.md index 93979127200..8b444a81226 100644 --- a/components/clearbutton/CHANGELOG.md +++ b/components/clearbutton/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 6.5.1 ### Patch Changes diff --git a/components/clearbutton/package.json b/components/clearbutton/package.json index 7c3a9398225..ea5a31488af 100644 --- a/components/clearbutton/package.json +++ b/components/clearbutton/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/clearbutton", - "version": "6.5.1", + "version": "7.0.0", "description": "The Spectrum CSS clearbutton component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/closebutton/CHANGELOG.md b/components/closebutton/CHANGELOG.md index 8288b32d333..e99196ec1c3 100644 --- a/components/closebutton/CHANGELOG.md +++ b/components/closebutton/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 5.4.1 ### Patch Changes diff --git a/components/closebutton/package.json b/components/closebutton/package.json index 539c3b92b59..8eac5656973 100644 --- a/components/closebutton/package.json +++ b/components/closebutton/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/closebutton", - "version": "5.4.1", + "version": "6.0.0", "description": "The Spectrum CSS close button component", "license": "Apache-2.0", "author": "Adobe", @@ -30,8 +30,8 @@ }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/coachindicator/CHANGELOG.md b/components/coachindicator/CHANGELOG.md index eb1f3cb99b8..fc41cbd8b94 100644 --- a/components/coachindicator/CHANGELOG.md +++ b/components/coachindicator/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 4.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 3.0.1 ### Patch Changes diff --git a/components/coachindicator/package.json b/components/coachindicator/package.json index aa7a56ed474..8ef9fcd80d2 100644 --- a/components/coachindicator/package.json +++ b/components/coachindicator/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/coachindicator", - "version": "3.0.1", + "version": "4.0.0", "description": "The Spectrum CSS Coach Indicator component ", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14.6.0 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/coachmark/CHANGELOG.md b/components/coachmark/CHANGELOG.md index 65ca4cc747b..3df54372dce 100644 --- a/components/coachmark/CHANGELOG.md +++ b/components/coachmark/CHANGELOG.md @@ -1,5 +1,44 @@ # Change Log +## 9.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`88bfc5b`](https://github.com/adobe/spectrum-css/commit/88bfc5bd7a8de3151ef774dc483aa6a829cb7dd0), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/menu@9.0.0 + - @spectrum-css/actionbutton@7.0.0 + - @spectrum-css/buttongroup@9.0.0 + - @spectrum-css/actionmenu@7.0.0 + - @spectrum-css/popover@8.0.0 + - @spectrum-css/button@14.0.0 + ## 8.0.1 ### Patch Changes diff --git a/components/coachmark/package.json b/components/coachmark/package.json index b0ffcde7d19..abfbe535310 100644 --- a/components/coachmark/package.json +++ b/components/coachmark/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/coachmark", - "version": "8.0.1", + "version": "9.0.0", "description": "The Spectrum CSS coachmark component", "license": "Apache-2.0", "author": "Adobe", @@ -39,13 +39,13 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "6.3.1", - "@spectrum-css/actionmenu": "6.2.1", - "@spectrum-css/button": "13.6.1", - "@spectrum-css/buttongroup": "8.0.1", - "@spectrum-css/menu": "8.0.1", - "@spectrum-css/popover": "7.3.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/actionbutton": "7.0.0", + "@spectrum-css/actionmenu": "7.0.0", + "@spectrum-css/button": "14.0.0", + "@spectrum-css/buttongroup": "9.0.0", + "@spectrum-css/menu": "9.0.0", + "@spectrum-css/popover": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/colorarea/CHANGELOG.md b/components/colorarea/CHANGELOG.md index bd571095b8c..fa679a0fa02 100644 --- a/components/colorarea/CHANGELOG.md +++ b/components/colorarea/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/colorhandle@10.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/colorarea/package.json b/components/colorarea/package.json index 41353d782f0..d4d6b432b28 100644 --- a/components/colorarea/package.json +++ b/components/colorarea/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/colorarea", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS Color Area component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/colorhandle": "9.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/colorhandle": "10.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/colorhandle/CHANGELOG.md b/components/colorhandle/CHANGELOG.md index d2faa1bfe8a..a23fb28d879 100644 --- a/components/colorhandle/CHANGELOG.md +++ b/components/colorhandle/CHANGELOG.md @@ -1,5 +1,40 @@ # Change Log +## 10.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/opacitycheckerboard@4.0.0 + - @spectrum-css/colorloupe@7.0.0 + ## 9.0.1 ### Patch Changes diff --git a/components/colorhandle/package.json b/components/colorhandle/package.json index f48bd2cc8b2..02eb4b6541b 100644 --- a/components/colorhandle/package.json +++ b/components/colorhandle/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/colorhandle", - "version": "9.0.1", + "version": "10.0.0", "description": "The Spectrum CSS Color Handle component", "license": "Apache-2.0", "author": "Adobe", @@ -35,9 +35,9 @@ } }, "devDependencies": { - "@spectrum-css/colorloupe": "6.0.1", - "@spectrum-css/opacitycheckerboard": "3.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/colorloupe": "7.0.0", + "@spectrum-css/opacitycheckerboard": "4.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/colorloupe/CHANGELOG.md b/components/colorloupe/CHANGELOG.md index ec531422dfd..d3972df048f 100644 --- a/components/colorloupe/CHANGELOG.md +++ b/components/colorloupe/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/colorloupe/package.json b/components/colorloupe/package.json index 9b311f7ec6a..21eda9a15e1 100644 --- a/components/colorloupe/package.json +++ b/components/colorloupe/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/colorloupe", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS Color Loupe component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/colorslider/CHANGELOG.md b/components/colorslider/CHANGELOG.md index d187faa8adb..be6d6a4c28f 100644 --- a/components/colorslider/CHANGELOG.md +++ b/components/colorslider/CHANGELOG.md @@ -1,5 +1,40 @@ # Change Log +## 8.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/opacitycheckerboard@4.0.0 + - @spectrum-css/colorhandle@10.0.0 + ## 7.0.1 ### Patch Changes diff --git a/components/colorslider/package.json b/components/colorslider/package.json index dda3a91faa4..c175d7e2138 100644 --- a/components/colorslider/package.json +++ b/components/colorslider/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/colorslider", - "version": "7.0.1", + "version": "8.0.0", "description": "The Spectrum CSS Color slider component", "license": "Apache-2.0", "author": "Adobe", @@ -30,9 +30,9 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/colorhandle": "9.0.1", - "@spectrum-css/opacitycheckerboard": "3.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/colorhandle": "10.0.0", + "@spectrum-css/opacitycheckerboard": "4.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/colorwheel/CHANGELOG.md b/components/colorwheel/CHANGELOG.md index d2472fedd96..9cbae4894fe 100644 --- a/components/colorwheel/CHANGELOG.md +++ b/components/colorwheel/CHANGELOG.md @@ -1,5 +1,41 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/colorhandle@10.0.0 + - @spectrum-css/colorloupe@7.0.0 + - @spectrum-css/colorarea@7.0.0 + ## 5.0.1 ### Patch Changes diff --git a/components/colorwheel/package.json b/components/colorwheel/package.json index 9373ccec204..01068d949bf 100644 --- a/components/colorwheel/package.json +++ b/components/colorwheel/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/colorwheel", - "version": "5.0.1", + "version": "6.0.0", "description": "The Spectrum CSS Color Area component", "license": "Apache-2.0", "author": "Adobe", @@ -39,10 +39,10 @@ } }, "devDependencies": { - "@spectrum-css/colorarea": "6.0.1", - "@spectrum-css/colorhandle": "9.0.1", - "@spectrum-css/colorloupe": "6.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/colorarea": "7.0.0", + "@spectrum-css/colorhandle": "10.0.0", + "@spectrum-css/colorloupe": "7.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/combobox/CHANGELOG.md b/components/combobox/CHANGELOG.md index cbfbe10987d..244a5d73ca8 100644 --- a/components/combobox/CHANGELOG.md +++ b/components/combobox/CHANGELOG.md @@ -1,5 +1,43 @@ # Change Log +## 4.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`88bfc5b`](https://github.com/adobe/spectrum-css/commit/88bfc5bd7a8de3151ef774dc483aa6a829cb7dd0), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/menu@9.0.0 + - @spectrum-css/progresscircle@5.0.0 + - @spectrum-css/pickerbutton@6.0.0 + - @spectrum-css/textfield@8.0.0 + - @spectrum-css/popover@8.0.0 + ## 3.4.1 ### Patch Changes diff --git a/components/combobox/package.json b/components/combobox/package.json index eec86191fbd..ec7e0942160 100644 --- a/components/combobox/package.json +++ b/components/combobox/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/combobox", - "version": "3.4.1", + "version": "4.0.0", "description": "The Spectrum CSS combobox component", "license": "Apache-2.0", "author": "Adobe", @@ -38,12 +38,12 @@ } }, "devDependencies": { - "@spectrum-css/menu": "8.0.1", - "@spectrum-css/pickerbutton": "5.3.1", - "@spectrum-css/popover": "7.3.1", - "@spectrum-css/progresscircle": "4.0.1", - "@spectrum-css/textfield": "7.4.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/menu": "9.0.0", + "@spectrum-css/pickerbutton": "6.0.0", + "@spectrum-css/popover": "8.0.0", + "@spectrum-css/progresscircle": "5.0.0", + "@spectrum-css/textfield": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/commons/CHANGELOG.md b/components/commons/CHANGELOG.md index 15565853983..c6d94113555 100644 --- a/components/commons/CHANGELOG.md +++ b/components/commons/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 11.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 10.1.1 ### Patch Changes diff --git a/components/commons/package.json b/components/commons/package.json index ff179279f46..90e475587c3 100644 --- a/components/commons/package.json +++ b/components/commons/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/commons", - "version": "10.1.1", + "version": "11.0.0", "description": "Common mixins for Spectrum CSS components", "license": "Apache-2.0", "author": "Adobe", diff --git a/components/contextualhelp/CHANGELOG.md b/components/contextualhelp/CHANGELOG.md index e8a54ad1d50..fe6646be07b 100644 --- a/components/contextualhelp/CHANGELOG.md +++ b/components/contextualhelp/CHANGELOG.md @@ -1,5 +1,41 @@ # Change Log +## 5.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/actionbutton@7.0.0 + - @spectrum-css/popover@8.0.0 + - @spectrum-css/link@7.0.0 + ## 4.0.1 ### Patch Changes diff --git a/components/contextualhelp/package.json b/components/contextualhelp/package.json index 8b96aac0fba..bcca308c4c9 100644 --- a/components/contextualhelp/package.json +++ b/components/contextualhelp/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/contextualhelp", - "version": "4.0.1", + "version": "5.0.0", "description": "The Spectrum CSS contextualhelp component", "license": "Apache-2.0", "author": "Adobe", @@ -36,10 +36,10 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "6.3.1", - "@spectrum-css/link": "6.0.1", - "@spectrum-css/popover": "7.3.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/actionbutton": "7.0.0", + "@spectrum-css/link": "7.0.0", + "@spectrum-css/popover": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/datepicker/CHANGELOG.md b/components/datepicker/CHANGELOG.md index 4ebbdea276b..beb097ff5d3 100644 --- a/components/datepicker/CHANGELOG.md +++ b/components/datepicker/CHANGELOG.md @@ -1,5 +1,42 @@ # Change Log +## 4.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/pickerbutton@6.0.0 + - @spectrum-css/textfield@8.0.0 + - @spectrum-css/calendar@7.0.0 + - @spectrum-css/popover@8.0.0 + ## 3.4.1 ### Patch Changes diff --git a/components/datepicker/package.json b/components/datepicker/package.json index 30a505ac1fa..ff90eb8e586 100644 --- a/components/datepicker/package.json +++ b/components/datepicker/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/datepicker", - "version": "3.4.1", + "version": "4.0.0", "description": "The Spectrum CSS datepicker component", "license": "Apache-2.0", "author": "Adobe", @@ -32,11 +32,11 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/calendar": "6.0.1", - "@spectrum-css/pickerbutton": "5.3.1", - "@spectrum-css/popover": "7.3.1", - "@spectrum-css/textfield": "7.4.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/calendar": "7.0.0", + "@spectrum-css/pickerbutton": "6.0.0", + "@spectrum-css/popover": "8.0.0", + "@spectrum-css/textfield": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/dial/CHANGELOG.md b/components/dial/CHANGELOG.md index c037a7ee0ce..2a1a27578c8 100644 --- a/components/dial/CHANGELOG.md +++ b/components/dial/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 5.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 4.0.1 ### Patch Changes diff --git a/components/dial/package.json b/components/dial/package.json index 3026c8207cb..cb74b3953c6 100644 --- a/components/dial/package.json +++ b/components/dial/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/dial", - "version": "4.0.1", + "version": "5.0.0", "description": "The Spectrum CSS dial component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/dialog/CHANGELOG.md b/components/dialog/CHANGELOG.md index f44a4c07199..373362cedde 100644 --- a/components/dialog/CHANGELOG.md +++ b/components/dialog/CHANGELOG.md @@ -1,5 +1,42 @@ # Change Log +## 12.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/closebutton@6.0.0 + - @spectrum-css/underlay@6.0.0 + - @spectrum-css/divider@5.0.0 + - @spectrum-css/modal@7.0.0 + ## 11.0.1 ### Patch Changes diff --git a/components/dialog/package.json b/components/dialog/package.json index b29441f86d4..7b153ae2a38 100644 --- a/components/dialog/package.json +++ b/components/dialog/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/dialog", - "version": "11.0.1", + "version": "12.0.0", "description": "The Spectrum CSS dialog component", "license": "Apache-2.0", "author": "Adobe", @@ -44,11 +44,11 @@ }, "devDependencies": { "@spectrum-css/buttongroup": "workspace:^", - "@spectrum-css/closebutton": "5.4.1", - "@spectrum-css/divider": "4.0.1", - "@spectrum-css/modal": "6.0.1", - "@spectrum-css/tokens": "15.2.0", - "@spectrum-css/underlay": "5.0.1", + "@spectrum-css/closebutton": "6.0.0", + "@spectrum-css/divider": "5.0.0", + "@spectrum-css/modal": "7.0.0", + "@spectrum-css/tokens": "16.0.0", + "@spectrum-css/underlay": "6.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/divider/CHANGELOG.md b/components/divider/CHANGELOG.md index 9aee964e5fa..ac8f2491048 100644 --- a/components/divider/CHANGELOG.md +++ b/components/divider/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 5.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 4.0.1 ### Patch Changes diff --git a/components/divider/package.json b/components/divider/package.json index 12f08dbf45a..a73e2416910 100644 --- a/components/divider/package.json +++ b/components/divider/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/divider", - "version": "4.0.1", + "version": "5.0.0", "description": "The Spectrum CSS divider component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/dropindicator/CHANGELOG.md b/components/dropindicator/CHANGELOG.md index 45d86d20f19..921a3178bb8 100644 --- a/components/dropindicator/CHANGELOG.md +++ b/components/dropindicator/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/dropindicator/package.json b/components/dropindicator/package.json index f3ab06e1363..0cc097f7981 100644 --- a/components/dropindicator/package.json +++ b/components/dropindicator/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/dropindicator", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS dropindicator component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/dropzone/CHANGELOG.md b/components/dropzone/CHANGELOG.md index fb4bd02b901..c3e52a42e20 100644 --- a/components/dropzone/CHANGELOG.md +++ b/components/dropzone/CHANGELOG.md @@ -1,5 +1,41 @@ # Change Log +## 8.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/illustratedmessage@9.0.0 + - @spectrum-css/actionbutton@7.0.0 + - @spectrum-css/link@7.0.0 + ## 7.0.1 ### Patch Changes diff --git a/components/dropzone/package.json b/components/dropzone/package.json index c66ecc64e23..34e7072de26 100644 --- a/components/dropzone/package.json +++ b/components/dropzone/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/dropzone", - "version": "7.0.1", + "version": "8.0.0", "description": "The Spectrum CSS dropzone component", "license": "Apache-2.0", "author": "Adobe", @@ -39,10 +39,10 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "6.3.1", - "@spectrum-css/illustratedmessage": "8.0.1", - "@spectrum-css/link": "6.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/actionbutton": "7.0.0", + "@spectrum-css/illustratedmessage": "9.0.0", + "@spectrum-css/link": "7.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/fieldgroup/CHANGELOG.md b/components/fieldgroup/CHANGELOG.md index dcbb4af1526..a23577005a2 100644 --- a/components/fieldgroup/CHANGELOG.md +++ b/components/fieldgroup/CHANGELOG.md @@ -1,5 +1,41 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/checkbox@10.0.0 + - @spectrum-css/helptext@7.0.0 + - @spectrum-css/radio@10.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/fieldgroup/package.json b/components/fieldgroup/package.json index 94d573c1034..e240eca8ff7 100644 --- a/components/fieldgroup/package.json +++ b/components/fieldgroup/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/fieldgroup", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS fieldgroup component", "license": "Apache-2.0", "author": "Adobe", @@ -42,10 +42,10 @@ } }, "devDependencies": { - "@spectrum-css/checkbox": "9.3.1", - "@spectrum-css/helptext": "6.0.1", - "@spectrum-css/radio": "9.5.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/checkbox": "10.0.0", + "@spectrum-css/helptext": "7.0.0", + "@spectrum-css/radio": "10.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/fieldlabel/CHANGELOG.md b/components/fieldlabel/CHANGELOG.md index 04de6559137..a6e1593db25 100644 --- a/components/fieldlabel/CHANGELOG.md +++ b/components/fieldlabel/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 10.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 9.0.1 ### Patch Changes diff --git a/components/fieldlabel/package.json b/components/fieldlabel/package.json index 5057ded02eb..3182bf65521 100644 --- a/components/fieldlabel/package.json +++ b/components/fieldlabel/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/fieldlabel", - "version": "9.0.1", + "version": "10.0.0", "description": "The Spectrum CSS fieldlabel component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/floatingactionbutton/CHANGELOG.md b/components/floatingactionbutton/CHANGELOG.md index f51f65cd669..13e55879c3a 100644 --- a/components/floatingactionbutton/CHANGELOG.md +++ b/components/floatingactionbutton/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 4.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 3.0.1 ### Patch Changes diff --git a/components/floatingactionbutton/package.json b/components/floatingactionbutton/package.json index 4ab2fdf541a..905a5be76af 100644 --- a/components/floatingactionbutton/package.json +++ b/components/floatingactionbutton/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/floatingactionbutton", - "version": "3.0.1", + "version": "4.0.0", "description": "The Spectrum CSS floatingactionbutton component", "license": "Apache-2.0", "author": "Adobe", @@ -29,7 +29,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/form/CHANGELOG.md b/components/form/CHANGELOG.md index 420e6f23d0e..7733a0545b7 100644 --- a/components/form/CHANGELOG.md +++ b/components/form/CHANGELOG.md @@ -1 +1,34 @@ # Change Log + +## 1.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 diff --git a/components/form/package.json b/components/form/package.json index db314ea66a0..539f4c1de0b 100644 --- a/components/form/package.json +++ b/components/form/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/form", - "version": "0.0.0", + "version": "1.0.0", "description": "The Spectrum CSS form component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "*", "prettier": "^3.4.2", diff --git a/components/helptext/CHANGELOG.md b/components/helptext/CHANGELOG.md index 8cc284724cb..f0e6433146b 100644 --- a/components/helptext/CHANGELOG.md +++ b/components/helptext/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/helptext/package.json b/components/helptext/package.json index 62fea526d91..a98d7ca7964 100644 --- a/components/helptext/package.json +++ b/components/helptext/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/helptext", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS helptext component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/icon/CHANGELOG.md b/components/icon/CHANGELOG.md index bc59a5954a1..dbdd838ebcb 100644 --- a/components/icon/CHANGELOG.md +++ b/components/icon/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 9.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 8.0.1 ### Patch Changes diff --git a/components/icon/package.json b/components/icon/package.json index adb0f08d8f4..5dfc31f469e 100644 --- a/components/icon/package.json +++ b/components/icon/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/icon", - "version": "8.0.1", + "version": "9.0.0", "description": "The Spectrum CSS icon component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/illustratedmessage/CHANGELOG.md b/components/illustratedmessage/CHANGELOG.md index df39c5b57e4..80a6f1aced3 100644 --- a/components/illustratedmessage/CHANGELOG.md +++ b/components/illustratedmessage/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 9.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/typography@8.0.0 + ## 8.0.1 ### Patch Changes diff --git a/components/illustratedmessage/package.json b/components/illustratedmessage/package.json index 8e6646fc255..5039eea73ff 100644 --- a/components/illustratedmessage/package.json +++ b/components/illustratedmessage/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/illustratedmessage", - "version": "8.0.1", + "version": "9.0.0", "description": "The Spectrum CSS illustratedmessage component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/typography": ">=6" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", - "@spectrum-css/typography": "7.0.1", + "@spectrum-css/tokens": "16.0.0", + "@spectrum-css/typography": "8.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/infieldbutton/CHANGELOG.md b/components/infieldbutton/CHANGELOG.md index bb98c95381f..d050ca15dde 100644 --- a/components/infieldbutton/CHANGELOG.md +++ b/components/infieldbutton/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 5.3.1 ### Patch Changes diff --git a/components/infieldbutton/package.json b/components/infieldbutton/package.json index 46a30b18263..4eadebd89b4 100644 --- a/components/infieldbutton/package.json +++ b/components/infieldbutton/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/infieldbutton", - "version": "5.3.1", + "version": "6.0.0", "description": "The Spectrum CSS infield button component", "license": "Apache-2.0", "author": "Adobe", @@ -34,8 +34,8 @@ } }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/inlinealert/CHANGELOG.md b/components/inlinealert/CHANGELOG.md index d42c23b853e..1925eafd57b 100644 --- a/components/inlinealert/CHANGELOG.md +++ b/components/inlinealert/CHANGELOG.md @@ -1,5 +1,40 @@ # Change Log +## 10.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/button@14.0.0 + - @spectrum-css/icon@9.0.0 + ## 9.0.1 ### Patch Changes diff --git a/components/inlinealert/package.json b/components/inlinealert/package.json index 171371cd41c..165139ccec6 100644 --- a/components/inlinealert/package.json +++ b/components/inlinealert/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/inlinealert", - "version": "9.0.1", + "version": "10.0.0", "description": "The Spectrum CSS in-line alert component", "license": "Apache-2.0", "author": "Adobe", @@ -35,9 +35,9 @@ } }, "devDependencies": { - "@spectrum-css/button": "13.6.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/button": "14.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/link/CHANGELOG.md b/components/link/CHANGELOG.md index b2ff5129109..10a7c7fa62e 100644 --- a/components/link/CHANGELOG.md +++ b/components/link/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/link/package.json b/components/link/package.json index 6e5eb2a3d80..62952a5bd74 100644 --- a/components/link/package.json +++ b/components/link/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/link", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS link component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/logicbutton/CHANGELOG.md b/components/logicbutton/CHANGELOG.md index 25e6e0e08d1..63467e0bf47 100644 --- a/components/logicbutton/CHANGELOG.md +++ b/components/logicbutton/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 5.0.1 ### Patch Changes diff --git a/components/logicbutton/package.json b/components/logicbutton/package.json index a7f46d74e06..cac5261b159 100644 --- a/components/logicbutton/package.json +++ b/components/logicbutton/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/logicbutton", - "version": "5.0.1", + "version": "6.0.0", "description": "The Spectrum CSS logicbutton component", "license": "Apache-2.0", "author": "Adobe", @@ -29,7 +29,7 @@ }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/menu/CHANGELOG.md b/components/menu/CHANGELOG.md index d95d0975def..201a6ff0d37 100644 --- a/components/menu/CHANGELOG.md +++ b/components/menu/CHANGELOG.md @@ -1,5 +1,47 @@ # Change Log +## 9.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- [#3530](https://github.com/adobe/spectrum-css/pull/3530) [`88bfc5b`](https://github.com/adobe/spectrum-css/commit/88bfc5bd7a8de3151ef774dc483aa6a829cb7dd0) Thanks [@castastrophe](https://github.com/castastrophe)! - By adding additional system mappings for the menu item, we are able to support box-shadow styling for Spectrum 1 and Express, while updating to outline styles for Spectrum 2 (S2) foundations. + + For S2 foundations, a margin is leveraged on the Menu item to leave space for the outline width and outline offset. This is reflected in the padding present for the menu items in the design specifications for S2. + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/checkbox@10.0.0 + - @spectrum-css/divider@5.0.0 + - @spectrum-css/switch@6.0.0 + - @spectrum-css/icon@9.0.0 + - @spectrum-css/tray@5.0.0 + ## 8.0.1 ### Patch Changes diff --git a/components/menu/package.json b/components/menu/package.json index 19f92eff247..75f5465b04a 100644 --- a/components/menu/package.json +++ b/components/menu/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/menu", - "version": "8.0.1", + "version": "9.0.0", "description": "The Spectrum CSS menu component", "license": "Apache-2.0", "author": "Adobe", @@ -47,12 +47,12 @@ } }, "devDependencies": { - "@spectrum-css/checkbox": "9.3.1", - "@spectrum-css/divider": "4.0.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/switch": "5.3.1", - "@spectrum-css/tokens": "15.2.0", - "@spectrum-css/tray": "4.0.1", + "@spectrum-css/checkbox": "10.0.0", + "@spectrum-css/divider": "5.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/switch": "6.0.0", + "@spectrum-css/tokens": "16.0.0", + "@spectrum-css/tray": "5.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/meter/CHANGELOG.md b/components/meter/CHANGELOG.md index 420e6f23d0e..4077cf24cf8 100644 --- a/components/meter/CHANGELOG.md +++ b/components/meter/CHANGELOG.md @@ -1 +1,35 @@ # Change Log + +## 1.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/progressbar@6.0.0 diff --git a/components/meter/package.json b/components/meter/package.json index c914ac1963c..2154bfbb32a 100644 --- a/components/meter/package.json +++ b/components/meter/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/meter", - "version": "0.0.0", + "version": "1.0.0", "description": "The Spectrum CSS meter component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=15" }, "devDependencies": { - "@spectrum-css/progressbar": "5.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/progressbar": "6.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "*", "prettier": "^3.4.2", diff --git a/components/miller/CHANGELOG.md b/components/miller/CHANGELOG.md index b87ec34edfe..220264a17da 100644 --- a/components/miller/CHANGELOG.md +++ b/components/miller/CHANGELOG.md @@ -1,5 +1,41 @@ # Change Log +## 8.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/assetlist@8.0.0 + - @spectrum-css/checkbox@10.0.0 + - @spectrum-css/icon@9.0.0 + ## 7.0.1 ### Patch Changes diff --git a/components/miller/package.json b/components/miller/package.json index 2099925a22f..adb6c8e4e10 100644 --- a/components/miller/package.json +++ b/components/miller/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/miller", - "version": "7.0.1", + "version": "8.0.0", "description": "The Spectrum CSS miller component", "license": "Apache-2.0", "author": "Adobe", @@ -31,10 +31,10 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/assetlist": "7.0.1", - "@spectrum-css/checkbox": "9.3.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/assetlist": "8.0.0", + "@spectrum-css/checkbox": "10.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/modal/CHANGELOG.md b/components/modal/CHANGELOG.md index d9c33c24201..8cd482fac10 100644 --- a/components/modal/CHANGELOG.md +++ b/components/modal/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/modal/package.json b/components/modal/package.json index 445c413b64c..7292c8a6e6e 100644 --- a/components/modal/package.json +++ b/components/modal/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/modal", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS modal component", "license": "Apache-2.0", "author": "Adobe", @@ -29,7 +29,7 @@ }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/opacitycheckerboard/CHANGELOG.md b/components/opacitycheckerboard/CHANGELOG.md index 6ae3666aba9..90616b0fc7a 100644 --- a/components/opacitycheckerboard/CHANGELOG.md +++ b/components/opacitycheckerboard/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 4.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 3.0.1 ### Patch Changes diff --git a/components/opacitycheckerboard/package.json b/components/opacitycheckerboard/package.json index d254b60b1cb..9536c5f12b9 100644 --- a/components/opacitycheckerboard/package.json +++ b/components/opacitycheckerboard/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/opacitycheckerboard", - "version": "3.0.1", + "version": "4.0.0", "description": "The Spectrum CSS opacitycheckerboard component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/page/CHANGELOG.md b/components/page/CHANGELOG.md index aad6d714392..840a908f298 100644 --- a/components/page/CHANGELOG.md +++ b/components/page/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 9.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 8.2.1 ### Patch Changes diff --git a/components/page/package.json b/components/page/package.json index e37c1a4cbeb..2b26d04114c 100644 --- a/components/page/package.json +++ b/components/page/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/page", - "version": "8.2.1", + "version": "9.0.0", "description": "The Spectrum CSS page component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/pagination/CHANGELOG.md b/components/pagination/CHANGELOG.md index d935113d90a..d22da960128 100644 --- a/components/pagination/CHANGELOG.md +++ b/components/pagination/CHANGELOG.md @@ -1,5 +1,42 @@ # Change Log +## 10.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/actionbutton@7.0.0 + - @spectrum-css/textfield@8.0.0 + - @spectrum-css/button@14.0.0 + - @spectrum-css/icon@9.0.0 + ## 9.0.1 ### Patch Changes diff --git a/components/pagination/package.json b/components/pagination/package.json index b32714724a0..f9baa06396e 100644 --- a/components/pagination/package.json +++ b/components/pagination/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/pagination", - "version": "9.0.1", + "version": "10.0.0", "description": "The Spectrum CSS Pagination component", "license": "Apache-2.0", "author": "Adobe", @@ -32,11 +32,11 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/actionbutton": "6.3.1", - "@spectrum-css/button": "13.6.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/textfield": "7.4.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/actionbutton": "7.0.0", + "@spectrum-css/button": "14.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/textfield": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/picker/CHANGELOG.md b/components/picker/CHANGELOG.md index ba7b1b11b8e..2a1441195fa 100644 --- a/components/picker/CHANGELOG.md +++ b/components/picker/CHANGELOG.md @@ -1,5 +1,43 @@ # Change Log +## 9.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`88bfc5b`](https://github.com/adobe/spectrum-css/commit/88bfc5bd7a8de3151ef774dc483aa6a829cb7dd0), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/menu@9.0.0 + - @spectrum-css/progresscircle@5.0.0 + - @spectrum-css/helptext@7.0.0 + - @spectrum-css/popover@8.0.0 + - @spectrum-css/icon@9.0.0 + ## 8.4.1 ### Patch Changes diff --git a/components/picker/package.json b/components/picker/package.json index 357c4ca3140..af6c8565e1e 100644 --- a/components/picker/package.json +++ b/components/picker/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/picker", - "version": "8.4.1", + "version": "9.0.0", "description": "The Spectrum CSS picker component", "license": "Apache-2.0", "author": "Adobe", @@ -42,12 +42,12 @@ }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@spectrum-css/helptext": "6.0.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/menu": "8.0.1", - "@spectrum-css/popover": "7.3.1", - "@spectrum-css/progresscircle": "4.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/helptext": "7.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/menu": "9.0.0", + "@spectrum-css/popover": "8.0.0", + "@spectrum-css/progresscircle": "5.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/pickerbutton/CHANGELOG.md b/components/pickerbutton/CHANGELOG.md index 6e31a519cfc..e893ad3ac28 100644 --- a/components/pickerbutton/CHANGELOG.md +++ b/components/pickerbutton/CHANGELOG.md @@ -1,5 +1,41 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`88bfc5b`](https://github.com/adobe/spectrum-css/commit/88bfc5bd7a8de3151ef774dc483aa6a829cb7dd0), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/menu@9.0.0 + - @spectrum-css/popover@8.0.0 + - @spectrum-css/icon@9.0.0 + ## 5.3.1 ### Patch Changes diff --git a/components/pickerbutton/package.json b/components/pickerbutton/package.json index bd4c3bda446..efa84ed1d28 100644 --- a/components/pickerbutton/package.json +++ b/components/pickerbutton/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/pickerbutton", - "version": "5.3.1", + "version": "6.0.0", "description": "The Spectrum CSS picker button component", "license": "Apache-2.0", "author": "Adobe", @@ -31,10 +31,10 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/menu": "8.0.1", - "@spectrum-css/popover": "7.3.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/menu": "9.0.0", + "@spectrum-css/popover": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/popover/CHANGELOG.md b/components/popover/CHANGELOG.md index 4c2901455b4..caba45de1a3 100644 --- a/components/popover/CHANGELOG.md +++ b/components/popover/CHANGELOG.md @@ -1,5 +1,42 @@ # Change Log +## 8.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`88bfc5b`](https://github.com/adobe/spectrum-css/commit/88bfc5bd7a8de3151ef774dc483aa6a829cb7dd0), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/menu@9.0.0 + - @spectrum-css/alertdialog@4.0.0 + - @spectrum-css/divider@5.0.0 + - @spectrum-css/dialog@12.0.0 + ## 7.3.1 ### Patch Changes diff --git a/components/popover/package.json b/components/popover/package.json index 8fc7a2b465e..ec17ad3ed3e 100644 --- a/components/popover/package.json +++ b/components/popover/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/popover", - "version": "7.3.1", + "version": "8.0.0", "description": "The Spectrum CSS popover component", "license": "Apache-2.0", "author": "Adobe", @@ -40,12 +40,12 @@ } }, "devDependencies": { - "@spectrum-css/alertdialog": "3.0.1", + "@spectrum-css/alertdialog": "4.0.0", "@spectrum-css/commons": "workspace:^", - "@spectrum-css/dialog": "11.0.1", - "@spectrum-css/divider": "4.0.1", - "@spectrum-css/menu": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/dialog": "12.0.0", + "@spectrum-css/divider": "5.0.0", + "@spectrum-css/menu": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/progressbar/CHANGELOG.md b/components/progressbar/CHANGELOG.md index ec4951b8e90..75d90ea197e 100644 --- a/components/progressbar/CHANGELOG.md +++ b/components/progressbar/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/fieldlabel@10.0.0 + ## 5.0.1 ### Patch Changes diff --git a/components/progressbar/package.json b/components/progressbar/package.json index 5fc46acebba..6b2d0c4997a 100644 --- a/components/progressbar/package.json +++ b/components/progressbar/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/progressbar", - "version": "5.0.1", + "version": "6.0.0", "description": "The Spectrum CSS progress bar component", "license": "Apache-2.0", "author": "Adobe", @@ -34,8 +34,8 @@ } }, "devDependencies": { - "@spectrum-css/fieldlabel": "9.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/fieldlabel": "10.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/progresscircle/CHANGELOG.md b/components/progresscircle/CHANGELOG.md index 494bfe022f4..816a185188b 100644 --- a/components/progresscircle/CHANGELOG.md +++ b/components/progresscircle/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 5.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 4.0.1 ### Patch Changes diff --git a/components/progresscircle/package.json b/components/progresscircle/package.json index d062f9c19d8..cfcc674362d 100644 --- a/components/progresscircle/package.json +++ b/components/progresscircle/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/progresscircle", - "version": "4.0.1", + "version": "5.0.0", "description": "The Spectrum CSS progress circle component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/radio/CHANGELOG.md b/components/radio/CHANGELOG.md index 0caf34cd12c..3287b7fd800 100644 --- a/components/radio/CHANGELOG.md +++ b/components/radio/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 10.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 9.5.1 ### Patch Changes diff --git a/components/radio/package.json b/components/radio/package.json index 932286b4cb8..b42b7ff219c 100644 --- a/components/radio/package.json +++ b/components/radio/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/radio", - "version": "9.5.1", + "version": "10.0.0", "description": "The Spectrum CSS radio component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/rating/CHANGELOG.md b/components/rating/CHANGELOG.md index dfbe45b5eed..168fff48a9e 100644 --- a/components/rating/CHANGELOG.md +++ b/components/rating/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 5.3.1 ### Patch Changes diff --git a/components/rating/package.json b/components/rating/package.json index 0850527b626..765f825047c 100644 --- a/components/rating/package.json +++ b/components/rating/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/rating", - "version": "5.3.1", + "version": "6.0.0", "description": "The Spectrum CSS rating component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/search/CHANGELOG.md b/components/search/CHANGELOG.md index 59c51e88e6c..bd117e51cdc 100644 --- a/components/search/CHANGELOG.md +++ b/components/search/CHANGELOG.md @@ -1,5 +1,41 @@ # Change Log +## 8.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/clearbutton@7.0.0 + - @spectrum-css/textfield@8.0.0 + - @spectrum-css/icon@9.0.0 + ## 7.5.1 ### Patch Changes diff --git a/components/search/package.json b/components/search/package.json index 6ab6b47d1ab..1714d92f171 100644 --- a/components/search/package.json +++ b/components/search/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/search", - "version": "7.5.1", + "version": "8.0.0", "description": "The Spectrum CSS search component", "license": "Apache-2.0", "author": "Adobe", @@ -31,10 +31,10 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/clearbutton": "6.5.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/textfield": "7.4.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/clearbutton": "7.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/textfield": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/sidenav/CHANGELOG.md b/components/sidenav/CHANGELOG.md index 9e6d0b03a4b..6d0e769e12e 100644 --- a/components/sidenav/CHANGELOG.md +++ b/components/sidenav/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/sidenav/package.json b/components/sidenav/package.json index 159979c5c51..683f5e29ddb 100644 --- a/components/sidenav/package.json +++ b/components/sidenav/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/sidenav", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS sidenav component", "license": "Apache-2.0", "author": "Adobe", @@ -34,8 +34,8 @@ } }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/slider/CHANGELOG.md b/components/slider/CHANGELOG.md index 7b59cf008e5..eb2c5758891 100644 --- a/components/slider/CHANGELOG.md +++ b/components/slider/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/stepper@7.0.0 + ## 5.6.1 ### Patch Changes diff --git a/components/slider/package.json b/components/slider/package.json index 27517ff8824..6e7a57c170b 100644 --- a/components/slider/package.json +++ b/components/slider/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/slider", - "version": "5.6.1", + "version": "6.0.0", "description": "The Spectrum CSS slider component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/stepper": "6.4.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/stepper": "7.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/splitview/CHANGELOG.md b/components/splitview/CHANGELOG.md index 5b6115b1738..560e3b1d20e 100644 --- a/components/splitview/CHANGELOG.md +++ b/components/splitview/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/splitview/package.json b/components/splitview/package.json index 271873327b1..2c63e56cc50 100644 --- a/components/splitview/package.json +++ b/components/splitview/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/splitview", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS splitview component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/statuslight/CHANGELOG.md b/components/statuslight/CHANGELOG.md index 4325c88a059..ab02bfb0546 100644 --- a/components/statuslight/CHANGELOG.md +++ b/components/statuslight/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 9.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 8.0.1 ### Patch Changes diff --git a/components/statuslight/package.json b/components/statuslight/package.json index b6ed35154da..b832213f1f6 100644 --- a/components/statuslight/package.json +++ b/components/statuslight/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/statuslight", - "version": "8.0.1", + "version": "9.0.0", "description": "The Spectrum CSS statuslight component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/steplist/CHANGELOG.md b/components/steplist/CHANGELOG.md index 71ce6b633e8..f23c6cbc482 100644 --- a/components/steplist/CHANGELOG.md +++ b/components/steplist/CHANGELOG.md @@ -1,5 +1,40 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/tooltip@7.0.0 + - @spectrum-css/icon@9.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/steplist/package.json b/components/steplist/package.json index 6057547f691..5b4a84b3d30 100644 --- a/components/steplist/package.json +++ b/components/steplist/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/steplist", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS steplist component", "license": "Apache-2.0", "author": "Adobe", @@ -35,9 +35,9 @@ } }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", - "@spectrum-css/tooltip": "6.3.1", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", + "@spectrum-css/tooltip": "7.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/stepper/CHANGELOG.md b/components/stepper/CHANGELOG.md index f1e767807d6..d74ab9e1ed1 100644 --- a/components/stepper/CHANGELOG.md +++ b/components/stepper/CHANGELOG.md @@ -1,5 +1,42 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/infieldbutton@6.0.0 + - @spectrum-css/actionbutton@7.0.0 + - @spectrum-css/textfield@8.0.0 + - @spectrum-css/icon@9.0.0 + ## 6.4.1 ### Patch Changes diff --git a/components/stepper/package.json b/components/stepper/package.json index 26baebeb2eb..135de782952 100644 --- a/components/stepper/package.json +++ b/components/stepper/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/stepper", - "version": "6.4.1", + "version": "7.0.0", "description": "The Spectrum CSS stepper component", "license": "Apache-2.0", "author": "Adobe", @@ -37,11 +37,11 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "6.3.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/infieldbutton": "5.3.1", - "@spectrum-css/textfield": "7.4.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/actionbutton": "7.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/infieldbutton": "6.0.0", + "@spectrum-css/textfield": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/swatch/CHANGELOG.md b/components/swatch/CHANGELOG.md index eae699655b9..332f9aa6e72 100644 --- a/components/swatch/CHANGELOG.md +++ b/components/swatch/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 8.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/opacitycheckerboard@4.0.0 + ## 7.0.1 ### Patch Changes diff --git a/components/swatch/package.json b/components/swatch/package.json index c0823b9471b..53ee3c589a5 100644 --- a/components/swatch/package.json +++ b/components/swatch/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/swatch", - "version": "7.0.1", + "version": "8.0.0", "description": "The Spectrum CSS Color swatch component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14.5.0 || >=15" }, "devDependencies": { - "@spectrum-css/opacitycheckerboard": "3.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/opacitycheckerboard": "4.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/swatchgroup/CHANGELOG.md b/components/swatchgroup/CHANGELOG.md index 9a5767a1926..f8ccd053a92 100644 --- a/components/swatchgroup/CHANGELOG.md +++ b/components/swatchgroup/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 5.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/swatch@8.0.0 + ## 4.0.1 ### Patch Changes diff --git a/components/swatchgroup/package.json b/components/swatchgroup/package.json index 880af04c95d..5623f32c145 100644 --- a/components/swatchgroup/package.json +++ b/components/swatchgroup/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/swatchgroup", - "version": "4.0.1", + "version": "5.0.0", "description": "The Spectrum CSS Color swatch group component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/swatch": "7.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/swatch": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/switch/CHANGELOG.md b/components/switch/CHANGELOG.md index 2b1fa6233f7..3cdacdb2445 100644 --- a/components/switch/CHANGELOG.md +++ b/components/switch/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 5.3.1 ### Patch Changes diff --git a/components/switch/package.json b/components/switch/package.json index 0b99cb83059..5ff3233355b 100644 --- a/components/switch/package.json +++ b/components/switch/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/switch", - "version": "5.3.1", + "version": "6.0.0", "description": "The Spectrum CSS switch component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/table/CHANGELOG.md b/components/table/CHANGELOG.md index c7a1ea77be3..d5b0178df3c 100644 --- a/components/table/CHANGELOG.md +++ b/components/table/CHANGELOG.md @@ -1,5 +1,42 @@ # Change Log +## 8.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/thumbnail@8.0.0 + - @spectrum-css/checkbox@10.0.0 + - @spectrum-css/button@14.0.0 + - @spectrum-css/icon@9.0.0 + ## 7.0.1 ### Patch Changes diff --git a/components/table/package.json b/components/table/package.json index c83436eb5ca..c81f4acbf76 100644 --- a/components/table/package.json +++ b/components/table/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/table", - "version": "7.0.1", + "version": "8.0.0", "description": "The Spectrum CSS table component", "license": "Apache-2.0", "author": "Adobe", @@ -43,11 +43,11 @@ } }, "devDependencies": { - "@spectrum-css/button": "13.6.1", - "@spectrum-css/checkbox": "9.3.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/thumbnail": "7.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/button": "14.0.0", + "@spectrum-css/checkbox": "10.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/thumbnail": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/tabs/CHANGELOG.md b/components/tabs/CHANGELOG.md index d70d344e8c1..6616399e445 100644 --- a/components/tabs/CHANGELOG.md +++ b/components/tabs/CHANGELOG.md @@ -1,5 +1,41 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`88bfc5b`](https://github.com/adobe/spectrum-css/commit/88bfc5bd7a8de3151ef774dc483aa6a829cb7dd0), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/menu@9.0.0 + - @spectrum-css/picker@9.0.0 + - @spectrum-css/icon@9.0.0 + ## 5.3.1 ### Patch Changes diff --git a/components/tabs/package.json b/components/tabs/package.json index 1cb4f6a28a4..db3f9654e8c 100644 --- a/components/tabs/package.json +++ b/components/tabs/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/tabs", - "version": "5.3.1", + "version": "6.0.0", "description": "The Spectrum CSS tabs component", "license": "Apache-2.0", "author": "Adobe", @@ -36,10 +36,10 @@ } }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/menu": "8.0.1", - "@spectrum-css/picker": "8.4.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/menu": "9.0.0", + "@spectrum-css/picker": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/tag/CHANGELOG.md b/components/tag/CHANGELOG.md index ce88ec189af..f627b0e6ba9 100644 --- a/components/tag/CHANGELOG.md +++ b/components/tag/CHANGELOG.md @@ -1,5 +1,41 @@ # Change Log +## 10.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/clearbutton@7.0.0 + - @spectrum-css/avatar@9.0.0 + - @spectrum-css/icon@9.0.0 + ## 9.3.1 ### Patch Changes diff --git a/components/tag/package.json b/components/tag/package.json index f902b46d117..75fd8d949e4 100644 --- a/components/tag/package.json +++ b/components/tag/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/tag", - "version": "9.3.1", + "version": "10.0.0", "description": "The Spectrum CSS tags component", "license": "Apache-2.0", "author": "Adobe", @@ -39,10 +39,10 @@ } }, "devDependencies": { - "@spectrum-css/avatar": "8.0.1", - "@spectrum-css/clearbutton": "6.5.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/avatar": "9.0.0", + "@spectrum-css/clearbutton": "7.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/taggroup/CHANGELOG.md b/components/taggroup/CHANGELOG.md index 680a656244e..17760f69b7c 100644 --- a/components/taggroup/CHANGELOG.md +++ b/components/taggroup/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/tag@10.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/taggroup/package.json b/components/taggroup/package.json index 48b8c5715a2..95077fd8b0f 100644 --- a/components/taggroup/package.json +++ b/components/taggroup/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/taggroup", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS tag group component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tag": "9.3.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tag": "10.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/textfield/CHANGELOG.md b/components/textfield/CHANGELOG.md index e12854b8d88..9c0e2743231 100644 --- a/components/textfield/CHANGELOG.md +++ b/components/textfield/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 8.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/helptext@7.0.0 + ## 7.4.1 ### Patch Changes diff --git a/components/textfield/package.json b/components/textfield/package.json index 60a76835723..bd915f659ba 100644 --- a/components/textfield/package.json +++ b/components/textfield/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/textfield", - "version": "7.4.1", + "version": "8.0.0", "description": "The Spectrum CSS textfield component", "license": "Apache-2.0", "author": "Adobe", @@ -34,8 +34,8 @@ } }, "devDependencies": { - "@spectrum-css/helptext": "6.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/helptext": "7.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/thumbnail/CHANGELOG.md b/components/thumbnail/CHANGELOG.md index 8266d80b285..9f9e1f2af8f 100644 --- a/components/thumbnail/CHANGELOG.md +++ b/components/thumbnail/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 8.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/opacitycheckerboard@4.0.0 + ## 7.0.1 ### Patch Changes diff --git a/components/thumbnail/package.json b/components/thumbnail/package.json index efa79f99d15..26a825b9d25 100644 --- a/components/thumbnail/package.json +++ b/components/thumbnail/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/thumbnail", - "version": "7.0.1", + "version": "8.0.0", "description": "The Spectrum CSS thumbnail component", "license": "Apache-2.0", "author": "Adobe", @@ -29,8 +29,8 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/opacitycheckerboard": "3.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/opacitycheckerboard": "4.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/toast/CHANGELOG.md b/components/toast/CHANGELOG.md index 2f61f9053d5..2ac600650ae 100644 --- a/components/toast/CHANGELOG.md +++ b/components/toast/CHANGELOG.md @@ -1,5 +1,41 @@ # Change Log +## 11.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/closebutton@6.0.0 + - @spectrum-css/button@14.0.0 + - @spectrum-css/icon@9.0.0 + ## 10.4.1 ### Patch Changes diff --git a/components/toast/package.json b/components/toast/package.json index 6d4b21d4441..4e4669752d7 100644 --- a/components/toast/package.json +++ b/components/toast/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/toast", - "version": "10.4.1", + "version": "11.0.0", "description": "The Spectrum CSS toast component", "license": "Apache-2.0", "author": "Adobe", @@ -31,10 +31,10 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/button": "13.6.1", - "@spectrum-css/closebutton": "5.4.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/button": "14.0.0", + "@spectrum-css/closebutton": "6.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/tooltip/CHANGELOG.md b/components/tooltip/CHANGELOG.md index a2f28200a94..9e8322c9ba5 100644 --- a/components/tooltip/CHANGELOG.md +++ b/components/tooltip/CHANGELOG.md @@ -1,5 +1,39 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/icon@9.0.0 + ## 6.3.1 ### Patch Changes diff --git a/components/tooltip/package.json b/components/tooltip/package.json index d8e985204a8..c8357f1b752 100644 --- a/components/tooltip/package.json +++ b/components/tooltip/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/tooltip", - "version": "6.3.1", + "version": "7.0.0", "description": "The Spectrum CSS tooltip component", "license": "Apache-2.0", "author": "Adobe", @@ -30,8 +30,8 @@ }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/tray/CHANGELOG.md b/components/tray/CHANGELOG.md index 69d1452343c..86543de5de0 100644 --- a/components/tray/CHANGELOG.md +++ b/components/tray/CHANGELOG.md @@ -1,5 +1,43 @@ # Change Log +## 5.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/divider@5.0.0 + - @spectrum-css/button@14.0.0 + - @spectrum-css/dialog@12.0.0 + - @spectrum-css/modal@7.0.0 + - @spectrum-css/icon@9.0.0 + ## 4.0.1 ### Patch Changes diff --git a/components/tray/package.json b/components/tray/package.json index 575ad294dd1..36d5b651c24 100644 --- a/components/tray/package.json +++ b/components/tray/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/tray", - "version": "4.0.1", + "version": "5.0.0", "description": "The Spectrum CSS tray component", "license": "Apache-2.0", "author": "Adobe", @@ -41,12 +41,12 @@ } }, "devDependencies": { - "@spectrum-css/button": "13.6.1", - "@spectrum-css/dialog": "11.0.1", - "@spectrum-css/divider": "4.0.1", - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/modal": "6.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/button": "14.0.0", + "@spectrum-css/dialog": "12.0.0", + "@spectrum-css/divider": "5.0.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/modal": "7.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/treeview/CHANGELOG.md b/components/treeview/CHANGELOG.md index 2b4baca9597..4f45fd35086 100644 --- a/components/treeview/CHANGELOG.md +++ b/components/treeview/CHANGELOG.md @@ -1,5 +1,40 @@ # Change Log +## 12.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a), [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6)]: + - @spectrum-css/tokens@16.0.0 + - @spectrum-css/thumbnail@8.0.0 + - @spectrum-css/icon@9.0.0 + ## 11.0.1 ### Patch Changes diff --git a/components/treeview/package.json b/components/treeview/package.json index a71bae937b6..97a783c841e 100644 --- a/components/treeview/package.json +++ b/components/treeview/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/treeview", - "version": "11.0.1", + "version": "12.0.0", "description": "The Spectrum CSS Tree view component", "license": "Apache-2.0", "author": "Adobe", @@ -35,9 +35,9 @@ } }, "devDependencies": { - "@spectrum-css/icon": "8.0.1", - "@spectrum-css/thumbnail": "7.0.1", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/icon": "9.0.0", + "@spectrum-css/thumbnail": "8.0.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/typography/CHANGELOG.md b/components/typography/CHANGELOG.md index ece441165ba..7cd60435924 100644 --- a/components/typography/CHANGELOG.md +++ b/components/typography/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 8.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 7.0.1 ### Patch Changes diff --git a/components/typography/package.json b/components/typography/package.json index 9e0eed2c2d7..2b3c47c4cc5 100644 --- a/components/typography/package.json +++ b/components/typography/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/typography", - "version": "7.0.1", + "version": "8.0.0", "description": "The Spectrum CSS typography component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14.5.0 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/underlay/CHANGELOG.md b/components/underlay/CHANGELOG.md index 624056ef6cc..ce82cc75921 100644 --- a/components/underlay/CHANGELOG.md +++ b/components/underlay/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 6.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 5.0.1 ### Patch Changes diff --git a/components/underlay/package.json b/components/underlay/package.json index d02b015163c..9539f7a8538 100644 --- a/components/underlay/package.json +++ b/components/underlay/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/underlay", - "version": "5.0.1", + "version": "6.0.0", "description": "The Spectrum CSS underlay component", "license": "Apache-2.0", "author": "Adobe", @@ -29,7 +29,7 @@ }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/components/well/CHANGELOG.md b/components/well/CHANGELOG.md index f266b15054e..02df06e505d 100644 --- a/components/well/CHANGELOG.md +++ b/components/well/CHANGELOG.md @@ -1,5 +1,38 @@ # Change Log +## 7.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do _NOT_ reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset. + + For these components to appear S2, you must load the assets with the `@spectrum-css/tokens` at `v16` or higher. + + For S1 or Express, load assets with the `@spectrum-css/tokens` at `v14.x` or `v15.x`. + + If you are looking to implement a fully S2 design, please explore the `next` tag releases instead of using this foundations release. **This release is used in Spectrum Web Components 1.x**. + + ### Deprecations + + The `metadata` folder containing the `mods.md` and `metadata.json` assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the `dist/metadata.json` asset shipped with every component containing CSS. + + The `index-vars.css` asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the `index.css` or `index-base.css` + + ### File usage + + If you are rendering components and need **only** the S2 Foundations styles, you can make use of the `index.css` asset which contains all the base styles plus the system mappings for S2 Foundations. + + If you are using this version to publish **only** an S1 or Express component, you can use the `index-base.css` plus the desired `themes/(spectrum|express).css` file. + + To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load `index-base.css` with the `index-theme.css` file and leverage the appropriate context classes (`.spectrum--legacy` for S1 and `.spectrum--express` for Express). + +### Patch Changes + +- Updated dependencies [[`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6), [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a)]: + - @spectrum-css/tokens@16.0.0 + ## 6.0.1 ### Patch Changes diff --git a/components/well/package.json b/components/well/package.json index 890f5248702..3dd0645de21 100644 --- a/components/well/package.json +++ b/components/well/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/well", - "version": "6.0.1", + "version": "7.0.0", "description": "The Spectrum CSS well component", "license": "Apache-2.0", "author": "Adobe", @@ -28,7 +28,7 @@ "@spectrum-css/tokens": ">=14 || >=15" }, "devDependencies": { - "@spectrum-css/tokens": "15.2.0", + "@spectrum-css/tokens": "16.0.0", "eslint": "^8.57.0", "npm-run-all2": "^7.0.2", "prettier": "^3.4.2", diff --git a/tokens/CHANGELOG.md b/tokens/CHANGELOG.md index f75729217cf..583c0e958e2 100644 --- a/tokens/CHANGELOG.md +++ b/tokens/CHANGELOG.md @@ -1,5 +1,2400 @@ # Change Log +## 16.0.0 + +### Major Changes + +- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change + + This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These were built from a manual snapshot release via `@adobe/spectrum-tokens` and does _NOT_ reflect a fully S2 design asset. This introduces S2 corner rounding and color palette, along with a few component- and alias-level mappings. This approach allows us to temporarily create component CSS that can render S1, Express, or S2 designs by swapping out a few "system"-level variables. + + If you are looking to implement a fully S2 design, please explore the `next` releases instead of using this foundations release. The S2 components rendered with these token values will not fully match S2 design assets. **This release is used in Spectrum Web Components 1.x**. + + **Tokens changed:** 1104 + + ### Newly Deprecated (23) + + - `--spectrum---spectrum-corner-radius-300` + - `--spectrum-corner-radius-400` + - `--spectrum-corner-radius-500` + - `--spectrum-corner-radius-600` + - `--spectrum-corner-radius-700` + - `--spectrum-corner-radius-800` + - `--spectrum-corner-radius-1000` + - `--spectrum-corner-radius-small-default` + - `--spectrum-corner-radius-medium-default` + - `--spectrum-corner-radius-large-default` + - `--spectrum-corner-radius-extra-large-default` + - `--spectrum-corner-radius-full` + - `--spectrum-corner-radius-small-size-small` + - `--spectrum-corner-radius-small-size-medium` + - `--spectrum-corner-radius-small-size-large` + - `--spectrum-corner-radius-small-size-extra-large` + - `--spectrum-corner-radius-medium-size-extra-small` + - `--spectrum-corner-radius-medium-size-small` + - `--spectrum-corner-radius-medium-size-medium` + - `--spectrum-corner-radius-medium-size-large` + - `--spectrum-corner-radius-medium-size-extra-large` + - `--spectrum-overlay-opacity` + - `--spectrum-drop-shadow-color`: Replaced with `--spectrum-drop-shadow-color-100` + + ### Added (185) + + - `accent-color-1500` + + - `--spectrum-accent-color-1600` + - `--spectrum-informative-color-1500` + - `--spectrum-informative-color-1600` + - `--spectrum-negative-color-1500` + - `--spectrum-negative-color-1600` + - `--spectrum-notice-color-1500` + - `--spectrum-notice-color-1600` + - `--spectrum-positive-color-1500` + - `--spectrum-positive-color-1600` + - `--spectrum-negative-subdued-background-color-default` + - `--spectrum-negative-subdued-background-color-hover` + - `--spectrum-negative-subdued-background-color-down` + - `--spectrum-negative-subdued-background-color-key-focus` + - `--spectrum-accent-subtle-background-color-default` + - `--spectrum-informative-subtle-background-color-default` + - `--spectrum-positive-subtle-background-color-default` + - `--spectrum-notice-subtle-background-color-default` + - `--spectrum-negative-subtle-background-color-default` + - `--spectrum-corner-radius-0` + - `--spectrum-corner-radius-none` + - `--spectrum-text-to-visual-400` + - `--spectrum-transparent-white-25` + - `--spectrum-transparent-white-50` + - `--spectrum-transparent-white-75` + - `--spectrum-transparent-white-1000` + - `--spectrum-transparent-black-25` + - `--spectrum-transparent-black-50` + - `--spectrum-transparent-black-75` + - `--spectrum-transparent-black-1000` + - `--spectrum-gray-25` + - `--spectrum-gray-1000` + - `--spectrum-blue-1500` + - `--spectrum-blue-1600` + - `--spectrum-red-1500` + - `--spectrum-red-1600` + - `--spectrum-orange-1500` + - `--spectrum-orange-1600` + - `--spectrum-yellow-1500` + - `--spectrum-yellow-1600` + - `--spectrum-chartreuse-1500` + - `--spectrum-chartreuse-1600` + - `--spectrum-celery-1500` + - `--spectrum-celery-1600` + - `--spectrum-green-1500` + - `--spectrum-green-1600` + - `--spectrum-seafoam-1500` + - `--spectrum-seafoam-1600` + - `--spectrum-cyan-1500` + - `--spectrum-cyan-1600` + - `--spectrum-indigo-1500` + - `--spectrum-indigo-1600` + - `--spectrum-purple-1500` + - `--spectrum-purple-1600` + - `--spectrum-fuchsia-1500` + - `--spectrum-fuchsia-1600` + - `--spectrum-magenta-1500` + - `--spectrum-magenta-1600` + - `--spectrum-pink-100` + - `--spectrum-pink-200` + - `--spectrum-pink-300` + - `--spectrum-pink-400` + - `--spectrum-pink-500` + - `--spectrum-pink-600` + - `--spectrum-pink-700` + - `--spectrum-pink-800` + - `--spectrum-pink-900` + - `--spectrum-pink-1000` + - `--spectrum-pink-1100` + - `--spectrum-pink-1200` + - `--spectrum-pink-1300` + - `--spectrum-pink-1400` + - `--spectrum-pink-1500` + - `--spectrum-pink-1600` + - `--spectrum-turquoise-100` + - `--spectrum-turquoise-200` + - `--spectrum-turquoise-300` + - `--spectrum-turquoise-400` + - `--spectrum-turquoise-500` + - `--spectrum-turquoise-600` + - `--spectrum-turquoise-700` + - `--spectrum-turquoise-800` + - `--spectrum-turquoise-900` + - `--spectrum-turquoise-1000` + - `--spectrum-turquoise-1100` + - `--spectrum-turquoise-1200` + - `--spectrum-turquoise-1300` + - `--spectrum-turquoise-1400` + - `--spectrum-turquoise-1500` + - `--spectrum-turquoise-1600` + - `--spectrum-brown-100` + - `--spectrum-brown-200` + - `--spectrum-brown-300` + - `--spectrum-brown-400` + - `--spectrum-brown-500` + - `--spectrum-brown-600` + - `--spectrum-brown-700` + - `--spectrum-brown-800` + - `--spectrum-brown-900` + - `--spectrum-brown-1000` + - `--spectrum-brown-1100` + - `--spectrum-brown-1200` + - `--spectrum-brown-1300` + - `--spectrum-brown-1400` + - `--spectrum-brown-1500` + - `--spectrum-brown-1600` + - `--spectrum-silver-100` + - `--spectrum-silver-200` + - `--spectrum-silver-300` + - `--spectrum-silver-400` + - `--spectrum-silver-500` + - `--spectrum-silver-600` + - `--spectrum-silver-700` + - `--spectrum-silver-800` + - `--spectrum-silver-900` + - `--spectrum-silver-1000` + - `--spectrum-silver-1100` + - `--spectrum-silver-1200` + - `--spectrum-silver-1300` + - `--spectrum-silver-1400` + - `--spectrum-silver-1500` + - `--spectrum-silver-1600` + - `--spectrum-cinnamon-100` + - `--spectrum-cinnamon-200` + - `--spectrum-cinnamon-300` + - `--spectrum-cinnamon-400` + - `--spectrum-cinnamon-500` + - `--spectrum-cinnamon-600` + - `--spectrum-cinnamon-700` + - `--spectrum-cinnamon-800` + - `--spectrum-cinnamon-900` + - `--spectrum-cinnamon-1000` + - `--spectrum-cinnamon-1100` + - `--spectrum-cinnamon-1200` + - `--spectrum-cinnamon-1300` + - `--spectrum-cinnamon-1400` + - `--spectrum-cinnamon-1500` + - `--spectrum-cinnamon-1600` + - `--spectrum-background-elevated-color` + - `--spectrum-background-pasteboard-color` + - `--spectrum-brown-visual-color` + - `--spectrum-cinnamon-visual-color` + - `--spectrum-pink-visual-color` + - `--spectrum-silver-visual-color` + - `--spectrum-turquoise-visual-color` + - `--spectrum-brown-background-color-default` + - `--spectrum-cinnamon-background-color-default` + - `--spectrum-pink-background-color-default` + - `--spectrum-silver-background-color-default` + - `--spectrum-turquoise-background-color-default` + - `--spectrum-title-color` + - `--spectrum-drop-shadow-color-100` + - `--spectrum-drop-shadow-color-200` + - `--spectrum-drop-shadow-color-300` + - `--spectrum-drop-shadow-emphasized-default-color` + - `--spectrum-drop-shadow-emphasized-hover-color` + - `--spectrum-drop-shadow-elevated-color` + - `--spectrum-neutral-subtle-background-color-default` + - `--spectrum-gray-subtle-background-color-default` + - `--spectrum-blue-subtle-background-color-default` + - `--spectrum-green-subtle-background-color-default` + - `--spectrum-orange-subtle-background-color-default` + - `--spectrum-red-subtle-background-color-default` + - `--spectrum-brown-subtle-background-color-default` + - `--spectrum-cinnamon-subtle-background-color-default` + - `--spectrum-celery-subtle-background-color-default` + - `--spectrum-chartreuse-subtle-background-color-default` + - `--spectrum-cyan-subtle-background-color-default` + - `--spectrum-fuchsia-subtle-background-color-default` + - `--spectrum-indigo-subtle-background-color-default` + - `--spectrum-magenta-subtle-background-color-default` + - `--spectrum-pink-subtle-background-color-default` + - `--spectrum-purple-subtle-background-color-default` + - `--spectrum-seafoam-subtle-background-color-default` + - `--spectrum-silver-subtle-background-color-default` + - `--spectrum-turquoise-subtle-background-color-default` + - `--spectrum-yellow-subtle-background-color-default` + - `--spectrum-drop-shadow-dragged-color` + - `--spectrum-static-black-text-color` + - `--spectrum-static-white-text-color` + - `--spectrum-track-color` + - `--spectrum-static-black-track-color` + - `--spectrum-static-white-track-color` + - `--spectrum-static-black-track-indicator-color` + - `--spectrum-static-white-track-indicator-color` + + ### Updated (896) + + ####  Added Properties (112) + + - `--spectrum-heading-sans-serif-font-weight` + - **value**: `--spectrum-bold-font-weight` + - `--spectrum-heading-serif-font-weight` + - **value**: `--spectrum-bold-font-weight` + - `--spectrum-heading-cjk-font-weight` + - **value**: `--spectrum-extra-bold-font-weight` + - `--spectrum-heading-sans-serif-emphasized-font-weight` + - **value**: `--spectrum-bold-font-weight` + - `--spectrum-heading-serif-emphasized-font-weight` + - **value**: `--spectrum-bold-font-weight` + - `--spectrum-accent-color-100` + - **value**: `--spectrum-blue-100` + - `--spectrum-accent-color-200` + - **value**: `--spectrum-blue-200` + - `--spectrum-accent-color-300` + - **value**: `--spectrum-blue-300` + - `--spectrum-accent-color-400` + - **value**: `--spectrum-blue-400` + - `--spectrum-accent-color-500` + - **value**: `--spectrum-blue-500` + - `--spectrum-accent-color-600` + - **value**: `--spectrum-blue-600` + - `--spectrum-accent-color-700` + - **value**: `--spectrum-blue-700` + - `--spectrum-accent-color-800` + - **value**: `--spectrum-blue-800` + - `--spectrum-accent-color-900` + - **value**: `--spectrum-blue-900` + - `--spectrum-accent-color-1000` + - **value**: `--spectrum-blue-1000` + - `--spectrum-accent-color-1100` + - **value**: `--spectrum-blue-1100` + - `--spectrum-accent-color-1200` + - **value**: `--spectrum-blue-1200` + - `--spectrum-accent-color-1300` + - **value**: `--spectrum-blue-1300` + - `--spectrum-accent-color-1400` + - **value**: `--spectrum-blue-1400` + - `--spectrum-corner-radius-75` + - **value**: 4px + - `--spectrum-corner-radius-100` + - **value**: 8px + - `--spectrum-corner-radius-200` + - **value**: 10px + - `--spectrum-drop-shadow-x` + - **value**: 0px + - `--spectrum-drop-shadow-y` + - **value**: 1px (desktop) + - **value**: 2px (mobile) + - `--spectrum-drop-shadow-blur` + - **value**: 4px (desktop) + - **value**: 6px (mobile) + - `--spectrum-border-width-100` + - **value**: 1px + - `--spectrum-checkbox-control-size-small` + - **value**: 12px (desktop) + - **value**: 16px (mobile) + - `--spectrum-checkbox-control-size-medium` + - **value**: 14px (desktop) + - **value**: 18px (mobile) + - `--spectrum-checkbox-control-size-large` + - **value**: 16px (desktop) + - **value**: 20px (mobile) + - `--spectrum-checkbox-control-size-extra-large` + - **value**: 18px (desktop) + - **value**: 22px (mobile) + - `--spectrum-checkbox-top-to-control-small` + - **value**: 6px (desktop) + - **value**: 7px (mobile) + - `--spectrum-checkbox-top-to-control-medium` + - **value**: 9px (desktop) + - **value**: 11px (mobile) + - `--spectrum-checkbox-top-to-control-large` + - **value**: 12px (desktop) + - **value**: 15px (mobile) + - `--spectrum-checkbox-top-to-control-extra-large` + - **value**: 15px (desktop) + - **value**: 19px (mobile) + - `--spectrum-switch-control-width-small` + - **value**: 23px (desktop) + - **value**: 32px (mobile) + - `--spectrum-switch-control-width-medium` + - **value**: 26px (desktop) + - **value**: 36px (mobile) + - `--spectrum-switch-control-width-large` + - **value**: 29px (desktop) + - **value**: 41px (mobile) + - `--spectrum-switch-control-width-extra-large` + - **value**: 33px (desktop) + - **value**: 46px (mobile) + - `--spectrum-switch-control-height-small` + - **value**: 12px (desktop) + - **value**: 16px (mobile) + - `--spectrum-switch-control-height-medium` + - **value**: 14px (desktop) + - **value**: 18px (mobile) + - `--spectrum-switch-control-height-large` + - **value**: 16px (desktop) + - **value**: 20px (mobile) + - `--spectrum-switch-control-height-extra-large` + - **value**: 18px (desktop) + - **value**: 22px (mobile) + - `--spectrum-switch-top-to-control-small` + - **value**: 6px (desktop) + - **value**: 7px (mobile) + - `--spectrum-switch-top-to-control-medium` + - **value**: 9px (desktop) + - **value**: 11px (mobile) + - `--spectrum-switch-top-to-control-large` + - **value**: 12px (desktop) + - **value**: 15px (mobile) + - `--spectrum-switch-top-to-control-extra-large` + - **value**: 15px (desktop) + - **value**: 19px (mobile) + - `--spectrum-radio-button-control-size-small` + - **value**: 12px (desktop) + - **value**: 16px (mobile) + - `--spectrum-radio-button-control-size-medium` + - **value**: 14px (desktop) + - **value**: 18px (mobile) + - `--spectrum-radio-button-control-size-large` + - **value**: 16px (desktop) + - **value**: 20px (mobile) + - `--spectrum-radio-button-control-size-extra-large` + - **value**: 18px (desktop) + - **value**: 22px (mobile) + - `--spectrum-radio-button-top-to-control-small` + - **value**: 6px (desktop) + - **value**: 7px (mobile) + - `--spectrum-radio-button-top-to-control-medium` + - **value**: 9px (desktop) + - **value**: 11px (mobile) + - `--spectrum-radio-button-top-to-control-large` + - **value**: 12px (desktop) + - **value**: 15px (mobile) + - `--spectrum-radio-button-top-to-control-extra-large` + - **value**: 15px (desktop) + - **value**: 19px (mobile) + - `--spectrum-slider-track-thickness` + - **value**: 2px + - `--spectrum-slider-control-height-small` + - **value**: 14px (desktop) + - **value**: 18px (mobile) + - `--spectrum-slider-control-height-medium` + - **value**: 16px (desktop) + - **value**: 20px (mobile) + - `--spectrum-slider-control-height-large` + - **value**: 18px (desktop) + - **value**: 22px (mobile) + - `--spectrum-slider-control-height-extra-large` + - **value**: 20px (desktop) + - **value**: 26px (mobile) + - `--spectrum-slider-handle-size-small` + - **value**: 14px (desktop) + - **value**: 18px (mobile) + - `--spectrum-slider-handle-size-medium` + - **value**: 16px (desktop) + - **value**: 20px (mobile) + - `--spectrum-slider-handle-size-large` + - **value**: 18px (desktop) + - **value**: 22px (mobile) + - `--spectrum-slider-handle-size-extra-large` + - **value**: 20px (desktop) + - **value**: 26px (mobile) + - `--spectrum-slider-handle-border-width-down-small` + - **value**: 5px (desktop) + - **value**: 7px (mobile) + - `--spectrum-slider-handle-border-width-down-medium` + - **value**: 6px (desktop) + - **value**: 8px (mobile) + - `--spectrum-slider-handle-border-width-down-large` + - **value**: 7px (desktop) + - **value**: 9px (mobile) + - `--spectrum-slider-handle-border-width-down-extra-large` + - **value**: 8px (desktop) + - **value**: 11px (mobile) + - `--spectrum-slider-handle-gap` + - **value**: 4px + - `--spectrum-slider-bottom-to-handle-small` + - **value**: 5px (desktop) + - **value**: 6px (mobile) + - `--spectrum-slider-bottom-to-handle-medium` + - **value**: 8px (desktop) + - **value**: 10px (mobile) + - `--spectrum-slider-bottom-to-handle-large` + - **value**: 11px (desktop) + - **value**: 14px (mobile) + - `--spectrum-slider-bottom-to-handle-extra-large` + - **value**: 14px (desktop) + - **value**: 17px (mobile) + - `--spectrum-picker-border-width` + - **value**: border-width-100 + - `--spectrum-in-field-button-fill-stacked-inner-border-rounding` + - **value**: 0px + - `--spectrum-in-field-button-edge-to-fill` + - **value**: 0px + - `--spectrum-in-field-button-stacked-inner-edge-to-fill` + - **value**: 0px + - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium` + - **value**: 3px + - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large` + - **value**: 4px + - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large` + - **value**: 5px + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small` + - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small` + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium` + - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium` + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large` + - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large` + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large` + - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large` + - `--spectrum-white` + - **value**: rgb(255, 255, 255) (light) + - **value**: rgb(255, 255, 255) (dark) + - `--spectrum-transparent-white-100` + - **value**: rgba(255, 255, 255, 0.11) (light) + - **value**: rgba(255, 255, 255, 0.11) (dark) + - `--spectrum-transparent-white-200` + - **value**: rgba(255, 255, 255, 0.14) (light) + - **value**: rgba(255, 255, 255, 0.14) (dark) + - `--spectrum-transparent-white-300` + - **value**: rgba(255, 255, 255, 0.17) (light) + - **value**: rgba(255, 255, 255, 0.17) (dark) + - `--spectrum-transparent-white-400` + - **value**: rgba(255, 255, 255, 0.21) (light) + - **value**: rgba(255, 255, 255, 0.21) (dark) + - `--spectrum-transparent-white-500` + - **value**: rgba(255, 255, 255, 0.39) (light) + - **value**: rgba(255, 255, 255, 0.39) (dark) + - `--spectrum-transparent-white-600` + - **value**: rgba(255, 255, 255, 0.51) (light) + - **value**: rgba(255, 255, 255, 0.51) (dark) + - `--spectrum-transparent-white-700` + - **value**: rgba(255, 255, 255, 0.66) (light) + - **value**: rgba(255, 255, 255, 0.66) (dark) + - `--spectrum-transparent-white-800` + - **value**: rgba(255, 255, 255, 0.85) (light) + - **value**: rgba(255, 255, 255, 0.85) (dark) + - `--spectrum-transparent-white-900` + - **value**: rgba(255, 255, 255, 0.94) (light) + - **value**: rgba(255, 255, 255, 0.94) (dark) + - `--spectrum-transparent-black-100` + - **value**: rgba(0, 0, 0, 0.09) (light) + - **value**: rgba(0, 0, 0, 0.09) (dark) + - `--spectrum-transparent-black-200` + - **value**: rgba(0, 0, 0, 0.12) (light) + - **value**: rgba(0, 0, 0, 0.12) (dark) + - `--spectrum-transparent-black-300` + - **value**: rgba(0, 0, 0, 0.15) (light) + - **value**: rgba(0, 0, 0, 0.15) (dark) + - `--spectrum-transparent-black-400` + - **value**: rgba(0, 0, 0, 0.22) (light) + - **value**: rgba(0, 0, 0, 0.22) (dark) + - `--spectrum-transparent-black-500` + - **value**: rgba(0, 0, 0, 0.44) (light) + - **value**: rgba(0, 0, 0, 0.44) (dark) + - `--spectrum-transparent-black-600` + - **value**: rgba(0, 0, 0, 0.56) (light) + - **value**: rgba(0, 0, 0, 0.56) (dark) + - `--spectrum-transparent-black-700` + - **value**: rgba(0, 0, 0, 0.69) (light) + - **value**: rgba(0, 0, 0, 0.69) (dark) + - `--spectrum-transparent-black-800` + - **value**: rgba(0, 0, 0, 0.84) (light) + - **value**: rgba(0, 0, 0, 0.84) (dark) + - `--spectrum-transparent-black-900` + - **value**: rgba(0, 0, 0, 0.93) (light) + - **value**: rgba(0, 0, 0, 0.93) (dark) + - `--spectrum-background-base-color` + - **value**: `--spectrum-gray-25` + - `--spectrum-background-layer-1-color` + - **value**: `--spectrum-gray-50` + - `--spectrum-neutral-background-color-default` + - **value**: `--spectrum-gray-800` + - `--spectrum-neutral-background-color-hover` + - **value**: `--spectrum-gray-900` + - `--spectrum-neutral-background-color-down` + - **value**: `--spectrum-gray-900` + - `--spectrum-neutral-background-color-key-focus` + - **value**: `--spectrum-gray-900` + - `--spectrum-neutral-background-color-selected-default` + - **value**: `--spectrum-gray-800` + - `--spectrum-neutral-background-color-selected-hover` + - **value**: `--spectrum-gray-900` + - `--spectrum-neutral-background-color-selected-down` + - **value**: `--spectrum-gray-900` + - `--spectrum-neutral-background-color-selected-key-focus` + - **value**: `--spectrum-gray-900` + + #### Deleted Properties (368) + + - `--spectrum-heading-sans-serif-font-weight` + - **value**: `--spectrum-bold-font-weight` (spectrum) + - **value**: `--spectrum-black-font-weight` (express) **deprecated** + - `--spectrum-heading-serif-font-weight` + - **value**: `--spectrum-bold-font-weight` (spectrum) + - **value**: `--spectrum-black-font-weight` (express) **deprecated** + - `--spectrum-heading-cjk-font-weight` + - **value**: `--spectrum-extra-bold-font-weight` (spectrum) + - **value**: `--spectrum-black-font-weight` (express) **deprecated** + - `--spectrum-heading-sans-serif-emphasized-font-weight` + - **value**: `--spectrum-bold-font-weight` (spectrum) + - **value**: `--spectrum-black-font-weight` (express) **deprecated** + - `--spectrum-heading-serif-emphasized-font-weight` + - **value**: `--spectrum-bold-font-weight` (spectrum) + - **value**: `--spectrum-black-font-weight` (express) **deprecated** + - `--spectrum-accent-color-100` + - **value**: `--spectrum-blue-100` (spectrum) + - **value**: `--spectrum-indigo-100` (express) **deprecated** + - `--spectrum-accent-color-200` + - **value**: `--spectrum-blue-200` (spectrum) + - **value**: `--spectrum-indigo-200` (express) **deprecated** + - `--spectrum-accent-color-300` + - **value**: `--spectrum-blue-300` (spectrum) + - **value**: `--spectrum-indigo-300` (express) **deprecated** + - `--spectrum-accent-color-400` + - **value**: `--spectrum-blue-400` (spectrum) + - **value**: `--spectrum-indigo-400` (express) **deprecated** + - `--spectrum-accent-color-500` + - **value**: `--spectrum-blue-500` (spectrum) + - **value**: `--spectrum-indigo-500` (express) **deprecated** + - `--spectrum-accent-color-600` + - **value**: `--spectrum-blue-600` (spectrum) + - **value**: `--spectrum-indigo-600` (express) **deprecated** + - `--spectrum-accent-color-700` + - **value**: `--spectrum-blue-700` (spectrum) + - **value**: `--spectrum-indigo-700` (express) **deprecated** + - `--spectrum-accent-color-800` + - **value**: `--spectrum-blue-800` (spectrum) + - **value**: `--spectrum-indigo-800` (express) **deprecated** + - `--spectrum-accent-color-900` + - **value**: `--spectrum-blue-900` (spectrum) + - **value**: `--spectrum-indigo-900` (express) **deprecated** + - `--spectrum-accent-color-1000` + - **value**: `--spectrum-blue-1000` (spectrum) + - **value**: `--spectrum-indigo-1000` (express) **deprecated** + - `--spectrum-accent-color-1100` + - **value**: `--spectrum-blue-1100` (spectrum) + - **value**: `--spectrum-indigo-1100` (express) **deprecated** + - `--spectrum-accent-color-1200` + - **value**: `--spectrum-blue-1200` (spectrum) + - **value**: `--spectrum-indigo-1200` (express) **deprecated** + - `--spectrum-accent-color-1300` + - **value**: `--spectrum-blue-1300` (spectrum) + - **value**: `--spectrum-indigo-1300` (express) **deprecated** + - `--spectrum-accent-color-1400` + - **value**: `--spectrum-blue-1400` (spectrum) + - **value**: `--spectrum-indigo-1400` (express) **deprecated** + - `--spectrum-corner-radius-75` + - **value**: 2px (spectrum) + - **value**: 3px (express | desktop) **deprecated** + - **value**: 4px (express | mobile) **deprecated** + - `--spectrum-corner-radius-100` + - **value**: 4px (spectrum | desktop) + - **value**: 5px (spectrum | mobile) + - **value**: 6px (express | desktop) **deprecated** + - **value**: 8px (express | mobile) **deprecated** + - `--spectrum-corner-radius-200` + - **value**: 8px (spectrum | desktop) + - **value**: 10px (spectrum | mobile) + - **value**: 12px (express | desktop) **deprecated** + - **value**: 16px (express | mobile) **deprecated** + - `--spectrum-drop-shadow-x` + - **value**: 0px (spectrum) + - **value**: 0px (express | desktop) **deprecated** + - **value**: 0px (express | mobile) **deprecated** + - `--spectrum-drop-shadow-y` + - **value**: 1px (spectrum | desktop) + - **value**: 2px (spectrum | mobile) + - **value**: 4px (express | desktop) **deprecated** + - **value**: 4px (express | mobile) **deprecated** + - `--spectrum-drop-shadow-blur` + - **value**: 4px (spectrum | desktop) + - **value**: 6px (spectrum | mobile) + - **value**: 16px (express | desktop) **deprecated** + - **value**: 16px (express | mobile) **deprecated** + - `--spectrum-border-width-100` + - **value**: 1px (spectrum) + - **value**: 2px (express) **deprecated** + - `--spectrum-checkbox-control-size-small` + - **value**: 12px (spectrum | desktop) + - **value**: 16px (spectrum | mobile) + - **value**: 14px (express | desktop) **deprecated** + - **value**: 18px (express | mobile) **deprecated** + - `--spectrum-checkbox-control-size-medium` + - **value**: 14px (spectrum | desktop) + - **value**: 18px (spectrum | mobile) + - **value**: 16px (express | desktop) **deprecated** + - **value**: 20px (express | mobile) **deprecated** + - `--spectrum-checkbox-control-size-large` + - **value**: 16px (spectrum | desktop) + - **value**: 20px (spectrum | mobile) + - **value**: 18px (express | desktop) **deprecated** + - **value**: 22px (express | mobile) **deprecated** + - `--spectrum-checkbox-control-size-extra-large` + - **value**: 18px (spectrum | desktop) + - **value**: 22px (spectrum | mobile) + - **value**: 20px (express | desktop) **deprecated** + - **value**: 26px (express | mobile) **deprecated** + - `--spectrum-checkbox-top-to-control-small` + - **value**: 6px (spectrum | desktop) + - **value**: 7px (spectrum | mobile) + - **value**: 5px (express | desktop) **deprecated** + - **value**: 6px (express | mobile) **deprecated** + - `--spectrum-checkbox-top-to-control-medium` + - **value**: 9px (spectrum | desktop) + - **value**: 11px (spectrum | mobile) + - **value**: 8px (express | desktop) **deprecated** + - **value**: 10px (express | mobile) **deprecated** + - `--spectrum-checkbox-top-to-control-large` + - **value**: 12px (spectrum | desktop) + - **value**: 15px (spectrum | mobile) + - **value**: 11px (express | desktop) **deprecated** + - **value**: 14px (express | mobile) **deprecated** + - `--spectrum-checkbox-top-to-control-extra-large` + - **value**: 15px (spectrum | desktop) + - **value**: 19px (spectrum | mobile) + - **value**: 14px (express | desktop) **deprecated** + - **value**: 17px (express | mobile) **deprecated** + - `--spectrum-switch-control-width-small` + - **value**: 23px (spectrum | desktop) + - **value**: 32px (spectrum | mobile) + - **value**: 25px (express | desktop) **deprecated** + - **value**: 32px (express | mobile) **deprecated** + - `--spectrum-switch-control-width-medium` + - **value**: 26px (spectrum | desktop) + - **value**: 36px (spectrum | mobile) + - **value**: 28px (express | desktop) **deprecated** + - **value**: 36px (express | mobile) **deprecated** + - `--spectrum-switch-control-width-large` + - **value**: 29px (spectrum | desktop) + - **value**: 41px (spectrum | mobile) + - **value**: 32px (express | desktop) **deprecated** + - **value**: 41px (express | mobile) **deprecated** + - `--spectrum-switch-control-width-extra-large` + - **value**: 33px (spectrum | desktop) + - **value**: 46px (spectrum | mobile) + - **value**: 35px (express | desktop) **deprecated** + - **value**: 46px (express | mobile) **deprecated** + - `--spectrum-switch-control-height-small` + - **value**: 12px (spectrum | desktop) + - **value**: 16px (spectrum | mobile) + - **value**: 14px (express | desktop) **deprecated** + - **value**: 18px (express | mobile) **deprecated** + - `--spectrum-switch-control-height-medium` + - **value**: 14px (spectrum | desktop) + - **value**: 18px (spectrum | mobile) + - **value**: 16px (express | desktop) **deprecated** + - **value**: 20px (express | mobile) **deprecated** + - `--spectrum-switch-control-height-large` + - **value**: 16px (spectrum | desktop) + - **value**: 20px (spectrum | mobile) + - **value**: 18px (express | desktop) **deprecated** + - **value**: 22px (express | mobile) **deprecated** + - `--spectrum-switch-control-height-extra-large` + - **value**: 18px (spectrum | desktop) + - **value**: 22px (spectrum | mobile) + - **value**: 20px (express | desktop) **deprecated** + - **value**: 26px (express | mobile) **deprecated** + - `--spectrum-switch-top-to-control-small` + - **value**: 6px (spectrum | desktop) + - **value**: 7px (spectrum | mobile) + - **value**: 5px (express | desktop) **deprecated** + - **value**: 6px (express | mobile) **deprecated** + - `--spectrum-switch-top-to-control-medium` + - **value**: 9px (spectrum | desktop) + - **value**: 11px (spectrum | mobile) + - **value**: 8px (express | desktop) **deprecated** + - **value**: 10px (express | mobile) **deprecated** + - `--spectrum-switch-top-to-control-large` + - **value**: 12px (spectrum | desktop) + - **value**: 15px (spectrum | mobile) + - **value**: 11px (express | desktop) **deprecated** + - **value**: 14px (express | mobile) **deprecated** + - `--spectrum-switch-top-to-control-extra-large` + - **value**: 15px (spectrum | desktop) + - **value**: 19px (spectrum | mobile) + - **value**: 14px (express | desktop) **deprecated** + - **value**: 17px (express | mobile) **deprecated** + - `--spectrum-radio-button-control-size-small` + - **value**: 12px (spectrum | desktop) + - **value**: 16px (spectrum | mobile) + - **value**: 14px (express | desktop) **deprecated** + - **value**: 18px (express | mobile) **deprecated** + - `--spectrum-radio-button-control-size-medium` + - **value**: 14px (spectrum | desktop) + - **value**: 18px (spectrum | mobile) + - **value**: 16px (express | desktop) **deprecated** + - **value**: 20px (express | mobile) **deprecated** + - `--spectrum-radio-button-control-size-large` + - **value**: 16px (spectrum | desktop) + - **value**: 20px (spectrum | mobile) + - **value**: 18px (express | desktop) **deprecated** + - **value**: 22px (express | mobile) **deprecated** + - `--spectrum-radio-button-control-size-extra-large` + - **value**: 18px (spectrum | desktop) + - **value**: 22px (spectrum | mobile) + - **value**: 20px (express | desktop) **deprecated** + - **value**: 26px (express | mobile) **deprecated** + - `--spectrum-radio-button-top-to-control-small` + - **value**: 6px (spectrum | desktop) + - **value**: 7px (spectrum | mobile) + - **value**: 5px (express | desktop) **deprecated** + - **value**: 6px (express | mobile) **deprecated** + - `--spectrum-radio-button-top-to-control-medium` + - **value**: 9px (spectrum | desktop) + - **value**: 11px (spectrum | mobile) + - **value**: 8px (express | desktop) **deprecated** + - **value**: 10px (express | mobile) **deprecated** + - `--spectrum-radio-button-top-to-control-large` + - **value**: 12px (spectrum | desktop) + - **value**: 15px (spectrum | mobile) + - **value**: 11px (express | desktop) **deprecated** + - **value**: 14px (express | mobile) **deprecated** + - `--spectrum-radio-button-top-to-control-extra-large` + - **value**: 15px (spectrum | desktop) + - **value**: 19px (spectrum | mobile) + - **value**: 14px (express | desktop) **deprecated** + - **value**: 17px (express | mobile) **deprecated** + - `--spectrum-slider-track-thickness` + - **value**: 2px (spectrum) + - **value**: 4px (express) **deprecated** + - `--spectrum-slider-control-height-small` + - **value**: 14px (spectrum | desktop) + - **value**: 18px (spectrum | mobile) + - **value**: 18px (express | desktop) **deprecated** + - **value**: 22px (express | mobile) **deprecated** + - `--spectrum-slider-control-height-medium` + - **value**: 16px (spectrum | desktop) + - **value**: 20px (spectrum | mobile) + - **value**: 20px (express | desktop) **deprecated** + - **value**: 24px (express | mobile) **deprecated** + - `--spectrum-slider-control-height-large` + - **value**: 18px (spectrum | desktop) + - **value**: 22px (spectrum | mobile) + - **value**: 22px (express | desktop) **deprecated** + - **value**: 28px (express | mobile) **deprecated** + - `--spectrum-slider-control-height-extra-large` + - **value**: 20px (spectrum | desktop) + - **value**: 26px (spectrum | mobile) + - **value**: 24px (express | desktop) **deprecated** + - **value**: 30px (express | mobile) **deprecated** + - `--spectrum-slider-handle-size-small` + - **value**: 14px (spectrum | desktop) + - **value**: 18px (spectrum | mobile) + - **value**: 18px (express | desktop) **deprecated** + - **value**: 22px (express | mobile) **deprecated** + - `--spectrum-slider-handle-size-medium` + - **value**: 16px (spectrum | desktop) + - **value**: 20px (spectrum | mobile) + - **value**: 20px (express | desktop) **deprecated** + - **value**: 24px (express | mobile) **deprecated** + - `--spectrum-slider-handle-size-large` + - **value**: 18px (spectrum | desktop) + - **value**: 22px (spectrum | mobile) + - **value**: 22px (express | desktop) **deprecated** + - **value**: 28px (express | mobile) **deprecated** + - `--spectrum-slider-handle-size-extra-large` + - **value**: 20px (spectrum | desktop) + - **value**: 26px (spectrum | mobile) + - **value**: 24px (express | desktop) **deprecated** + - **value**: 30px (express | mobile) **deprecated** + - `--spectrum-slider-handle-border-width-down-small` + - **value**: 5px (spectrum | desktop) + - **value**: 7px (spectrum | mobile) + - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated** + - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated** + - `--spectrum-slider-handle-border-width-down-medium` + - **value**: 6px (spectrum | desktop) + - **value**: 8px (spectrum | mobile) + - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated** + - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated** + - `--spectrum-slider-handle-border-width-down-large` + - **value**: 7px (spectrum | desktop) + - **value**: 9px (spectrum | mobile) + - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated** + - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated** + - `--spectrum-slider-handle-border-width-down-extra-large` + - **value**: 8px (spectrum | desktop) + - **value**: 11px (spectrum | mobile) + - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated** + - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated** + - `--spectrum-slider-handle-gap` + - **value**: 4px (spectrum) + - **value**: 0px (express) **deprecated** + - `--spectrum-slider-bottom-to-handle-small` + - **value**: 5px (spectrum | desktop) + - **value**: 6px (spectrum | mobile) + - **value**: 3px (express | desktop) **deprecated** + - **value**: 4px (express | mobile) **deprecated** + - `--spectrum-slider-bottom-to-handle-medium` + - **value**: 8px (spectrum | desktop) + - **value**: 10px (spectrum | mobile) + - **value**: 6px (express | desktop) **deprecated** + - **value**: 8px (express | mobile) **deprecated** + - `--spectrum-slider-bottom-to-handle-large` + - **value**: 11px (spectrum | desktop) + - **value**: 14px (spectrum | mobile) + - **value**: 9px (express | desktop) **deprecated** + - **value**: 12px (express | mobile) **deprecated** + - `--spectrum-slider-bottom-to-handle-extra-large` + - **value**: 14px (spectrum | desktop) + - **value**: 17px (spectrum | mobile) + - **value**: 12px (express | desktop) **deprecated** + - **value**: 15px (express | mobile) **deprecated** + - `--spectrum-picker-border-width` + - **value**: `--spectrum-border-width-100` (spectrum) + - **value**: 0 (express) + - `--spectrum-in-field-button-fill-stacked-inner-border-rounding` + - **value**: 0px (spectrum) + - **value**: 1px (express) + - `--spectrum-in-field-button-edge-to-fill` + - **value**: 0px (spectrum) + - **value**: 4px (express) + - `--spectrum-in-field-button-stacked-inner-edge-to-fill` + - **value**: 0px (spectrum) + - **value**: 1px (express) + - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium` + - **value**: 3px (spectrum) + - **value**: 5px (express) + - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large` + - **value**: 4px (spectrum) + - **value**: 7px (express) + - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large` + - **value**: 5px (spectrum) + - **value**: 8px (express) + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small` + - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small` (spectrum) + - **value**: 1px (express) + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium` + - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium` (spectrum) + - **value**: 1px (express) + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large` + - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large` (spectrum) + - **value**: 3px (express) + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large` + - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large` (spectrum) + - **value**: 4px (express) + - `--spectrum-icon-color-blue-primary-default` + - **value**: `--spectrum-blue-800` (darkest) + - `--spectrum-icon-color-green-primary-default` + - **value**: `--spectrum-green-800` (darkest) + - `--spectrum-icon-color-red-primary-default` + - **value**: `--spectrum-red-700` (darkest) + - `--spectrum-icon-color-yellow-primary-default` + - **value**: `--spectrum-yellow-1000` (darkest) + - `--spectrum-white` + - **value**: rgb(255, 255, 255) + - `--spectrum-transparent-white-100` + - **value**: rgba(255, 255, 255, 0) + - `--spectrum-transparent-white-200` + - **value**: rgba(255, 255, 255, 0.1) + - `--spectrum-transparent-white-300` + - **value**: rgba(255, 255, 255, 0.25) + - `--spectrum-transparent-white-400` + - **value**: rgba(255, 255, 255, 0.4) + - `--spectrum-transparent-white-500` + - **value**: rgba(255, 255, 255, 0.55) + - `--spectrum-transparent-white-600` + - **value**: rgba(255, 255, 255, 0.7) + - `--spectrum-transparent-white-700` + - **value**: rgba(255, 255, 255, 0.8) + - `--spectrum-transparent-white-800` + - **value**: rgba(255, 255, 255, 0.9) + - `--spectrum-transparent-white-900` + - **value**: rgb(255, 255, 255) + - `--spectrum-transparent-black-100` + - **value**: rgba(0, 0, 0, 0) + - `--spectrum-transparent-black-200` + - **value**: rgba(0, 0, 0, 0.1) + - `--spectrum-transparent-black-300` + - **value**: rgba(0, 0, 0, 0.25) + - `--spectrum-transparent-black-400` + - **value**: rgba(0, 0, 0, 0.4) + - `--spectrum-transparent-black-500` + - **value**: rgba(0, 0, 0, 0.55) + - `--spectrum-transparent-black-600` + - **value**: rgba(0, 0, 0, 0.7) + - `--spectrum-transparent-black-700` + - **value**: rgba(0, 0, 0, 0.8) + - `--spectrum-transparent-black-800` + - **value**: rgba(0, 0, 0, 0.9) + - `--spectrum-transparent-black-900` + - **value**: rgb(0, 0, 0) + - `--spectrum-gray-50` + - **value**: rgb(0, 0, 0) (darkest) + - `--spectrum-gray-75` + - **value**: rgb(14, 14, 14) (darkest) + - `--spectrum-gray-100` + - **value**: rgb(29, 29, 29) (darkest) + - `--spectrum-gray-200` + - **value**: rgb(48, 48, 48) (darkest) + - `--spectrum-gray-300` + - **value**: rgb(75, 75, 75) (darkest) + - `--spectrum-gray-400` + - **value**: rgb(106, 106, 106) (darkest) + - `--spectrum-gray-500` + - **value**: rgb(141, 141, 141) (darkest) + - `--spectrum-gray-600` + - **value**: rgb(176, 176, 176) (darkest) + - `--spectrum-gray-700` + - **value**: rgb(208, 208, 208) (darkest) + - `--spectrum-gray-800` + - **value**: rgb(235, 235, 235) (darkest) + - `--spectrum-gray-900` + - **value**: rgb(255, 255, 255) (darkest) + - `--spectrum-blue-100` + - **value**: rgb(0, 38, 81) (darkest) + - `--spectrum-blue-200` + - **value**: rgb(0, 50, 106) (darkest) + - `--spectrum-blue-300` + - **value**: rgb(0, 64, 135) (darkest) + - `--spectrum-blue-400` + - **value**: rgb(0, 78, 166) (darkest) + - `--spectrum-blue-500` + - **value**: rgb(0, 92, 200) (darkest) + - `--spectrum-blue-600` + - **value**: rgb(6, 108, 231) (darkest) + - `--spectrum-blue-700` + - **value**: rgb(29, 128, 245) (darkest) + - `--spectrum-blue-800` + - **value**: rgb(64, 150, 243) (darkest) + - `--spectrum-blue-900` + - **value**: rgb(94, 170, 247) (darkest) + - `--spectrum-blue-1000` + - **value**: rgb(124, 189, 250) (darkest) + - `--spectrum-blue-1100` + - **value**: rgb(152, 206, 253) (darkest) + - `--spectrum-blue-1200` + - **value**: rgb(179, 222, 254) (darkest) + - `--spectrum-blue-1300` + - **value**: rgb(206, 234, 255) (darkest) + - `--spectrum-blue-1400` + - **value**: rgb(227, 243, 255) (darkest) + - `--spectrum-red-100` + - **value**: rgb(87, 0, 0) (darkest) + - `--spectrum-red-200` + - **value**: rgb(110, 0, 0) (darkest) + - `--spectrum-red-300` + - **value**: rgb(138, 0, 0) (darkest) + - `--spectrum-red-400` + - **value**: rgb(167, 0, 0) (darkest) + - `--spectrum-red-500` + - **value**: rgb(196, 7, 6) (darkest) + - `--spectrum-red-600` + - **value**: rgb(221, 33, 24) (darkest) + - `--spectrum-red-700` + - **value**: rgb(238, 67, 49) (darkest) + - `--spectrum-red-800` + - **value**: rgb(249, 99, 76) (darkest) + - `--spectrum-red-900` + - **value**: rgb(255, 129, 107) (darkest) + - `--spectrum-red-1000` + - **value**: rgb(255, 158, 140) (darkest) + - `--spectrum-red-1100` + - **value**: rgb(255, 183, 169) (darkest) + - `--spectrum-red-1200` + - **value**: rgb(255, 205, 195) (darkest) + - `--spectrum-red-1300` + - **value**: rgb(255, 223, 217) (darkest) + - `--spectrum-red-1400` + - **value**: rgb(255, 237, 234) (darkest) + - `--spectrum-orange-100` + - **value**: rgb(72, 24, 1) (darkest) + - `--spectrum-orange-200` + - **value**: rgb(92, 32, 0) (darkest) + - `--spectrum-orange-300` + - **value**: rgb(115, 43, 0) (darkest) + - `--spectrum-orange-400` + - **value**: rgb(138, 55, 0) (darkest) + - `--spectrum-orange-500` + - **value**: rgb(162, 68, 0) (darkest) + - `--spectrum-orange-600` + - **value**: rgb(186, 82, 0) (darkest) + - `--spectrum-orange-700` + - **value**: rgb(210, 98, 0) (darkest) + - `--spectrum-orange-800` + - **value**: rgb(232, 116, 0) (darkest) + - `--spectrum-orange-900` + - **value**: rgb(249, 137, 23) (darkest) + - `--spectrum-orange-1000` + - **value**: rgb(255, 162, 59) (darkest) + - `--spectrum-orange-1100` + - **value**: rgb(255, 188, 102) (darkest) + - `--spectrum-orange-1200` + - **value**: rgb(253, 210, 145) (darkest) + - `--spectrum-orange-1300` + - **value**: rgb(255, 226, 181) (darkest) + - `--spectrum-orange-1400` + - **value**: rgb(255, 239, 213) (darkest) + - `--spectrum-yellow-100` + - **value**: rgb(53, 36, 0) (darkest) + - `--spectrum-yellow-200` + - **value**: rgb(68, 47, 0) (darkest) + - `--spectrum-yellow-300` + - **value**: rgb(86, 62, 0) (darkest) + - `--spectrum-yellow-400` + - **value**: rgb(103, 77, 0) (darkest) + - `--spectrum-yellow-500` + - **value**: rgb(122, 92, 0) (darkest) + - `--spectrum-yellow-600` + - **value**: rgb(141, 108, 0) (darkest) + - `--spectrum-yellow-700` + - **value**: rgb(161, 126, 0) (darkest) + - `--spectrum-yellow-800` + - **value**: rgb(180, 144, 0) (darkest) + - `--spectrum-yellow-900` + - **value**: rgb(199, 162, 0) (darkest) + - `--spectrum-yellow-1000` + - **value**: rgb(216, 181, 0) (darkest) + - `--spectrum-yellow-1100` + - **value**: rgb(233, 199, 0) (darkest) + - `--spectrum-yellow-1200` + - **value**: rgb(247, 216, 4) (darkest) + - `--spectrum-yellow-1300` + - **value**: rgb(249, 233, 97) (darkest) + - `--spectrum-yellow-1400` + - **value**: rgb(252, 243, 170) (darkest) + - `--spectrum-chartreuse-100` + - **value**: rgb(32, 43, 0) (darkest) + - `--spectrum-chartreuse-200` + - **value**: rgb(42, 56, 0) (darkest) + - `--spectrum-chartreuse-300` + - **value**: rgb(54, 72, 0) (darkest) + - `--spectrum-chartreuse-400` + - **value**: rgb(66, 88, 0) (darkest) + - `--spectrum-chartreuse-500` + - **value**: rgb(79, 105, 0) (darkest) + - `--spectrum-chartreuse-600` + - **value**: rgb(93, 123, 0) (darkest) + - `--spectrum-chartreuse-700` + - **value**: rgb(107, 142, 0) (darkest) + - `--spectrum-chartreuse-800` + - **value**: rgb(122, 161, 0) (darkest) + - `--spectrum-chartreuse-900` + - **value**: rgb(138, 180, 3) (darkest) + - `--spectrum-chartreuse-1000` + - **value**: rgb(154, 198, 11) (darkest) + - `--spectrum-chartreuse-1100` + - **value**: rgb(170, 216, 22) (darkest) + - `--spectrum-chartreuse-1200` + - **value**: rgb(187, 232, 41) (darkest) + - `--spectrum-chartreuse-1300` + - **value**: rgb(205, 246, 72) (darkest) + - `--spectrum-chartreuse-1400` + - **value**: rgb(225, 253, 132) (darkest) + - `--spectrum-celery-100` + - **value**: rgb(0, 47, 7) (darkest) + - `--spectrum-celery-200` + - **value**: rgb(0, 61, 9) (darkest) + - `--spectrum-celery-300` + - **value**: rgb(0, 77, 12) (darkest) + - `--spectrum-celery-400` + - **value**: rgb(0, 95, 15) (darkest) + - `--spectrum-celery-500` + - **value**: rgb(0, 113, 15) (darkest) + - `--spectrum-celery-600` + - **value**: rgb(0, 132, 15) (darkest) + - `--spectrum-celery-700` + - **value**: rgb(0, 151, 20) (darkest) + - `--spectrum-celery-800` + - **value**: rgb(13, 171, 37) (darkest) + - `--spectrum-celery-900` + - **value**: rgb(45, 191, 58) (darkest) + - `--spectrum-celery-1000` + - **value**: rgb(80, 208, 82) (darkest) + - `--spectrum-celery-1100` + - **value**: rgb(115, 224, 107) (darkest) + - `--spectrum-celery-1200` + - **value**: rgb(147, 237, 131) (darkest) + - `--spectrum-celery-1300` + - **value**: rgb(180, 247, 162) (darkest) + - `--spectrum-celery-1400` + - **value**: rgb(213, 252, 202) (darkest) + - `--spectrum-green-100` + - **value**: rgb(10, 44, 28) (darkest) + - `--spectrum-green-200` + - **value**: rgb(7, 59, 36) (darkest) + - `--spectrum-green-300` + - **value**: rgb(0, 76, 46) (darkest) + - `--spectrum-green-400` + - **value**: rgb(0, 93, 57) (darkest) + - `--spectrum-green-500` + - **value**: rgb(0, 111, 69) (darkest) + - `--spectrum-green-600` + - **value**: rgb(0, 130, 82) (darkest) + - `--spectrum-green-700` + - **value**: rgb(0, 149, 98) (darkest) + - `--spectrum-green-800` + - **value**: rgb(28, 168, 114) (darkest) + - `--spectrum-green-900` + - **value**: rgb(52, 187, 132) (darkest) + - `--spectrum-green-1000` + - **value**: rgb(75, 205, 149) (darkest) + - `--spectrum-green-1100` + - **value**: rgb(103, 222, 168) (darkest) + - `--spectrum-green-1200` + - **value**: rgb(137, 236, 188) (darkest) + - `--spectrum-green-1300` + - **value**: rgb(177, 244, 209) (darkest) + - `--spectrum-green-1400` + - **value**: rgb(214, 249, 228) (darkest) + - `--spectrum-seafoam-100` + - **value**: rgb(18, 43, 42) (darkest) + - `--spectrum-seafoam-200` + - **value**: rgb(19, 57, 55) (darkest) + - `--spectrum-seafoam-300` + - **value**: rgb(16, 73, 70) (darkest) + - `--spectrum-seafoam-400` + - **value**: rgb(3, 91, 88) (darkest) + - `--spectrum-seafoam-500` + - **value**: rgb(0, 108, 104) (darkest) + - `--spectrum-seafoam-600` + - **value**: rgb(0, 127, 121) (darkest) + - `--spectrum-seafoam-700` + - **value**: rgb(0, 146, 140) (darkest) + - `--spectrum-seafoam-800` + - **value**: rgb(0, 165, 159) (darkest) + - `--spectrum-seafoam-900` + - **value**: rgb(26, 185, 178) (darkest) + - `--spectrum-seafoam-1000` + - **value**: rgb(66, 202, 195) (darkest) + - `--spectrum-seafoam-1100` + - **value**: rgb(102, 218, 211) (darkest) + - `--spectrum-seafoam-1200` + - **value**: rgb(139, 232, 225) (darkest) + - `--spectrum-seafoam-1300` + - **value**: rgb(179, 242, 237) (darkest) + - `--spectrum-seafoam-1400` + - **value**: rgb(215, 248, 244) (darkest) + - `--spectrum-cyan-100` + - **value**: rgb(0, 41, 68) (darkest) + - `--spectrum-cyan-200` + - **value**: rgb(0, 54, 88) (darkest) + - `--spectrum-cyan-300` + - **value**: rgb(0, 69, 108) (darkest) + - `--spectrum-cyan-400` + - **value**: rgb(0, 86, 128) (darkest) + - `--spectrum-cyan-500` + - **value**: rgb(0, 103, 147) (darkest) + - `--spectrum-cyan-600` + - **value**: rgb(0, 121, 167) (darkest) + - `--spectrum-cyan-700` + - **value**: rgb(0, 140, 186) (darkest) + - `--spectrum-cyan-800` + - **value**: rgb(4, 160, 205) (darkest) + - `--spectrum-cyan-900` + - **value**: rgb(23, 180, 221) (darkest) + - `--spectrum-cyan-1000` + - **value**: rgb(57, 199, 234) (darkest) + - `--spectrum-cyan-1100` + - **value**: rgb(96, 216, 243) (darkest) + - `--spectrum-cyan-1200` + - **value**: rgb(134, 230, 250) (darkest) + - `--spectrum-cyan-1300` + - **value**: rgb(170, 242, 255) (darkest) + - `--spectrum-cyan-1400` + - **value**: rgb(206, 249, 255) (darkest) + - `--spectrum-indigo-100` + - **value**: rgb(26, 29, 97) (darkest) + - `--spectrum-indigo-200` + - **value**: rgb(35, 39, 125) (darkest) + - `--spectrum-indigo-300` + - **value**: rgb(46, 50, 158) (darkest) + - `--spectrum-indigo-400` + - **value**: rgb(58, 63, 189) (darkest) + - `--spectrum-indigo-500` + - **value**: rgb(73, 78, 216) (darkest) + - `--spectrum-indigo-600` + - **value**: rgb(90, 96, 235) (darkest) + - `--spectrum-indigo-700` + - **value**: rgb(110, 115, 246) (darkest) + - `--spectrum-indigo-800` + - **value**: rgb(132, 136, 253) (darkest) + - `--spectrum-indigo-900` + - **value**: rgb(153, 157, 255) (darkest) + - `--spectrum-indigo-1000` + - **value**: rgb(174, 177, 255) (darkest) + - `--spectrum-indigo-1100` + - **value**: rgb(194, 196, 255) (darkest) + - `--spectrum-indigo-1200` + - **value**: rgb(212, 213, 255) (darkest) + - `--spectrum-indigo-1300` + - **value**: rgb(227, 228, 255) (darkest) + - `--spectrum-indigo-1400` + - **value**: rgb(240, 240, 255) (darkest) + - `--spectrum-purple-100` + - **value**: rgb(50, 16, 104) (darkest) + - `--spectrum-purple-200` + - **value**: rgb(67, 13, 140) (darkest) + - `--spectrum-purple-300` + - **value**: rgb(86, 16, 173) (darkest) + - `--spectrum-purple-400` + - **value**: rgb(106, 29, 200) (darkest) + - `--spectrum-purple-500` + - **value**: rgb(126, 49, 222) (darkest) + - `--spectrum-purple-600` + - **value**: rgb(145, 70, 236) (darkest) + - `--spectrum-purple-700` + - **value**: rgb(162, 94, 246) (darkest) + - `--spectrum-purple-800` + - **value**: rgb(178, 119, 250) (darkest) + - `--spectrum-purple-900` + - **value**: rgb(192, 143, 252) (darkest) + - `--spectrum-purple-1000` + - **value**: rgb(206, 166, 253) (darkest) + - `--spectrum-purple-1100` + - **value**: rgb(219, 188, 254) (darkest) + - `--spectrum-purple-1200` + - **value**: rgb(230, 207, 255) (darkest) + - `--spectrum-purple-1300` + - **value**: rgb(240, 224, 255) (darkest) + - `--spectrum-purple-1400` + - **value**: rgb(248, 237, 255) (darkest) + - `--spectrum-fuchsia-100` + - **value**: rgb(70, 14, 68) (darkest) + - `--spectrum-fuchsia-200` + - **value**: rgb(93, 9, 92) (darkest) + - `--spectrum-fuchsia-300` + - **value**: rgb(120, 0, 120) (darkest) + - `--spectrum-fuchsia-400` + - **value**: rgb(146, 0, 147) (darkest) + - `--spectrum-fuchsia-500` + - **value**: rgb(169, 19, 170) (darkest) + - `--spectrum-fuchsia-600` + - **value**: rgb(191, 43, 191) (darkest) + - `--spectrum-fuchsia-700` + - **value**: rgb(211, 65, 213) (darkest) + - `--spectrum-fuchsia-800` + - **value**: rgb(228, 91, 229) (darkest) + - `--spectrum-fuchsia-900` + - **value**: rgb(239, 120, 238) (darkest) + - `--spectrum-fuchsia-1000` + - **value**: rgb(246, 149, 243) (darkest) + - `--spectrum-fuchsia-1100` + - **value**: rgb(251, 175, 246) (darkest) + - `--spectrum-fuchsia-1200` + - **value**: rgb(254, 199, 248) (darkest) + - `--spectrum-fuchsia-1300` + - **value**: rgb(255, 220, 250) (darkest) + - `--spectrum-fuchsia-1400` + - **value**: rgb(255, 235, 252) (darkest) + - `--spectrum-magenta-100` + - **value**: rgb(83, 3, 41) (darkest) + - `--spectrum-magenta-200` + - **value**: rgb(106, 0, 52) (darkest) + - `--spectrum-magenta-300` + - **value**: rgb(133, 0, 65) (darkest) + - `--spectrum-magenta-400` + - **value**: rgb(161, 0, 78) (darkest) + - `--spectrum-magenta-500` + - **value**: rgb(186, 22, 93) (darkest) + - `--spectrum-magenta-600` + - **value**: rgb(209, 43, 114) (darkest) + - `--spectrum-magenta-700` + - **value**: rgb(227, 69, 137) (darkest) + - `--spectrum-magenta-800` + - **value**: rgb(241, 97, 156) (darkest) + - `--spectrum-magenta-900` + - **value**: rgb(252, 124, 173) (darkest) + - `--spectrum-magenta-1000` + - **value**: rgb(255, 152, 191) (darkest) + - `--spectrum-magenta-1100` + - **value**: rgb(255, 179, 207) (darkest) + - `--spectrum-magenta-1200` + - **value**: rgb(255, 202, 221) (darkest) + - `--spectrum-magenta-1300` + - **value**: rgb(255, 221, 233) (darkest) + - `--spectrum-magenta-1400` + - **value**: rgb(255, 236, 243) (darkest) + - `--spectrum-opacity-checkerboard-square-dark` + - **value**: `--spectrum-gray-800` (darkest) + - `--spectrum-overlay-opacity` + - **value**: 0.6 (darkest) + - `--spectrum-drop-shadow-color` + - **value**: rgba(0, 0, 0, 0.15) (light) + - **value**: rgba(0, 0, 0, 0.5) (dark) + - **value**: rgba(0, 0, 0, 0.8) (darkest) + - `--spectrum-background-base-color` + - **value**: `--spectrum-gray-200` (light) + - **value**: `--spectrum-gray-50` (dark) + - **value**: `--spectrum-gray-50` (darkest) + - `--spectrum-background-layer-1-color` + - **value**: `--spectrum-gray-100` (light) + - **value**: `--spectrum-gray-75` (dark) + - **value**: `--spectrum-gray-75` (darkest) + - `--spectrum-background-layer-2-color` + - **value**: `--spectrum-gray-100` (darkest) + - `--spectrum-neutral-background-color-default` + - **value**: `--spectrum-gray-800` (light) + - **value**: `--spectrum-gray-400` (dark) + - **value**: `--spectrum-gray-400` (darkest) + - `--spectrum-neutral-background-color-hover` + - **value**: `--spectrum-gray-900` (light) + - **value**: `--spectrum-gray-300` (dark) + - **value**: `--spectrum-gray-300` (darkest) + - `--spectrum-neutral-background-color-down` + - **value**: `--spectrum-gray-900` (light) + - **value**: `--spectrum-gray-200` (dark) + - **value**: `--spectrum-gray-200` (darkest) + - `--spectrum-neutral-background-color-key-focus` + - **value**: `--spectrum-gray-900` (light) + - **value**: `--spectrum-gray-300` (dark) + - **value**: `--spectrum-gray-300` (darkest) + - `--spectrum-neutral-background-color-selected-default` + - **value**: `--spectrum-gray-700` (spectrum) + - **value**: `--spectrum-gray-800` (express) **deprecated** + - `--spectrum-neutral-background-color-selected-hover` + - **value**: `--spectrum-gray-800` (spectrum) + - **value**: `--spectrum-gray-900` (express) **deprecated** + - `--spectrum-neutral-background-color-selected-down` + - **value**: `--spectrum-gray-900` (spectrum) + - **value**: `--spectrum-gray-900` (express) **deprecated** + - `--spectrum-neutral-background-color-selected-key-focus` + - **value**: `--spectrum-gray-800` (spectrum) + - **value**: `--spectrum-gray-900` (express) **deprecated** + - `--spectrum-neutral-subdued-background-color-default` + - **value**: `--spectrum-gray-400` (darkest) + - `--spectrum-neutral-subdued-background-color-hover` + - **value**: `--spectrum-gray-300` (darkest) + - `--spectrum-neutral-subdued-background-color-down` + - **value**: `--spectrum-gray-200` (darkest) + - `--spectrum-neutral-subdued-background-color-key-focus` + - **value**: `--spectrum-gray-300` (darkest) + - `--spectrum-accent-background-color-default` + - **value**: `--spectrum-accent-color-600` (darkest) + - `--spectrum-accent-background-color-hover` + - **value**: `--spectrum-accent-color-500` (darkest) + - `--spectrum-accent-background-color-down` + - **value**: `--spectrum-accent-color-400` (darkest) + - `--spectrum-accent-background-color-key-focus` + - **value**: `--spectrum-accent-color-500` (darkest) + - `--spectrum-informative-background-color-default` + - **value**: `--spectrum-informative-color-600` (darkest) + - `--spectrum-informative-background-color-hover` + - **value**: `--spectrum-informative-color-500` (darkest) + - `--spectrum-informative-background-color-down` + - **value**: `--spectrum-informative-color-400` (darkest) + - `--spectrum-informative-background-color-key-focus` + - **value**: `--spectrum-informative-color-500` (darkest) + - `--spectrum-negative-background-color-default` + - **value**: `--spectrum-negative-color-600` (darkest) + - `--spectrum-negative-background-color-hover` + - **value**: `--spectrum-negative-color-500` (darkest) + - `--spectrum-negative-background-color-down` + - **value**: `--spectrum-negative-color-400` (darkest) + - `--spectrum-negative-background-color-key-focus` + - **value**: `--spectrum-negative-color-500` (darkest) + - `--spectrum-positive-background-color-default` + - **value**: `--spectrum-positive-color-600` (darkest) + - `--spectrum-positive-background-color-hover` + - **value**: `--spectrum-positive-color-500` (darkest) + - `--spectrum-positive-background-color-down` + - **value**: `--spectrum-positive-color-400` (darkest) + - `--spectrum-positive-background-color-key-focus` + - **value**: `--spectrum-positive-color-500` (darkest) + - `--spectrum-notice-background-color-default` + - **value**: `--spectrum-notice-color-800` (darkest) + - `--spectrum-gray-background-color-default` + - **value**: `--spectrum-gray-700` (darkest) + - `--spectrum-red-background-color-default` + - **value**: `--spectrum-red-700` (darkest) + - `--spectrum-orange-background-color-default` + - **value**: `--spectrum-orange-800` (darkest) + - `--spectrum-yellow-background-color-default` + - **value**: `--spectrum-yellow-1000` (darkest) + - `--spectrum-chartreuse-background-color-default` + - **value**: `--spectrum-chartreuse-900` (darkest) + - `--spectrum-celery-background-color-default` + - **value**: `--spectrum-celery-800` (darkest) + - `--spectrum-green-background-color-default` + - **value**: `--spectrum-green-700` (darkest) + - `--spectrum-seafoam-background-color-default` + - **value**: `--spectrum-seafoam-700` (darkest) + - `--spectrum-cyan-background-color-default` + - **value**: `--spectrum-cyan-700` (darkest) + - `--spectrum-blue-background-color-default` + - **value**: `--spectrum-blue-700` (darkest) + - `--spectrum-indigo-background-color-default` + - **value**: `--spectrum-indigo-700` (darkest) + - `--spectrum-purple-background-color-default` + - **value**: `--spectrum-purple-700` (darkest) + - `--spectrum-fuchsia-background-color-default` + - **value**: `--spectrum-fuchsia-700` (darkest) + - `--spectrum-magenta-background-color-default` + - **value**: `--spectrum-magenta-700` (darkest) + - `--spectrum-neutral-visual-color` + - **value**: `--spectrum-gray-600` (darkest) + - `--spectrum-accent-visual-color` + - **value**: `--spectrum-accent-color-900` (darkest) + - `--spectrum-informative-visual-color` + - **value**: `--spectrum-informative-color-900` (darkest) + - `--spectrum-negative-visual-color` + - **value**: `--spectrum-negative-color-700` (darkest) + - `--spectrum-notice-visual-color` + - **value**: `--spectrum-notice-color-900` (darkest) + - `--spectrum-positive-visual-color` + - **value**: `--spectrum-positive-color-800` (darkest) + - `--spectrum-gray-visual-color` + - **value**: `--spectrum-gray-600` (darkest) + - `--spectrum-red-visual-color` + - **value**: `--spectrum-red-700` (darkest) + - `--spectrum-orange-visual-color` + - **value**: `--spectrum-orange-900` (darkest) + - `--spectrum-yellow-visual-color` + - **value**: `--spectrum-yellow-1100` (darkest) + - `--spectrum-chartreuse-visual-color` + - **value**: `--spectrum-chartreuse-900` (darkest) + - `--spectrum-celery-visual-color` + - **value**: `--spectrum-celery-800` (darkest) + - `--spectrum-green-visual-color` + - **value**: `--spectrum-green-800` (darkest) + - `--spectrum-seafoam-visual-color` + - **value**: `--spectrum-seafoam-800` (darkest) + - `--spectrum-cyan-visual-color` + - **value**: `--spectrum-cyan-900` (darkest) + - `--spectrum-blue-visual-color` + - **value**: `--spectrum-blue-900` (darkest) + - `--spectrum-indigo-visual-color` + - **value**: `--spectrum-indigo-900` (darkest) + - `--spectrum-purple-visual-color` + - **value**: `--spectrum-purple-900` (darkest) + - `--spectrum-fuchsia-visual-color` + - **value**: `--spectrum-fuchsia-900` (darkest) + - `--spectrum-magenta-visual-color` + - **value**: `--spectrum-magenta-900` (darkest) + + #### Updated Properties (416) + + - `--spectrum-heading-sans-serif-font-weight` + - `--spectrum-heading-serif-font-weight` + - `--spectrum-heading-cjk-font-weight` + - `--spectrum-heading-sans-serif-emphasized-font-weight` + - `--spectrum-heading-serif-emphasized-font-weight` + - `--spectrum-accent-color-100` + - `--spectrum-accent-color-200` + - `--spectrum-accent-color-300` + - `--spectrum-accent-color-400` + - `--spectrum-accent-color-500` + - `--spectrum-accent-color-600` + - `--spectrum-accent-color-700` + - `--spectrum-accent-color-800` + - `--spectrum-accent-color-900` + - `--spectrum-accent-color-1000` + - `--spectrum-accent-color-1100` + - `--spectrum-accent-color-1200` + - `--spectrum-accent-color-1300` + - `--spectrum-accent-color-1400` + - `--spectrum-corner-radius-75` + - `--spectrum-corner-radius-100` + - `--spectrum-corner-radius-200` + - `--spectrum-drop-shadow-x` + - `--spectrum-drop-shadow-y` + - `--spectrum-drop-shadow-blur` + - `--spectrum-text-to-visual-50` + - **value**: 6px -> 5px (desktop) + - **value**: 8px -> 7px (mobile) + - `--spectrum-text-to-visual-75` + - **value**: 7px -> 5px (desktop) + - **value**: 9px -> 7px (mobile) + - `--spectrum-text-to-visual-100` + - **value**: 8px -> 6px (desktop) + - **value**: 10px -> 8px (mobile) + - `--spectrum-text-to-visual-200` + - **value**: 9px -> 7px (desktop) + - **value**: 11px -> 9px (mobile) + - `--spectrum-text-to-visual-300` + - **value**: 10px -> 8px (desktop) + - **value**: 13px -> 10px (mobile) + - `--spectrum-border-width-100` + - `--spectrum-component-pill-edge-to-visual-75` + - **value**: 10px -> 11px (desktop) + - **value**: 13px -> 15px (mobile) + - `--spectrum-component-pill-edge-to-visual-200` + - **value**: 22px -> 21px (mobile) + - `--spectrum-component-pill-edge-to-visual-300` + - **value**: 21px -> 20px (desktop) + - **value**: 27px -> 28px (mobile) + - `--spectrum-component-pill-edge-to-visual-only-75` + - **value**: 5px -> 6px (mobile) + - `--spectrum-component-pill-edge-to-visual-only-100` + - **value**: 7px -> 6px (desktop) + - **value**: 9px -> 8px (mobile) + - `--spectrum-component-pill-edge-to-visual-only-200` + - **value**: 10px -> 9px (desktop) + - **value**: 13px -> 11px (mobile) + - `--spectrum-component-pill-edge-to-visual-only-300` + - **value**: 13px -> 11px (desktop) + - **value**: 16px -> 15px (mobile) + - `--spectrum-component-pill-edge-to-text-75` + - **value**: 12px -> 13px (desktop) + - **value**: 15px -> 17px (mobile) + - `--spectrum-component-pill-edge-to-text-200` + - **value**: 25px -> 24px (mobile) + - `--spectrum-component-pill-edge-to-text-300` + - **value**: 24px -> 23px (desktop) + - `--spectrum-component-edge-to-visual-50` + - **value**: 6px -> 7px (desktop) + - **value**: 7px -> 9px (mobile) + - `--spectrum-component-edge-to-visual-75` + - **value**: 7px -> 8px (desktop) + - **value**: 9px -> 11px (mobile) + - `--spectrum-component-edge-to-visual-200` + - **value**: 16px -> 15px (mobile) + - `--spectrum-component-edge-to-visual-300` + - **value**: 15px -> 14px (desktop) + - **value**: 19px -> 20px (mobile) + - `--spectrum-component-edge-to-visual-only-50` + - **value**: 4px -> 5px (mobile) + - `--spectrum-component-edge-to-visual-only-75` + - **value**: 5px -> 6px (mobile) + - `--spectrum-component-edge-to-visual-only-100` + - **value**: 7px -> 6px (desktop) + - **value**: 9px -> 8px (mobile) + - `--spectrum-component-edge-to-visual-only-200` + - **value**: 10px -> 9px (desktop) + - **value**: 13px -> 11px (mobile) + - `--spectrum-component-edge-to-visual-only-300` + - **value**: 13px -> 11px (desktop) + - **value**: 16px -> 15px (mobile) + - `--spectrum-component-edge-to-text-50` + - **value**: 10px -> 11px (mobile) + - `--spectrum-component-edge-to-text-75` + - **value**: 9px -> 10px (desktop) + - **value**: 11px -> 13px (mobile) + - `--spectrum-component-edge-to-text-200` + - **value**: 19px -> 18px (mobile) + - `--spectrum-component-edge-to-text-300` + - **value**: 18px -> 17px (desktop) + - `--spectrum-component-top-to-workflow-icon-50` + - **value**: 4px -> 5px (mobile) + - `--spectrum-component-top-to-workflow-icon-75` + - **value**: 5px -> 6px (mobile) + - `--spectrum-component-top-to-workflow-icon-100` + - **value**: 7px -> 6px (desktop) + - **value**: 9px -> 8px (mobile) + - `--spectrum-component-top-to-workflow-icon-200` + - **value**: 10px -> 9px (desktop) + - **value**: 13px -> 11px (mobile) + - `--spectrum-component-top-to-workflow-icon-300` + - **value**: 13px -> 11px (desktop) + - **value**: 16px -> 15px (mobile) + - `--spectrum-checkbox-control-size-small` + - `--spectrum-checkbox-control-size-medium` + - `--spectrum-checkbox-control-size-large` + - `--spectrum-checkbox-control-size-extra-large` + - `--spectrum-checkbox-top-to-control-small` + - `--spectrum-checkbox-top-to-control-medium` + - `--spectrum-checkbox-top-to-control-large` + - `--spectrum-checkbox-top-to-control-extra-large` + - `--spectrum-switch-control-width-small` + - `--spectrum-switch-control-width-medium` + - `--spectrum-switch-control-width-large` + - `--spectrum-switch-control-width-extra-large` + - `--spectrum-switch-control-height-small` + - `--spectrum-switch-control-height-medium` + - `--spectrum-switch-control-height-large` + - `--spectrum-switch-control-height-extra-large` + - `--spectrum-switch-top-to-control-small` + - `--spectrum-switch-top-to-control-medium` + - `--spectrum-switch-top-to-control-large` + - `--spectrum-switch-top-to-control-extra-large` + - `--spectrum-radio-button-control-size-small` + - `--spectrum-radio-button-control-size-medium` + - `--spectrum-radio-button-control-size-large` + - `--spectrum-radio-button-control-size-extra-large` + - `--spectrum-radio-button-top-to-control-small` + - `--spectrum-radio-button-top-to-control-medium` + - `--spectrum-radio-button-top-to-control-large` + - `--spectrum-radio-button-top-to-control-extra-large` + - `--spectrum-slider-track-thickness` + - `--spectrum-slider-control-height-small` + - `--spectrum-slider-control-height-medium` + - `--spectrum-slider-control-height-large` + - `--spectrum-slider-control-height-extra-large` + - `--spectrum-slider-handle-size-small` + - `--spectrum-slider-handle-size-medium` + - `--spectrum-slider-handle-size-large` + - `--spectrum-slider-handle-size-extra-large` + - `--spectrum-slider-handle-border-width-down-small` + - `--spectrum-slider-handle-border-width-down-medium` + - `--spectrum-slider-handle-border-width-down-large` + - `--spectrum-slider-handle-border-width-down-extra-large` + - `--spectrum-slider-handle-gap` + - `--spectrum-slider-bottom-to-handle-small` + - `--spectrum-slider-bottom-to-handle-medium` + - `--spectrum-slider-bottom-to-handle-large` + - `--spectrum-slider-bottom-to-handle-extra-large` + - `--spectrum-picker-border-width` + - `--spectrum-color-area-border-rounding` + - **value**: `--spectrum-corner-radius-100` -> `--spectrum-corner-radius-medium-size-small` + - `--spectrum-color-slider-border-rounding` + - **value**: 4px -> `--spectrum-corner-radius-medium-size-small` + - `--spectrum-in-field-button-fill-stacked-inner-border-rounding` + - `--spectrum-in-field-button-edge-to-fill` + - `--spectrum-in-field-button-stacked-inner-edge-to-fill` + - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium` + - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large` + - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large` + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small` + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium` + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large` + - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large` + - `--spectrum-icon-color-blue-primary-default` + - `--spectrum-icon-color-green-primary-default` + - `--spectrum-icon-color-red-primary-default` + - `--spectrum-icon-color-yellow-primary-default` + - `--spectrum-workflow-icon-size-50` + - **value**: 18px -> 16px (mobile) + - `--spectrum-workflow-icon-size-75` + - **value**: 20px -> 18px (mobile) + - `--spectrum-workflow-icon-size-100` + - **value**: 18px -> 20px (desktop) + - **value**: 22px -> 24px (mobile) + - `--spectrum-workflow-icon-size-200` + - **value**: 20px -> 22px (desktop) + - **value**: 24px -> 28px (mobile) + - `--spectrum-workflow-icon-size-300` + - **value**: 22px -> 26px (desktop) + - **value**: 28px -> 30px (mobile) + - `--spectrum-white` + - `--spectrum-transparent-white-100` + - `--spectrum-transparent-white-200` + - `--spectrum-transparent-white-300` + - `--spectrum-transparent-white-400` + - `--spectrum-transparent-white-500` + - `--spectrum-transparent-white-600` + - `--spectrum-transparent-white-700` + - `--spectrum-transparent-white-800` + - `--spectrum-transparent-white-900` + - `--spectrum-transparent-black-100` + - `--spectrum-transparent-black-200` + - `--spectrum-transparent-black-300` + - `--spectrum-transparent-black-400` + - `--spectrum-transparent-black-500` + - `--spectrum-transparent-black-600` + - `--spectrum-transparent-black-700` + - `--spectrum-transparent-black-800` + - `--spectrum-transparent-black-900` + - `--spectrum-gray-50` + - **value**: rgb(255, 255, 255) -> rgb(248, 248, 248) (light) + - **value**: rgb(29, 29, 29) -> rgb(27, 27, 27) (dark) + - `--spectrum-gray-75` + - **value**: rgb(253, 253, 253) -> rgb(243, 243, 243) (light) + - **value**: rgb(38, 38, 38) -> rgb(34, 34, 34) (dark) + - `--spectrum-gray-100` + - **value**: rgb(248, 248, 248) -> rgb(233, 233, 233) (light) + - **value**: rgb(50, 50, 50) -> rgb(44, 44, 44) (dark) + - `--spectrum-gray-200` + - **value**: rgb(230, 230, 230) -> rgb(225, 225, 225) (light) + - **value**: rgb(63, 63, 63) -> rgb(50, 50, 50) (dark) + - `--spectrum-gray-300` + - **value**: rgb(213, 213, 213) -> rgb(218, 218, 218) (light) + - **value**: rgb(84, 84, 84) -> rgb(57, 57, 57) (dark) + - `--spectrum-gray-400` + - **value**: rgb(177, 177, 177) -> rgb(198, 198, 198) (light) + - **value**: rgb(112, 112, 112) -> rgb(68, 68, 68) (dark) + - `--spectrum-gray-500` + - **value**: rgb(144, 144, 144) -> rgb(143, 143, 143) (light) + - **value**: rgb(144, 144, 144) -> rgb(109, 109, 109) (dark) + - `--spectrum-gray-600` + - **value**: rgb(109, 109, 109) -> rgb(113, 113, 113) (light) + - **value**: rgb(178, 178, 178) -> rgb(138, 138, 138) (dark) + - `--spectrum-gray-700` + - **value**: rgb(70, 70, 70) -> rgb(80, 80, 80) (light) + - **value**: rgb(209, 209, 209) -> rgb(175, 175, 175) (dark) + - `--spectrum-gray-800` + - **value**: rgb(34, 34, 34) -> rgb(41, 41, 41) (light) + - **value**: rgb(235, 235, 235) -> rgb(219, 219, 219) (dark) + - `--spectrum-gray-900` + - **value**: rgb(0, 0, 0) -> rgb(19, 19, 19) (light) + - **value**: rgb(255, 255, 255) -> rgb(242, 242, 242) (dark) + - `--spectrum-blue-100` + - **value**: rgb(224, 242, 255) -> rgb(245, 249, 255) (light) + - **value**: rgb(0, 56, 119) -> rgb(14, 23, 63) (dark) + - `--spectrum-blue-200` + - **value**: rgb(202, 232, 255) -> rgb(229, 240, 254) (light) + - **value**: rgb(0, 65, 138) -> rgb(15, 28, 82) (dark) + - `--spectrum-blue-300` + - **value**: rgb(181, 222, 255) -> rgb(203, 226, 254) (light) + - **value**: rgb(0, 77, 163) -> rgb(12, 33, 117) (dark) + - `--spectrum-blue-400` + - **value**: rgb(150, 206, 253) -> rgb(172, 207, 253) (light) + - **value**: rgb(0, 89, 194) -> rgb(18, 45, 154) (dark) + - `--spectrum-blue-500` + - **value**: rgb(120, 187, 250) -> rgb(142, 185, 252) (light) + - **value**: rgb(3, 103, 224) -> rgb(26, 58, 195) (dark) + - `--spectrum-blue-600` + - **value**: rgb(89, 167, 246) -> rgb(114, 158, 253) (light) + - **value**: rgb(19, 121, 243) -> rgb(37, 73, 229) (dark) + - `--spectrum-blue-700` + - **value**: rgb(56, 146, 243) -> rgb(93, 137, 255) (light) + - **value**: rgb(52, 143, 244) -> rgb(52, 91, 248) (dark) + - `--spectrum-blue-800` + - **value**: rgb(20, 122, 243) -> rgb(75, 117, 255) (light) + - **value**: rgb(84, 163, 246) -> rgb(64, 105, 253) (dark) + - `--spectrum-blue-900` + - **value**: rgb(2, 101, 220) -> rgb(59, 99, 251) (light) + - **value**: rgb(114, 183, 249) -> rgb(86, 129, 255) (dark) + - `--spectrum-blue-1000` + - **value**: rgb(0, 84, 182) -> rgb(39, 77, 234) (light) + - **value**: rgb(143, 202, 252) -> rgb(105, 149, 254) (dark) + - `--spectrum-blue-1100` + - **value**: rgb(0, 68, 145) -> rgb(29, 62, 207) (light) + - **value**: rgb(174, 219, 254) -> rgb(124, 169, 252) (dark) + - `--spectrum-blue-1200` + - **value**: rgb(0, 53, 113) -> rgb(21, 50, 173) (light) + - **value**: rgb(204, 233, 255) -> rgb(152, 192, 252) (dark) + - `--spectrum-blue-1300` + - **value**: rgb(0, 39, 84) -> rgb(16, 40, 140) (light) + - **value**: rgb(232, 246, 255) -> rgb(181, 213, 253) (dark) + - `--spectrum-blue-1400` + - **value**: rgb(0, 28, 60) -> rgb(12, 31, 105) (light) + - **value**: rgb(255, 255, 255) -> rgb(213, 231, 254) (dark) + - `--spectrum-red-100` + - **value**: rgb(255, 235, 231) -> rgb(255, 246, 245) (light) + - **value**: rgb(123, 0, 0) -> rgb(54, 10, 3) (dark) + - `--spectrum-red-200` + - **value**: rgb(255, 221, 214) -> rgb(255, 235, 232) (light) + - **value**: rgb(141, 0, 0) -> rgb(68, 13, 5) (dark) + - `--spectrum-red-300` + - **value**: rgb(255, 205, 195) -> rgb(255, 214, 209) (light) + - **value**: rgb(165, 0, 0) -> rgb(87, 17, 7) (dark) + - `--spectrum-red-400` + - **value**: rgb(255, 183, 169) -> rgb(255, 188, 180) (light) + - **value**: rgb(190, 4, 3) -> rgb(115, 24, 11) (dark) + - `--spectrum-red-500` + - **value**: rgb(255, 155, 136) -> rgb(255, 157, 145) (light) + - **value**: rgb(215, 25, 19) -> rgb(147, 31, 17) (dark) + - `--spectrum-red-600` + - **value**: rgb(255, 124, 101) -> rgb(255, 118, 101) (light) + - **value**: rgb(234, 56, 41) -> rgb(177, 38, 23) (dark) + - `--spectrum-red-700` + - **value**: rgb(247, 92, 70) -> rgb(255, 81, 61) (light) + - **value**: rgb(246, 88, 67) -> rgb(205, 46, 29) (dark) + - `--spectrum-red-800` + - **value**: rgb(234, 56, 41) -> rgb(240, 56, 35) (light) + - **value**: rgb(255, 117, 94) -> rgb(223, 52, 34) (dark) + - `--spectrum-red-900` + - **value**: rgb(211, 21, 16) -> rgb(215, 50, 32) (light) + - **value**: rgb(255, 149, 129) -> rgb(252, 67, 46) (dark) + - `--spectrum-red-1000` + - **value**: rgb(180, 0, 0) -> rgb(183, 40, 24) (light) + - **value**: rgb(255, 176, 161) -> rgb(255, 103, 86) (dark) + - `--spectrum-red-1100` + - **value**: rgb(147, 0, 0) -> rgb(156, 33, 19) (light) + - **value**: rgb(255, 201, 189) -> rgb(255, 134, 120) (dark) + - `--spectrum-red-1200` + - **value**: rgb(116, 0, 0) -> rgb(129, 27, 14) (light) + - **value**: rgb(255, 222, 216) -> rgb(255, 167, 157) (dark) + - `--spectrum-red-1300` + - **value**: rgb(89, 0, 0) -> rgb(104, 21, 10) (light) + - **value**: rgb(255, 241, 238) -> rgb(255, 196, 189) (dark) + - `--spectrum-red-1400` + - **value**: rgb(67, 0, 0) -> rgb(80, 16, 6) (light) + - **value**: rgb(255, 255, 255) -> rgb(255, 222, 219) (dark) + - `--spectrum-orange-100` + - **value**: rgb(255, 236, 204) -> rgb(255, 246, 231) (light) + - **value**: rgb(102, 37, 0) -> rgb(49, 16, 0) (dark) + - `--spectrum-orange-200` + - **value**: rgb(255, 223, 173) -> rgb(255, 236, 207) (light) + - **value**: rgb(117, 45, 0) -> rgb(61, 21, 0) (dark) + - `--spectrum-orange-300` + - **value**: rgb(253, 210, 145) -> rgb(255, 218, 158) (light) + - **value**: rgb(137, 55, 0) -> rgb(80, 27, 0) (dark) + - `--spectrum-orange-400` + - **value**: rgb(255, 187, 99) -> rgb(255, 193, 94) (light) + - **value**: rgb(158, 66, 0) -> rgb(106, 36, 0) (dark) + - `--spectrum-orange-500` + - **value**: rgb(255, 160, 55) -> rgb(255, 162, 19) (light) + - **value**: rgb(180, 78, 0) -> rgb(135, 47, 0) (dark) + - `--spectrum-orange-600` + - **value**: rgb(246, 133, 17) -> rgb(252, 125, 0) (light) + - **value**: rgb(202, 93, 0) -> rgb(162, 59, 0) (dark) + - `--spectrum-orange-700` + - **value**: rgb(228, 111, 0) -> rgb(232, 106, 0) (light) + - **value**: rgb(225, 109, 0) -> rgb(185, 73, 0) (dark) + - `--spectrum-orange-800` + - **value**: rgb(203, 93, 0) -> rgb(212, 91, 0) (light) + - **value**: rgb(244, 129, 12) -> rgb(199, 82, 0) (dark) + - `--spectrum-orange-900` + - **value**: rgb(177, 76, 0) -> rgb(194, 78, 0) (light) + - **value**: rgb(254, 154, 46) -> rgb(224, 100, 0) (dark) + - `--spectrum-orange-1000` + - **value**: rgb(149, 61, 0) -> rgb(167, 62, 0) (light) + - **value**: rgb(255, 181, 88) -> rgb(243, 117, 0) (dark) + - `--spectrum-orange-1100` + - **value**: rgb(122, 47, 0) -> rgb(144, 51, 0) (light) + - **value**: rgb(253, 206, 136) -> rgb(255, 137, 0) (dark) + - `--spectrum-orange-1200` + - **value**: rgb(97, 35, 0) -> rgb(118, 41, 0) (light) + - **value**: rgb(255, 225, 179) -> rgb(255, 173, 45) (dark) + - `--spectrum-orange-1300` + - **value**: rgb(73, 25, 1) -> rgb(95, 32, 0) (light) + - **value**: rgb(255, 242, 221) -> rgb(255, 201, 116) (dark) + - `--spectrum-orange-1400` + - **value**: rgb(53, 18, 1) -> rgb(73, 24, 0) (light) + - **value**: rgb(255, 253, 249) -> rgb(255, 225, 178) (dark) + - `--spectrum-yellow-100` + - **value**: rgb(251, 241, 152) -> rgb(255, 248, 204) (light) + - **value**: rgb(76, 54, 0) -> rgb(37, 23, 0) (dark) + - `--spectrum-yellow-200` + - **value**: rgb(248, 231, 80) -> rgb(255, 241, 151) (light) + - **value**: rgb(88, 64, 0) -> rgb(47, 29, 0) (dark) + - `--spectrum-yellow-300` + - **value**: rgb(248, 217, 4) -> rgb(255, 222, 44) (light) + - **value**: rgb(103, 76, 0) -> rgb(61, 39, 0) (dark) + - `--spectrum-yellow-400` + - **value**: rgb(232, 198, 0) -> rgb(245, 199, 0) (light) + - **value**: rgb(119, 89, 0) -> rgb(83, 52, 0) (dark) + - `--spectrum-yellow-500` + - **value**: rgb(215, 179, 0) -> rgb(230, 175, 0) (light) + - **value**: rgb(136, 104, 0) -> rgb(107, 67, 0) (dark) + - `--spectrum-yellow-600` + - **value**: rgb(196, 159, 0) -> rgb(210, 149, 0) (light) + - **value**: rgb(155, 120, 0) -> rgb(130, 82, 0) (dark) + - `--spectrum-yellow-700` + - **value**: rgb(176, 140, 0) -> rgb(193, 131, 0) (light) + - **value**: rgb(174, 137, 0) -> rgb(151, 97, 0) (dark) + - `--spectrum-yellow-800` + - **value**: rgb(155, 120, 0) -> rgb(175, 116, 0) (light) + - **value**: rgb(192, 156, 0) -> rgb(164, 106, 0) (dark) + - `--spectrum-yellow-900` + - **value**: rgb(133, 102, 0) -> rgb(158, 102, 0) (light) + - **value**: rgb(211, 174, 0) -> rgb(186, 124, 0) (dark) + - `--spectrum-yellow-1000` + - **value**: rgb(112, 83, 0) -> rgb(134, 85, 0) (light) + - **value**: rgb(228, 194, 0) -> rgb(203, 141, 0) (dark) + - `--spectrum-yellow-1100` + - **value**: rgb(91, 67, 0) -> rgb(114, 72, 0) (light) + - **value**: rgb(244, 213, 0) -> rgb(218, 159, 0) (dark) + - `--spectrum-yellow-1200` + - **value**: rgb(72, 51, 0) -> rgb(93, 59, 0) (light) + - **value**: rgb(249, 232, 92) -> rgb(235, 183, 0) (dark) + - `--spectrum-yellow-1300` + - **value**: rgb(54, 37, 0) -> rgb(75, 47, 0) (light) + - **value**: rgb(252, 246, 187) -> rgb(249, 206, 0) (dark) + - `--spectrum-yellow-1400` + - **value**: rgb(40, 26, 0) -> rgb(56, 35, 0) (light) + - **value**: rgb(255, 255, 255) -> rgb(255, 230, 86) (dark) + - `--spectrum-chartreuse-100` + - **value**: rgb(219, 252, 110) -> rgb(246, 251, 222) (light) + - **value**: rgb(48, 64, 0) -> rgb(23, 28, 0) (dark) + - `--spectrum-chartreuse-200` + - **value**: rgb(203, 244, 67) -> rgb(234, 246, 173) (light) + - **value**: rgb(55, 74, 0) -> rgb(30, 36, 0) (dark) + - `--spectrum-chartreuse-300` + - **value**: rgb(188, 233, 42) -> rgb(208, 236, 70) (light) + - **value**: rgb(65, 87, 0) -> rgb(39, 47, 0) (dark) + - `--spectrum-chartreuse-400` + - **value**: rgb(170, 216, 22) -> rgb(182, 219, 0) (light) + - **value**: rgb(76, 102, 0) -> rgb(53, 63, 0) (dark) + - `--spectrum-chartreuse-500` + - **value**: rgb(152, 197, 10) -> rgb(163, 196, 0) (light) + - **value**: rgb(89, 118, 0) -> rgb(68, 82, 0) (dark) + - `--spectrum-chartreuse-600` + - **value**: rgb(135, 177, 3) -> rgb(143, 172, 0) (light) + - **value**: rgb(102, 136, 0) -> rgb(83, 100, 0) (dark) + - `--spectrum-chartreuse-700` + - **value**: rgb(118, 156, 0) -> rgb(128, 153, 0) (light) + - **value**: rgb(117, 154, 0) -> rgb(97, 116, 0) (dark) + - `--spectrum-chartreuse-800` + - **value**: rgb(103, 136, 0) -> rgb(114, 137, 0) (light) + - **value**: rgb(132, 173, 1) -> rgb(106, 127, 0) (dark) + - `--spectrum-chartreuse-900` + - **value**: rgb(87, 116, 0) -> rgb(102, 122, 0) (light) + - **value**: rgb(148, 192, 8) -> rgb(122, 147, 0) (dark) + - `--spectrum-chartreuse-1000` + - **value**: rgb(72, 96, 0) -> rgb(86, 103, 0) (light) + - **value**: rgb(166, 211, 18) -> rgb(136, 164, 0) (dark) + - `--spectrum-chartreuse-1100` + - **value**: rgb(58, 77, 0) -> rgb(73, 87, 0) (light) + - **value**: rgb(184, 229, 37) -> rgb(151, 181, 0) (dark) + - `--spectrum-chartreuse-1200` + - **value**: rgb(44, 59, 0) -> rgb(60, 71, 0) (light) + - **value**: rgb(205, 245, 71) -> rgb(169, 203, 0) (dark) + - `--spectrum-chartreuse-1300` + - **value**: rgb(33, 44, 0) -> rgb(47, 57, 0) (light) + - **value**: rgb(231, 254, 154) -> rgb(187, 225, 0) (dark) + - `--spectrum-chartreuse-1400` + - **value**: rgb(24, 31, 0) -> rgb(35, 43, 0) (light) + - **value**: rgb(255, 255, 255) -> rgb(219, 240, 117) (dark) + - `--spectrum-celery-100` + - **value**: rgb(205, 252, 191) -> rgb(235, 255, 220) (light) + - **value**: rgb(0, 69, 10) -> rgb(11, 31, 0) (dark) + - `--spectrum-celery-200` + - **value**: rgb(174, 246, 157) -> rgb(197, 255, 156) (light) + - **value**: rgb(0, 80, 12) -> rgb(15, 38, 0) (dark) + - `--spectrum-celery-300` + - **value**: rgb(150, 238, 133) -> rgb(157, 247, 92) (light) + - **value**: rgb(0, 94, 14) -> rgb(21, 51, 1) (dark) + - `--spectrum-celery-400` + - **value**: rgb(114, 224, 106) -> rgb(129, 228, 58) (light) + - **value**: rgb(0, 109, 15) -> rgb(31, 67, 4) (dark) + - `--spectrum-celery-500` + - **value**: rgb(78, 207, 80) -> rgb(110, 206, 42) (light) + - **value**: rgb(0, 127, 15) -> rgb(41, 86, 8) (dark) + - `--spectrum-celery-600` + - **value**: rgb(39, 187, 54) -> rgb(93, 180, 31) (light) + - **value**: rgb(0, 145, 18) -> rgb(50, 105, 11) (dark) + - `--spectrum-celery-700` + - **value**: rgb(7, 167, 33) -> rgb(82, 161, 25) (light) + - **value**: rgb(4, 165, 30) -> rgb(60, 122, 15) (dark) + - `--spectrum-celery-800` + - **value**: rgb(0, 145, 18) -> rgb(72, 144, 20) (light) + - **value**: rgb(34, 184, 51) -> rgb(66, 134, 18) (dark) + - `--spectrum-celery-900` + - **value**: rgb(0, 124, 15) -> rgb(64, 129, 17) (light) + - **value**: rgb(68, 202, 73) -> rgb(78, 154, 23) (dark) + - `--spectrum-celery-1000` + - **value**: rgb(0, 103, 15) -> rgb(52, 109, 12) (light) + - **value**: rgb(105, 220, 99) -> rgb(88, 172, 28) (dark) + - `--spectrum-celery-1100` + - **value**: rgb(0, 83, 13) -> rgb(44, 92, 9) (light) + - **value**: rgb(142, 235, 127) -> rgb(100, 190, 35) (dark) + - `--spectrum-celery-1200` + - **value**: rgb(0, 64, 10) -> rgb(35, 75, 6) (light) + - **value**: rgb(180, 247, 162) -> rgb(116, 213, 46) (dark) + - `--spectrum-celery-1300` + - **value**: rgb(0, 48, 7) -> rgb(27, 60, 3) (light) + - **value**: rgb(221, 253, 211) -> rgb(136, 234, 65) (dark) + - `--spectrum-celery-1400` + - **value**: rgb(0, 34, 5) -> rgb(19, 46, 0) (light) + - **value**: rgb(255, 255, 255) -> rgb(170, 251, 112) (dark) + - `--spectrum-green-100` + - **value**: rgb(206, 248, 224) -> rgb(237, 252, 241) (light) + - **value**: rgb(4, 67, 41) -> rgb(0, 30, 23) (dark) + - `--spectrum-green-200` + - **value**: rgb(173, 244, 206) -> rgb(215, 247, 225) (light) + - **value**: rgb(0, 78, 47) -> rgb(0, 38, 29) (dark) + - `--spectrum-green-300` + - **value**: rgb(137, 236, 188) -> rgb(173, 238, 197) (light) + - **value**: rgb(0, 92, 56) -> rgb(0, 51, 38) (dark) + - `--spectrum-green-400` + - **value**: rgb(103, 222, 168) -> rgb(107, 227, 162) (light) + - **value**: rgb(0, 108, 67) -> rgb(0, 68, 48) (dark) + - `--spectrum-green-500` + - **value**: rgb(73, 204, 147) -> rgb(43, 209, 125) (light) + - **value**: rgb(0, 125, 78) -> rgb(2, 87, 58) (dark) + - `--spectrum-green-600` + - **value**: rgb(47, 184, 128) -> rgb(18, 184, 103) (light) + - **value**: rgb(0, 143, 93) -> rgb(3, 106, 67) (dark) + - `--spectrum-green-700` + - **value**: rgb(21, 164, 110) -> rgb(11, 164, 93) (light) + - **value**: rgb(18, 162, 108) -> rgb(4, 124, 75) (dark) + - `--spectrum-green-800` + - **value**: rgb(0, 143, 93) -> rgb(7, 147, 85) (light) + - **value**: rgb(43, 180, 125) -> rgb(6, 136, 80) (dark) + - `--spectrum-green-900` + - **value**: rgb(0, 122, 77) -> rgb(5, 131, 78) (light) + - **value**: rgb(67, 199, 143) -> rgb(9, 157, 89) (dark) + - `--spectrum-green-1000` + - **value**: rgb(0, 101, 62) -> rgb(3, 110, 69) (light) + - **value**: rgb(94, 217, 162) -> rgb(14, 175, 98) (dark) + - `--spectrum-green-1100` + - **value**: rgb(0, 81, 50) -> rgb(2, 93, 60) (light) + - **value**: rgb(129, 233, 184) -> rgb(24, 193, 110) (dark) + - `--spectrum-green-1200` + - **value**: rgb(5, 63, 39) -> rgb(1, 76, 52) (light) + - **value**: rgb(177, 244, 209) -> rgb(57, 215, 134) (dark) + - `--spectrum-green-1300` + - **value**: rgb(10, 46, 29) -> rgb(0, 61, 44) (light) + - **value**: rgb(223, 250, 234) -> rgb(126, 231, 172) (dark) + - `--spectrum-green-1400` + - **value**: rgb(10, 32, 21) -> rgb(0, 46, 34) (light) + - **value**: rgb(254, 255, 252) -> rgb(189, 241, 208) (dark) + - `--spectrum-seafoam-100` + - **value**: rgb(206, 247, 243) -> rgb(235, 251, 246) (light) + - **value**: rgb(18, 65, 63) -> rgb(0, 30, 27) (dark) + - `--spectrum-seafoam-200` + - **value**: rgb(170, 241, 234) -> rgb(211, 246, 234) (light) + - **value**: rgb(14, 76, 73) -> rgb(0, 39, 35) (dark) + - `--spectrum-seafoam-300` + - **value**: rgb(140, 233, 226) -> rgb(169, 237, 216) (light) + - **value**: rgb(4, 90, 87) -> rgb(0, 50, 44) (dark) + - `--spectrum-seafoam-400` + - **value**: rgb(101, 218, 210) -> rgb(92, 225, 194) (light) + - **value**: rgb(0, 105, 101) -> rgb(0, 67, 59) (dark) + - `--spectrum-seafoam-500` + - **value**: rgb(63, 201, 193) -> rgb(16, 207, 169) (light) + - **value**: rgb(0, 122, 117) -> rgb(2, 86, 75) (dark) + - `--spectrum-seafoam-600` + - **value**: rgb(15, 181, 174) -> rgb(13, 181, 149) (light) + - **value**: rgb(0, 140, 135) -> rgb(4, 105, 89) (dark) + - `--spectrum-seafoam-700` + - **value**: rgb(0, 161, 154) -> rgb(11, 162, 134) (light) + - **value**: rgb(0, 158, 152) -> rgb(6, 122, 103) (dark) + - `--spectrum-seafoam-800` + - **value**: rgb(0, 140, 135) -> rgb(9, 144, 120) (light) + - **value**: rgb(3, 178, 171) -> rgb(8, 134, 112) (dark) + - `--spectrum-seafoam-900` + - **value**: rgb(0, 119, 114) -> rgb(7, 129, 109) (light) + - **value**: rgb(54, 197, 189) -> rgb(10, 154, 128) (dark) + - `--spectrum-seafoam-1000` + - **value**: rgb(0, 99, 95) -> rgb(5, 108, 92) (light) + - **value**: rgb(93, 214, 207) -> rgb(12, 173, 142) (dark) + - `--spectrum-seafoam-1100` + - **value**: rgb(12, 79, 76) -> rgb(3, 92, 80) (light) + - **value**: rgb(132, 230, 223) -> rgb(14, 190, 156) (dark) + - `--spectrum-seafoam-1200` + - **value**: rgb(18, 60, 58) -> rgb(1, 75, 67) (light) + - **value**: rgb(176, 242, 236) -> rgb(29, 214, 176) (dark) + - `--spectrum-seafoam-1300` + - **value**: rgb(18, 44, 43) -> rgb(0, 60, 54) (light) + - **value**: rgb(223, 249, 246) -> rgb(122, 229, 203) (dark) + - `--spectrum-seafoam-1400` + - **value**: rgb(15, 31, 30) -> rgb(0, 46, 40) (light) + - **value**: rgb(254, 255, 254) -> rgb(186, 241, 222) (dark) + - `--spectrum-cyan-100` + - **value**: rgb(197, 248, 255) -> rgb(238, 250, 254) (light) + - **value**: rgb(0, 61, 98) -> rgb(0, 29, 39) (dark) + - `--spectrum-cyan-200` + - **value**: rgb(164, 240, 255) -> rgb(217, 244, 253) (light) + - **value**: rgb(0, 71, 111) -> rgb(0, 36, 49) (dark) + - `--spectrum-cyan-300` + - **value**: rgb(136, 231, 250) -> rgb(183, 231, 252) (light) + - **value**: rgb(0, 85, 127) -> rgb(0, 48, 65) (dark) + - `--spectrum-cyan-400` + - **value**: rgb(96, 216, 243) -> rgb(138, 213, 255) (light) + - **value**: rgb(0, 100, 145) -> rgb(0, 64, 88) (dark) + - `--spectrum-cyan-500` + - **value**: rgb(51, 197, 232) -> rgb(92, 192, 255) (light) + - **value**: rgb(0, 116, 162) -> rgb(0, 82, 113) (dark) + - `--spectrum-cyan-600` + - **value**: rgb(18, 176, 218) -> rgb(48, 167, 254) (light) + - **value**: rgb(0, 134, 180) -> rgb(3, 99, 140) (dark) + - `--spectrum-cyan-700` + - **value**: rgb(1, 156, 200) -> rgb(29, 149, 231) (light) + - **value**: rgb(0, 153, 198) -> rgb(8, 115, 168) (dark) + - `--spectrum-cyan-800` + - **value**: rgb(0, 134, 180) -> rgb(18, 134, 205) (light) + - **value**: rgb(14, 173, 215) -> rgb(13, 125, 186) (dark) + - `--spectrum-cyan-900` + - **value**: rgb(0, 113, 159) -> rgb(11, 120, 179) (light) + - **value**: rgb(44, 193, 230) -> rgb(24, 142, 220) (dark) + - `--spectrum-cyan-1000` + - **value**: rgb(0, 93, 137) -> rgb(4, 102, 145) (light) + - **value**: rgb(84, 211, 241) -> rgb(38, 159, 244) (dark) + - `--spectrum-cyan-1100` + - **value**: rgb(0, 74, 115) -> rgb(0, 87, 121) (light) + - **value**: rgb(127, 228, 249) -> rgb(63, 177, 255) (dark) + - `--spectrum-cyan-1200` + - **value**: rgb(0, 57, 93) -> rgb(0, 71, 98) (light) + - **value**: rgb(167, 241, 255) -> rgb(107, 199, 255) (dark) + - `--spectrum-cyan-1300` + - **value**: rgb(0, 42, 70) -> rgb(0, 57, 78) (light) + - **value**: rgb(215, 250, 255) -> rgb(152, 219, 255) (dark) + - `--spectrum-cyan-1400` + - **value**: rgb(0, 30, 51) -> rgb(0, 43, 59) (light) + - **value**: rgb(255, 255, 255) -> rgb(195, 236, 252) (dark) + - `--spectrum-indigo-100` + - **value**: rgb(237, 238, 255) -> rgb(247, 248, 255) (light) + - **value**: rgb(40, 44, 140) -> rgb(30, 0, 93) (dark) + - `--spectrum-indigo-200` + - **value**: rgb(224, 226, 255) -> rgb(235, 238, 255) (light) + - **value**: rgb(47, 52, 163) -> rgb(35, 0, 110) (dark) + - `--spectrum-indigo-300` + - **value**: rgb(211, 213, 255) -> rgb(216, 222, 255) (light) + - **value**: rgb(57, 63, 187) -> rgb(47, 0, 140) (dark) + - `--spectrum-indigo-400` + - **value**: rgb(193, 196, 255) -> rgb(192, 201, 255) (light) + - **value**: rgb(70, 75, 211) -> rgb(62, 12, 174) (dark) + - `--spectrum-indigo-500` + - **value**: rgb(172, 175, 255) -> rgb(167, 178, 255) (light) + - **value**: rgb(85, 91, 231) -> rgb(79, 30, 209) (dark) + - `--spectrum-indigo-600` + - **value**: rgb(149, 153, 255) -> rgb(145, 151, 254) (light) + - **value**: rgb(104, 109, 244) -> rgb(95, 52, 235) (dark) + - `--spectrum-indigo-700` + - **value**: rgb(126, 132, 252) -> rgb(132, 128, 254) (light) + - **value**: rgb(124, 129, 251) -> rgb(109, 75, 248) (dark) + - `--spectrum-indigo-800` + - **value**: rgb(104, 109, 244) -> rgb(122, 106, 253) (light) + - **value**: rgb(145, 149, 255) -> rgb(116, 91, 252) (dark) + - `--spectrum-indigo-900` + - **value**: rgb(82, 88, 228) -> rgb(113, 85, 250) (light) + - **value**: rgb(167, 170, 255) -> rgb(128, 119, 254) (dark) + - `--spectrum-indigo-1000` + - **value**: rgb(64, 70, 202) -> rgb(99, 56, 238) (light) + - **value**: rgb(188, 190, 255) -> rgb(139, 141, 254) (dark) + - `--spectrum-indigo-1100` + - **value**: rgb(50, 54, 168) -> rgb(84, 36, 219) (light) + - **value**: rgb(208, 210, 255) -> rgb(153, 161, 255) (dark) + - `--spectrum-indigo-1200` + - **value**: rgb(38, 41, 134) -> rgb(69, 19, 191) (light) + - **value**: rgb(226, 228, 255) -> rgb(176, 186, 255) (dark) + - `--spectrum-indigo-1300` + - **value**: rgb(27, 30, 100) -> rgb(55, 6, 160) (light) + - **value**: rgb(243, 243, 254) -> rgb(199, 208, 255) (dark) + - `--spectrum-indigo-1400` + - **value**: rgb(20, 22, 72) -> rgb(42, 0, 129) (light) + - **value**: rgb(255, 255, 255) -> rgb(223, 228, 255) (dark) + - `--spectrum-purple-100` + - **value**: rgb(246, 235, 255) -> rgb(251, 247, 254) (light) + - **value**: rgb(76, 13, 157) -> rgb(41, 0, 79) (dark) + - `--spectrum-purple-200` + - **value**: rgb(238, 221, 255) -> rgb(244, 235, 252) (light) + - **value**: rgb(89, 17, 177) -> rgb(50, 0, 96) (dark) + - `--spectrum-purple-300` + - **value**: rgb(230, 208, 255) -> rgb(235, 218, 249) (light) + - **value**: rgb(105, 28, 200) -> rgb(64, 0, 122) (dark) + - `--spectrum-purple-400` + - **value**: rgb(219, 187, 254) -> rgb(221, 193, 246) (light) + - **value**: rgb(122, 45, 218) -> rgb(83, 0, 159) (dark) + - `--spectrum-purple-500` + - **value**: rgb(204, 164, 253) -> rgb(208, 167, 243) (light) + - **value**: rgb(140, 65, 233) -> rgb(107, 6, 195) (dark) + - `--spectrum-purple-600` + - **value**: rgb(189, 139, 252) -> rgb(191, 138, 238) (light) + - **value**: rgb(157, 87, 243) -> rgb(130, 34, 215) (dark) + - `--spectrum-purple-700` + - **value**: rgb(174, 114, 249) -> rgb(178, 114, 235) (light) + - **value**: rgb(172, 111, 249) -> rgb(148, 62, 224) (dark) + - `--spectrum-purple-800` + - **value**: rgb(157, 87, 244) -> rgb(166, 92, 231) (light) + - **value**: rgb(187, 135, 251) -> rgb(157, 78, 228) (dark) + - `--spectrum-purple-900` + - **value**: rgb(137, 61, 231) -> rgb(154, 71, 226) (light) + - **value**: rgb(202, 159, 252) -> rgb(173, 105, 233) (dark) + - `--spectrum-purple-1000` + - **value**: rgb(115, 38, 211) -> rgb(134, 40, 217) (light) + - **value**: rgb(215, 182, 254) -> rgb(186, 127, 237) (dark) + - `--spectrum-purple-1100` + - **value**: rgb(93, 19, 183) -> rgb(115, 13, 204) (light) + - **value**: rgb(228, 204, 254) -> rgb(197, 149, 240) (dark) + - `--spectrum-purple-1200` + - **value**: rgb(71, 12, 148) -> rgb(93, 0, 177) (light) + - **value**: rgb(239, 223, 255) -> rgb(212, 176, 244) (dark) + - `--spectrum-purple-1300` + - **value**: rgb(51, 16, 106) -> rgb(75, 0, 144) (light) + - **value**: rgb(249, 240, 255) -> rgb(225, 201, 247) (dark) + - `--spectrum-purple-1400` + - **value**: rgb(35, 15, 73) -> rgb(59, 0, 111) (light) + - **value**: rgb(255, 253, 255) -> rgb(238, 224, 250) (dark) + - `--spectrum-fuchsia-100` + - **value**: rgb(255, 233, 252) -> rgb(254, 246, 255) (light) + - **value**: rgb(107, 3, 106) -> rgb(50, 0, 61) (dark) + - `--spectrum-fuchsia-200` + - **value**: rgb(255, 218, 250) -> rgb(253, 233, 255) (light) + - **value**: rgb(123, 0, 123) -> rgb(61, 0, 74) (dark) + - `--spectrum-fuchsia-300` + - **value**: rgb(254, 199, 248) -> rgb(250, 211, 255) (light) + - **value**: rgb(144, 0, 145) -> rgb(79, 0, 95) (dark) + - `--spectrum-fuchsia-400` + - **value**: rgb(251, 174, 246) -> rgb(247, 181, 255) (light) + - **value**: rgb(165, 13, 166) -> rgb(102, 9, 120) (dark) + - `--spectrum-fuchsia-500` + - **value**: rgb(245, 146, 243) -> rgb(243, 147, 255) (light) + - **value**: rgb(185, 37, 185) -> rgb(127, 23, 146) (dark) + - `--spectrum-fuchsia-600` + - **value**: rgb(237, 116, 237) -> rgb(236, 105, 255) (light) + - **value**: rgb(205, 57, 206) -> rgb(151, 38, 170) (dark) + - `--spectrum-fuchsia-700` + - **value**: rgb(224, 85, 226) -> rgb(223, 77, 245) (light) + - **value**: rgb(223, 81, 224) -> rgb(173, 51, 192) (dark) + - `--spectrum-fuchsia-800` + - **value**: rgb(205, 58, 206) -> rgb(200, 68, 220) (light) + - **value**: rgb(235, 110, 236) -> rgb(186, 60, 206) (dark) + - `--spectrum-fuchsia-900` + - **value**: rgb(182, 34, 183) -> rgb(181, 57, 200) (light) + - **value**: rgb(244, 140, 242) -> rgb(213, 73, 235) (dark) + - `--spectrum-fuchsia-1000` + - **value**: rgb(157, 3, 158) -> rgb(156, 40, 175) (light) + - **value**: rgb(250, 168, 245) -> rgb(232, 91, 253) (dark) + - `--spectrum-fuchsia-1100` + - **value**: rgb(128, 0, 129) -> rgb(135, 27, 154) (light) + - **value**: rgb(254, 194, 248) -> rgb(240, 122, 255) (dark) + - `--spectrum-fuchsia-1200` + - **value**: rgb(100, 6, 100) -> rgb(113, 15, 131) (light) + - **value**: rgb(255, 219, 250) -> rgb(245, 159, 255) (dark) + - `--spectrum-fuchsia-1300` + - **value**: rgb(71, 14, 70) -> rgb(92, 4, 109) (light) + - **value**: rgb(255, 239, 252) -> rgb(248, 191, 255) (dark) + - `--spectrum-fuchsia-1400` + - **value**: rgb(50, 13, 49) -> rgb(72, 0, 88) (light) + - **value**: rgb(255, 253, 255) -> rgb(251, 219, 255) (dark) + - `--spectrum-magenta-100` + - **value**: rgb(255, 234, 241) -> rgb(255, 245, 248) (light) + - **value**: rgb(118, 0, 58) -> rgb(59, 0, 22) (dark) + - `--spectrum-magenta-200` + - **value**: rgb(255, 220, 232) -> rgb(255, 232, 240) (light) + - **value**: rgb(137, 0, 66) -> rgb(74, 0, 27) (dark) + - `--spectrum-magenta-300` + - **value**: rgb(255, 202, 221) -> rgb(255, 213, 227) (light) + - **value**: rgb(160, 0, 77) -> rgb(93, 0, 34) (dark) + - `--spectrum-magenta-400` + - **value**: rgb(255, 178, 206) -> rgb(255, 185, 208) (light) + - **value**: rgb(182, 18, 90) -> rgb(123, 0, 45) (dark) + - `--spectrum-magenta-500` + - **value**: rgb(255, 149, 189) -> rgb(255, 152, 187) (light) + - **value**: rgb(203, 38, 109) -> rgb(152, 7, 60) (dark) + - `--spectrum-magenta-600` + - **value**: rgb(250, 119, 170) -> rgb(255, 112, 159) (light) + - **value**: rgb(222, 61, 130) -> rgb(181, 19, 76) (dark) + - `--spectrum-magenta-700` + - **value**: rgb(239, 90, 152) -> rgb(255, 72, 133) (light) + - **value**: rgb(237, 87, 149) -> rgb(207, 31, 92) (dark) + - `--spectrum-magenta-800` + - **value**: rgb(222, 61, 130) -> rgb(240, 45, 110) (light) + - **value**: rgb(249, 114, 167) -> rgb(224, 38, 101) (dark) + - `--spectrum-magenta-900` + - **value**: rgb(200, 34, 105) -> rgb(217, 35, 97) (light) + - **value**: rgb(255, 143, 185) -> rgb(255, 51, 119) (dark) + - `--spectrum-magenta-1000` + - **value**: rgb(173, 9, 85) -> rgb(186, 22, 80) (light) + - **value**: rgb(255, 172, 202) -> rgb(255, 96, 149) (dark) + - `--spectrum-magenta-1100` + - **value**: rgb(142, 0, 69) -> rgb(163, 5, 62) (light) + - **value**: rgb(255, 198, 218) -> rgb(255, 128, 171) (dark) + - `--spectrum-magenta-1200` + - **value**: rgb(112, 0, 55) -> rgb(136, 0, 51) (light) + - **value**: rgb(255, 221, 233) -> rgb(255, 163, 194) (dark) + - `--spectrum-magenta-1300` + - **value**: rgb(84, 3, 42) -> rgb(111, 0, 40) (light) + - **value**: rgb(255, 240, 245) -> rgb(255, 193, 214) (dark) + - `--spectrum-magenta-1400` + - **value**: rgb(60, 6, 29) -> rgb(86, 0, 30) (light) + - **value**: rgb(255, 252, 253) -> rgb(255, 220, 232) (dark) + - `--spectrum-opacity-checkerboard-square-dark` + - `--spectrum-overlay-opacity` + - **value**: 0.5 -> 0.6 (dark) + - `--spectrum-drop-shadow-color` + - `--spectrum-background-base-color` + - `--spectrum-background-layer-1-color` + - `--spectrum-background-layer-2-color` + - **value**: `--spectrum-gray-50` -> `--spectrum-gray-25` (light) + - **value**: `--spectrum-gray-100` -> `--spectrum-gray-75` (dark) + - `--spectrum-neutral-background-color-default` + - `--spectrum-neutral-background-color-hover` + - `--spectrum-neutral-background-color-down` + - `--spectrum-neutral-background-color-key-focus` + - `--spectrum-neutral-background-color-selected-default` + - `--spectrum-neutral-background-color-selected-hover` + - `--spectrum-neutral-background-color-selected-down` + - `--spectrum-neutral-background-color-selected-key-focus` + - `--spectrum-neutral-subdued-background-color-default` + - **value**: `--spectrum-gray-600` -> `--spectrum-gray-700` (light) + - **value**: `--spectrum-gray-400` -> `--spectrum-gray-500` (dark) + - `--spectrum-neutral-subdued-background-color-hover` + - **value**: `--spectrum-gray-700` -> `--spectrum-gray-800` (light) + - **value**: `--spectrum-gray-300` -> `--spectrum-gray-400` (dark) + - `--spectrum-neutral-subdued-background-color-down` + - **value**: `--spectrum-gray-200` -> `--spectrum-gray-400` (dark) + - `--spectrum-neutral-subdued-background-color-key-focus` + - **value**: `--spectrum-gray-700` -> `--spectrum-gray-800` (light) + - **value**: `--spectrum-gray-300` -> `--spectrum-gray-400` (dark) + - `--spectrum-accent-background-color-default` + - **value**: `--spectrum-accent-color-500` -> `--spectrum-accent-color-800` (dark) + - `--spectrum-accent-background-color-hover` + - **value**: `--spectrum-accent-color-400` -> `--spectrum-accent-color-700` (dark) + - `--spectrum-accent-background-color-down` + - **value**: `--spectrum-accent-color-1100` -> `--spectrum-accent-color-1000` (light) + - **value**: `--spectrum-accent-color-300` -> `--spectrum-accent-color-700` (dark) + - `--spectrum-accent-background-color-key-focus` + - **value**: `--spectrum-accent-color-400` -> `--spectrum-accent-color-700` (dark) + - `--spectrum-informative-background-color-default` + - **value**: `--spectrum-informative-color-500` -> `--spectrum-informative-color-800` (dark) + - `--spectrum-informative-background-color-hover` + - **value**: `--spectrum-informative-color-400` -> `--spectrum-informative-color-700` (dark) + - `--spectrum-informative-background-color-down` + - **value**: `--spectrum-informative-color-1100` -> `--spectrum-informative-color-1000` (light) + - **value**: `--spectrum-informative-color-300` -> `--spectrum-informative-color-700` (dark) + - `--spectrum-informative-background-color-key-focus` + - **value**: `--spectrum-informative-color-400` -> `--spectrum-informative-color-700` (dark) + - `--spectrum-negative-background-color-default` + - **value**: `--spectrum-negative-color-500` -> `--spectrum-negative-color-800` (dark) + - `--spectrum-negative-background-color-hover` + - **value**: `--spectrum-negative-color-400` -> negative-color-700 (dark) + - `--spectrum-negative-background-color-down` + - **value**: `--spectrum-negative-color-1100` -> `--spectrum-negative-color-1000` (light) + - **value**: `--spectrum-negative-color-300` -> `--spectrum-negative-color-700` (dark) + - `--spectrum-negative-background-color-key-focus` + - **value**: `--spectrum-negative-color-400` -> `--spectrum-negative-color-700` (dark) + - `--spectrum-positive-background-color-default` + - **value**: `--spectrum-positive-color-500` -> `--spectrum-positive-color-800` (dark) + - `--spectrum-positive-background-color-hover` + - **value**: `--spectrum-positive-color-400` -> `--spectrum-positive-color-700` (dark) + - `--spectrum-positive-background-color-down` + - **value**: `--spectrum-positive-color-1100` -> `--spectrum-positive-color-1000` (light) + - **value**: `--spectrum-positive-color-300` -> `--spectrum-positive-color-700` (dark) + - `--spectrum-positive-background-color-key-focus` + - **value**: `--spectrum-positive-color-400` -> `--spectrum-positive-color-700` (dark) + - `--spectrum-notice-background-color-default` + - **value**: `--spectrum-notice-color-800` -> `--spectrum-notice-color-900` (dark) + - `--spectrum-disabled-background-color` + - **value**: `--spectrum-gray-200` -> `--spectrum-gray-100` + - `--spectrum-disabled-static-white-background-color` + - **value**: `--spectrum-transparent-white-200` -> `--spectrum-transparent-white-100` + - `--spectrum-disabled-static-black-background-color` + - **value**: `--spectrum-transparent-black-200` -> `--spectrum-transparent-black-100` + - `--spectrum-gray-background-color-default` + - **value**: `--spectrum-gray-700` -> `--spectrum-gray-500` (dark) + - `--spectrum-red-background-color-default` + - **value**: `--spectrum-red-700` -> `--spectrum-red-800` (dark) + - `--spectrum-orange-background-color-default` + - **value**: `--spectrum-orange-800` -> `--spectrum-orange-900` (dark) + - `--spectrum-yellow-background-color-default` + - **value**: `--spectrum-yellow-1000` -> `--spectrum-yellow-1100` (dark) + - `--spectrum-chartreuse-background-color-default` + - **value**: `--spectrum-chartreuse-900` -> `--spectrum-chartreuse-1000` (dark) + - `--spectrum-celery-background-color-default` + - **value**: `--spectrum-celery-800` -> `--spectrum-celery-900` (dark) + - `--spectrum-green-background-color-default` + - **value**: `--spectrum-green-700` -> `--spectrum-green-800` (dark) + - `--spectrum-seafoam-background-color-default` + - **value**: `--spectrum-seafoam-700` -> `--spectrum-seafoam-800` (dark) + - `--spectrum-cyan-background-color-default` + - **value**: `--spectrum-cyan-700` -> `--spectrum-cyan-800` (dark) + - `--spectrum-blue-background-color-default` + - **value**: `--spectrum-blue-700` -> `--spectrum-blue-800` (dark) + - `--spectrum-indigo-background-color-default` + - **value**: `--spectrum-indigo-700` -> `--spectrum-indigo-800` (dark) + - `--spectrum-purple-background-color-default` + - **value**: `--spectrum-purple-700` -> `--spectrum-purple-800` (dark) + - `--spectrum-fuchsia-background-color-default` + - **value**: `--spectrum-fuchsia-700` -> `--spectrum-fuchsia-800` (dark) + - `--spectrum-magenta-background-color-default` + - **value**: `--spectrum-magenta-700` -> `--spectrum-magenta-800` (dark) + - `--spectrum-neutral-subdued-content-color-down` + - **value**: `--spectrum-gray-900` -> `--spectrum-gray-800` + - `--spectrum-accent-content-color-down` + - **value**: `--spectrum-accent-color-1100` -> `--spectrum-accent-color-1000` + - `--spectrum-negative-content-color-down` + - **value**: `--spectrum-negative-color-1100` -> `--spectrum-negative-color-1000` + - `--spectrum-disabled-static-white-content-color` + - **value**: `--spectrum-transparent-white-500` -> `--spectrum-transparent-white-400` + - `--spectrum-disabled-static-black-content-color` + - **value**: `--spectrum-transparent-black-500` -> `--spectrum-transparent-black-400` + - `--spectrum-neutral-visual-color` + - `--spectrum-accent-visual-color` + - `--spectrum-informative-visual-color` + - `--spectrum-negative-visual-color` + - **value**: `--spectrum-negative-color-700` -> `--spectrum-negative-color-900` (dark) + - `--spectrum-notice-visual-color` + - **value**: `--spectrum-notice-color-700` -> `--spectrum-notice-color-800` (light) + - `--spectrum-positive-visual-color` + - **value**: `--spectrum-positive-color-700` -> `--spectrum-positive-color-800` (light) + - **value**: `--spectrum-positive-color-800` -> `--spectrum-positive-color-900` (dark) + - `--spectrum-gray-visual-color` + - `--spectrum-red-visual-color` + - `--spectrum-orange-visual-color` + - `--spectrum-yellow-visual-color` + - `--spectrum-chartreuse-visual-color` + - `--spectrum-celery-visual-color` + - `--spectrum-green-visual-color` + - `--spectrum-seafoam-visual-color` + - `--spectrum-cyan-visual-color` + - `--spectrum-blue-visual-color` + - `--spectrum-indigo-visual-color` + - `--spectrum-purple-visual-color` + - `--spectrum-fuchsia-visual-color` + - `--spectrum-magenta-visual-color` + + **Please note** that the S1 and Express contexts are no longer shipped in this tokens package. Though individual components can still render those styles, you must load the v14.x or v15.x versions of the tokens package with the component styles in order to do so. These token assets are only for use with the S2 mappings of the components. + +### Minor Changes + +- [#3529](https://github.com/adobe/spectrum-css/pull/3529) [`3d08cea`](https://github.com/adobe/spectrum-css/commit/3d08cea0f590c8c2de7252677a6b81b8cc206b9a) Thanks [@castastrophe](https://github.com/castastrophe)! - Add JSON to token package exports. + + Remove CSS files from commit history (but continue to build and ship them in the releases). + + Stop physically copying the `dist/css/index.css` to `dist/index.css` and instead, map `dist/index.css` in the package exports to the same `dist/css/index.css` file. + ## 15.2.0 ### Minor Changes diff --git a/tokens/package.json b/tokens/package.json index 2c3afdc00f9..1512d49dd41 100644 --- a/tokens/package.json +++ b/tokens/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/tokens", - "version": "15.2.0", + "version": "16.0.0", "description": "The Spectrum CSS tokens package", "license": "Apache-2.0", "author": "Adobe", diff --git a/yarn.config.cjs b/yarn.config.cjs index 96b2b00cc5b..9fafb20db20 100644 --- a/yarn.config.cjs +++ b/yarn.config.cjs @@ -103,7 +103,7 @@ module.exports = defineConfig({ workspace.set("homepage", "https://opensource.adobe.com/spectrum-css"); workspace.set("publishConfig.access", "public"); workspace.set("keywords", keywords(["tokens", "css"])); - workspace.set("main", "dist/index.css"); + workspace.set("main", "dist/css/index.css"); validateLocalPackages(workspace); } diff --git a/yarn.lock b/yarn.lock index df01339564c..cebf9e667c5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3652,8 +3652,8 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/accordion@workspace:components/accordion" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3668,11 +3668,11 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/actionbar@workspace:components/actionbar" dependencies: - "@spectrum-css/actiongroup": "npm:5.3.1" - "@spectrum-css/closebutton": "npm:5.4.1" - "@spectrum-css/fieldlabel": "npm:9.0.1" - "@spectrum-css/popover": "npm:7.3.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/actiongroup": "npm:6.0.0" + "@spectrum-css/closebutton": "npm:6.0.0" + "@spectrum-css/fieldlabel": "npm:10.0.0" + "@spectrum-css/popover": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3686,13 +3686,13 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/actionbutton@npm:6.3.1, @spectrum-css/actionbutton@workspace:^, @spectrum-css/actionbutton@workspace:components/actionbutton": +"@spectrum-css/actionbutton@npm:7.0.0, @spectrum-css/actionbutton@workspace:^, @spectrum-css/actionbutton@workspace:components/actionbutton": version: 0.0.0-use.local resolution: "@spectrum-css/actionbutton@workspace:components/actionbutton" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3706,12 +3706,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/actiongroup@npm:5.3.1, @spectrum-css/actiongroup@workspace:^, @spectrum-css/actiongroup@workspace:components/actiongroup": +"@spectrum-css/actiongroup@npm:6.0.0, @spectrum-css/actiongroup@workspace:^, @spectrum-css/actiongroup@workspace:components/actiongroup": version: 0.0.0-use.local resolution: "@spectrum-css/actiongroup@workspace:components/actiongroup" dependencies: - "@spectrum-css/actionbutton": "npm:6.3.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/actionbutton": "npm:7.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3725,15 +3725,15 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/actionmenu@npm:6.2.1, @spectrum-css/actionmenu@workspace:^, @spectrum-css/actionmenu@workspace:components/actionmenu": +"@spectrum-css/actionmenu@npm:7.0.0, @spectrum-css/actionmenu@workspace:^, @spectrum-css/actionmenu@workspace:components/actionmenu": version: 0.0.0-use.local resolution: "@spectrum-css/actionmenu@workspace:components/actionmenu" dependencies: - "@spectrum-css/actionbutton": "npm:6.3.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/menu": "npm:8.0.1" - "@spectrum-css/popover": "npm:7.3.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/actionbutton": "npm:7.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/menu": "npm:9.0.0" + "@spectrum-css/popover": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3751,11 +3751,11 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/alertbanner@workspace:components/alertbanner" dependencies: - "@spectrum-css/button": "npm:13.6.1" - "@spectrum-css/closebutton": "npm:5.4.1" - "@spectrum-css/divider": "npm:4.0.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/button": "npm:14.0.0" + "@spectrum-css/closebutton": "npm:6.0.0" + "@spectrum-css/divider": "npm:5.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3772,16 +3772,16 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/alertdialog@npm:3.0.1, @spectrum-css/alertdialog@workspace:^, @spectrum-css/alertdialog@workspace:components/alertdialog": +"@spectrum-css/alertdialog@npm:4.0.0, @spectrum-css/alertdialog@workspace:^, @spectrum-css/alertdialog@workspace:components/alertdialog": version: 0.0.0-use.local resolution: "@spectrum-css/alertdialog@workspace:components/alertdialog" dependencies: - "@spectrum-css/buttongroup": "npm:8.0.1" - "@spectrum-css/divider": "npm:4.0.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/modal": "npm:6.0.1" - "@spectrum-css/tokens": "npm:15.2.0" - "@spectrum-css/underlay": "npm:5.0.1" + "@spectrum-css/buttongroup": "npm:9.0.0" + "@spectrum-css/divider": "npm:5.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/modal": "npm:7.0.0" + "@spectrum-css/tokens": "npm:16.0.0" + "@spectrum-css/underlay": "npm:6.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3801,11 +3801,11 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/asset@npm:6.0.1, @spectrum-css/asset@workspace:^, @spectrum-css/asset@workspace:components/asset": +"@spectrum-css/asset@npm:7.0.0, @spectrum-css/asset@workspace:^, @spectrum-css/asset@workspace:components/asset": version: 0.0.0-use.local resolution: "@spectrum-css/asset@workspace:components/asset" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3819,8 +3819,8 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/assetcard@workspace:components/assetcard" dependencies: - "@spectrum-css/checkbox": "npm:9.3.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/checkbox": "npm:10.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3834,13 +3834,13 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/assetlist@npm:7.0.1, @spectrum-css/assetlist@workspace:^, @spectrum-css/assetlist@workspace:components/assetlist": +"@spectrum-css/assetlist@npm:8.0.0, @spectrum-css/assetlist@workspace:^, @spectrum-css/assetlist@workspace:components/assetlist": version: 0.0.0-use.local resolution: "@spectrum-css/assetlist@workspace:components/assetlist" dependencies: - "@spectrum-css/checkbox": "npm:9.3.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/checkbox": "npm:10.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3857,11 +3857,11 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/avatar@npm:8.0.1, @spectrum-css/avatar@workspace:^, @spectrum-css/avatar@workspace:components/avatar": +"@spectrum-css/avatar@npm:9.0.0, @spectrum-css/avatar@workspace:^, @spectrum-css/avatar@workspace:components/avatar": version: 0.0.0-use.local resolution: "@spectrum-css/avatar@workspace:components/avatar" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3875,8 +3875,8 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/badge@workspace:components/badge" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -3894,9 +3894,9 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/breadcrumb@workspace:components/breadcrumb" dependencies: - "@spectrum-css/actionbutton": "npm:6.3.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/actionbutton": "npm:7.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4008,14 +4008,14 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/button@npm:13.6.1, @spectrum-css/button@workspace:^, @spectrum-css/button@workspace:components/button": +"@spectrum-css/button@npm:14.0.0, @spectrum-css/button@workspace:^, @spectrum-css/button@workspace:components/button": version: 0.0.0-use.local resolution: "@spectrum-css/button@workspace:components/button" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/progresscircle": "npm:4.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/progresscircle": "npm:5.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4032,12 +4032,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/buttongroup@npm:8.0.1, @spectrum-css/buttongroup@workspace:^, @spectrum-css/buttongroup@workspace:components/buttongroup": +"@spectrum-css/buttongroup@npm:9.0.0, @spectrum-css/buttongroup@workspace:^, @spectrum-css/buttongroup@workspace:components/buttongroup": version: 0.0.0-use.local resolution: "@spectrum-css/buttongroup@workspace:components/buttongroup" dependencies: - "@spectrum-css/button": "npm:13.6.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/button": "npm:14.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4048,12 +4048,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/calendar@npm:6.0.1, @spectrum-css/calendar@workspace:^, @spectrum-css/calendar@workspace:components/calendar": +"@spectrum-css/calendar@npm:7.0.0, @spectrum-css/calendar@workspace:^, @spectrum-css/calendar@workspace:components/calendar": version: 0.0.0-use.local resolution: "@spectrum-css/calendar@workspace:components/calendar" dependencies: - "@spectrum-css/actionbutton": "npm:6.3.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/actionbutton": "npm:7.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4068,12 +4068,12 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/card@workspace:components/card" dependencies: - "@spectrum-css/actionbutton": "npm:6.3.1" - "@spectrum-css/asset": "npm:6.0.1" - "@spectrum-css/checkbox": "npm:9.3.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" - "@spectrum-css/typography": "npm:7.0.1" + "@spectrum-css/actionbutton": "npm:7.0.0" + "@spectrum-css/asset": "npm:7.0.0" + "@spectrum-css/checkbox": "npm:10.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" + "@spectrum-css/typography": "npm:8.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4100,12 +4100,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/checkbox@npm:9.3.1, @spectrum-css/checkbox@workspace:^, @spectrum-css/checkbox@workspace:components/checkbox": +"@spectrum-css/checkbox@npm:10.0.0, @spectrum-css/checkbox@workspace:^, @spectrum-css/checkbox@workspace:components/checkbox": version: 0.0.0-use.local resolution: "@spectrum-css/checkbox@workspace:components/checkbox" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4116,12 +4116,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/clearbutton@npm:6.5.1, @spectrum-css/clearbutton@workspace:^, @spectrum-css/clearbutton@workspace:components/clearbutton": +"@spectrum-css/clearbutton@npm:7.0.0, @spectrum-css/clearbutton@workspace:^, @spectrum-css/clearbutton@workspace:components/clearbutton": version: 0.0.0-use.local resolution: "@spectrum-css/clearbutton@workspace:components/clearbutton" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4132,13 +4132,13 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/closebutton@npm:5.4.1, @spectrum-css/closebutton@workspace:^, @spectrum-css/closebutton@workspace:components/closebutton": +"@spectrum-css/closebutton@npm:6.0.0, @spectrum-css/closebutton@workspace:^, @spectrum-css/closebutton@workspace:components/closebutton": version: 0.0.0-use.local resolution: "@spectrum-css/closebutton@workspace:components/closebutton" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4153,7 +4153,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/coachindicator@workspace:components/coachindicator" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4167,13 +4167,13 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/coachmark@workspace:components/coachmark" dependencies: - "@spectrum-css/actionbutton": "npm:6.3.1" - "@spectrum-css/actionmenu": "npm:6.2.1" - "@spectrum-css/button": "npm:13.6.1" - "@spectrum-css/buttongroup": "npm:8.0.1" - "@spectrum-css/menu": "npm:8.0.1" - "@spectrum-css/popover": "npm:7.3.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/actionbutton": "npm:7.0.0" + "@spectrum-css/actionmenu": "npm:7.0.0" + "@spectrum-css/button": "npm:14.0.0" + "@spectrum-css/buttongroup": "npm:9.0.0" + "@spectrum-css/menu": "npm:9.0.0" + "@spectrum-css/popover": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4192,12 +4192,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/colorarea@npm:6.0.1, @spectrum-css/colorarea@workspace:^, @spectrum-css/colorarea@workspace:components/colorarea": +"@spectrum-css/colorarea@npm:7.0.0, @spectrum-css/colorarea@workspace:^, @spectrum-css/colorarea@workspace:components/colorarea": version: 0.0.0-use.local resolution: "@spectrum-css/colorarea@workspace:components/colorarea" dependencies: - "@spectrum-css/colorhandle": "npm:9.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/colorhandle": "npm:10.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4208,13 +4208,13 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/colorhandle@npm:9.0.1, @spectrum-css/colorhandle@workspace:^, @spectrum-css/colorhandle@workspace:components/colorhandle": +"@spectrum-css/colorhandle@npm:10.0.0, @spectrum-css/colorhandle@workspace:^, @spectrum-css/colorhandle@workspace:components/colorhandle": version: 0.0.0-use.local resolution: "@spectrum-css/colorhandle@workspace:components/colorhandle" dependencies: - "@spectrum-css/colorloupe": "npm:6.0.1" - "@spectrum-css/opacitycheckerboard": "npm:3.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/colorloupe": "npm:7.0.0" + "@spectrum-css/opacitycheckerboard": "npm:4.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4229,11 +4229,11 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/colorloupe@npm:6.0.1, @spectrum-css/colorloupe@workspace:^, @spectrum-css/colorloupe@workspace:components/colorloupe": +"@spectrum-css/colorloupe@npm:7.0.0, @spectrum-css/colorloupe@workspace:^, @spectrum-css/colorloupe@workspace:components/colorloupe": version: 0.0.0-use.local resolution: "@spectrum-css/colorloupe@workspace:components/colorloupe" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4247,9 +4247,9 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/colorslider@workspace:components/colorslider" dependencies: - "@spectrum-css/colorhandle": "npm:9.0.1" - "@spectrum-css/opacitycheckerboard": "npm:3.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/colorhandle": "npm:10.0.0" + "@spectrum-css/opacitycheckerboard": "npm:4.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4265,10 +4265,10 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/colorwheel@workspace:components/colorwheel" dependencies: - "@spectrum-css/colorarea": "npm:6.0.1" - "@spectrum-css/colorhandle": "npm:9.0.1" - "@spectrum-css/colorloupe": "npm:6.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/colorarea": "npm:7.0.0" + "@spectrum-css/colorhandle": "npm:10.0.0" + "@spectrum-css/colorloupe": "npm:7.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4290,12 +4290,12 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/combobox@workspace:components/combobox" dependencies: - "@spectrum-css/menu": "npm:8.0.1" - "@spectrum-css/pickerbutton": "npm:5.3.1" - "@spectrum-css/popover": "npm:7.3.1" - "@spectrum-css/progresscircle": "npm:4.0.1" - "@spectrum-css/textfield": "npm:7.4.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/menu": "npm:9.0.0" + "@spectrum-css/pickerbutton": "npm:6.0.0" + "@spectrum-css/popover": "npm:8.0.0" + "@spectrum-css/progresscircle": "npm:5.0.0" + "@spectrum-css/textfield": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4327,10 +4327,10 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/contextualhelp@workspace:components/contextualhelp" dependencies: - "@spectrum-css/actionbutton": "npm:6.3.1" - "@spectrum-css/link": "npm:6.0.1" - "@spectrum-css/popover": "npm:7.3.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/actionbutton": "npm:7.0.0" + "@spectrum-css/link": "npm:7.0.0" + "@spectrum-css/popover": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4350,11 +4350,11 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/datepicker@workspace:components/datepicker" dependencies: - "@spectrum-css/calendar": "npm:6.0.1" - "@spectrum-css/pickerbutton": "npm:5.3.1" - "@spectrum-css/popover": "npm:7.3.1" - "@spectrum-css/textfield": "npm:7.4.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/calendar": "npm:7.0.0" + "@spectrum-css/pickerbutton": "npm:6.0.0" + "@spectrum-css/popover": "npm:8.0.0" + "@spectrum-css/textfield": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4372,7 +4372,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/dial@workspace:components/dial" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4382,16 +4382,16 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/dialog@npm:11.0.1, @spectrum-css/dialog@workspace:^, @spectrum-css/dialog@workspace:components/dialog": +"@spectrum-css/dialog@npm:12.0.0, @spectrum-css/dialog@workspace:^, @spectrum-css/dialog@workspace:components/dialog": version: 0.0.0-use.local resolution: "@spectrum-css/dialog@workspace:components/dialog" dependencies: "@spectrum-css/buttongroup": "workspace:^" - "@spectrum-css/closebutton": "npm:5.4.1" - "@spectrum-css/divider": "npm:4.0.1" - "@spectrum-css/modal": "npm:6.0.1" - "@spectrum-css/tokens": "npm:15.2.0" - "@spectrum-css/underlay": "npm:5.0.1" + "@spectrum-css/closebutton": "npm:6.0.0" + "@spectrum-css/divider": "npm:5.0.0" + "@spectrum-css/modal": "npm:7.0.0" + "@spectrum-css/tokens": "npm:16.0.0" + "@spectrum-css/underlay": "npm:6.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4412,11 +4412,11 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/divider@npm:4.0.1, @spectrum-css/divider@workspace:^, @spectrum-css/divider@workspace:components/divider": +"@spectrum-css/divider@npm:5.0.0, @spectrum-css/divider@workspace:^, @spectrum-css/divider@workspace:components/divider": version: 0.0.0-use.local resolution: "@spectrum-css/divider@workspace:components/divider" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4430,8 +4430,8 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/dropindicator@workspace:components/dropindicator" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4446,10 +4446,10 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/dropzone@workspace:components/dropzone" dependencies: - "@spectrum-css/actionbutton": "npm:6.3.1" - "@spectrum-css/illustratedmessage": "npm:8.0.1" - "@spectrum-css/link": "npm:6.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/actionbutton": "npm:7.0.0" + "@spectrum-css/illustratedmessage": "npm:9.0.0" + "@spectrum-css/link": "npm:7.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4471,10 +4471,10 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/fieldgroup@workspace:components/fieldgroup" dependencies: - "@spectrum-css/checkbox": "npm:9.3.1" - "@spectrum-css/helptext": "npm:6.0.1" - "@spectrum-css/radio": "npm:9.5.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/checkbox": "npm:10.0.0" + "@spectrum-css/helptext": "npm:7.0.0" + "@spectrum-css/radio": "npm:10.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4494,12 +4494,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/fieldlabel@npm:9.0.1, @spectrum-css/fieldlabel@workspace:^, @spectrum-css/fieldlabel@workspace:components/fieldlabel": +"@spectrum-css/fieldlabel@npm:10.0.0, @spectrum-css/fieldlabel@workspace:^, @spectrum-css/fieldlabel@workspace:components/fieldlabel": version: 0.0.0-use.local resolution: "@spectrum-css/fieldlabel@workspace:components/fieldlabel" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4514,7 +4514,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/floatingactionbutton@workspace:components/floatingactionbutton" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4528,7 +4528,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/form@workspace:components/form" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:*" prettier: "npm:^3.4.2" @@ -4549,12 +4549,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/helptext@npm:6.0.1, @spectrum-css/helptext@workspace:^, @spectrum-css/helptext@workspace:components/helptext": +"@spectrum-css/helptext@npm:7.0.0, @spectrum-css/helptext@workspace:^, @spectrum-css/helptext@workspace:components/helptext": version: 0.0.0-use.local resolution: "@spectrum-css/helptext@workspace:components/helptext" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4565,11 +4565,11 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/icon@npm:8.0.1, @spectrum-css/icon@workspace:^, @spectrum-css/icon@workspace:components/icon": +"@spectrum-css/icon@npm:9.0.0, @spectrum-css/icon@workspace:^, @spectrum-css/icon@workspace:components/icon": version: 0.0.0-use.local resolution: "@spectrum-css/icon@workspace:components/icon" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4579,12 +4579,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/illustratedmessage@npm:8.0.1, @spectrum-css/illustratedmessage@workspace:^, @spectrum-css/illustratedmessage@workspace:components/illustratedmessage": +"@spectrum-css/illustratedmessage@npm:9.0.0, @spectrum-css/illustratedmessage@workspace:^, @spectrum-css/illustratedmessage@workspace:components/illustratedmessage": version: 0.0.0-use.local resolution: "@spectrum-css/illustratedmessage@workspace:components/illustratedmessage" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" - "@spectrum-css/typography": "npm:7.0.1" + "@spectrum-css/tokens": "npm:16.0.0" + "@spectrum-css/typography": "npm:8.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4595,12 +4595,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/infieldbutton@npm:5.3.1, @spectrum-css/infieldbutton@workspace:^, @spectrum-css/infieldbutton@workspace:components/infieldbutton": +"@spectrum-css/infieldbutton@npm:6.0.0, @spectrum-css/infieldbutton@workspace:^, @spectrum-css/infieldbutton@workspace:components/infieldbutton": version: 0.0.0-use.local resolution: "@spectrum-css/infieldbutton@workspace:components/infieldbutton" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4618,9 +4618,9 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/inlinealert@workspace:components/inlinealert" dependencies: - "@spectrum-css/button": "npm:13.6.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/button": "npm:14.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4635,11 +4635,11 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/link@npm:6.0.1, @spectrum-css/link@workspace:^, @spectrum-css/link@workspace:components/link": +"@spectrum-css/link@npm:7.0.0, @spectrum-css/link@workspace:^, @spectrum-css/link@workspace:components/link": version: 0.0.0-use.local resolution: "@spectrum-css/link@workspace:components/link" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4654,7 +4654,7 @@ __metadata: resolution: "@spectrum-css/logicbutton@workspace:components/logicbutton" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4664,16 +4664,16 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/menu@npm:8.0.1, @spectrum-css/menu@workspace:^, @spectrum-css/menu@workspace:components/menu": +"@spectrum-css/menu@npm:9.0.0, @spectrum-css/menu@workspace:^, @spectrum-css/menu@workspace:components/menu": version: 0.0.0-use.local resolution: "@spectrum-css/menu@workspace:components/menu" dependencies: - "@spectrum-css/checkbox": "npm:9.3.1" - "@spectrum-css/divider": "npm:4.0.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/switch": "npm:5.3.1" - "@spectrum-css/tokens": "npm:15.2.0" - "@spectrum-css/tray": "npm:4.0.1" + "@spectrum-css/checkbox": "npm:10.0.0" + "@spectrum-css/divider": "npm:5.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/switch": "npm:6.0.0" + "@spectrum-css/tokens": "npm:16.0.0" + "@spectrum-css/tray": "npm:5.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4701,8 +4701,8 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/meter@workspace:components/meter" dependencies: - "@spectrum-css/progressbar": "npm:5.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/progressbar": "npm:6.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:*" prettier: "npm:^3.4.2" @@ -4717,10 +4717,10 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/miller@workspace:components/miller" dependencies: - "@spectrum-css/assetlist": "npm:7.0.1" - "@spectrum-css/checkbox": "npm:9.3.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/assetlist": "npm:8.0.0" + "@spectrum-css/checkbox": "npm:10.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4733,12 +4733,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/modal@npm:6.0.1, @spectrum-css/modal@workspace:^, @spectrum-css/modal@workspace:components/modal": +"@spectrum-css/modal@npm:7.0.0, @spectrum-css/modal@workspace:^, @spectrum-css/modal@workspace:components/modal": version: 0.0.0-use.local resolution: "@spectrum-css/modal@workspace:components/modal" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4748,11 +4748,11 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/opacitycheckerboard@npm:3.0.1, @spectrum-css/opacitycheckerboard@workspace:^, @spectrum-css/opacitycheckerboard@workspace:components/opacitycheckerboard": +"@spectrum-css/opacitycheckerboard@npm:4.0.0, @spectrum-css/opacitycheckerboard@workspace:^, @spectrum-css/opacitycheckerboard@workspace:components/opacitycheckerboard": version: 0.0.0-use.local resolution: "@spectrum-css/opacitycheckerboard@workspace:components/opacitycheckerboard" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4766,7 +4766,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/page@workspace:components/page" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4780,11 +4780,11 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/pagination@workspace:components/pagination" dependencies: - "@spectrum-css/actionbutton": "npm:6.3.1" - "@spectrum-css/button": "npm:13.6.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/textfield": "npm:7.4.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/actionbutton": "npm:7.0.0" + "@spectrum-css/button": "npm:14.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/textfield": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4798,17 +4798,17 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/picker@npm:8.4.1, @spectrum-css/picker@workspace:^, @spectrum-css/picker@workspace:components/picker": +"@spectrum-css/picker@npm:9.0.0, @spectrum-css/picker@workspace:^, @spectrum-css/picker@workspace:components/picker": version: 0.0.0-use.local resolution: "@spectrum-css/picker@workspace:components/picker" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/helptext": "npm:6.0.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/menu": "npm:8.0.1" - "@spectrum-css/popover": "npm:7.3.1" - "@spectrum-css/progresscircle": "npm:4.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/helptext": "npm:7.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/menu": "npm:9.0.0" + "@spectrum-css/popover": "npm:8.0.0" + "@spectrum-css/progresscircle": "npm:5.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4828,14 +4828,14 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/pickerbutton@npm:5.3.1, @spectrum-css/pickerbutton@workspace:^, @spectrum-css/pickerbutton@workspace:components/pickerbutton": +"@spectrum-css/pickerbutton@npm:6.0.0, @spectrum-css/pickerbutton@workspace:^, @spectrum-css/pickerbutton@workspace:components/pickerbutton": version: 0.0.0-use.local resolution: "@spectrum-css/pickerbutton@workspace:components/pickerbutton" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/menu": "npm:8.0.1" - "@spectrum-css/popover": "npm:7.3.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/menu": "npm:9.0.0" + "@spectrum-css/popover": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4848,16 +4848,16 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/popover@npm:7.3.1, @spectrum-css/popover@workspace:^, @spectrum-css/popover@workspace:components/popover": +"@spectrum-css/popover@npm:8.0.0, @spectrum-css/popover@workspace:^, @spectrum-css/popover@workspace:components/popover": version: 0.0.0-use.local resolution: "@spectrum-css/popover@workspace:components/popover" dependencies: - "@spectrum-css/alertdialog": "npm:3.0.1" + "@spectrum-css/alertdialog": "npm:4.0.0" "@spectrum-css/commons": "workspace:^" - "@spectrum-css/dialog": "npm:11.0.1" - "@spectrum-css/divider": "npm:4.0.1" - "@spectrum-css/menu": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/dialog": "npm:12.0.0" + "@spectrum-css/divider": "npm:5.0.0" + "@spectrum-css/menu": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4921,12 +4921,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/progressbar@npm:5.0.1, @spectrum-css/progressbar@workspace:^, @spectrum-css/progressbar@workspace:components/progressbar": +"@spectrum-css/progressbar@npm:6.0.0, @spectrum-css/progressbar@workspace:^, @spectrum-css/progressbar@workspace:components/progressbar": version: 0.0.0-use.local resolution: "@spectrum-css/progressbar@workspace:components/progressbar" dependencies: - "@spectrum-css/fieldlabel": "npm:9.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/fieldlabel": "npm:10.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4940,11 +4940,11 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/progresscircle@npm:4.0.1, @spectrum-css/progresscircle@workspace:^, @spectrum-css/progresscircle@workspace:components/progresscircle": +"@spectrum-css/progresscircle@npm:5.0.0, @spectrum-css/progresscircle@workspace:^, @spectrum-css/progresscircle@workspace:components/progresscircle": version: 0.0.0-use.local resolution: "@spectrum-css/progresscircle@workspace:components/progresscircle" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4954,12 +4954,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/radio@npm:9.5.1, @spectrum-css/radio@workspace:^, @spectrum-css/radio@workspace:components/radio": +"@spectrum-css/radio@npm:10.0.0, @spectrum-css/radio@workspace:^, @spectrum-css/radio@workspace:components/radio": version: 0.0.0-use.local resolution: "@spectrum-css/radio@workspace:components/radio" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4974,8 +4974,8 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/rating@workspace:components/rating" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -4990,10 +4990,10 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/search@workspace:components/search" dependencies: - "@spectrum-css/clearbutton": "npm:6.5.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/textfield": "npm:7.4.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/clearbutton": "npm:7.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/textfield": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5010,8 +5010,8 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/sidenav@workspace:components/sidenav" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5029,8 +5029,8 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/slider@workspace:components/slider" dependencies: - "@spectrum-css/stepper": "npm:6.4.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/stepper": "npm:7.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5045,7 +5045,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/splitview@workspace:components/splitview" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5059,7 +5059,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/statuslight@workspace:components/statuslight" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5073,9 +5073,9 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/steplist@workspace:components/steplist" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" - "@spectrum-css/tooltip": "npm:6.3.1" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" + "@spectrum-css/tooltip": "npm:7.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5090,15 +5090,15 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/stepper@npm:6.4.1, @spectrum-css/stepper@workspace:^, @spectrum-css/stepper@workspace:components/stepper": +"@spectrum-css/stepper@npm:7.0.0, @spectrum-css/stepper@workspace:^, @spectrum-css/stepper@workspace:components/stepper": version: 0.0.0-use.local resolution: "@spectrum-css/stepper@workspace:components/stepper" dependencies: - "@spectrum-css/actionbutton": "npm:6.3.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/infieldbutton": "npm:5.3.1" - "@spectrum-css/textfield": "npm:7.4.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/actionbutton": "npm:7.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/infieldbutton": "npm:6.0.0" + "@spectrum-css/textfield": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5115,12 +5115,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/swatch@npm:7.0.1, @spectrum-css/swatch@workspace:^, @spectrum-css/swatch@workspace:components/swatch": +"@spectrum-css/swatch@npm:8.0.0, @spectrum-css/swatch@workspace:^, @spectrum-css/swatch@workspace:components/swatch": version: 0.0.0-use.local resolution: "@spectrum-css/swatch@workspace:components/swatch" dependencies: - "@spectrum-css/opacitycheckerboard": "npm:3.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/opacitycheckerboard": "npm:4.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5135,8 +5135,8 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/swatchgroup@workspace:components/swatchgroup" dependencies: - "@spectrum-css/swatch": "npm:7.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/swatch": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5147,11 +5147,11 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/switch@npm:5.3.1, @spectrum-css/switch@workspace:^, @spectrum-css/switch@workspace:components/switch": +"@spectrum-css/switch@npm:6.0.0, @spectrum-css/switch@workspace:^, @spectrum-css/switch@workspace:components/switch": version: 0.0.0-use.local resolution: "@spectrum-css/switch@workspace:components/switch" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5165,11 +5165,11 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/table@workspace:components/table" dependencies: - "@spectrum-css/button": "npm:13.6.1" - "@spectrum-css/checkbox": "npm:9.3.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/thumbnail": "npm:7.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/button": "npm:14.0.0" + "@spectrum-css/checkbox": "npm:10.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/thumbnail": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5194,10 +5194,10 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/tabs@workspace:components/tabs" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/menu": "npm:8.0.1" - "@spectrum-css/picker": "npm:8.4.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/menu": "npm:9.0.0" + "@spectrum-css/picker": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5213,14 +5213,14 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/tag@npm:9.3.1, @spectrum-css/tag@workspace:^, @spectrum-css/tag@workspace:components/tag": +"@spectrum-css/tag@npm:10.0.0, @spectrum-css/tag@workspace:^, @spectrum-css/tag@workspace:components/tag": version: 0.0.0-use.local resolution: "@spectrum-css/tag@workspace:components/tag" dependencies: - "@spectrum-css/avatar": "npm:8.0.1" - "@spectrum-css/clearbutton": "npm:6.5.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/avatar": "npm:9.0.0" + "@spectrum-css/clearbutton": "npm:7.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5242,8 +5242,8 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/taggroup@workspace:components/taggroup" dependencies: - "@spectrum-css/tag": "npm:9.3.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tag": "npm:10.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5254,12 +5254,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/textfield@npm:7.4.1, @spectrum-css/textfield@workspace:^, @spectrum-css/textfield@workspace:components/textfield": +"@spectrum-css/textfield@npm:8.0.0, @spectrum-css/textfield@workspace:^, @spectrum-css/textfield@workspace:components/textfield": version: 0.0.0-use.local resolution: "@spectrum-css/textfield@workspace:components/textfield" dependencies: - "@spectrum-css/helptext": "npm:6.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/helptext": "npm:7.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5273,12 +5273,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/thumbnail@npm:7.0.1, @spectrum-css/thumbnail@workspace:^, @spectrum-css/thumbnail@workspace:components/thumbnail": +"@spectrum-css/thumbnail@npm:8.0.0, @spectrum-css/thumbnail@workspace:^, @spectrum-css/thumbnail@workspace:components/thumbnail": version: 0.0.0-use.local resolution: "@spectrum-css/thumbnail@workspace:components/thumbnail" dependencies: - "@spectrum-css/opacitycheckerboard": "npm:3.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/opacitycheckerboard": "npm:4.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5293,10 +5293,10 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/toast@workspace:components/toast" dependencies: - "@spectrum-css/button": "npm:13.6.1" - "@spectrum-css/closebutton": "npm:5.4.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/button": "npm:14.0.0" + "@spectrum-css/closebutton": "npm:6.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5316,7 +5316,7 @@ __metadata: languageName: node linkType: hard -"@spectrum-css/tokens@npm:15.2.0, @spectrum-css/tokens@workspace:^, @spectrum-css/tokens@workspace:tokens": +"@spectrum-css/tokens@npm:16.0.0, @spectrum-css/tokens@workspace:^, @spectrum-css/tokens@workspace:tokens": version: 0.0.0-use.local resolution: "@spectrum-css/tokens@workspace:tokens" dependencies: @@ -5336,13 +5336,13 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/tooltip@npm:6.3.1, @spectrum-css/tooltip@workspace:^, @spectrum-css/tooltip@workspace:components/tooltip": +"@spectrum-css/tooltip@npm:7.0.0, @spectrum-css/tooltip@workspace:^, @spectrum-css/tooltip@workspace:components/tooltip": version: 0.0.0-use.local resolution: "@spectrum-css/tooltip@workspace:components/tooltip" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5353,16 +5353,16 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/tray@npm:4.0.1, @spectrum-css/tray@workspace:^, @spectrum-css/tray@workspace:components/tray": +"@spectrum-css/tray@npm:5.0.0, @spectrum-css/tray@workspace:^, @spectrum-css/tray@workspace:components/tray": version: 0.0.0-use.local resolution: "@spectrum-css/tray@workspace:components/tray" dependencies: - "@spectrum-css/button": "npm:13.6.1" - "@spectrum-css/dialog": "npm:11.0.1" - "@spectrum-css/divider": "npm:4.0.1" - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/modal": "npm:6.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/button": "npm:14.0.0" + "@spectrum-css/dialog": "npm:12.0.0" + "@spectrum-css/divider": "npm:5.0.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/modal": "npm:7.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5386,9 +5386,9 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/treeview@workspace:components/treeview" dependencies: - "@spectrum-css/icon": "npm:8.0.1" - "@spectrum-css/thumbnail": "npm:7.0.1" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/icon": "npm:9.0.0" + "@spectrum-css/thumbnail": "npm:8.0.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5403,11 +5403,11 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/typography@npm:7.0.1, @spectrum-css/typography@workspace:^, @spectrum-css/typography@workspace:components/typography": +"@spectrum-css/typography@npm:8.0.0, @spectrum-css/typography@workspace:^, @spectrum-css/typography@workspace:components/typography": version: 0.0.0-use.local resolution: "@spectrum-css/typography@workspace:components/typography" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5428,12 +5428,12 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/underlay@npm:5.0.1, @spectrum-css/underlay@workspace:^, @spectrum-css/underlay@workspace:components/underlay": +"@spectrum-css/underlay@npm:6.0.0, @spectrum-css/underlay@workspace:^, @spectrum-css/underlay@workspace:components/underlay": version: 0.0.0-use.local resolution: "@spectrum-css/underlay@workspace:components/underlay" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2" @@ -5447,7 +5447,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/well@workspace:components/well" dependencies: - "@spectrum-css/tokens": "npm:15.2.0" + "@spectrum-css/tokens": "npm:16.0.0" eslint: "npm:^8.57.0" npm-run-all2: "npm:^7.0.2" prettier: "npm:^3.4.2"