Skip to content

Commit 3c07cc6

Browse files
chore: release (next)
1 parent 56c6806 commit 3c07cc6

File tree

21 files changed

+275
-12
lines changed

21 files changed

+275
-12
lines changed

.changeset/pre.json

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -98,33 +98,40 @@
9898
"@spectrum-css/ui-icons": "1.1.2"
9999
},
100100
"changesets": [
101+
"beige-dragons-tickle",
101102
"big-chairs-care",
102103
"chilly-peaches-sniff",
103104
"early-actors-buy",
104105
"eleven-cooks-destroy",
105106
"few-doors-smile",
106107
"few-eels-retire",
108+
"fresh-crabs-deliver",
107109
"fresh-seahorses-join",
108110
"friendly-dolls-raise",
109111
"healthy-zebras-unite",
110112
"hip-spies-try",
111113
"hot-books-fail",
114+
"itchy-kids-travel",
115+
"itchy-shrimps-help",
112116
"light-years-speak",
113117
"loud-vans-brush",
114118
"mean-eggs-learn",
115119
"metal-fireants-switch",
120+
"modern-chairs-sit",
116121
"nine-kings-repair",
117-
"perfect-dogs-smash",
118122
"plenty-trees-act",
119123
"pretty-parents-drum",
120124
"proud-jokes-rule",
125+
"rotten-meals-share",
126+
"serious-clouds-jam",
121127
"sixty-crabs-thank",
122128
"sixty-vans-thank",
123129
"spotty-onions-study",
124130
"strange-glasses-allow",
125131
"tame-bobcats-beam",
126132
"tame-wasps-shake",
127133
"ten-lizards-work",
134+
"twenty-ravens-divide",
128135
"twenty-tables-know",
129136
"weak-kings-pretend",
130137
"wicked-dragons-cheer",

components/breadcrumb/CHANGELOG.md

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,22 @@
11
# Change Log
22

3+
## 12.0.0-next.0
4+
5+
### Major Changes
6+
7+
- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`2bf6512`](https://github.com/adobe/spectrum-css/commit/2bf6512963bca64821c3d4a4869827c6e1254f65) Thanks [@pfulton](https://github.com/pfulton)! - #### Spectrum 2 Migration
8+
9+
The breadcrumbs component is now updated to use the S2 specs and tokens. This includes updated spacing, heights, colors, font sizes, etc.
10+
11+
There has been a major design change to the variant classes related to density and sizing, to align their terminology better with t-shirt sizes:
12+
13+
- The "compact" variant no longer exists. The `spectrum-Breadcrumbs--compact` class and associated custom properties are removed. The default (medium) breadcrumbs are now sized similar to what was previously called compact.
14+
- There is a new "large" variant, which uses the `spectrum-Breadcrumbs--sizeL` class. This is sized similarly to what was previously the default.
15+
16+
In the multiline variant, the size of the title item can optionally be customized using an additional child heading element that applies one of the
17+
typography component's `spectrum-Heading--size*` classes. The preferred sizes specified in the design spec are small, medium, large (default), and
18+
extra-large. If an additional heading element is not used within the title item, the text will still be sized correctly to the default.
19+
320
## 11.0.1
421

522
### Patch Changes
@@ -169,7 +186,8 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
169186
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
170187

171188
### 🛑 BREAKING CHANGES
172-
- Removes component-builder & component-builder-simple for script leveraging postcss
189+
190+
- Removes component-builder & component-builder-simple for script leveraging postcss
173191

174192
- Imports added to index.css and themes/express.css
175193

components/breadcrumb/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/breadcrumb",
3-
"version": "11.0.1",
3+
"version": "12.0.0-next.0",
44
"description": "The Spectrum CSS breadcrumb component",
55
"license": "Apache-2.0",
66
"author": "Adobe",

components/coachmark/CHANGELOG.md

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

3+
## 9.1.0-next.0
4+
5+
### Minor Changes
6+
7+
- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`f158499`](https://github.com/adobe/spectrum-css/commit/f15849905f28815ebd70198ffaac7532fb37c253) Thanks [@pfulton](https://github.com/pfulton)! - CSS references to popover custom properties/tokens were updated to reflect some mod name changes in the S2 popover (#3365). The corner radius token was updated to correspond to the new S2 popover corner radius, as well as some updated popover mod names:
8+
9+
- `--mod-popover-content-area-spacing-vertical` was updated to `--mod-popover-content-area-spacing`.
10+
- `--spectrum-border-width-100` was updated to `--spectrum-corner-radius-large-default`
11+
12+
### Patch Changes
13+
14+
- Updated dependencies [[`f158499`](https://github.com/adobe/spectrum-css/commit/f15849905f28815ebd70198ffaac7532fb37c253)]:
15+
- @spectrum-css/popover@9.0.0-next.0
16+
317
## 8.0.0-next.0
418

519
### Patch Changes

components/coachmark/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/coachmark",
3-
"version": "9.0.1",
3+
"version": "9.1.0-next.0",
44
"description": "The Spectrum CSS coachmark component",
55
"license": "Apache-2.0",
66
"author": "Adobe",

components/colorslider/CHANGELOG.md

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

3+
## 8.1.0-next.0
4+
5+
### Minor Changes
6+
7+
- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`8381dd0`](https://github.com/adobe/spectrum-css/commit/8381dd01378a977341c1158877abe39f07d2e21b) Thanks [@pfulton](https://github.com/pfulton)! - # S2 colorslider migration
8+
9+
This migrates the `colorslider` component to S2. Custom properties have been remapped per the design spec.
10+
11+
| Before | After |
12+
| ------------------------- | -------------------------- |
13+
| `--spectrum-gray-900-rgb` | `--spectrum-gray-1000-rgb` |
14+
315
## 7.0.0-next.0
416

517
### Patch Changes

components/colorslider/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/colorslider",
3-
"version": "8.0.1",
3+
"version": "8.1.0-next.0",
44
"description": "The Spectrum CSS Color slider component",
55
"license": "Apache-2.0",
66
"author": "Adobe",

components/dialog/CHANGELOG.md

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

3+
## 13.0.0-next.0
4+
5+
### Major Changes
6+
7+
- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`8a4ab84`](https://github.com/adobe/spectrum-css/commit/8a4ab8476f4e606b9c020b780baf29248e4f8f24) Thanks [@pfulton](https://github.com/pfulton)! - S2 Takeover dialog
8+
9+
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).
10+
11+
Takeover dialogs also support replacing text in the header and body areas with other components. This required an additional `.spectrum-Dialog-headerContentWrapper` element that should center whatever component/content within.
12+
13+
Class names updated to match naming convention (remove hyphens and capitalize second word):
14+
`.spectrum-Dialog-header-content` > `.spectrum-Dialog-headerContent`
15+
`.spectrum-Dialog-footer-content` > `.spectrum-Dialog-footerContent`
16+
17+
_New Mods_
18+
`--mod-takeover-dialog-grid-spacing`
19+
`--mod-takeover-dialog-spacing-header-content-gap`
20+
`--mod-takeover-dialog-title-font-size`
21+
22+
Modal updates
23+
24+
- 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`
25+
26+
### Patch Changes
27+
28+
- Updated dependencies [[`8a4ab84`](https://github.com/adobe/spectrum-css/commit/8a4ab8476f4e606b9c020b780baf29248e4f8f24)]:
29+
- @spectrum-css/modal@7.1.0-next.0
30+
331
## 11.0.0-next.1
432

533
### Patch Changes

components/dialog/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/dialog",
3-
"version": "12.0.1",
3+
"version": "13.0.0-next.0",
44
"description": "The Spectrum CSS dialog component",
55
"license": "Apache-2.0",
66
"author": "Adobe",

components/dropzone/CHANGELOG.md

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

3+
## 9.0.0-next.0
4+
5+
### Major Changes
6+
7+
- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`b50d038`](https://github.com/adobe/spectrum-css/commit/b50d0382f3ce554e89e89e57f86f25d2d84b332e) Thanks [@pfulton](https://github.com/pfulton)! - # S2 Illustrated Message Migration
8+
9+
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.
10+
11+
## Illustrated Message
12+
13+
New properties
14+
`--spectrum-illustrated-message-heading-to-description`
15+
`--spectrum-illustrated-message-illustration-to-heading`
16+
`--spectrum-illustrated-message-illustration-to-content`
17+
`--spectrum-illustrated-message-description-to-action`
18+
`--spectrum-illustrated-message-illustration-color`
19+
`--spectrum-illustrated-message-illustration-size`
20+
`--spectrum-illustrated-message-small-cjk-title-font-size`
21+
`--spectrum-illustrated-message-large-cjk-title-font-size`
22+
`--spectrum-illustrated-message-large-body-font-size`
23+
`--spectrum-illustrated-message-horizontal-maximum-width`
24+
25+
New mods
26+
`--mod-illustrated-message-description-to-action`
27+
`--mod-illustrated-message-heading-to-description`
28+
`--mod-illustrated-message-illustration-to-content`
29+
`--mod-illustrated-message-horizontal-maximum-width`
30+
31+
Removed properties
32+
`--spectrum-illustrated-message-title-to-heading`
33+
`--spectrum-illustrated-message-description-max-inline-size`
34+
`--spectrum-illustrated-message-heading-max-inline-size`
35+
`--spectrum-illustrated-message-illustration-accent-color`
36+
`--mod-illustrated-message-illustration-accent-color`
37+
`--highcontrast-illustrated-message-illustration-accent-color`
38+
39+
## Dropzone
40+
41+
New mods
42+
`--mod-drop-zone-body-to-action`
43+
`--mod-drop-zone-illustration-to-title`
44+
45+
## Dropzone nested mods
46+
47+
Renamed mods
48+
`--mod-illustrated-message-title-to-heading` > `--mod-illustrated-message-illustration-to-heading`
49+
`--mod-illustrated-message-heading-to-body` > `--mod-illustrated-message-heading-to-description`
50+
`--mod-illustrated-message-content-maximum-width` > `--mod-illustrated-message-vertical-maximum-width`
51+
52+
### Patch Changes
53+
54+
- Updated dependencies [[`b50d038`](https://github.com/adobe/spectrum-css/commit/b50d0382f3ce554e89e89e57f86f25d2d84b332e)]:
55+
- @spectrum-css/illustratedmessage@10.0.0-next.0
56+
357
## 8.0.1
458

559
### Patch Changes

components/dropzone/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/dropzone",
3-
"version": "8.0.1",
3+
"version": "9.0.0-next.0",
44
"description": "The Spectrum CSS dropzone component",
55
"license": "Apache-2.0",
66
"author": "Adobe",

components/illustratedmessage/CHANGELOG.md

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

3+
## 10.0.0-next.0
4+
5+
### Major Changes
6+
7+
- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`b50d038`](https://github.com/adobe/spectrum-css/commit/b50d0382f3ce554e89e89e57f86f25d2d84b332e) Thanks [@pfulton](https://github.com/pfulton)! - # S2 Illustrated Message Migration
8+
9+
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.
10+
11+
## Illustrated Message
12+
13+
New properties
14+
`--spectrum-illustrated-message-heading-to-description`
15+
`--spectrum-illustrated-message-illustration-to-heading`
16+
`--spectrum-illustrated-message-illustration-to-content`
17+
`--spectrum-illustrated-message-description-to-action`
18+
`--spectrum-illustrated-message-illustration-color`
19+
`--spectrum-illustrated-message-illustration-size`
20+
`--spectrum-illustrated-message-small-cjk-title-font-size`
21+
`--spectrum-illustrated-message-large-cjk-title-font-size`
22+
`--spectrum-illustrated-message-large-body-font-size`
23+
`--spectrum-illustrated-message-horizontal-maximum-width`
24+
25+
New mods
26+
`--mod-illustrated-message-description-to-action`
27+
`--mod-illustrated-message-heading-to-description`
28+
`--mod-illustrated-message-illustration-to-content`
29+
`--mod-illustrated-message-horizontal-maximum-width`
30+
31+
Removed properties
32+
`--spectrum-illustrated-message-title-to-heading`
33+
`--spectrum-illustrated-message-description-max-inline-size`
34+
`--spectrum-illustrated-message-heading-max-inline-size`
35+
`--spectrum-illustrated-message-illustration-accent-color`
36+
`--mod-illustrated-message-illustration-accent-color`
37+
`--highcontrast-illustrated-message-illustration-accent-color`
38+
39+
## Dropzone
40+
41+
New mods
42+
`--mod-drop-zone-body-to-action`
43+
`--mod-drop-zone-illustration-to-title`
44+
45+
## Dropzone nested mods
46+
47+
Renamed mods
48+
`--mod-illustrated-message-title-to-heading` > `--mod-illustrated-message-illustration-to-heading`
49+
`--mod-illustrated-message-heading-to-body` > `--mod-illustrated-message-heading-to-description`
50+
`--mod-illustrated-message-content-maximum-width` > `--mod-illustrated-message-vertical-maximum-width`
51+
352
## 9.0.1
453

554
### Patch Changes

components/illustratedmessage/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/illustratedmessage",
3-
"version": "9.0.1",
3+
"version": "10.0.0-next.0",
44
"description": "The Spectrum CSS illustratedmessage component",
55
"license": "Apache-2.0",
66
"author": "Adobe",

components/modal/CHANGELOG.md

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

3+
## 7.1.0-next.0
4+
5+
### Minor Changes
6+
7+
- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`8a4ab84`](https://github.com/adobe/spectrum-css/commit/8a4ab8476f4e606b9c020b780baf29248e4f8f24) Thanks [@pfulton](https://github.com/pfulton)! - S2 Takeover dialog
8+
9+
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).
10+
11+
Takeover dialogs also support replacing text in the header and body areas with other components. This required an additional `.spectrum-Dialog-headerContentWrapper` element that should center whatever component/content within.
12+
13+
Class names updated to match naming convention (remove hyphens and capitalize second word):
14+
`.spectrum-Dialog-header-content` > `.spectrum-Dialog-headerContent`
15+
`.spectrum-Dialog-footer-content` > `.spectrum-Dialog-footerContent`
16+
17+
_New Mods_
18+
`--mod-takeover-dialog-grid-spacing`
19+
`--mod-takeover-dialog-spacing-header-content-gap`
20+
`--mod-takeover-dialog-title-font-size`
21+
22+
Modal updates
23+
24+
- 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`
25+
326
## 5.1.1-next.0
427

528
### Patch Changes

components/modal/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/modal",
3-
"version": "7.0.1",
3+
"version": "7.1.0-next.0",
44
"description": "The Spectrum CSS modal component",
55
"license": "Apache-2.0",
66
"author": "Adobe",

components/picker/CHANGELOG.md

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

3+
## 9.0.2-next.0
4+
5+
### Patch Changes
6+
7+
- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`f158499`](https://github.com/adobe/spectrum-css/commit/f15849905f28815ebd70198ffaac7532fb37c253) Thanks [@pfulton](https://github.com/pfulton)! - S2 Popover has an updated default position, bottom-start. The correct `.spectrum-Popover--bottom-start` class was added to the open popover selector blocks for picker so that the spacing from the picker to the popover is correctly adjusted.
8+
9+
- Updated dependencies [[`e911854`](https://github.com/adobe/spectrum-css/commit/e911854a7f9bd4ffccebe6bba78fa967d3046450), [`f158499`](https://github.com/adobe/spectrum-css/commit/f15849905f28815ebd70198ffaac7532fb37c253)]:
10+
- @spectrum-css/progresscircle@6.0.0-next.0
11+
- @spectrum-css/popover@9.0.0-next.0
12+
313
## 9.0.0-next.1
414

515
### Patch Changes

components/picker/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/picker",
3-
"version": "9.0.1",
3+
"version": "9.0.2-next.0",
44
"description": "The Spectrum CSS picker component",
55
"license": "Apache-2.0",
66
"author": "Adobe",

components/popover/CHANGELOG.md

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

3+
## 9.0.0-next.0
4+
5+
### Major Changes
6+
7+
- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`f158499`](https://github.com/adobe/spectrum-css/commit/f15849905f28815ebd70198ffaac7532fb37c253) Thanks [@pfulton](https://github.com/pfulton)! - S2 Popover Migration
8+
9+
The S2 popover using new tokens for border color, padding, corner radius and elevation/drop shadows.
10+
11+
Renamed Mods
12+
13+
| Old mod | New mod |
14+
| --------------------------------------------- | ------------------------------------ |
15+
| `--mod-popover-shadow-blur` | `--mod-popover-drop-shadow-blur` |
16+
| `--mod-popover-shadow-color` | `--mod-popover-drop-shadow-color` |
17+
| `--mod-popover-shadow-horizontal` | `--mod-popover-drop-shadow-x` |
18+
| `--mod-popover-shadow-vertical` | `--mod-popover-drop-shadow-y` |
19+
| `--mod-popover-content-area-spacing-vertical` | `--mod-popover-content-area-spacing` |
20+
21+
### Patch Changes
22+
23+
- Updated dependencies [[`8a4ab84`](https://github.com/adobe/spectrum-css/commit/8a4ab8476f4e606b9c020b780baf29248e4f8f24)]:
24+
- @spectrum-css/dialog@13.0.0-next.0
25+
326
## 8.0.0-next.1
427

528
### Patch Changes

0 commit comments

Comments
 (0)