chore: merge remote-tracking branch 'origin' into spectrum-two

castastrophe · castastrophe · commit 7e8269c5e247 · 2025-05-05T17:01:35.000-04:00
diff --git a/.changeset/angry-needles-behave.md b/.changeset/angry-needles-behave.md
@@ -2,20 +2,20 @@
 "@spectrum-css/radio": major
 ---
 
-# Radio S2 Migration
+### Radio S2 Migration
 
 Updates:
 
 - High contrast tokens have been modified
 - Typography tokens modified
 
-## New tokens
+#### New tokens
 
 `--spectrum-radio-border-width`
 `--spectrum-radio-text-font-weight`
 `--spectrum-radio-text-font-style`
 
-## Modified tokens
+#### Modified tokens
 
 `--spectrum-radio-emphasized-accent-color`
 `--spectrum-radio-emphasized-accent-color-hover`
diff --git a/.changeset/beige-dragons-tickle.md b/.changeset/beige-dragons-tickle.md
@@ -3,11 +3,11 @@
 "@spectrum-css/dropzone": major
 ---
 
-# S2 Illustrated Message Migration
+### S2 Illustrated Message Migration
 
 This migration contains new tokens for t-shirt sizes (S, M, L), vertical and horizontal orientation along with their maximum width, illustration sizes, and content spacing. Dropzone `--mod` names are renamed to match the semantic tokens in illustrated message.
 
-## Illustrated Message
+#### Illustrated Message
 
 New properties
 `--spectrum-illustrated-message-heading-to-description`
@@ -35,13 +35,13 @@ Removed properties
 `--mod-illustrated-message-illustration-accent-color`
 `--highcontrast-illustrated-message-illustration-accent-color`
 
-## Dropzone
+#### Dropzone
 
 New mods
 `--mod-drop-zone-body-to-action`
 `--mod-drop-zone-illustration-to-title`
 
-## Dropzone nested mods
+#### Dropzone nested mods
 
 Renamed mods
 `--mod-illustrated-message-title-to-heading` > `--mod-illustrated-message-illustration-to-heading`
diff --git a/.changeset/big-beds-care.md b/.changeset/big-beds-care.md
@@ -2,25 +2,25 @@
 "@spectrum-css/dropzone": major
 ---
 
-## Dropzone S2 Migration
+### Dropzone S2 Migration
 
 Since dropzone shares a lot of illustrated message's new content tokens (typography and spacing), tons of unused`--mods` were removed.
 
 The component reflects the [new design](https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=10141-2822&m=dev) of the borders that includes dash length and dash gap.
 
-### SVG Border
+#### SVG Border
 
 To support the intention of the design, an SVG element is used. There are custom `--mod` tokens to adjust the length of dashed lines and the gap between them. It's understood it may be too much to consume an additional element so there's a fallback where the SVG element is not necessary - dropzone will use the standard `border` CSS property.
 
-### New mods
+#### New mods
 
 `--mod-drop-zone-content-height`
 `--mod-drop-zone-edge-to-text`
 `--mod-drop-zone-title-line-height`
 `--mod-drop-zone-border-dash-length`
 `--mod-drop-zone-border-dash-gap`
 
-### Removed mods
+#### Removed mods
 
 `--mod-drop-zone-body-color`
 `--mod-drop-zone-body-font-family`
diff --git a/.changeset/big-jars-pump.md b/.changeset/big-jars-pump.md
@@ -1,5 +1,5 @@
 ---
-`@spectrum-css/inlinealert`: major
+"@spectrum-css/inlinealert": major
 ---
 
 #### S2 migration in-line alert
diff --git a/.changeset/chilly-peaches-sniff.md b/.changeset/chilly-peaches-sniff.md
@@ -2,7 +2,7 @@
 "@spectrum-css/statuslight": major
 ---
 
-## Spectrum 2 migration
+#### Spectrum 2 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.
 
diff --git a/.changeset/flat-snails-admire.md b/.changeset/flat-snails-admire.md
@@ -2,6 +2,6 @@
 "@spectrum-css/infieldprogresscircle": major
 ---
 
-## Infield Progresscircle S2 Migration
+#### Infield Progresscircle S2 Migration
 
 In-field progress circle is a new component created to replace progress circle (size S) in t-shirt size components. The button, textfield, combo box, and picker `template.js` files have all been updated to call for infield progress circles. This component comes in four sizes: (S, M, L, XL), has updated color variants (default, white, black), and has a unified track thickness.
