Skip to content

Commit 024f71d

Browse files
github-actions[bot]github-actions[bot]
authored
chore: release (next) (#4254)
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
1 parent 082862e commit 024f71d

File tree

28 files changed

+323
-59
lines changed

28 files changed

+323
-59
lines changed

‎.changeset/pre.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -104,6 +104,7 @@
104104
"big-beds-care",
105105
"big-glasses-check",
106106
"big-jars-pump",
107+
"brave-bikes-teach",
107108
"breezy-impalas-push",
108109
"calm-hats-sleep",
109110
"chatty-lands-attack",

‎.storybook/CHANGELOG.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,13 @@
11
# Change Log
22

3+
## 12.1.0-next.21
4+
5+
### Patch Changes
6+
7+
Updated dependencies []:
8+
9+
- @spectrum-css/bundle@2.0.0-next.17
10+
311
## 12.1.0-next.20
412

513
### Patch Changes

‎.storybook/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@spectrum-css/preview",
3-
"version": "12.1.0-next.20",
3+
"version": "12.1.0-next.21",
44
"description": "A Spectrum CSS preview",
55
"license": "Apache-2.0",
66
"author": "Adobe",
@@ -40,7 +40,7 @@
4040
},
4141
"dependencies": {
4242
"@adobe/spectrum-css-workflow-icons": "5.0.0",
43-
"@spectrum-css/bundle": "2.0.0-next.16",
43+
"@spectrum-css/bundle": "2.0.0-next.17",
4444
"@spectrum-css/tokens": "16.1.0-next.10",
4545
"@spectrum-css/ui-icons": "2.0.0-next.2"
4646
},

