Skip to content

Commit 8f58790

Browse files
chore: release (next) (#3907)
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
1 parent 37a031e commit 8f58790

File tree

13 files changed

+154
-21
lines changed

13 files changed

+154
-21
lines changed

.changeset/nasty-rats-rhyme.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@spectrum-css/bundle": major
3+
---
4+
5+
Updated picker and table changes brought into the released bundle.

.changeset/pre.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -137,10 +137,13 @@
137137
"mean-eggs-learn",
138138
"metal-fireants-switch",
139139
"modern-chairs-sit",
140+
"nasty-rats-rhyme",
140141
"nice-cows-shout",
141142
"nine-kings-repair",
142143
"old-goats-chew",
143144
"olive-tools-hang",
145+
"open-squids-refuse",
146+
"petite-toys-greet",
144147
"polite-moments-stay",
145148
"proud-jokes-rule",
146149
"proud-schools-reply",

.storybook/CHANGELOG.md

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

3+
## 12.0.5-next.4
4+
5+
### Patch Changes
6+
7+
- Updated dependencies []:
8+
- @spectrum-css/bundle@2.0.0-next.1
9+
310
## 12.0.5-next.3
411

512
### 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.0.5-next.3",
3+
"version": "12.0.5-next.4",
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": "^4.1.0",
43-
"@spectrum-css/bundle": "2.0.0-next.0",
43+
"@spectrum-css/bundle": "2.0.0-next.1",
4444
"@spectrum-css/tokens": "16.1.0-next.3",
4545
"@spectrum-css/ui-icons": "2.0.0-next.1"
4646
},

