feat!: spectrum 2

.changeset/big-chairs-care.md

@@ -0,0 +1,6 @@
+---
+"@spectrum-css/picker": minor
+"@spectrum-css/tokens": minor
+---
+
+Update background and border color for picker in Spectrum 2 theme [SWC-575]

.changeset/chilly-peaches-sniff.md

@@ -0,0 +1,21 @@
+---
+"@spectrum-css/statuslight": major
+---
+
+Spectrum 2 Status light migration
+
+New non-semantic colors were added to the variants list, while the `accent` semantic variant was removed. There were also some new and updated color and text-to-visual tokens used to match the designs, along with normalizing font family, font style, and font weight.
+
+New mods added:
+
+- `--mod-statuslight-font-family`
+- `--mod-statuslight-font-style`
+- `--mod-statuslight-nonsemantic-brown-color`
+- `--mod-statuslight-nonsemantic-cinnamon-color`
+- `--mod-statuslight-nonsemantic-pink-color`
+- `--mod-statuslight-nonsemantic-silver-color`
+- `--mod-statuslight-nonsemantic-turquoise-color`
+
+Removed mods:
+
+- `--mod-statuslight-semantic-accent-color`

.changeset/early-actors-buy.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tokens": patch
+---
+
+Uses the latest releases from Spectrum Tokens (13.0.0-beta.55)

.changeset/eleven-cooks-destroy.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tokens": patch
+---
+
+Uses the latest release from Spectrum Tokens (13.0.0-beta.35)

.changeset/few-doors-smile.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/buttongroup": patch
+---
+
+Adds a new `--mod-buttongroup-flex-wrap` custom property to leverage if a user wishes to customize the `flex-wrap` property.

.changeset/few-eels-retire.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tokens": patch
+---
+
+Uses the latest release from Spectrum Tokens (13.0.0-beta.52)

.changeset/fresh-seahorses-join.md

@@ -0,0 +1,8 @@
+---
+"@spectrum-css/button": patch
+---
+
+#### refactor: remove spectrum-ButtonWithFocusRing placeholder class extend
+
+Removes the need for the extend from this placeholder class, as the styles it provides have diverged slightly from what is in button and it was causing some unnecessary CSS to override.
+This should not result in any changed visuals or behavior, as the same CSS has been integrated.

.changeset/friendly-dolls-raise.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/avatar": major
+---
+
+Adds support for new avatar-size tokens (avatar-size-800 to avatar-size-1500). Updates avatar component story to support new sizes. Adds support for avatar-border-color and avatar-border-thickness.

.changeset/healthy-zebras-unite.md

@@ -0,0 +1,9 @@
+---
+"@spectrum-css/colorwheel": patch
+"@spectrum-css/assetcard": patch
+"@spectrum-css/combobox": patch
+"@spectrum-css/treeview": patch
+"@spectrum-css/search": patch
+---
+
+Restores missing custom properties that were flagged by the linter. The missing properties were copied from the spectrum two theme files in the foundations branch. This clears up all linter errors and warnings for these components.

.changeset/hip-spies-try.md

@@ -0,0 +1,9 @@
+---
+"@spectrum-css/datepicker": patch
+"@spectrum-css/rating": patch
+"@spectrum-css/sidenav": patch
+"@spectrum-css/slider": patch
+"@spectrum-css/switch": patch
+---
+
+Define undefined custom properties from themes directory.

.changeset/hot-books-fail.md

