diff --git a/.changeset/pre.json b/.changeset/pre.json index 1daf8e73df0..a26fa287e78 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -119,6 +119,7 @@ "early-ends-fail", "eighty-terms-lead", "fair-coins-buy", + "few-candles-sniff", "few-doors-smile", "few-tigers-say", "flat-snails-admire", @@ -131,6 +132,8 @@ "friendly-dolls-raise", "giant-windows-smoke", "gold-cats-hide", + "green-falcons-rush", + "grumpy-ghosts-serve", "healthy-chicken-clap", "hip-shoes-listen", "honest-animals-stop", @@ -144,6 +147,7 @@ "lemon-flowers-poke", "lemon-weeks-work", "light-years-speak", + "long-carrots-sleep", "lovely-geckos-hammer", "mean-eggs-learn", "metal-fireants-switch", diff --git a/.storybook/CHANGELOG.md b/.storybook/CHANGELOG.md index 2b9eb5155ce..c95689cbb26 100644 --- a/.storybook/CHANGELOG.md +++ b/.storybook/CHANGELOG.md @@ -1,5 +1,13 @@ # Change Log +## 12.0.5-next.14 + +### Patch Changes + +Updated dependencies []: + +- @spectrum-css/bundle@2.0.0-next.11 + ## 12.0.5-next.13 ### Patch Changes diff --git a/.storybook/package.json b/.storybook/package.json index 17566200193..93c56ee3a95 100644 --- a/.storybook/package.json +++ b/.storybook/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/preview", - "version": "12.0.5-next.13", + "version": "12.0.5-next.14", "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.10", + "@spectrum-css/bundle": "2.0.0-next.11", "@spectrum-css/tokens": "16.1.0-next.8", "@spectrum-css/ui-icons": "2.0.0-next.2" }, diff --git a/components/combobox/package.json b/components/combobox/package.json index 6a35727190a..eaa52e02b14 100644 --- a/components/combobox/package.json +++ b/components/combobox/package.json @@ -54,7 +54,7 @@ }, "devDependencies": { "@spectrum-css/menu": "10.0.0-next.5", - "@spectrum-css/pickerbutton": "7.0.0-next.1", + "@spectrum-css/pickerbutton": "7.0.0-next.2", "@spectrum-css/popover": "9.0.0-next.4", "@spectrum-css/progresscircle": "6.0.0-next.0", "@spectrum-css/textfield": "9.0.0-next.1", diff --git a/components/datepicker/package.json b/components/datepicker/package.json index a46523ec547..1c688f92ca2 100644 --- a/components/datepicker/package.json +++ b/components/datepicker/package.json @@ -50,7 +50,7 @@ }, "devDependencies": { "@spectrum-css/calendar": "8.0.0-next.3", - "@spectrum-css/pickerbutton": "7.0.0-next.1", + "@spectrum-css/pickerbutton": "7.0.0-next.2", "@spectrum-css/popover": "9.0.0-next.4", "@spectrum-css/textfield": "9.0.0-next.1", "@spectrum-css/tokens": "16.1.0-next.8" diff --git a/components/infieldbutton/CHANGELOG.md b/components/infieldbutton/CHANGELOG.md index c9816758814..d4769acaaed 100644 --- a/components/infieldbutton/CHANGELOG.md +++ b/components/infieldbutton/CHANGELOG.md @@ -1,5 +1,17 @@ # Change log +## 7.0.0-next.3 + +### Patch Changes + +📝 [#4114](https://github.com/adobe/spectrum-css/pull/4114) [`7061eee`](https://github.com/adobe/spectrum-css/commit/7061eee2ada0b64bb68e37f93329c57e8dba4586) Thanks [@rise-erpelding](https://github.com/rise-erpelding)! + +Remove unused key-focus and border mods. Note that border and key focus styles were previously removed in the migration to Spectrum 2, and the mod removals here do not have any visual impact to the infield button. + +Also updates transition to use `background-color` instead of `border-color`. + +Also fixes a flash bug in WHCM: when hovered, the infield button was flashing/blinking before changing to the appropriate hover color. + ## 7.0.0-next.2 ### Major Changes diff --git a/components/infieldbutton/package.json b/components/infieldbutton/package.json index 8feed9c1d22..b57a6eb783f 100644 --- a/components/infieldbutton/package.json +++ b/components/infieldbutton/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/infieldbutton", - "version": "7.0.0-next.2", + "version": "7.0.0-next.3", "description": "The Spectrum CSS infield button component", "license": "Apache-2.0", "author": "Adobe", diff --git a/components/picker/CHANGELOG.md b/components/picker/CHANGELOG.md index 4e39275169e..971e65ad24f 100644 --- a/components/picker/CHANGELOG.md +++ b/components/picker/CHANGELOG.md @@ -1,5 +1,27 @@ # Change log +## 10.0.0-next.4 + +### Major Changes + +📝 [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`7ac2952`](https://github.com/adobe/spectrum-css/commit/7ac2952d16e9760121e3a33390d14f6e336d587d) Thanks [@pfulton](https://github.com/pfulton)! + +#### Picker: remove quiet variant + +This removes the quiet variant for the picker component based on design feedback. Prior to this change, there was an odd state where the quiet picker scaled with the foundations down state applied. + +##### Removed mods + +`--mod-picker-background-color-disabled` + +**Additionally:** all of the quiet variant mods have been removed. + +`--mod-picker-inline-size-quiet` +`--mod-picker-min-inline-size-quiet` +`--mod-picker-spacing-edge-to-disclosure-icon-quiet` +`--mod-picker-spacing-edge-to-text-quiet` +`--mod-picker-spacing-label-to-picker-quiet` + ## 10.0.0-next.3 ### Major Changes diff --git a/components/picker/package.json b/components/picker/package.json index b4a15369bca..1c34e54ca4d 100644 --- a/components/picker/package.json +++ b/components/picker/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/picker", - "version": "10.0.0-next.3", + "version": "10.0.0-next.4", "description": "The Spectrum CSS picker component", "license": "Apache-2.0", "author": "Adobe", diff --git a/components/pickerbutton/CHANGELOG.md b/components/pickerbutton/CHANGELOG.md index 3a4c39b02d0..440b0429c4c 100644 --- a/components/pickerbutton/CHANGELOG.md +++ b/components/pickerbutton/CHANGELOG.md @@ -1,5 +1,55 @@ # Change log +## 7.0.0-next.2 + +### Major Changes + +📝 [#4114](https://github.com/adobe/spectrum-css/pull/4114) [`7061eee`](https://github.com/adobe/spectrum-css/commit/7061eee2ada0b64bb68e37f93329c57e8dba4586) Thanks [@rise-erpelding](https://github.com/rise-erpelding)! + +The picker button component has been migrated to Spectrum 2. The picker button uses the same design spec as infield button and in some cases may be able to be used interchangeably with it. Its updated features include: + +- Corner rounding updates - corner rounding differs by the component's t-shirt size, but otherwise is a standard size. This means that the rounded variant of picker button with increased corner rounding and the position variants of picker button that helped the picker button fit snugly within either side of an input have been removed. +- Color and spacing updates to match S2 spec +- Added WHCM support +- Updated S2 down state +- Removed focus styles: there are no spec'd focus styles in S2, therefore these styles have been removed. +- The label variant of picker button has been removed. +- Removal of `.spectrum-PickerButton--uiicononly`, `.spectrum-PickerButton--icononly`, and `.spectrum-PickerButton--textuiicon` classes: + - The picker button featuring a UI icon is the default variant, so no additional `.spectrum-PickerButton--uiicononly` class needs to be applied. + - The `.spectrum-PickerButton--icononly` class has been renamed to `.spectrum-PickerButton--workflowicon` to clarify when it should be used. Applying `.spectrum-PickerButton--workflowicon` when using a workflow icon instead is recommended, but probably not required. + - Because the picker button no longer supports a label, there is no need for a `--textuiicon` variant which is why that class has been removed. +- The `.is-open` state can continue to be used as before. + +Added mod custom properties: + +- `--mod-picker-button-background-color-quiet-disabled` + +Removed mod custom properties: + +- `--mod-picker-button-background-color-key-focus` +- `--mod-picker-button-background-color-key-focus-quiet` +- `--mod-picker-button-border-color` +- `--mod-picker-button-border-color-disabled` +- `--mod-picker-button-border-color-quiet` +- `--mod-picker-button-border-radius-rounded` +- `--mod-picker-button-border-radius-rounded-sided` +- `--mod-picker-button-border-radius-sided` +- `--mod-picker-button-border-width` +- `--mod-picker-button-font-color` +- `--mod-picker-button-font-color-disabled` +- `--mod-picker-button-font-color-down` +- `--mod-picker-button-font-color-down-disabled` +- `--mod-picker-button-font-color-hover` +- `--mod-picker-button-font-color-hover-disabled` +- `--mod-picker-button-font-color-key-focus` +- `--mod-picker-button-font-family` +- `--mod-picker-button-font-size` +- `--mod-picker-button-font-style` +- `--mod-picker-button-font-weight` +- `--mod-picker-button-gap` +- `--mod-picker-button-icon-color-key-focus` +- `--mod-picker-button-label-padding` + ## 7.0.0-next.1 ### Patch Changes diff --git a/components/pickerbutton/package.json b/components/pickerbutton/package.json index c97c9621cf2..e5a12ca0360 100644 --- a/components/pickerbutton/package.json +++ b/components/pickerbutton/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/pickerbutton", - "version": "7.0.0-next.1", + "version": "7.0.0-next.2", "description": "The Spectrum CSS picker button component", "license": "Apache-2.0", "author": "Adobe", diff --git a/components/search/CHANGELOG.md b/components/search/CHANGELOG.md index ad20919ede3..78371ee4127 100644 --- a/components/search/CHANGELOG.md +++ b/components/search/CHANGELOG.md @@ -1,5 +1,23 @@ # Change log +## 9.0.0-next.3 + +### Major Changes + +📝 [#4115](https://github.com/adobe/spectrum-css/pull/4115) [`e467fe0`](https://github.com/adobe/spectrum-css/commit/e467fe00cfef00311b77ec4b32c6ab1791b6923a) Thanks [@aramos-adobe](https://github.com/aramos-adobe)! + +## S2 Collapsed search field + +The search component allows for a minimized state where the search field is collapsed to a button. + +### Anatomy + +The collapsed state consists of a single action button that has a hover, keyboard focused, and disabled state. This state is triggered by the `is-collapsed` class on the search component. When the search field is in this state, the textfield is hidden and the search button is displayed. The button can be hovered and focused, and will expand the search field when clicked. + +### Usage + +The collapsed state is used to reduce the amount of space taken up by the search field. It is most commonly used next a filter button to allow users to quickly search and filter content. + ## 9.0.0-next.2 ### Major Changes diff --git a/components/search/package.json b/components/search/package.json index 95ad4ffd58e..085f7910d74 100644 --- a/components/search/package.json +++ b/components/search/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/search", - "version": "9.0.0-next.2", + "version": "9.0.0-next.3", "description": "The Spectrum CSS search component", "license": "Apache-2.0", "author": "Adobe", diff --git a/components/stepper/package.json b/components/stepper/package.json index 1de9f7d8d78..fc28f4189a4 100644 --- a/components/stepper/package.json +++ b/components/stepper/package.json @@ -51,7 +51,7 @@ "devDependencies": { "@spectrum-css/actionbutton": "8.0.0-next.3", "@spectrum-css/icon": "10.0.0-next.3", - "@spectrum-css/infieldbutton": "7.0.0-next.2", + "@spectrum-css/infieldbutton": "7.0.0-next.3", "@spectrum-css/textfield": "9.0.0-next.1", "@spectrum-css/tokens": "16.1.0-next.8" }, diff --git a/components/tabs/package.json b/components/tabs/package.json index 5ca6ed01c18..66ec5e6e483 100644 --- a/components/tabs/package.json +++ b/components/tabs/package.json @@ -47,7 +47,7 @@ "devDependencies": { "@spectrum-css/icon": "10.0.0-next.3", "@spectrum-css/menu": "10.0.0-next.5", - "@spectrum-css/picker": "10.0.0-next.3", + "@spectrum-css/picker": "10.0.0-next.4", "@spectrum-css/tokens": "16.1.0-next.8" }, "keywords": [ diff --git a/tools/bundle/CHANGELOG.md b/tools/bundle/CHANGELOG.md index 3886b08bcf8..23aa902173e 100644 --- a/tools/bundle/CHANGELOG.md +++ b/tools/bundle/CHANGELOG.md @@ -1,5 +1,16 @@ # Change Log +## 2.0.0-next.11 + +### Patch Changes + +Updated dependencies [[`7061eee`](https://github.com/adobe/spectrum-css/commit/7061eee2ada0b64bb68e37f93329c57e8dba4586), [`7061eee`](https://github.com/adobe/spectrum-css/commit/7061eee2ada0b64bb68e37f93329c57e8dba4586), [`7ac2952`](https://github.com/adobe/spectrum-css/commit/7ac2952d16e9760121e3a33390d14f6e336d587d), [`e467fe0`](https://github.com/adobe/spectrum-css/commit/e467fe00cfef00311b77ec4b32c6ab1791b6923a)]: + +- @spectrum-css/pickerbutton@7.0.0-next.2 +- @spectrum-css/infieldbutton@7.0.0-next.3 +- @spectrum-css/picker@10.0.0-next.4 +- @spectrum-css/search@9.0.0-next.3 + ## 2.0.0-next.10 ### Patch Changes diff --git a/tools/bundle/package.json b/tools/bundle/package.json index 1d97ecc602a..d844f8e3e6a 100644 --- a/tools/bundle/package.json +++ b/tools/bundle/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/bundle", - "version": "2.0.0-next.10", + "version": "2.0.0-next.11", "description": "A demo-ready bundle of the components in the Spectrum CSS library.", "license": "Apache-2.0", "author": "Adobe", @@ -73,7 +73,7 @@ "@spectrum-css/helptext": "8.0.0-next.2", "@spectrum-css/icon": "10.0.0-next.3", "@spectrum-css/illustratedmessage": "10.0.0-next.0", - "@spectrum-css/infieldbutton": "7.0.0-next.2", + "@spectrum-css/infieldbutton": "7.0.0-next.3", "@spectrum-css/inlinealert": "11.0.0-next.3", "@spectrum-css/link": "8.0.0-next.2", "@spectrum-css/logicbutton": "7.0.0-next.1", @@ -84,14 +84,14 @@ "@spectrum-css/opacitycheckerboard": "5.0.0-next.0", "@spectrum-css/page": "10.0.0-next.1", "@spectrum-css/pagination": "11.0.0-next.2", - "@spectrum-css/picker": "10.0.0-next.3", - "@spectrum-css/pickerbutton": "7.0.0-next.1", + "@spectrum-css/picker": "10.0.0-next.4", + "@spectrum-css/pickerbutton": "7.0.0-next.2", "@spectrum-css/popover": "9.0.0-next.4", "@spectrum-css/progressbar": "7.0.0-next.4", "@spectrum-css/progresscircle": "6.0.0-next.0", "@spectrum-css/radio": "11.0.0-next.3", "@spectrum-css/rating": "7.0.0-next.2", - "@spectrum-css/search": "9.0.0-next.2", + "@spectrum-css/search": "9.0.0-next.3", "@spectrum-css/sidenav": "8.0.0-next.3", "@spectrum-css/slider": "7.0.0-next.4", "@spectrum-css/splitview": "8.0.0-next.0", diff --git a/yarn.lock b/yarn.lock index 3af67dd93d5..33917d09817 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4279,7 +4279,7 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/bundle@npm:2.0.0-next.10, @spectrum-css/bundle@workspace:tools/bundle": +"@spectrum-css/bundle@npm:2.0.0-next.11, @spectrum-css/bundle@workspace:tools/bundle": version: 0.0.0-use.local resolution: "@spectrum-css/bundle@workspace:tools/bundle" dependencies: @@ -4326,7 +4326,7 @@ __metadata: "@spectrum-css/helptext": "npm:8.0.0-next.2" "@spectrum-css/icon": "npm:10.0.0-next.3" "@spectrum-css/illustratedmessage": "npm:10.0.0-next.0" - "@spectrum-css/infieldbutton": "npm:7.0.0-next.2" + "@spectrum-css/infieldbutton": "npm:7.0.0-next.3" "@spectrum-css/inlinealert": "npm:11.0.0-next.3" "@spectrum-css/link": "npm:8.0.0-next.2" "@spectrum-css/logicbutton": "npm:7.0.0-next.1" @@ -4337,14 +4337,14 @@ __metadata: "@spectrum-css/opacitycheckerboard": "npm:5.0.0-next.0" "@spectrum-css/page": "npm:10.0.0-next.1" "@spectrum-css/pagination": "npm:11.0.0-next.2" - "@spectrum-css/picker": "npm:10.0.0-next.3" - "@spectrum-css/pickerbutton": "npm:7.0.0-next.1" + "@spectrum-css/picker": "npm:10.0.0-next.4" + "@spectrum-css/pickerbutton": "npm:7.0.0-next.2" "@spectrum-css/popover": "npm:9.0.0-next.4" "@spectrum-css/progressbar": "npm:7.0.0-next.4" "@spectrum-css/progresscircle": "npm:6.0.0-next.0" "@spectrum-css/radio": "npm:11.0.0-next.3" "@spectrum-css/rating": "npm:7.0.0-next.2" - "@spectrum-css/search": "npm:9.0.0-next.2" + "@spectrum-css/search": "npm:9.0.0-next.3" "@spectrum-css/sidenav": "npm:8.0.0-next.3" "@spectrum-css/slider": "npm:7.0.0-next.4" "@spectrum-css/splitview": "npm:8.0.0-next.0" @@ -4670,7 +4670,7 @@ __metadata: resolution: "@spectrum-css/combobox@workspace:components/combobox" dependencies: "@spectrum-css/menu": "npm:10.0.0-next.5" - "@spectrum-css/pickerbutton": "npm:7.0.0-next.1" + "@spectrum-css/pickerbutton": "npm:7.0.0-next.2" "@spectrum-css/popover": "npm:9.0.0-next.4" "@spectrum-css/progresscircle": "npm:6.0.0-next.0" "@spectrum-css/textfield": "npm:9.0.0-next.1" @@ -4738,7 +4738,7 @@ __metadata: resolution: "@spectrum-css/datepicker@workspace:components/datepicker" dependencies: "@spectrum-css/calendar": "npm:8.0.0-next.3" - "@spectrum-css/pickerbutton": "npm:7.0.0-next.1" + "@spectrum-css/pickerbutton": "npm:7.0.0-next.2" "@spectrum-css/popover": "npm:9.0.0-next.4" "@spectrum-css/textfield": "npm:9.0.0-next.1" "@spectrum-css/tokens": "npm:16.1.0-next.8" @@ -4994,7 +4994,7 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/infieldbutton@npm:7.0.0-next.2, @spectrum-css/infieldbutton@workspace:components/infieldbutton": +"@spectrum-css/infieldbutton@npm:7.0.0-next.3, @spectrum-css/infieldbutton@workspace:components/infieldbutton": version: 0.0.0-use.local resolution: "@spectrum-css/infieldbutton@workspace:components/infieldbutton" dependencies: @@ -5215,7 +5215,7 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/picker@npm:10.0.0-next.3, @spectrum-css/picker@workspace:components/picker": +"@spectrum-css/picker@npm:10.0.0-next.4, @spectrum-css/picker@workspace:components/picker": version: 0.0.0-use.local resolution: "@spectrum-css/picker@workspace:components/picker" dependencies: @@ -5249,7 +5249,7 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/pickerbutton@npm:7.0.0-next.1, @spectrum-css/pickerbutton@workspace:components/pickerbutton": +"@spectrum-css/pickerbutton@npm:7.0.0-next.2, @spectrum-css/pickerbutton@workspace:components/pickerbutton": version: 0.0.0-use.local resolution: "@spectrum-css/pickerbutton@workspace:components/pickerbutton" dependencies: @@ -5312,7 +5312,7 @@ __metadata: "@babel/core": "npm:^7.28.3" "@chromatic-com/storybook": "npm:^3.2.7" "@etchteam/storybook-addon-status": "npm:^5.0.0" - "@spectrum-css/bundle": "npm:2.0.0-next.10" + "@spectrum-css/bundle": "npm:2.0.0-next.11" "@spectrum-css/tokens": "npm:16.1.0-next.8" "@spectrum-css/ui-icons": "npm:2.0.0-next.2" "@storybook/addon-a11y": "npm:8.4.7" @@ -5410,7 +5410,7 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/search@npm:9.0.0-next.2, @spectrum-css/search@workspace:components/search": +"@spectrum-css/search@npm:9.0.0-next.3, @spectrum-css/search@workspace:components/search": version: 0.0.0-use.local resolution: "@spectrum-css/search@workspace:components/search" dependencies: @@ -5522,7 +5522,7 @@ __metadata: dependencies: "@spectrum-css/actionbutton": "npm:8.0.0-next.3" "@spectrum-css/icon": "npm:10.0.0-next.3" - "@spectrum-css/infieldbutton": "npm:7.0.0-next.2" + "@spectrum-css/infieldbutton": "npm:7.0.0-next.3" "@spectrum-css/textfield": "npm:9.0.0-next.1" "@spectrum-css/tokens": "npm:16.1.0-next.8" peerDependencies: @@ -5627,7 +5627,7 @@ __metadata: dependencies: "@spectrum-css/icon": "npm:10.0.0-next.3" "@spectrum-css/menu": "npm:10.0.0-next.5" - "@spectrum-css/picker": "npm:10.0.0-next.3" + "@spectrum-css/picker": "npm:10.0.0-next.4" "@spectrum-css/tokens": "npm:16.1.0-next.8" peerDependencies: "@spectrum-css/icon": ">=10.0.0-next.0"