components/picker/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+
## 10.0.0-next.3
4+
5+
### Major Changes
6+
7+
- [#3792](https://github.com/adobe/spectrum-css/pull/3792) [`032001b`](https://github.com/adobe/spectrum-css/commit/032001b4eb1e6f15bb30fcc18b42cd001f790024) Thanks [@aramos-adobe](https://github.com/aramos-adobe)!
8+
9+
#### Component refactor
10+
11+
- Refactors Picker component to use proper custom property naming conventions
12+
- Adds size-specific animation distances for Popover component
13+
- Improves component structure with proper class by renaming `spectrum-Picker` to `spectrum-Picker-button`
14+
- `spectrum-Picker` now encapsulates help text, label, and popover components
15+
- Adds `flex-shrink` to progress circle for better layout control when truncation and loading is visible
16+
- Updates Popover animation distance to use `spectrum-Picker` custom properties
17+
18+
##### New token
19+
20+
`--spectrum-picker-popover-animation-distance`
21+
22+
##### Renamed tokens
23+
24+
`spectrum-picker-spacing-picker-to-popover` --> `--spectrum-picker-popover-animation-distance`
25+
326
## 10.0.0-next.2
427

528
### 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": "10.0.0-next.2",
3+
"version": "10.0.0-next.3",
44
"description": "The Spectrum CSS picker component",
55
"license": "Apache-2.0",
66
"author": "Adobe",

components/table/CHANGELOG.md

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

3+
## 9.0.0-next.2
4+
5+
### Major Changes
6+
7+
- [#3799](https://github.com/adobe/spectrum-css/pull/3799) [`c86d476`](https://github.com/adobe/spectrum-css/commit/c86d476f4a470dbca86b823d399583fd76d37871) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)!
8+
9+
#### S2 table migration
10+
11+
Compared to the S1 table, this component has updated corner rounding, updated color tokens, some updated spacing, and an overall refreshed look.
12+
13+
##### Net-new features
14+
15+
- The S2 table supports an empty state, rendering an illustrated message component.
16+
- As data is loading to the table, this component will render a progress circle during the loading state.
17+
- There are 2 selection modes: single-select and multi-select. Multi-select tables (`selectionMode: "multiple"`) render an indeterminate checkbox in the `thead`/`div` equivalent. Single-select tables (`selectionMode: "single"`) do not render the indeterminate checkbox in the header row. (Note: the `selectionMode` arg is disabled and will not render in the Storybook control table.)
18+
- For tables with sortable column, there are three new S2 icons used: `Sort` to indicate "general" sorting, `SortUp` for ascending sort direction, `SortDown` for descending sort direction.
19+
- Tables support thumbnail, avatar, and icon components as content within a cell.
20+
- Focus indicators for entire rows have been updated for rows to include a side focus indicator.
21+
22+
###### Description of other S2 table work
23+
24+
T-shirt sizing for tables is not technically supported, so t-shirt size classes (i.e. `.spectrum-Table--sizeS`), have been removed across all density variants.
25+
26+
The `.spectrum-Table-cell--alignRight` class has been renamed to `.spectrum-Table-cell--alignEnd` to reflect the preference for "logical" positioning. The `.spectrum-Table-cell--alignCenter` class has been refactored to `.spectrum-Table-cell--alignStart`.
27+
28+
In S1, the CSS table component only supported thumbnails. Because the S2 table supports thumbnails, as well as avatars and icons, most of the language regarding thumbnails has also changed. For instance, the `showThumbnail` storybook arg was refactored to `visualElement`. The following CSS classes have been removed or refactored to remove the thumbnail language in favor of "visual" instead:
29+
30+
- `.spectrum-Table-thumbnailInner` >> `.spectrum-Table-visualInner`
31+
- `.spectrum-Table-row--thumbnail` >> **removed**
32+
- `.spectrum-Table-cell--thumbnail` >> **removed**
33+
- `.spectrum-Table-thumbnailInner` >> **removed**
34+
- `.spectrum-Table-thumbnailContent` >> **removed**
35+
- `.spectrum-Table-thumbnailInner` >> **removed**
36+
37+
The drop zones have been refactored to approach the drop zone indicators as pseudo elements, as opposed to `outline` properties.
38+
39+
Because there are multiple sort icons in the S2 table, `.spectrum-Table-sortedIcon` has been renamed to `.spectrum-Table-sortIcon`.
40+
41+
Individual cell focus rings have rounded corners.
42+
43+
The outer table border extends all the way around the `thead`/`div` equivalent.
44+
45+
In Storybook, several new stories have been added to the docs page and the testing grid for Chromatic. These stories include `EmptyState`, `LoadingState`, `SingleSelect`, `NumericalData`, `TableStates`, `Sortable`. Documentation has been added for each of these stories, as well as expanded in other stories.
46+
47+
##### Modifiers
48+
49+
###### Renamed
50+
51+
| Old Modifier | New modifier |
52+
| -------------------------------------------------- | ------------------------------------------------- |
53+
| `--mod-table-border-radius--quiet` | `--mod-table-border-radius-quiet` |
54+
| `--mod-table-header-top-to-text` | `--mod-table-header-row-top-to-text` |
55+
| `--mod-table-header-bottom-to-text` | `--mod-table-header-row-bottom-to-text` |
56+
| `--mod-table-cell-inline-space` | `--mod-table-cell-inline-spacing` |
57+
| `--mod-table-checkbox-to-text` | `--mod-table-checkbox-to-cell-content` |
58+
| `--mod-table-header-background-color--quiet` | `--mod-table-header-background-color-quiet` |
59+
| `--mod-table-header-bottom-to-text` | `--mod-table-header-row-bottom-to-text` |
60+
| `--mod-table-header-top-to-text` | `--mod-table-header-row-top-to-text` |
61+
| `--mod-table-min-row-height--compact` | `--mod-table-min-row-height-compact` |
62+
| `--mod-table-min-row-height--spacious` | `--mod-table-min-row-height-spacious` |
63+
| `--mod-table-outer-border-inline-width--quiet` | `--mod-table-outer-border-inline-width-quiet` |
64+
| `--mod-table-row-background-color--quiet` | `--mod-table-row-background-color-quiet` |
65+
| `--mod-table-row-checkbox-block-spacing--compact` | `--mod-table-row-checkbox-block-spacing-compact` |
66+
| `--mod-table-row-checkbox-block-spacing--spacious` | `--mod-table-row-checkbox-block-spacing-spacious` |
67+
| `--mod-table-thumbnail-to-text` | `--mod-table-visual-to-text` |
68+
69+
###### New
70+
71+
- `--mod-table-avatar-size`
72+
- `--mod-table-avatar-size-compact`
73+
- `--mod-table-avatar-size-spacious`
74+
- `--mod-table-section-header-inline-start-spacing`
75+
- `--mod-table-summary-row-bottom-to-text`
76+
- `--mod-table-summary-row-min-height`
77+
- `--mod-table-summary-row-top-to-text`
78+
79+
###### Removed
80+
81+
- `--mod-table-edge-to-content`
82+
- `--mod-table-header-row-checkbox-block-spacing`
83+
- `--mod-table-avatar-size-spacious`
84+
- `--mod-table-row-bottom-to-text--compact`
85+
- `--mod-table-row-bottom-to-text--spacious`
86+
- `--mod-table-row-top-to-text--compact`
87+
- `--mod-table-row-top-to-text--spacious`
88+
- `--mod-table-thumbnail-block-spacing"`
89+
- `--mod-table-thumbnail-block-spacing-compact`
90+
- `--mod-table-thumbnail-block-spacing-spacious`
91+
392
## 9.0.0-next.1
493

594
### Patch Changes

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

components/tabs/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
"devDependencies": {
4848
"@spectrum-css/icon": "10.0.0-next.2",
4949
"@spectrum-css/menu": "10.0.0-next.3",
50-
"@spectrum-css/picker": "10.0.0-next.2",
50+
"@spectrum-css/picker": "10.0.0-next.3",
5151
"@spectrum-css/tokens": "16.1.0-next.3"
5252
},
5353
"keywords": [

tools/bundle/CHANGELOG.md

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

3+
## 2.0.0-next.1
4+
5+
### Major Changes
6+
7+
- Updated picker and table changes brought into the released bundle.
8+
39
## 2.0.0-next.0
410

511
### Major Changes

tools/bundle/package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@spectrum-css/bundle",
3-
"version": "2.0.0-next.0",
3+
"version": "2.0.0-next.1",
44
"description": "A demo-ready bundle of the components in the Spectrum CSS library.",
55
"license": "Apache-2.0",
66
"author": "Adobe",
@@ -29,7 +29,7 @@
2929
"./src/*": "./src/*"
3030
},
3131
"main": "dist/index.css",
32-
"devDependencies": {
32+
"dependencies": {
3333
"@spectrum-css/accordion": "8.0.0-next.1",
3434
"@spectrum-css/actionbar": "11.0.0-next.2",
3535
"@spectrum-css/actionbutton": "8.0.0-next.2",
@@ -84,7 +84,7 @@
8484
"@spectrum-css/opacitycheckerboard": "5.0.0-next.0",
8585
"@spectrum-css/page": "10.0.0-next.0",
8686
"@spectrum-css/pagination": "11.0.0-next.1",
87-
"@spectrum-css/picker": "10.0.0-next.2",
87+
"@spectrum-css/picker": "10.0.0-next.3",
8888
"@spectrum-css/pickerbutton": "7.0.0-next.1",
8989
"@spectrum-css/popover": "9.0.0-next.2",
9090
"@spectrum-css/progressbar": "7.0.0-next.1",
@@ -101,7 +101,7 @@
101101
"@spectrum-css/swatch": "9.0.0-next.1",
102102
"@spectrum-css/swatchgroup": "6.0.0-next.1",
103103
"@spectrum-css/switch": "7.0.0-next.1",
104-
"@spectrum-css/table": "9.0.0-next.1",
104+
"@spectrum-css/table": "9.0.0-next.2",
105105
"@spectrum-css/tabs": "7.0.0-next.1",
106106
"@spectrum-css/tag": "11.0.0-next.2",
107107
"@spectrum-css/taggroup": "8.0.0-next.1",

yarn.config.cjs

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -246,14 +246,14 @@ module.exports = defineConfig({
246246
// Don't remove tooling dependencies
247247
if (!dependency.startsWith("@spectrum-css/")) continue;
248248

249-
if (!components.includes(dependency.replace("@spectrum-css/", "")) && dependency !== "@spectrum-css/tokens") {
250-
// Remove the dependencies that are not in the components directory
251-
workspace.remove(`dependencies.${dependency}`);
252-
}
253-
else {
249+
if (Yarn.workspace({ ident: dependency })?.manifest?.version) {
254250
// Update the version of the dependency to the latest local version
255251
workspace.set(`dependencies.${dependency}`, Yarn.workspace({ ident: dependency }).manifest.version);
256252
}
253+
else {
254+
// Remove the dependencies that are not in the components directory
255+
workspace.unset(`dependencies.${dependency}`);
256+
}
257257
}
258258
}
259259
else {

yarn.lock

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4231,7 +4231,7 @@ __metadata:
42314231
languageName: unknown
42324232
linkType: soft
42334233

4234-
"@spectrum-css/bundle@npm:2.0.0-next.0, @spectrum-css/bundle@workspace:tools/bundle":
4234+
"@spectrum-css/bundle@npm:2.0.0-next.1, @spectrum-css/bundle@workspace:tools/bundle":
42354235
version: 0.0.0-use.local
42364236
resolution: "@spectrum-css/bundle@workspace:tools/bundle"
42374237
dependencies:
@@ -4289,7 +4289,7 @@ __metadata:
42894289
"@spectrum-css/opacitycheckerboard": "npm:5.0.0-next.0"
42904290
"@spectrum-css/page": "npm:10.0.0-next.0"
42914291
"@spectrum-css/pagination": "npm:11.0.0-next.1"
4292-
"@spectrum-css/picker": "npm:10.0.0-next.2"
4292+
"@spectrum-css/picker": "npm:10.0.0-next.3"
42934293
"@spectrum-css/pickerbutton": "npm:7.0.0-next.1"
42944294
"@spectrum-css/popover": "npm:9.0.0-next.2"
42954295
"@spectrum-css/progressbar": "npm:7.0.0-next.1"
@@ -4306,7 +4306,7 @@ __metadata:
43064306
"@spectrum-css/swatch": "npm:9.0.0-next.1"
43074307
"@spectrum-css/swatchgroup": "npm:6.0.0-next.1"
43084308
"@spectrum-css/switch": "npm:7.0.0-next.1"
4309-
"@spectrum-css/table": "npm:9.0.0-next.1"
4309+
"@spectrum-css/table": "npm:9.0.0-next.2"
43104310
"@spectrum-css/tabs": "npm:7.0.0-next.1"
43114311
"@spectrum-css/tag": "npm:11.0.0-next.2"
43124312
"@spectrum-css/taggroup": "npm:8.0.0-next.1"
@@ -5167,7 +5167,7 @@ __metadata:
51675167
languageName: unknown
51685168
linkType: soft
51695169

5170-
"@spectrum-css/picker@npm:10.0.0-next.2, @spectrum-css/picker@workspace:components/picker":
5170+
"@spectrum-css/picker@npm:10.0.0-next.3, @spectrum-css/picker@workspace:components/picker":
51715171
version: 0.0.0-use.local
51725172
resolution: "@spectrum-css/picker@workspace:components/picker"
51735173
dependencies:
@@ -5264,7 +5264,7 @@ __metadata:
52645264
"@babel/core": "npm:^7.27.4"
52655265
"@chromatic-com/storybook": "npm:^3.2.6"
52665266
"@etchteam/storybook-addon-status": "npm:^5.0.0"
5267-
"@spectrum-css/bundle": "npm:2.0.0-next.0"
5267+
"@spectrum-css/bundle": "npm:2.0.0-next.1"
52685268
"@spectrum-css/tokens": "npm:16.1.0-next.3"
52695269
"@spectrum-css/ui-icons": "npm:2.0.0-next.1"
52705270
"@storybook/addon-a11y": "npm:8.4.7"
@@ -5544,7 +5544,7 @@ __metadata:
55445544
languageName: unknown
55455545
linkType: soft
55465546

5547-
"@spectrum-css/table@npm:9.0.0-next.1, @spectrum-css/table@workspace:components/table":
5547+
"@spectrum-css/table@npm:9.0.0-next.2, @spectrum-css/table@workspace:components/table":
55485548
version: 0.0.0-use.local
55495549
resolution: "@spectrum-css/table@workspace:components/table"
55505550
dependencies:
@@ -5579,7 +5579,7 @@ __metadata:
55795579
dependencies:
55805580
"@spectrum-css/icon": "npm:10.0.0-next.2"
55815581
"@spectrum-css/menu": "npm:10.0.0-next.3"
5582-
"@spectrum-css/picker": "npm:10.0.0-next.2"
5582+
"@spectrum-css/picker": "npm:10.0.0-next.3"
55835583
"@spectrum-css/tokens": "npm:16.1.0-next.3"
55845584
peerDependencies:
55855585
"@spectrum-css/icon": ">=10.0.0-next.0"

0 commit comments

Comments
 (0)