@@ -0,0 +1,13 @@
+---
+"@spectrum-css/picker": major
+---
+
+#### Spectrum 2 migration
+
+Picker now uses Spectrum 2 tokens and specifications. A few notable changes:
+
+- The mod custom property `--mod-line-height-100` has been renamed to `--mod-button-line-height`.
+- The mod custom property `--mod-sans-font-family-stack` has been renamed to `--mod-button-font-family`.
+- The mod custom property `--mod-animation-duration-100` has been renamed to `--mod-button-animation-duration`.
+- The mod custom property `--mod-picker-spacing-text-to-alert-icon-inline-start` has been renamed to `--mod-picker-spacing-text-to-icon-inline-end`. This removed the fallback that was marked as deprecated in a previous version.
+- The mod custom property `--mod-picker-spacing-text-to-icon` has been removed. Use `--mod-picker-spacing-text-to-icon-inline-end` for the spacing between text and visual (indicator or disclosure), or `--mod-picker-spacing-starting-icon-to-text` for the space between the optional workflow icon and the text.

.changeset/itchy-kids-travel.md

@@ -0,0 +1,24 @@
+---
+"@spectrum-css/progresscircle": major
+---
+
+## Progress circle S2 migration
+
+This is the S2 migration of the progress circle. The original markup has changed to an svg and circle element to allow CSS styles such as `stroke-linecap`. This was necessary to match the design. The `--small/--medium/--large` sizing classes have been deprecated in favor of t-shirt classes `--sizeS/--sizeM/--sizeL`
+
+### Animation
+
+`@keyframes spectrum-dashoffset-animation`:
+This animation was created by React Spectrum and used to keep the same speed and bezier curve.
+
+### Added tokens
+
+### Removed styles & mods
+
+`--spectrum-progress-circle-track-border-color-over-background`
+`--spectrum-progress-circle-fill-border-color-over-background`
+`--spectrum-progress-circle-track-border-style`
+`--spectrum-progress-circle-track-border-style`
+`--highcontrast-progress-circle-track-border-style`
+`--mod-progress-circle-track-border-style`
+`--spectrum-progress-circle-track-border-style`

.changeset/light-years-speak.md

@@ -0,0 +1,23 @@
+---
+"@spectrum-css/tooltip": major
+---
+
+feat(tooltip): Spectrum 2 migration
+
+This migration includes updated colors, rounding, a bigger tip, and the removal of variants (only neutral is available in Spectrum 2). As a result of the deprecation of variants, icons have also been removed.
+
+The redesign of the tip, specifically the rounding, required a reworking of how we use clip-path and transform.
+
+Some custom property mods have been removed:
+
+- `--mod-tooltip-background-color-informative`
+- `--mod-tooltip-background-color-negative`
+- `--mod-tooltip-background-color-positive`
+- `--mod-tooltip-icon-spacing-block-start`
+- `--mod-tooltip-icon-spacing-inline-end`
+- `--mod-tooltip-icon-spacing-inline-start`
+- `--mod-tooltip-icon-width`
+
+And one mod has been added:
+
+- `--mod-tooltip-tip-corner-radius`

.changeset/loud-vans-brush.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tokens": patch
+---
+
+Adds `--spectrum-standard-dialog-spacing-edge-to-content` to properly adjust the spacing for desktop/mobile dialog styles.

.changeset/mean-eggs-learn.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/thumbnail": minor
+---
+
+Replaces corner-radius-75 with thumbnail-corner-radius.

.changeset/metal-fireants-switch.md