diff --git a/.changeset/fresh-crabs-deliver.md b/.changeset/fresh-crabs-deliver.md
@@ -2,7 +2,7 @@
 "@spectrum-css/breadcrumb": major
 ---
 
-#### Spectrum 2 Migration
+#### Spectrum 2 Breadcrumbs migration
 
 The breadcrumbs component is now updated to use the S2 specs and tokens. This includes updated spacing, heights, colors, font sizes, etc.
 
diff --git a/.changeset/fresh-seahorses-join.md b/.changeset/fresh-seahorses-join.md
@@ -2,7 +2,8 @@
 "@spectrum-css/button": patch
 ---
 
-#### refactor: remove spectrum-ButtonWithFocusRing placeholder class extend
+#### 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.
+
+This should not result in any changed visuals or behavior, as the same CSS has been integrated.
diff --git a/.changeset/giant-windows-smoke.md b/.changeset/giant-windows-smoke.md
@@ -2,7 +2,7 @@
 "@spectrum-css/colorwheel": major
 ---
 
-# colorwheel S2 migration
+#### colorwheel S2 migration
 
 This change migrates the colorwheel component to S2. It adds the `--spectrum-colorwheel-border-color-rgb` and `--spectrum-colorwheel-border-opacity` custom properties. It updates `--spectrum-colorwheel-border-color` to leverage these tokens in an `rgba(...)` function.
 
diff --git a/.changeset/healthy-chicken-clap.md b/.changeset/healthy-chicken-clap.md
@@ -2,7 +2,7 @@
 "@spectrum-css/textfield": major
 ---
 
-Migrate to Spectrum 2
+#### Migrate to Spectrum 2
 
 - Default styles are used for medium
 - Removal of quiet variant
diff --git a/.changeset/itchy-kids-travel.md b/.changeset/itchy-kids-travel.md
@@ -2,18 +2,18 @@
 "@spectrum-css/progresscircle": major
 ---
 
-## Progress circle S2 migration
+#### 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
+##### Animation
 
 `@keyframes spectrum-dashoffset-animation`:
 This animation was created by React Spectrum and used to keep the same speed and bezier curve.
 
-### Added tokens
+##### Added tokens
 
-### Removed styles & mods
+##### Removed styles & mods
 
 `--spectrum-progress-circle-track-border-color-over-background`
 `--spectrum-progress-circle-fill-border-color-over-background`
diff --git a/.changeset/light-years-speak.md b/.changeset/light-years-speak.md
@@ -2,7 +2,7 @@
 "@spectrum-css/tooltip": major
 ---
 
-## Spectrum 2 migration
+#### 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.
 
diff --git a/.changeset/mean-eggs-learn.md b/.changeset/mean-eggs-learn.md
@@ -2,4 +2,4 @@
 "@spectrum-css/thumbnail": minor
 ---
 
-Replaces corner-radius-75 with thumbnail-corner-radius.
+Replaces `corner-radius-75` with `thumbnail-corner-radius`.
diff --git a/.changeset/metal-fireants-switch.md b/.changeset/metal-fireants-switch.md
@@ -4,7 +4,7 @@
 "@spectrum-css/underlay": patch
 ---
 
-## Spectrum 2 Standard Dialog Migration
+#### 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.
 
diff --git a/.changeset/modern-chairs-sit.md b/.changeset/modern-chairs-sit.md
@@ -3,7 +3,7 @@
 "@spectrum-css/modal": minor
 ---
 
