From 924ba305d719fed6ec5bb2b9008f40bee3009f10 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 10 Jun 2025 17:16:45 +0000 Subject: [PATCH] chore: release (next) --- .changeset/nasty-rats-rhyme.md | 5 ++ .changeset/pre.json | 3 ++ .storybook/CHANGELOG.md | 7 +++ .storybook/package.json | 4 +- components/picker/CHANGELOG.md | 23 +++++++++ components/picker/package.json | 2 +- components/table/CHANGELOG.md | 89 ++++++++++++++++++++++++++++++++++ components/table/package.json | 2 +- components/tabs/package.json | 2 +- tools/bundle/CHANGELOG.md | 6 +++ tools/bundle/package.json | 8 +-- yarn.config.cjs | 10 ++-- yarn.lock | 14 +++--- 13 files changed, 154 insertions(+), 21 deletions(-) create mode 100644 .changeset/nasty-rats-rhyme.md diff --git a/.changeset/nasty-rats-rhyme.md b/.changeset/nasty-rats-rhyme.md new file mode 100644 index 00000000000..f1cd0b500bd --- /dev/null +++ b/.changeset/nasty-rats-rhyme.md @@ -0,0 +1,5 @@ +--- +"@spectrum-css/bundle": major +--- + +Updated picker and table changes brought into the released bundle. diff --git a/.changeset/pre.json b/.changeset/pre.json index 8967f629b02..9a936021777 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -137,10 +137,13 @@ "mean-eggs-learn", "metal-fireants-switch", "modern-chairs-sit", + "nasty-rats-rhyme", "nice-cows-shout", "nine-kings-repair", "old-goats-chew", "olive-tools-hang", + "open-squids-refuse", + "petite-toys-greet", "polite-moments-stay", "proud-jokes-rule", "proud-schools-reply", diff --git a/.storybook/CHANGELOG.md b/.storybook/CHANGELOG.md index d82f8c41dd2..51e15c105ef 100644 --- a/.storybook/CHANGELOG.md +++ b/.storybook/CHANGELOG.md @@ -1,5 +1,12 @@ # Change Log +## 12.0.5-next.4 + +### Patch Changes + +- Updated dependencies []: + - @spectrum-css/bundle@2.0.0-next.1 + ## 12.0.5-next.3 ### Patch Changes diff --git a/.storybook/package.json b/.storybook/package.json index 5bd68679f1e..2035e840f42 100644 --- a/.storybook/package.json +++ b/.storybook/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/preview", - "version": "12.0.5-next.3", + "version": "12.0.5-next.4", "description": "A Spectrum CSS preview", "license": "Apache-2.0", "author": "Adobe", @@ -40,7 +40,7 @@ }, "dependencies": { "@adobe/spectrum-css-workflow-icons": "^4.1.0", - "@spectrum-css/bundle": "2.0.0-next.0", + "@spectrum-css/bundle": "2.0.0-next.1", "@spectrum-css/tokens": "16.1.0-next.3", "@spectrum-css/ui-icons": "2.0.0-next.1" }, diff --git a/components/picker/CHANGELOG.md b/components/picker/CHANGELOG.md index 751b1ead3d0..0d269d56be4 100644 --- a/components/picker/CHANGELOG.md +++ b/components/picker/CHANGELOG.md @@ -1,5 +1,28 @@ # Change log +## 10.0.0-next.3 + +### Major Changes + +- [#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)! + +#### Component refactor + +- Refactors Picker component to use proper custom property naming conventions +- Adds size-specific animation distances for Popover component +- Improves component structure with proper class by renaming `spectrum-Picker` to `spectrum-Picker-button` +- `spectrum-Picker` now encapsulates help text, label, and popover components +- Adds `flex-shrink` to progress circle for better layout control when truncation and loading is visible +- Updates Popover animation distance to use `spectrum-Picker` custom properties + +##### New token + +`--spectrum-picker-popover-animation-distance` + +##### Renamed tokens + +`spectrum-picker-spacing-picker-to-popover` --> `--spectrum-picker-popover-animation-distance` + ## 10.0.0-next.2 ### Patch Changes diff --git a/components/picker/package.json b/components/picker/package.json index 4b9ce342a6d..4daabc035f5 100644 --- a/components/picker/package.json +++ b/components/picker/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/picker", - "version": "10.0.0-next.2", + "version": "10.0.0-next.3", "description": "The Spectrum CSS picker component", "license": "Apache-2.0", "author": "Adobe", diff --git a/components/table/CHANGELOG.md b/components/table/CHANGELOG.md index 2dbd94da482..1425dca722d 100644 --- a/components/table/CHANGELOG.md +++ b/components/table/CHANGELOG.md @@ -1,5 +1,94 @@ # Change log +## 9.0.0-next.2 + +### Major Changes + +- [#3799](https://github.com/adobe/spectrum-css/pull/3799) [`c86d476`](https://github.com/adobe/spectrum-css/commit/c86d476f4a470dbca86b823d399583fd76d37871) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! + +#### S2 table migration + +Compared to the S1 table, this component has updated corner rounding, updated color tokens, some updated spacing, and an overall refreshed look. + +##### Net-new features + +- The S2 table supports an empty state, rendering an illustrated message component. +- As data is loading to the table, this component will render a progress circle during the loading state. +- 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.) +- 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. +- Tables support thumbnail, avatar, and icon components as content within a cell. +- Focus indicators for entire rows have been updated for rows to include a side focus indicator. + +###### Description of other S2 table work + +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. + +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`. + +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: + +- `.spectrum-Table-thumbnailInner` >> `.spectrum-Table-visualInner` +- `.spectrum-Table-row--thumbnail` >> **removed** +- `.spectrum-Table-cell--thumbnail` >> **removed** +- `.spectrum-Table-thumbnailInner` >> **removed** +- `.spectrum-Table-thumbnailContent` >> **removed** +- `.spectrum-Table-thumbnailInner` >> **removed** + +The drop zones have been refactored to approach the drop zone indicators as pseudo elements, as opposed to `outline` properties. + +Because there are multiple sort icons in the S2 table, `.spectrum-Table-sortedIcon` has been renamed to `.spectrum-Table-sortIcon`. + +Individual cell focus rings have rounded corners. + +The outer table border extends all the way around the `thead`/`div` equivalent. + +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. + +##### Modifiers + +###### Renamed + +| Old Modifier | New modifier | +| -------------------------------------------------- | ------------------------------------------------- | +| `--mod-table-border-radius--quiet` | `--mod-table-border-radius-quiet` | +| `--mod-table-header-top-to-text` | `--mod-table-header-row-top-to-text` | +| `--mod-table-header-bottom-to-text` | `--mod-table-header-row-bottom-to-text` | +| `--mod-table-cell-inline-space` | `--mod-table-cell-inline-spacing` | +| `--mod-table-checkbox-to-text` | `--mod-table-checkbox-to-cell-content` | +| `--mod-table-header-background-color--quiet` | `--mod-table-header-background-color-quiet` | +| `--mod-table-header-bottom-to-text` | `--mod-table-header-row-bottom-to-text` | +| `--mod-table-header-top-to-text` | `--mod-table-header-row-top-to-text` | +| `--mod-table-min-row-height--compact` | `--mod-table-min-row-height-compact` | +| `--mod-table-min-row-height--spacious` | `--mod-table-min-row-height-spacious` | +| `--mod-table-outer-border-inline-width--quiet` | `--mod-table-outer-border-inline-width-quiet` | +| `--mod-table-row-background-color--quiet` | `--mod-table-row-background-color-quiet` | +| `--mod-table-row-checkbox-block-spacing--compact` | `--mod-table-row-checkbox-block-spacing-compact` | +| `--mod-table-row-checkbox-block-spacing--spacious` | `--mod-table-row-checkbox-block-spacing-spacious` | +| `--mod-table-thumbnail-to-text` | `--mod-table-visual-to-text` | + +###### New + +- `--mod-table-avatar-size` +- `--mod-table-avatar-size-compact` +- `--mod-table-avatar-size-spacious` +- `--mod-table-section-header-inline-start-spacing` +- `--mod-table-summary-row-bottom-to-text` +- `--mod-table-summary-row-min-height` +- `--mod-table-summary-row-top-to-text` + +###### Removed + +- `--mod-table-edge-to-content` +- `--mod-table-header-row-checkbox-block-spacing` +- `--mod-table-avatar-size-spacious` +- `--mod-table-row-bottom-to-text--compact` +- `--mod-table-row-bottom-to-text--spacious` +- `--mod-table-row-top-to-text--compact` +- `--mod-table-row-top-to-text--spacious` +- `--mod-table-thumbnail-block-spacing"` +- `--mod-table-thumbnail-block-spacing-compact` +- `--mod-table-thumbnail-block-spacing-spacious` + ## 9.0.0-next.1 ### Patch Changes diff --git a/components/table/package.json b/components/table/package.json index 6c66e5e3f90..7c7c2b13570 100644 --- a/components/table/package.json +++ b/components/table/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/table", - "version": "9.0.0-next.1", + "version": "9.0.0-next.2", "description": "The Spectrum CSS table component", "license": "Apache-2.0", "author": "Adobe", diff --git a/components/tabs/package.json b/components/tabs/package.json index d4b103f9486..3c8b97253f9 100644 --- a/components/tabs/package.json +++ b/components/tabs/package.json @@ -47,7 +47,7 @@ "devDependencies": { "@spectrum-css/icon": "10.0.0-next.2", "@spectrum-css/menu": "10.0.0-next.3", - "@spectrum-css/picker": "10.0.0-next.2", + "@spectrum-css/picker": "10.0.0-next.3", "@spectrum-css/tokens": "16.1.0-next.3" }, "keywords": [ diff --git a/tools/bundle/CHANGELOG.md b/tools/bundle/CHANGELOG.md index 0ea730fae22..477ffc863c4 100644 --- a/tools/bundle/CHANGELOG.md +++ b/tools/bundle/CHANGELOG.md @@ -1,5 +1,11 @@ # Change Log +## 2.0.0-next.1 + +### Major Changes + +- Updated picker and table changes brought into the released bundle. + ## 2.0.0-next.0 ### Major Changes diff --git a/tools/bundle/package.json b/tools/bundle/package.json index ad289e5ecfb..c1e4a243c25 100644 --- a/tools/bundle/package.json +++ b/tools/bundle/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/bundle", - "version": "2.0.0-next.0", + "version": "2.0.0-next.1", "description": "A demo-ready bundle of the components in the Spectrum CSS library.", "license": "Apache-2.0", "author": "Adobe", @@ -29,7 +29,7 @@ "./src/*": "./src/*" }, "main": "dist/index.css", - "devDependencies": { + "dependencies": { "@spectrum-css/accordion": "8.0.0-next.1", "@spectrum-css/actionbar": "11.0.0-next.2", "@spectrum-css/actionbutton": "8.0.0-next.2", @@ -84,7 +84,7 @@ "@spectrum-css/opacitycheckerboard": "5.0.0-next.0", "@spectrum-css/page": "10.0.0-next.0", "@spectrum-css/pagination": "11.0.0-next.1", - "@spectrum-css/picker": "10.0.0-next.2", + "@spectrum-css/picker": "10.0.0-next.3", "@spectrum-css/pickerbutton": "7.0.0-next.1", "@spectrum-css/popover": "9.0.0-next.2", "@spectrum-css/progressbar": "7.0.0-next.1", @@ -101,7 +101,7 @@ "@spectrum-css/swatch": "9.0.0-next.1", "@spectrum-css/swatchgroup": "6.0.0-next.1", "@spectrum-css/switch": "7.0.0-next.1", - "@spectrum-css/table": "9.0.0-next.1", + "@spectrum-css/table": "9.0.0-next.2", "@spectrum-css/tabs": "7.0.0-next.1", "@spectrum-css/tag": "11.0.0-next.2", "@spectrum-css/taggroup": "8.0.0-next.1", diff --git a/yarn.config.cjs b/yarn.config.cjs index 8119ff03eaa..2fab87c1959 100644 --- a/yarn.config.cjs +++ b/yarn.config.cjs @@ -246,14 +246,14 @@ module.exports = defineConfig({ // Don't remove tooling dependencies if (!dependency.startsWith("@spectrum-css/")) continue; - if (!components.includes(dependency.replace("@spectrum-css/", "")) && dependency !== "@spectrum-css/tokens") { - // Remove the dependencies that are not in the components directory - workspace.remove(`dependencies.${dependency}`); - } - else { + if (Yarn.workspace({ ident: dependency })?.manifest?.version) { // Update the version of the dependency to the latest local version workspace.set(`dependencies.${dependency}`, Yarn.workspace({ ident: dependency }).manifest.version); } + else { + // Remove the dependencies that are not in the components directory + workspace.unset(`dependencies.${dependency}`); + } } } else { diff --git a/yarn.lock b/yarn.lock index 5777fdd62b1..c536564b512 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4231,7 +4231,7 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/bundle@npm:2.0.0-next.0, @spectrum-css/bundle@workspace:tools/bundle": +"@spectrum-css/bundle@npm:2.0.0-next.1, @spectrum-css/bundle@workspace:tools/bundle": version: 0.0.0-use.local resolution: "@spectrum-css/bundle@workspace:tools/bundle" dependencies: @@ -4289,7 +4289,7 @@ __metadata: "@spectrum-css/opacitycheckerboard": "npm:5.0.0-next.0" "@spectrum-css/page": "npm:10.0.0-next.0" "@spectrum-css/pagination": "npm:11.0.0-next.1" - "@spectrum-css/picker": "npm:10.0.0-next.2" + "@spectrum-css/picker": "npm:10.0.0-next.3" "@spectrum-css/pickerbutton": "npm:7.0.0-next.1" "@spectrum-css/popover": "npm:9.0.0-next.2" "@spectrum-css/progressbar": "npm:7.0.0-next.1" @@ -4306,7 +4306,7 @@ __metadata: "@spectrum-css/swatch": "npm:9.0.0-next.1" "@spectrum-css/swatchgroup": "npm:6.0.0-next.1" "@spectrum-css/switch": "npm:7.0.0-next.1" - "@spectrum-css/table": "npm:9.0.0-next.1" + "@spectrum-css/table": "npm:9.0.0-next.2" "@spectrum-css/tabs": "npm:7.0.0-next.1" "@spectrum-css/tag": "npm:11.0.0-next.2" "@spectrum-css/taggroup": "npm:8.0.0-next.1" @@ -5167,7 +5167,7 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/picker@npm:10.0.0-next.2, @spectrum-css/picker@workspace:components/picker": +"@spectrum-css/picker@npm:10.0.0-next.3, @spectrum-css/picker@workspace:components/picker": version: 0.0.0-use.local resolution: "@spectrum-css/picker@workspace:components/picker" dependencies: @@ -5264,7 +5264,7 @@ __metadata: "@babel/core": "npm:^7.27.4" "@chromatic-com/storybook": "npm:^3.2.6" "@etchteam/storybook-addon-status": "npm:^5.0.0" - "@spectrum-css/bundle": "npm:2.0.0-next.0" + "@spectrum-css/bundle": "npm:2.0.0-next.1" "@spectrum-css/tokens": "npm:16.1.0-next.3" "@spectrum-css/ui-icons": "npm:2.0.0-next.1" "@storybook/addon-a11y": "npm:8.4.7" @@ -5544,7 +5544,7 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/table@npm:9.0.0-next.1, @spectrum-css/table@workspace:components/table": +"@spectrum-css/table@npm:9.0.0-next.2, @spectrum-css/table@workspace:components/table": version: 0.0.0-use.local resolution: "@spectrum-css/table@workspace:components/table" dependencies: @@ -5579,7 +5579,7 @@ __metadata: dependencies: "@spectrum-css/icon": "npm:10.0.0-next.2" "@spectrum-css/menu": "npm:10.0.0-next.3" - "@spectrum-css/picker": "npm:10.0.0-next.2" + "@spectrum-css/picker": "npm:10.0.0-next.3" "@spectrum-css/tokens": "npm:16.1.0-next.3" peerDependencies: "@spectrum-css/icon": ">=10.0.0-next.0"