@@ -0,0 +1,52 @@
+---
+"@spectrum-css/dialog": major
+"@spectrum-css/modal": patch
+"@spectrum-css/underlay": patch
+---
+
+Spectrum 2 Standard Dialog Migration
+
+This is the migration for standard dialog. The Divider component is no longer supported in S2 dialogs. In addition, some new and updated tokens are in place to update dialog corner rounding, font treatments, spacing/padding, and maximum/minimum widths. There were several new elements implemented as well, including optional header and footer content, hero/cover images, checkbox and text-only options in the footer content area.
+
+The `.spectrum-Dialog--small`, `.spectrum-Dialog--medium`, and `.spectrum-Dialog--large` sizing classes were deprecated and removed from the CSS in favor of the t-shirt sizes. Additionally, the spelling of the `.spectrum-Dialog--dismissable` class was corrected to `.spectrum-Dialog--dismissible`.
+
+Mod properties are either "new," have been renamed to reflect the respective dialog language, or were removed:
+
+_New Mods_
+`--mod-standard-dialog-spacing-title-to-header-content`
+`--mod-standard-dialog-spacing-title-to-description`
+`--mod-standard-dialog-header-content-font-size`
+
+_Renamed Mods_
+`--mod-dialog-confirm-small-width` > `--mod-standard-dialog-max-width-small`
+`--mod-dialog-confirm-medium-width` > `--mod-standard-dialog-max-width`
+`--mod-dialog-confirm-large-width` > `--mod-standard-dialog-max-width-large`
+`--mod-dialog-confirm-border-radius` > `--mod-standard-dialog-border-radius`
+`--mod-dialog-confirm-description-text-size` > `--mod-standard-dialog-description-font-size`
+`--mod-dialog-confirm-description-text-line-height` > `--mod-standard-dialog-description-line-height`
+`--mod-dialog-confirm-description-text-color` > `--mod-standard-dialog-description-text-color`
+`--mod-dialog-confirm-description-font-weight` > `--mod-standard-dialog-description-font-weight`
+`--mod-dialog-heading-font-weight` > `--mod-standard-dialog-heading-font-weight`
+`--mod-dialog-confirm-title-text-line-height` > `--mod-standard-dialog-heading-line-height`
+`--mod-dialog-confirm-title-text-color` > `--mod-standard-dialog-heading-text-color`
+`--mod-dialog-confirm-title-text-size` > `--mod-standard-dialog-heading-font-size`
+`--mod-dialog-confirm-hero-height` > `--mod-standard-dialog-hero-block-size`
+`--mod-dialog-min-inline-size` > `--mod-standard-dialog-min-inline-size`
+`--mod-dialog-confirm-padding-grid` > `--mod-standard-dialog-spacing-grid-padding`
+`--mod-dialog-confirm-footer-padding-top` > `--mod-standard-dialog-spacing-description-to-footer`
+`--mod-dialog-confirm-close-button-padding` > `--mod-standard-dialog-spacing-edge-to-close-button`
+`--mod-dialog-confirm-gap-size` > `--mod-standard-dialog-spacing-footer-to-button-group`
+
+_Removed Mods_
+`--mod-dialog-confirm-buttongroup-padding-top`
+`--mod-dialog-confirm-close-button-size`
+`--mod-dialog-confirm-description-margin`
+`--mod-dialog-confirm-description-padding`
+`--mod-dialog-confirm-divider-block-spacing-end`
+`--mod-dialog-confirm-divider-block-spacing-start`
+`--mod-dialog-confirm-divider-height`
+
+Modal and underlay updates
+
+- Modal component now uses the updated corner rounding.
+- Underlay has an updated comment that addresses the overlay-color/overlay-opacity tokens.

.changeset/nine-kings-repair.md

@@ -0,0 +1,15 @@
+---
+"@spectrum-css/button": major
+---
+
+#### Spectrum 2 migration
+Button now uses Spectrum 2 tokens and specifications, which includes many color changes to all variants. A few other notable changes:
+- Outline buttons are no longer available in accent and negative options — use the filled variant instead.
+- Medium size is now the default. The class `.spectrum-Button--sizeM` is now unnecessary for this size, and has been removed.
+- The `.spectrum-Button--fill` class is no longer needed and has been removed.
+
+The following `--mod` custom properties have been renamed:
+- `--mod-line-height-100` has been renamed to `--mod-button-line-height`
+- `--mod-sans-font-family-stack` has been renamed to `--mod-button-font-family`
+- `--mod-animation-duration-100` has been renamed to `--mod-button-animation-duration`
+- `--mod-bold-font-weight` has been renamed to `--mod-button-font-weight`

.changeset/perfect-dogs-smash.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/button": patch
+---
+
+chore: run branch through formatter

