diff --git a/.changeset/pre.json b/.changeset/pre.json index 1daf8e73df..a26fa287e7 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 2b9eb5155c..c95689cbb2 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 c30456e016..c37850532a 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 6a35727190..eaa52e02b1 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 a46523ec54..1c688f92ca 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 c981675881..d4769acaae 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 8feed9c1d2..b57a6eb783 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 4e39275169..91068e53a3 100644 --- a/components/picker/CHANGELOG.md +++ b/components/picker/CHANGELOG.md @@ -1,5 +1,27 @@ # Change log +## 10.0.0-next.4 + +### Major Changes + +📝 [#4129](https://github.com/adobe/spectrum-css/pull/4129) [`7ac2952`](https://github.com/adobe/spectrum-css/commit/7ac2952d16e9760121e3a33390d14f6e336d587d) Thanks [@cdransf](https://github.com/cdransf)! + +#### 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 b4a15369bc..1c34e54ca4 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 3a4c39b02d..440b0429c4 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 c97c9621cf..e5a12ca036 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 ad20919ede..78371ee412 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 95ad4ffd58..085f7910d7 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 1de9f7d8d7..fc28f4189a 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 5ca6ed01c1..66ec5e6e48 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 3886b08bcf..23aa902173 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 1d97ecc602..d844f8e3e6 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 24e0420a49..1ec7f246fa 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4313,7 +4313,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: @@ -4360,7 +4360,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" @@ -4371,14 +4371,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" @@ -4704,7 +4704,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" @@ -4772,7 +4772,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" @@ -5028,7 +5028,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: @@ -5249,7 +5249,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: @@ -5283,7 +5283,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: @@ -5346,7 +5346,7 @@ __metadata: "@babel/core": "npm:^7.28.0" "@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" @@ -5444,7 +5444,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: @@ -5556,7 +5556,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: @@ -5661,7 +5661,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"