From 2061015d62e2af257319a2b6436bf0adebfbbeb8 Mon Sep 17 00:00:00 2001 From: aramos-adobe <178835473+aramos-adobe@users.noreply.github.com> Date: Tue, 6 Oct 2026 19:36:18 +0000 Subject: [PATCH] chore: release gen2 packages #gen2-publish --- gen2/.changeset/pre.json | 6 ++++ gen2/packages/core/CHANGELOG.md | 19 ++++++++++++ gen2/packages/core/element/version.ts | 4 +-- gen2/packages/core/package.json | 2 +- gen2/packages/icons/CHANGELOG.md | 22 ++++++++++++++ gen2/packages/icons/package.json | 4 +-- gen2/packages/swc/CHANGELOG.md | 43 +++++++++++++++++++++++++++ gen2/packages/swc/package.json | 4 +-- yarn.lock | 6 ++-- 9 files changed, 100 insertions(+), 10 deletions(-) diff --git a/gen2/.changeset/pre.json b/gen2/.changeset/pre.json index c8490c4348f..6628fdf0708 100644 --- a/gen2/.changeset/pre.json +++ b/gen2/.changeset/pre.json @@ -26,13 +26,18 @@ "fix-slotted-box-sizing", "fix-tabs-keyboard-activation-default", "icon-repoint-consumers", + "icons-gen2-documentation", + "icons-generated-icon-base-styles", "infield-button-2nd-gen-migration", + "menu-gen2-migration", "pending-reusable-primitives", + "pixel-loader-reduced-motion-fade", "popover-focus-restore-prevent-scroll", "progress-circle-reduced-motion", "prompt-field-pixel-loader", "publish-custom-elements-manifest", "quiet-patterns-rename", + "response-status-conversation-turn-fixes", "response-status-figma-parity", "slot-observer-controllers", "soft-ravens-think", @@ -43,6 +48,7 @@ "swc-ui-icon", "tabs-cjk-line-height", "tabs-focusgroup-controller", + "thumbnail-2nd-gen-migration", "tokens-15-2-0-opacity", "tooltip-popover-manual-coexistence", "trigger-press-controller", diff --git a/gen2/packages/core/CHANGELOG.md b/gen2/packages/core/CHANGELOG.md index 53627c71f85..5058ad1afbd 100644 --- a/gen2/packages/core/CHANGELOG.md +++ b/gen2/packages/core/CHANGELOG.md @@ -1,5 +1,24 @@ # @spectrum-web-components/core +## 2.0.0-beta.5 + +### Minor Changes + +- [#6823](https://github.com/adobe/spectrum-web-components/pull/6823) [`47d8337`](https://github.com/adobe/spectrum-web-components/commit/47d8337520627732d7a758abd9c0d04275227444) Thanks [@Rajdeepc](https://github.com/Rajdeepc)! - Add the gen2 ``, the Spectrum 2 successor to ``. + - **API**: `for` / `triggerElement` reference an externally-authored trigger (the menu renders none of its own), plus `placement` (12 values, default `bottom-start`), `should-flip` (default `true`), the reflected `open`, and `size` (`s`–`xl`, default `m`). Visibility changes dispatch `swc-open` / `swc-after-open` / `swc-close` / `swc-after-close`, the after-events deferred until the transition settles. + - **Accessibility**: implements the menu-button pattern. `role="menu"` lives on the shadow-internal surface rather than the host, and `aria-haspopup="menu"` / `aria-expanded` are wired onto the resolved trigger's interactive element across shadow boundaries. The surface is a native `popover="auto"`, so Escape and outside clicks light-dismiss through the platform. Arrow keys, Home, and End move a roving tabindex with wrap-around, Tab stays trapped on the active row, Enter activates a row and closes, opening moves focus to the first row, and closing restores it to the trigger. + - **Styling**: Spectrum 2 surface chrome with an entry and exit transition gated on the resolved placement, so the surface never fades in at its unpositioned origin. No public CSS custom properties are exposed this release. + - **Core**: adds `MenuBase` and `Menu.types.ts` (`MENU_PLACEMENTS`, `MENU_VALID_SIZES`, `MENU_ALLOWED_CHILDREN`), composing the shared `PlacementController`, `FocusgroupNavigationController`, and `TriggerPressController`. + - **Docs and tests**: Storybook docs page, consumer migration guide, unit coverage, and Playwright accessibility tests covering the ARIA tree and native light-dismiss. + + `` has not shipped yet, so the default slot currently accepts it by name only. Menu groups, dividers as separators, submenus, selection, link rows, and the mobile drilldown tray are not part of this release. + +- [#6726](https://github.com/adobe/spectrum-web-components/pull/6726) [`c310499`](https://github.com/adobe/spectrum-web-components/commit/c3104990927a7927a5579a16380cd80eb3e96b6c) Thanks [@cdransf](https://github.com/cdransf)! - Add the gen2 ``, migrated from the Spectrum 1 ``. + - **API**: numeric `size` (`50`–`1000`, default `500`) and `fit` (`contain` or `cover`, default `contain`). Replaces the boolean `cover` with `fit="cover"`; drops `background`, `layer`, and the CSS-only `disabled`, `focused`, and `selected` attributes. Slotted elements other than `` stay hidden, as in Spectrum 1. + - **Accessibility**: new `decorative` attribute hides the thumbnail with `aria-hidden="true"` and gives the slotted `` `alt=""` when it has none; unsetting it removes only what the component added. A dev-mode warning fires when a non-decorative image has no `alt`, `aria-label`, or `aria-labelledby`. + - **Styling**: Spectrum 2 tokens with an opacity checkerboard frame, a forced-colors border, and one public custom property, `--swc-thumbnail-size`, set per `size`. Spectrum 1 `--mod-thumbnail-*` properties are not supported. + - **Docs and tests**: includes Storybook docs, a consumer migration guide, unit and accessibility tests, and VRT coverage. + ## 2.0.0-beta.4 ### Minor Changes diff --git a/gen2/packages/core/element/version.ts b/gen2/packages/core/element/version.ts index 08408b86891..fb27c4292b4 100644 --- a/gen2/packages/core/element/version.ts +++ b/gen2/packages/core/element/version.ts @@ -17,9 +17,9 @@ /** * The version of the gen2 Spectrum Web Components library. */ -export const version = '2.0.0-beta.4'; +export const version = '2.0.0-beta.5'; /** * The version of the core base package. */ -export const coreVersion = '2.0.0-beta.4'; +export const coreVersion = '2.0.0-beta.5'; diff --git a/gen2/packages/core/package.json b/gen2/packages/core/package.json index a2c0d31ccbf..388511662f6 100644 --- a/gen2/packages/core/package.json +++ b/gen2/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@adobe/spectrum-wc-core", - "version": "2.0.0-beta.4", + "version": "2.0.0-beta.5", "description": "Abstract base classes for Spectrum Web Components", "license": "Apache-2.0", "author": "Adobe", diff --git a/gen2/packages/icons/CHANGELOG.md b/gen2/packages/icons/CHANGELOG.md index 951e77f73d7..8e6c271206d 100644 --- a/gen2/packages/icons/CHANGELOG.md +++ b/gen2/packages/icons/CHANGELOG.md @@ -1,5 +1,27 @@ # @adobe/spectrum-wc-icons +## 2.0.0-beta.5 + +### Minor Changes + +- [#6733](https://github.com/adobe/spectrum-web-components/pull/6733) [`a452024`](https://github.com/adobe/spectrum-web-components/commit/a452024db3b745563105463b91384f1fad2fe1c8) Thanks [@caseyisonit](https://github.com/caseyisonit)! - Publish consumer documentation for the Spectrum 2 icon families and make UI icons deliverable. + - **UI icons are now deliverable.** `` (chevrons, checkmarks, arrows, and other control internals) ships from `@adobe/spectrum-wc` with its own consumer docs page next to workflow icons, rather than being internal-only. + - **Custom SVG contract documented.** The `` frame now has a public docs page describing the contract for a slotted SVG: a single `` with a `viewBox`, no `width`/`height`, and `fill="currentColor"` so it follows text color and `--swc-icon-color`. + - **Per-family usage docs** for UI icons and the `` frame, plus the 1st-gen icon migration guide, are now part of the published Storybook build (previously excluded as internal-only pages). + - **Removed the `elements/*` shared-template catalog.** `@adobe/spectrum-wc/icon` no longer re-exports the `elements/*` `TemplateResult` helpers. Slot a workflow icon (as its custom element) or your own SVG into `` instead. + - **Removed `--swc-close-button-icon-size` (breaking).** This documented `@cssprop` is gone from ``. The cross icon now sizes from the button's `size` attribute (forwarded to ``), keeping the box and the optical step in sync. Remove any `--swc-close-button-icon-size` override; use `size` to change the icon, and `--swc-close-button-size` to size the button box. + - **Icon hosts now render `display: block` (breaking).** ``, ``, and every workflow icon element previously rendered `inline-flex`. If you relied on an icon flowing inline with text, place it inside an inline or flex container. + - **New workflow icons.** `AIMark` (``, `Icon_AIMark`) and `MoreVertical` (``, `Icon_MoreVertical`) ship from `@adobe/spectrum-wc-icons`, pulled from S2 Icon Global Set Open Source 7.2.0. The `Tag` icon artwork updates to match that set. + + The `@adobe/spectrum-wc-icons` change also moves the ambient `*.css` module declaration into `src/` so the package's generated type declarations resolve icon stylesheet imports cleanly. + +### Patch Changes + +- [#6821](https://github.com/adobe/spectrum-web-components/pull/6821) [`71cd416`](https://github.com/adobe/spectrum-web-components/commit/71cd4165c055d9c282a2d128d16a684c33cd4954) Thanks [@caseyisonit](https://github.com/caseyisonit)! - **fix(icons):** The element stylesheet (`stylesheets/icon-base.css`) is now a generated, verbatim copy of the shared `` stylesheet in `@adobe/spectrum-wc`, so workflow icons can no longer drift from `` and ``. The copy adds `box-sizing: border-box` to the inner `svg`, which has no visual effect. Contributors edit `gen2/packages/swc/stylesheets/_lit-styles/icon-base.css` and run `yarn generate:icon-styles`; the package build fails if the copy is out of date. + +- Updated dependencies [[`47d8337`](https://github.com/adobe/spectrum-web-components/commit/47d8337520627732d7a758abd9c0d04275227444), [`c310499`](https://github.com/adobe/spectrum-web-components/commit/c3104990927a7927a5579a16380cd80eb3e96b6c)]: + - @adobe/spectrum-wc-core@2.0.0-beta.5 + ## 2.0.0-beta.4 ### Minor Changes diff --git a/gen2/packages/icons/package.json b/gen2/packages/icons/package.json index b70f8e9a766..2aaf2431f20 100644 --- a/gen2/packages/icons/package.json +++ b/gen2/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@adobe/spectrum-wc-icons", - "version": "2.0.0-beta.4", + "version": "2.0.0-beta.5", "description": "Spectrum 2 workflow icons as tree-shakeable custom elements and SVG-string functions", "license": "Apache-2.0", "author": "Adobe", @@ -49,7 +49,7 @@ "**/elements.ts" ], "dependencies": { - "@adobe/spectrum-wc-core": "2.0.0-beta.4", + "@adobe/spectrum-wc-core": "2.0.0-beta.5", "lit": "^2.5.0 || ^3.1.3" }, "devDependencies": { diff --git a/gen2/packages/swc/CHANGELOG.md b/gen2/packages/swc/CHANGELOG.md index d343a48e743..13202f47807 100644 --- a/gen2/packages/swc/CHANGELOG.md +++ b/gen2/packages/swc/CHANGELOG.md @@ -1,5 +1,48 @@ # @adobe/spectrum-wc +## 2.0.0-beta.5 + +### Minor Changes + +- [#6733](https://github.com/adobe/spectrum-web-components/pull/6733) [`a452024`](https://github.com/adobe/spectrum-web-components/commit/a452024db3b745563105463b91384f1fad2fe1c8) Thanks [@caseyisonit](https://github.com/caseyisonit)! - Publish consumer documentation for the Spectrum 2 icon families and make UI icons deliverable. + - **UI icons are now deliverable.** `` (chevrons, checkmarks, arrows, and other control internals) ships from `@adobe/spectrum-wc` with its own consumer docs page next to workflow icons, rather than being internal-only. + - **Custom SVG contract documented.** The `` frame now has a public docs page describing the contract for a slotted SVG: a single `` with a `viewBox`, no `width`/`height`, and `fill="currentColor"` so it follows text color and `--swc-icon-color`. + - **Per-family usage docs** for UI icons and the `` frame, plus the 1st-gen icon migration guide, are now part of the published Storybook build (previously excluded as internal-only pages). + - **Removed the `elements/*` shared-template catalog.** `@adobe/spectrum-wc/icon` no longer re-exports the `elements/*` `TemplateResult` helpers. Slot a workflow icon (as its custom element) or your own SVG into `` instead. + - **Removed `--swc-close-button-icon-size` (breaking).** This documented `@cssprop` is gone from ``. The cross icon now sizes from the button's `size` attribute (forwarded to ``), keeping the box and the optical step in sync. Remove any `--swc-close-button-icon-size` override; use `size` to change the icon, and `--swc-close-button-size` to size the button box. + - **Icon hosts now render `display: block` (breaking).** ``, ``, and every workflow icon element previously rendered `inline-flex`. If you relied on an icon flowing inline with text, place it inside an inline or flex container. + - **New workflow icons.** `AIMark` (``, `Icon_AIMark`) and `MoreVertical` (``, `Icon_MoreVertical`) ship from `@adobe/spectrum-wc-icons`, pulled from S2 Icon Global Set Open Source 7.2.0. The `Tag` icon artwork updates to match that set. + + The `@adobe/spectrum-wc-icons` change also moves the ambient `*.css` module declaration into `src/` so the package's generated type declarations resolve icon stylesheet imports cleanly. + +- [#6823](https://github.com/adobe/spectrum-web-components/pull/6823) [`47d8337`](https://github.com/adobe/spectrum-web-components/commit/47d8337520627732d7a758abd9c0d04275227444) Thanks [@Rajdeepc](https://github.com/Rajdeepc)! - Add the gen2 ``, the Spectrum 2 successor to ``. + - **API**: `for` / `triggerElement` reference an externally-authored trigger (the menu renders none of its own), plus `placement` (12 values, default `bottom-start`), `should-flip` (default `true`), the reflected `open`, and `size` (`s`–`xl`, default `m`). Visibility changes dispatch `swc-open` / `swc-after-open` / `swc-close` / `swc-after-close`, the after-events deferred until the transition settles. + - **Accessibility**: implements the menu-button pattern. `role="menu"` lives on the shadow-internal surface rather than the host, and `aria-haspopup="menu"` / `aria-expanded` are wired onto the resolved trigger's interactive element across shadow boundaries. The surface is a native `popover="auto"`, so Escape and outside clicks light-dismiss through the platform. Arrow keys, Home, and End move a roving tabindex with wrap-around, Tab stays trapped on the active row, Enter activates a row and closes, opening moves focus to the first row, and closing restores it to the trigger. + - **Styling**: Spectrum 2 surface chrome with an entry and exit transition gated on the resolved placement, so the surface never fades in at its unpositioned origin. No public CSS custom properties are exposed this release. + - **Core**: adds `MenuBase` and `Menu.types.ts` (`MENU_PLACEMENTS`, `MENU_VALID_SIZES`, `MENU_ALLOWED_CHILDREN`), composing the shared `PlacementController`, `FocusgroupNavigationController`, and `TriggerPressController`. + - **Docs and tests**: Storybook docs page, consumer migration guide, unit coverage, and Playwright accessibility tests covering the ARIA tree and native light-dismiss. + + `` has not shipped yet, so the default slot currently accepts it by name only. Menu groups, dividers as separators, submenus, selection, link rows, and the mobile drilldown tray are not part of this release. + +- [#6726](https://github.com/adobe/spectrum-web-components/pull/6726) [`c310499`](https://github.com/adobe/spectrum-web-components/commit/c3104990927a7927a5579a16380cd80eb3e96b6c) Thanks [@cdransf](https://github.com/cdransf)! - Add the gen2 ``, migrated from the Spectrum 1 ``. + - **API**: numeric `size` (`50`–`1000`, default `500`) and `fit` (`contain` or `cover`, default `contain`). Replaces the boolean `cover` with `fit="cover"`; drops `background`, `layer`, and the CSS-only `disabled`, `focused`, and `selected` attributes. Slotted elements other than `` stay hidden, as in Spectrum 1. + - **Accessibility**: new `decorative` attribute hides the thumbnail with `aria-hidden="true"` and gives the slotted `` `alt=""` when it has none; unsetting it removes only what the component added. A dev-mode warning fires when a non-decorative image has no `alt`, `aria-label`, or `aria-labelledby`. + - **Styling**: Spectrum 2 tokens with an opacity checkerboard frame, a forced-colors border, and one public custom property, `--swc-thumbnail-size`, set per `size`. Spectrum 1 `--mod-thumbnail-*` properties are not supported. + - **Docs and tests**: includes Storybook docs, a consumer migration guide, unit and accessibility tests, and VRT coverage. + +### Patch Changes + +- [#6782](https://github.com/adobe/spectrum-web-components/pull/6782) [`85081e7`](https://github.com/adobe/spectrum-web-components/commit/85081e7788d063ed8ff09af43db6fc2058a388bd) Thanks [@aramos-adobe](https://github.com/aramos-adobe)! - **fix(pixel-loader):** ``'s `prefers-reduced-motion: reduce` state now fades the whole grid in and out together instead of revealing it row by row, so the reduced-motion cadence reads as a single fade rather than a staggered build. + +- [#6770](https://github.com/adobe/spectrum-web-components/pull/6770) [`efc2738`](https://github.com/adobe/spectrum-web-components/commit/efc27387caf47f884db6c36f53afa68468e81188) Thanks [@rubencarvalho](https://github.com/rubencarvalho)! - **fix(ai-toolkit):** Accessibility and layout fixes across the response-status and conversation patterns. + - `` keeps its row and pixel loader mounted when the first step arrives. Without steps, active labels are status text rather than inert buttons; with steps, a native disclosure button spans the row's hit area. Completed labels wrap in full unless a line cap is set. The row spans the column, and toggle padding and focus rings are corrected. + - `` aligns turns and gives user messages a responsive reading-width cap: 75% of the column, at least 25ch where space permits, and at most 536px. The thread gap uses spacing-400. + - `` spaces the first source inside the list without leaving an empty gap when closed. `` spacing is also corrected. + - Response-status steps have tighter icon spacing and an updated label shimmer animation. + +- Updated dependencies [[`47d8337`](https://github.com/adobe/spectrum-web-components/commit/47d8337520627732d7a758abd9c0d04275227444), [`c310499`](https://github.com/adobe/spectrum-web-components/commit/c3104990927a7927a5579a16380cd80eb3e96b6c)]: + - @adobe/spectrum-wc-core@2.0.0-beta.5 + ## 2.0.0-beta.4 ### Minor Changes diff --git a/gen2/packages/swc/package.json b/gen2/packages/swc/package.json index 27828efed52..468e7628d6e 100644 --- a/gen2/packages/swc/package.json +++ b/gen2/packages/swc/package.json @@ -1,6 +1,6 @@ { "name": "@adobe/spectrum-wc", - "version": "2.0.0-beta.4", + "version": "2.0.0-beta.5", "description": "Spectrum Web Components gen2 - rendering implementations", "license": "Apache-2.0", "author": "Adobe", @@ -96,7 +96,7 @@ "test:watch:vitest": "vitest --project storybook --watch" }, "dependencies": { - "@adobe/spectrum-wc-core": "2.0.0-beta.4", + "@adobe/spectrum-wc-core": "2.0.0-beta.5", "@lit-labs/observers": "2.0.2", "lit": "^2.5.0 || ^3.1.3" }, diff --git a/yarn.lock b/yarn.lock index 74de1cffaee..a764e40010d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -189,7 +189,7 @@ __metadata: languageName: node linkType: hard -"@adobe/spectrum-wc-core@npm:2.0.0-beta.4, @adobe/spectrum-wc-core@workspace:gen2/packages/core": +"@adobe/spectrum-wc-core@npm:2.0.0-beta.5, @adobe/spectrum-wc-core@workspace:gen2/packages/core": version: 0.0.0-use.local resolution: "@adobe/spectrum-wc-core@workspace:gen2/packages/core" dependencies: @@ -211,7 +211,7 @@ __metadata: resolution: "@adobe/spectrum-wc-icons@workspace:gen2/packages/icons" dependencies: "@adobe/postcss-token": "workspace:*" - "@adobe/spectrum-wc-core": "npm:2.0.0-beta.4" + "@adobe/spectrum-wc-core": "npm:2.0.0-beta.5" "@adobe/swc-tokens": "workspace:*" "@custom-elements-manifest/analyzer": "npm:0.10.8" "@storybook/test": "npm:8.6.14" @@ -238,7 +238,7 @@ __metadata: resolution: "@adobe/spectrum-wc@workspace:gen2/packages/swc" dependencies: "@adobe/postcss-token": "workspace:*" - "@adobe/spectrum-wc-core": "npm:2.0.0-beta.4" + "@adobe/spectrum-wc-core": "npm:2.0.0-beta.5" "@adobe/spectrum-wc-icons": "workspace:*" "@adobe/swc-tokens": "workspace:*" "@adobe/vite-global-elements-css": "workspace:*"