‎components/actionbar/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
}
4949
},
5050
"devDependencies": {
51-
"@spectrum-css/actiongroup": "7.0.0-next.2",
51+
"@spectrum-css/actiongroup": "7.0.0-next.3",
5252
"@spectrum-css/closebutton": "7.0.0-next.1",
5353
"@spectrum-css/fieldlabel": "11.0.0-next.2",
5454
"@spectrum-css/popover": "9.0.0-next.5",

‎components/actionbutton/CHANGELOG.md‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,66 @@
11
# Change log
22

3+
## 8.0.0-next.4
4+
5+
### Minor Changes
6+
7+
📝 [#4085](https://github.com/adobe/spectrum-css/pull/4085) [`082862e`](https://github.com/adobe/spectrum-css/commit/082862eb80c6e0ac1c801b1d538e4d2f2bb919b4) Thanks [@castastrophe](https://github.com/castastrophe)!
8+
9+
### Action menu component (now with custom styles!)
10+
11+
Introduces `@spectrum-css/actionmenu`, a composition of `ActionButton`, `Popover`, and `Menu` to present action lists from a trigger. Now with custom styles!
12+
13+
- Adds wrapper classes: `spectrum-ActionMenu`, `spectrum-ActionMenu-trigger`, `spectrum-ActionMenu-popover`, and `spectrum-ActionMenu-menu`.
14+
- Supports long press triggers and four placements (start/end, top/bottom) via the underlying popover API.
15+
- Design reference: [Figma S2 token specs](https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=20959-21513&node-type=frame&t=jbePQKK1yLdrHG2M-11).
16+
17+
#### Migration notes
18+
19+
- If you previously composed an action menu manually (action button + popover + menu), you can adopt the new wrapper classes without changing the underlying markup semantics. Ensure the trigger has `aria-haspopup="menu"` and manages `aria-expanded` according to your application logic.
20+
- For spacing customizations previously done with ad‑hoc margins, switch to the new `--spectrum-actionmenu-button-to-menu-gap` custom property.
21+
22+
Example markup:
23+
24+
```html
25+
<div class="spectrum-ActionMenu">
26+
<button
27+
class="spectrum-ActionMenu-trigger spectrum-ActionButton"
28+
aria-haspopup="menu"
29+
aria-expanded="false"
30+
>
31+
<!-- icon/label -->
32+
</button>
33+
<div class="spectrum-ActionMenu-popover spectrum-Popover">
34+
<ul class="spectrum-ActionMenu-menu spectrum-Menu">
35+
<!-- menu items -->
36+
</ul>
37+
</div>
38+
<!-- popover positioning/visibility is owned by your implementation -->
39+
<!-- use long-press behavior when appropriate to your UX -->
40+
<!-- use Popover placement options: bottom-start, bottom-end, start-top, end-top -->
41+
</div>
42+
```
43+
44+
### Menu refinements
45+
46+
Updates `@spectrum-css/menu` styles to align with latest Spectrum 2 design specifications and improve accessibility.
47+
48+
- Updated `.is-selectableMultiple .spectrum-Menu-itemCheckbox` to `.is-selectableMultiple:not(:has(.is-selectable)) .spectrum-Menu-itemCheckbox` to prevent clash with the `.is-selectable` placement.
49+
- Non-breaking; no class or DOM changes required.
50+
51+
### Action button refinements
52+
53+
- Selection styling now applies when components use ARIA pressed/expanded semantics, not just `.is-selected`.
54+
- Implemented with `:where()` to keep selector specificity low and prevent downstream specificity battles.
55+
- Non-breaking; no class changes required.
56+
57+
### Action group refinements
58+
59+
Aligns selection behavior of grouped items with action button updates.
60+
61+
- Adds `:where([aria-pressed="true"], [aria-expanded="true"])` alongside `.is-selected` on items to cover more accessibility use-cases while keeping specificity low.
62+
- Non-breaking; no class changes required.
63+
364
## 8.0.0-next.3
465

566
### Major Changes

‎components/actionbutton/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@spectrum-css/actionbutton",
3-
"version": "8.0.0-next.3",
3+
"version": "8.0.0-next.4",
44
"description": "The Spectrum CSS action button component",
55
"license": "Apache-2.0",
66
"author": "Adobe",

‎components/actiongroup/CHANGELOG.md‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,66 @@
11
# Change log
22

3+
## 7.0.0-next.3
4+
5+
### Patch Changes
6+
7+
📝 [#4085](https://github.com/adobe/spectrum-css/pull/4085) [`082862e`](https://github.com/adobe/spectrum-css/commit/082862eb80c6e0ac1c801b1d538e4d2f2bb919b4) Thanks [@castastrophe](https://github.com/castastrophe)!
8+
9+
### Action menu component (now with custom styles!)
10+
11+
Introduces `@spectrum-css/actionmenu`, a composition of `ActionButton`, `Popover`, and `Menu` to present action lists from a trigger. Now with custom styles!
12+
13+
- Adds wrapper classes: `spectrum-ActionMenu`, `spectrum-ActionMenu-trigger`, `spectrum-ActionMenu-popover`, and `spectrum-ActionMenu-menu`.
14+
- Supports long press triggers and four placements (start/end, top/bottom) via the underlying popover API.
15+
- Design reference: [Figma S2 token specs](https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=20959-21513&node-type=frame&t=jbePQKK1yLdrHG2M-11).
16+
17+
#### Migration notes
18+
19+
- If you previously composed an action menu manually (action button + popover + menu), you can adopt the new wrapper classes without changing the underlying markup semantics. Ensure the trigger has `aria-haspopup="menu"` and manages `aria-expanded` according to your application logic.
20+
- For spacing customizations previously done with ad‑hoc margins, switch to the new `--spectrum-actionmenu-button-to-menu-gap` custom property.
21+
22+
Example markup:
23+
24+
```html
25+
<div class="spectrum-ActionMenu">
26+
<button
27+
class="spectrum-ActionMenu-trigger spectrum-ActionButton"
28+
aria-haspopup="menu"
29+
aria-expanded="false"
30+
>
31+
<!-- icon/label -->
32+
</button>
33+
<div class="spectrum-ActionMenu-popover spectrum-Popover">
34+
<ul class="spectrum-ActionMenu-menu spectrum-Menu">
35+
<!-- menu items -->
36+
</ul>
37+
</div>
38+
<!-- popover positioning/visibility is owned by your implementation -->
39+
<!-- use long-press behavior when appropriate to your UX -->
40+
<!-- use Popover placement options: bottom-start, bottom-end, start-top, end-top -->
41+
</div>
42+
```
43+
44+
### Menu refinements
45+
46+
Updates `@spectrum-css/menu` styles to align with latest Spectrum 2 design specifications and improve accessibility.
47+
48+
- Updated `.is-selectableMultiple .spectrum-Menu-itemCheckbox` to `.is-selectableMultiple:not(:has(.is-selectable)) .spectrum-Menu-itemCheckbox` to prevent clash with the `.is-selectable` placement.
49+
- Non-breaking; no class or DOM changes required.
50+
51+
### Action button refinements
52+
53+
- Selection styling now applies when components use ARIA pressed/expanded semantics, not just `.is-selected`.
54+
- Implemented with `:where()` to keep selector specificity low and prevent downstream specificity battles.
55+
- Non-breaking; no class changes required.
56+
57+
### Action group refinements
58+
59+
Aligns selection behavior of grouped items with action button updates.
60+
61+
- Adds `:where([aria-pressed="true"], [aria-expanded="true"])` alongside `.is-selected` on items to cover more accessibility use-cases while keeping specificity low.
62+
- Non-breaking; no class changes required.
63+
364
## 7.0.0-next.2
465

566
### Major Changes

‎components/actiongroup/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@spectrum-css/actiongroup",
3-
"version": "7.0.0-next.2",
3+
"version": "7.0.0-next.3",
44
"description": "The Spectrum CSS actiongroup component",
55
"license": "Apache-2.0",
66
"author": "Adobe",
@@ -36,7 +36,7 @@
3636
}
3737
},
3838
"devDependencies": {
39-
"@spectrum-css/actionbutton": "8.0.0-next.3",
39+
"@spectrum-css/actionbutton": "8.0.0-next.4",
4040
"@spectrum-css/tokens": "16.1.0-next.10"
4141
},
4242
"keywords": [

‎components/actionmenu/CHANGELOG.md‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,66 @@
11
# Change log
22

3+
## 8.0.0-next.2
4+
5+
### Major Changes
6+
7+
📝 [#4085](https://github.com/adobe/spectrum-css/pull/4085) [`082862e`](https://github.com/adobe/spectrum-css/commit/082862eb80c6e0ac1c801b1d538e4d2f2bb919b4) Thanks [@castastrophe](https://github.com/castastrophe)!
8+
9+
### Action menu component (now with custom styles!)
10+
11+
Introduces `@spectrum-css/actionmenu`, a composition of `ActionButton`, `Popover`, and `Menu` to present action lists from a trigger. Now with custom styles!
12+
13+
- Adds wrapper classes: `spectrum-ActionMenu`, `spectrum-ActionMenu-trigger`, `spectrum-ActionMenu-popover`, and `spectrum-ActionMenu-menu`.
14+
- Supports long press triggers and four placements (start/end, top/bottom) via the underlying popover API.
15+
- Design reference: [Figma S2 token specs](https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=20959-21513&node-type=frame&t=jbePQKK1yLdrHG2M-11).
16+
17+
#### Migration notes
18+
19+
- If you previously composed an action menu manually (action button + popover + menu), you can adopt the new wrapper classes without changing the underlying markup semantics. Ensure the trigger has `aria-haspopup="menu"` and manages `aria-expanded` according to your application logic.
20+
- For spacing customizations previously done with ad‑hoc margins, switch to the new `--spectrum-actionmenu-button-to-menu-gap` custom property.
21+
22+
Example markup:
23+
24+
```html
25+
<div class="spectrum-ActionMenu">
26+
<button
27+
class="spectrum-ActionMenu-trigger spectrum-ActionButton"
28+
aria-haspopup="menu"
29+
aria-expanded="false"
30+
>
31+
<!-- icon/label -->
32+
</button>
33+
<div class="spectrum-ActionMenu-popover spectrum-Popover">
34+
<ul class="spectrum-ActionMenu-menu spectrum-Menu">
35+
<!-- menu items -->
36+
</ul>
37+
</div>
38+
<!-- popover positioning/visibility is owned by your implementation -->
39+
<!-- use long-press behavior when appropriate to your UX -->
40+
<!-- use Popover placement options: bottom-start, bottom-end, start-top, end-top -->
41+
</div>
42+
```
43+
44+
### Menu refinements
45+
46+
Updates `@spectrum-css/menu` styles to align with latest Spectrum 2 design specifications and improve accessibility.
47+
48+
- Updated `.is-selectableMultiple .spectrum-Menu-itemCheckbox` to `.is-selectableMultiple:not(:has(.is-selectable)) .spectrum-Menu-itemCheckbox` to prevent clash with the `.is-selectable` placement.
49+
- Non-breaking; no class or DOM changes required.
50+
51+
### Action button refinements
52+
53+
- Selection styling now applies when components use ARIA pressed/expanded semantics, not just `.is-selected`.
54+
- Implemented with `:where()` to keep selector specificity low and prevent downstream specificity battles.
55+
- Non-breaking; no class changes required.
56+
57+
### Action group refinements
58+
59+
Aligns selection behavior of grouped items with action button updates.
60+
61+
- Adds `:where([aria-pressed="true"], [aria-expanded="true"])` alongside `.is-selected` on items to cover more accessibility use-cases while keeping specificity low.
62+
- Non-breaking; no class changes required.
63+
364
## 8.0.0-next.1
465

566
### Patch Changes

‎components/actionmenu/package.json‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@spectrum-css/actionmenu",
3-
"version": "8.0.0-next.1",
3+
"version": "8.0.0-next.2",
44
"description": "The Spectrum CSS actionmenu component",
55
"license": "Apache-2.0",
66
"author": "Adobe",
@@ -48,9 +48,9 @@
4848
}
4949
},
5050
"devDependencies": {
51-
"@spectrum-css/actionbutton": "8.0.0-next.3",
51+
"@spectrum-css/actionbutton": "8.0.0-next.4",
5252
"@spectrum-css/icon": "10.0.0-next.3",
53-
"@spectrum-css/menu": "10.0.0-next.5",
53+
"@spectrum-css/menu": "10.0.0-next.6",
5454
"@spectrum-css/popover": "9.0.0-next.5",
5555
"@spectrum-css/tokens": "16.1.0-next.10"
5656
},

0 commit comments

Comments
 (0)