.changeset/plenty-trees-act.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/preview": patch
+---
+
+Updates the tags used by the stories in the "Foundations" documentation, so hidden stories remain hidden on the sidebar.

.changeset/pre.json

@@ -0,0 +1,136 @@
+{
+  "mode": "pre",
+  "tag": "next",
+  "initialVersions": {
+    "@spectrum-tools/gh-action-file-diff": "2.1.0",
+    "@spectrum-css/preview": "11.0.0",
+    "@spectrum-css/accordion": "5.3.0",
+    "@spectrum-css/actionbar": "8.2.0",
+    "@spectrum-css/actionbutton": "6.2.0",
+    "@spectrum-css/actiongroup": "5.2.0",
+    "@spectrum-css/actionmenu": "6.2.0",
+    "@spectrum-css/alertbanner": "2.3.0",
+    "@spectrum-css/alertdialog": "2.2.0",
+    "@spectrum-css/asset": "5.2.0",
+    "@spectrum-css/assetcard": "4.2.0",
+    "@spectrum-css/assetlist": "6.4.0",
+    "@spectrum-css/avatar": "7.3.0",
+    "@spectrum-css/badge": "4.3.0",
+    "@spectrum-css/breadcrumb": "9.2.0",
+    "@spectrum-css/button": "13.5.0",
+    "@spectrum-css/buttongroup": "7.2.0",
+    "@spectrum-css/calendar": "5.3.0",
+    "@spectrum-css/card": "9.3.0",
+    "@spectrum-css/checkbox": "9.2.1",
+    "@spectrum-css/clearbutton": "6.4.0",
+    "@spectrum-css/closebutton": "5.3.0",
+    "@spectrum-css/coachindicator": "2.2.0",
+    "@spectrum-css/coachmark": "7.3.0",
+    "@spectrum-css/colorarea": "5.2.0",
+    "@spectrum-css/colorhandle": "8.2.0",
+    "@spectrum-css/colorloupe": "5.3.0",
+    "@spectrum-css/colorslider": "6.2.0",
+    "@spectrum-css/colorwheel": "4.2.0",
+    "@spectrum-css/combobox": "3.3.0",
+    "@spectrum-css/commons": "10.1.0",
+    "@spectrum-css/contextualhelp": "3.3.0",
+    "@spectrum-css/datepicker": "3.3.0",
+    "@spectrum-css/dial": "3.2.0",
+    "@spectrum-css/dialog": "10.2.0",
+    "@spectrum-css/divider": "3.2.0",
+    "@spectrum-css/dropindicator": "5.2.0",
+    "@spectrum-css/dropzone": "6.2.0",
+    "@spectrum-css/fieldgroup": "5.3.0",
+    "@spectrum-css/fieldlabel": "8.2.0",
+    "@spectrum-css/floatingactionbutton": "2.2.0",
+    "@spectrum-css/form": "0.0.0",
+    "@spectrum-css/helptext": "5.2.0",
+    "@spectrum-css/icon": "7.2.0",
+    "@spectrum-css/illustratedmessage": "7.2.0",
+    "@spectrum-css/infieldbutton": "5.2.0",
+    "@spectrum-css/inlinealert": "8.2.0",
+    "@spectrum-css/link": "5.2.0",
+    "@spectrum-css/logicbutton": "4.2.0",
+    "@spectrum-css/menu": "7.2.0",
+    "@spectrum-css/meter": "0.0.0",
+    "@spectrum-css/miller": "6.2.0",
+    "@spectrum-css/modal": "5.2.0",
+    "@spectrum-css/opacitycheckerboard": "2.2.0",
+    "@spectrum-css/page": "8.2.0",
+    "@spectrum-css/pagination": "8.2.0",
+    "@spectrum-css/picker": "8.3.0",
+    "@spectrum-css/pickerbutton": "5.2.0",
+    "@spectrum-css/popover": "7.2.0",
+    "@spectrum-css/progressbar": "4.2.0",
+    "@spectrum-css/progresscircle": "3.2.0",
+    "@spectrum-css/radio": "9.4.1",
+    "@spectrum-css/rating": "5.2.0",
+    "@spectrum-css/search": "7.4.0",
+    "@spectrum-css/sidenav": "5.2.0",
+    "@spectrum-css/slider": "5.5.1",
+    "@spectrum-css/splitview": "5.3.0",
+    "@spectrum-css/statuslight": "7.3.0",
+    "@spectrum-css/steplist": "5.2.0",
+    "@spectrum-css/stepper": "6.3.0",
+    "@spectrum-css/swatch": "6.4.1",
+    "@spectrum-css/swatchgroup": "3.2.0",
+    "@spectrum-css/switch": "5.2.0",
+    "@spectrum-css/table": "6.2.0",
+    "@spectrum-css/tabs": "5.2.0",
+    "@spectrum-css/tag": "9.2.0",
+    "@spectrum-css/taggroup": "5.2.0",
+    "@spectrum-css/textfield": "7.3.0",
+    "@spectrum-css/thumbnail": "6.3.0",
+    "@spectrum-css/toast": "10.3.0",
+    "@spectrum-css/tooltip": "6.2.0",
+    "@spectrum-css/tray": "3.2.0",
+    "@spectrum-css/treeview": "10.4.0",
+    "@spectrum-css/typography": "6.2.0",
+    "@spectrum-css/underlay": "4.2.0",
+    "@spectrum-css/well": "5.3.0",
+    "@spectrum-tools/postcss-add-theming-layer": "0.0.0",
+    "@spectrum-tools/postcss-property-rollup": "0.0.0",
+    "@spectrum-tools/postcss-rgb-mapping": "2.1.0",
+    "@spectrum-tools/stylelint-no-missing-var": "2.0.1",
+    "@spectrum-tools/stylelint-no-unknown-custom-properties": "2.0.1",
+    "@spectrum-tools/stylelint-no-unused-custom-properties": "2.0.2",
+    "@spectrum-tools/theme-alignment": "1.1.0",
+    "@spectrum-css/tokens": "15.0.0",
+    "@spectrum-css/bundle": "1.0.0",
+    "@spectrum-css/generator": "4.1.0",
+    "@spectrum-css/ui-icons": "1.1.2"
+  },
+  "changesets": [
+    "big-chairs-care",
+    "chilly-peaches-sniff",
+    "early-actors-buy",
+    "eleven-cooks-destroy",
+    "few-doors-smile",
+    "few-eels-retire",
+    "fresh-seahorses-join",
+    "friendly-dolls-raise",
+    "healthy-zebras-unite",
+    "hip-spies-try",
+    "hot-books-fail",
+    "light-years-speak",
+    "loud-vans-brush",
+    "mean-eggs-learn",
+    "metal-fireants-switch",
+    "nine-kings-repair",
+    "perfect-dogs-smash",
+    "plenty-trees-act",
+    "pretty-parents-drum",
+    "proud-jokes-rule",
+    "sixty-crabs-thank",
+    "sixty-vans-thank",
+    "spotty-onions-study",
+    "strange-glasses-allow",
+    "tame-bobcats-beam",
+    "tame-wasps-shake",
+    "ten-lizards-work",
+    "twenty-tables-know",
+    "weak-kings-pretend",
+    "wicked-dragons-cheer",
+    "young-cheetahs-peel"
+  ]
+}

.changeset/pretty-parents-drum.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tokens": patch
+---
+
+use [email protected]

.changeset/proud-jokes-rule.md

@@ -0,0 +1,7 @@
+---
+"@spectrum-css/progressbar": major
+---
+
+feat(progressbar): S2 migration
+
+Progress bar now uses Spectrum 2 tokens and specifications. This migration includes updated colors, font sizes, and spacing. No mods were harmed in the migration of this component (all `--mod` properties remain the same).