-## S2 Takeover dialog
+#### S2 Takeover dialog
 
 This is the migration for the fullscreen/fullscreenTakeover dialog stories (these stories correspond to the "takeover dialog" in Figma). The Divider component support was removed in S2 standard dialog migration ([#2860](https://github.com/adobe/spectrum-css/pull/2860)). New and updated tokens are in place to update fullscreen/fullscreenTakeover dialog sizing, grid spacing, spacing in the header, and font sizes. Fullscreen/fullscreenTakeover dialogs do not support additional footer content or checkboxes (in comparison to the standard dialog).
 
@@ -18,6 +18,6 @@ _New Mods_
 `--mod-takeover-dialog-spacing-header-content-gap`
 `--mod-takeover-dialog-title-font-size`
 
-Modal updates
+#### Modal updates
 
 - Modal component now uses the updated margin token (`window-to-edge`) found in the takeover dialog design specs. This work also introduced `--spectrum-modal-takeover-window-to-edge`
diff --git a/.changeset/nine-kings-repair.md b/.changeset/nine-kings-repair.md
@@ -2,7 +2,7 @@
 "@spectrum-css/button": major
 ---
 
-#### Spectrum 2 migration
+#### S2 Button migration
 
 Button now uses Spectrum 2 tokens and specifications, which includes many color changes to all variants. A few other notable changes:
 
diff --git a/.changeset/olive-tools-hang.md b/.changeset/olive-tools-hang.md
@@ -2,8 +2,6 @@
 "@spectrum-css/ui-icons": major
 ---
 
-# Breaking change
-
 Iconography in v1 inclued 2 sizes, `medium` and `large`, as well as a single SVG asset that included both versions to be toggled with classes via CSS (found in folder`combined`). Icons in v2 no longer have multiple sizes and all assets are sourced from a single folder`svg` which can be found in the `dist` directory of this workspace. **Raw SVG assets can no longer be sourced from the top-level of the workspace and must be loaded from `@spectrum-css/ui-icons/dist/svg/*.svg` instead.** Please find below an outline of the new, deprecated, and unchanged icons.
 
 | Icon name         | Migration notes |
diff --git a/.changeset/proud-jokes-rule.md b/.changeset/proud-jokes-rule.md
@@ -2,6 +2,6 @@
 "@spectrum-css/progressbar": major
 ---
 
-## S2 migration
+#### 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).
diff --git a/.changeset/rotten-meals-share.md b/.changeset/rotten-meals-share.md
@@ -2,7 +2,7 @@
 "@spectrum-css/popover": major
 ---
 
-## S2 Popover Migration
+#### S2 Popover Migration
 
 The S2 popover using new tokens for border color, padding, corner radius and elevation/drop shadows.
 
diff --git a/.changeset/serious-clouds-jam.md b/.changeset/serious-clouds-jam.md
@@ -2,7 +2,7 @@
 "@spectrum-css/colorslider": minor
 ---
 
-## S2 colorslider migration
+#### S2 colorslider migration
 
 This migrates the `colorslider` component to S2. Custom properties have been remapped per the design spec.
 
diff --git a/.changeset/slow-eyes-lay.md b/.changeset/slow-eyes-lay.md
@@ -2,25 +2,25 @@
 "@spectrum-css/divider": major
 ---
 
-# S2 divider migration
+#### S2 divider migration
 
 This migrates the `divider` component to S2. Custom properties have been remapped and updated per the design spec.
 
-### New properties
+##### New properties
 
 ```css
 --spectrum-divider-horizontal-minimum-width
 --spectrum-divider-vertical-minimum-height
 ```
 
-### New mods
+##### New mods
 
 ```css
 --mod-divider-inline-minimum-size
 --mod-divider-block-minimum-size
 ```
 
-### Removed mods
+##### Removed mods
 
 ```css
 --mod-divider-background-color-large-static-black
@@ -31,7 +31,7 @@ This migrates the `divider` component to S2. Custom properties have been remappe
 --mod-divider-background-color-small-static-white
 ```
 
-### Additions
+##### Additions
 
 This adds new minimum width and height tokens for the divider and the `minDimensionValues` arg has been removed in favor of these tokens and the rules with which they're applied.
 
diff --git a/.changeset/spotty-onions-study.md b/.changeset/spotty-onions-study.md
@@ -2,6 +2,6 @@
 "@spectrum-css/colorarea": major
 ---
 
-# S2 migration
+#### S2 migration
 
 This change migrates the `colorarea` component to S2. It leverages updated tokens and the `rgba(...)` color function, replacing the existing `TODO` and hardcoded values.
diff --git a/.changeset/strange-glasses-allow.md b/.changeset/strange-glasses-allow.md
@@ -2,6 +2,6 @@
 "@spectrum-css/colorloupe": major
 ---
 
-## Spectrum 2 migration
+#### Spectrum 2 migration
 
 Migrates color loupe to Spectrum 2 tokens. Color loupe now uses the new drop shadow tokens `--spectrum-drop-shadow-elevated-x`, `--spectrum-drop-shadow-elevated-y`, `--spectrum-drop-shadow-elevated-blur`, and `--spectrum-drop-shadow-elevated-color` rather than specific color loupe tokens.
diff --git a/.changeset/tame-bobcats-beam.md b/.changeset/tame-bobcats-beam.md
@@ -2,7 +2,7 @@
 "@spectrum-css/alertbanner": major
 ---
 
-## Spectrum 2 migration
+#### Spectrum 2 migration
 
 Alert banner now uses Spectrum 2 tokens and specifications. In this new design, the divider has been removed.
 
diff --git a/.changeset/tasty-eagles-draw.md b/.changeset/tasty-eagles-draw.md
@@ -2,25 +2,25 @@
 "@spectrum-css/link": major
 ---
 
-### Link S2 migration
+#### Link S2 migration
 
 The link component is updated with S2 specifications, colors, and typography. There is a new inline variant which uses the `.spectrum-Link--inline` modifier class and the default is the standalone variant.
 
-#### Note
+##### Note
 
 - Quiet styling does not apply to the inline variant so that it is distinguishable from the surrounding text and the underline indicator is clear
 - `--mod-spectrum-link-font-weight` can be used to adjust inline variant to match surrounding text. Apply font weights to this mod `inherit` does not apply.
 
-## New tokens
+#### New tokens
 
-### Color
+##### Color
 
 `spectrum-link-focus-indicator-color`
 `spectrum-link-focus-indicator-thickness`
 `spectrum-link-focus-indicator-gap`
 `spectrum-link-corner-radius`
 
-### Typography
+##### Typography
 
 `spectrum-link-line-height`
 `spectrum-link-line-height-cjk-100`
diff --git a/.changeset/thick-ears-win.md b/.changeset/thick-ears-win.md
@@ -6,7 +6,7 @@
 "@spectrum-css/slider": minor
 ---
 
-### Including the touch action rule for draggable content
+#### Including the touch action rule for draggable content
 
 The slider, color slider, color area, color wheel, color handle all deserve to have their touch-action property managed so that trying to set the value of those interfaces doesn't cause page scrolling in touch context.
 
diff --git a/.changeset/true-shrimps-dream.md b/.changeset/true-shrimps-dream.md
@@ -2,13 +2,13 @@
 "@spectrum-css/infieldbutton": major
 ---
 
-### In-field button S2 Migration
+#### In-field button S2 Migration
 
 In-field buttons are used to represent actions within input fields. They’re currently used inside number field. This component has updated colors, corner radius, and icons compared to the Spectrum 1 version. The “Error” and “Key-focus” variants have been removed, since this now utilizes those states from the parent component.
 
 The position styles and controls have also been removed now that there's a consistent corner radius.
 
-#### Removed mods
+##### Removed mods
 
 Due to deprecation of the position variants in the infield button, some spacing and border radius mods have been removed.
 
@@ -20,7 +20,7 @@ Due to deprecation of the position variants in the infield button, some spacing
 `--mod-infield-button-stacked-fill-padding-inline`
 `--mod-infield-button-stacked-fill-padding-inner`
 
-#### New tokens
+##### New tokens
 
 These new tokens are the inline variant & stepper (number field) use case. The padding changes here.
 
diff --git a/.changeset/twenty-tables-know.md b/.changeset/twenty-tables-know.md
@@ -3,7 +3,7 @@
 "@spectrum-css/thumbnail": minor
 ---
 
-# S2 migration
+#### S2 thumbnail migration
 
 Adds thumbnail specific `thumbnail-opacity-checkerboard-square-size` token aliased to `--spectrum-opacity-checkerboard-size`. This impacts the display of the `opacity-checkerboard` when used within the `thumbnail` component.
 
diff --git a/.changeset/wild-lemons-spend.md b/.changeset/wild-lemons-spend.md
diff --git a/components/checkbox/CHANGELOG.md b/components/checkbox/CHANGELOG.md
diff --git a/components/helptext/CHANGELOG.md b/components/helptext/CHANGELOG.md
diff --git a/components/inlinealert/CHANGELOG.md b/components/inlinealert/CHANGELOG.md
diff --git a/components/menu/CHANGELOG.md b/components/menu/CHANGELOG.md
diff --git a/components/modal/CHANGELOG.md b/components/modal/CHANGELOG.md
diff --git a/components/rating/CHANGELOG.md b/components/rating/CHANGELOG.md
diff --git a/tokens/dist/json/tokens.json b/tokens/dist/json/tokens.json
