diff --git a/.changeset/pre.json b/.changeset/pre.json index a1c8f05891..5ea547da09 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -102,6 +102,7 @@ "angry-needles-behave", "beige-dragons-tickle", "big-beds-care", + "chilled-peaches-enjoy", "chilly-peaches-sniff", "clean-oranges-smell", "few-doors-smile", diff --git a/components/actionbutton/CHANGELOG.md b/components/actionbutton/CHANGELOG.md index 9d49290a12..54f4a79f82 100644 --- a/components/actionbutton/CHANGELOG.md +++ b/components/actionbutton/CHANGELOG.md @@ -1,5 +1,33 @@ # Change log +## 8.0.0-next.1 + +### Major Changes + +- [#2669](https://github.com/adobe/spectrum-css/pull/2669) [`b2c6357`](https://github.com/adobe/spectrum-css/commit/b2c6357c542737fb996cf8378354f525adde1fc2) Thanks [@mdt2](https://github.com/mdt2)! - Action button now uses Spectrum 2 tokens and design specifications. A few notable changes: + + - Medium is now the default size and `.spectrum-ActionButton--sizeM` has been removed. + - Includes the Spectrum 2 down state transform. + - The component border was not removed and its color was changed to `transparent` in order to continue support for Windows High Contrast / forced colors, which still shows a border. The mod custom properties for border were removed to avoid interference with Windows High Contrast / forced colors accessibility. + - Some selectors to target the icon + text button and the icon-only button have been simplified using `:has`. This removes some overly complex `calc()` functions used for inline spacing, uses the design tokens more directly, and removes the previously documented need for the component's child elements to use a specific source order. + - Background and content colors were updated. + - Mod custom properties have been adjusted: + - Renamed: + - `--mod-line-height-100` renamed to `--mod-actionbutton-line-height`. + - `--mod-sans-font-family-stack` renamed to `--mod-button-font-family`. + - `--mod-animation-duration-100` renamed to `--mod-button-animation-duration`. + - Removed: + - `--mod-actionbutton-border-color-default` + - `--mod-actionbutton-border-color-disabled` + - `--mod-actionbutton-border-color-down` + - `--mod-actionbutton-border-color-focus` + - `--mod-actionbutton-border-color-hover` + - `--mod-actionbutton-border-width` + - `--mod-actionbutton-static-content-color` + - New: + - `--mod-actionbutton-font-weight` + - `--mod-actionbutton-font-style` + ## 8.0.0-next.0 ### Patch Changes diff --git a/components/actionbutton/package.json b/components/actionbutton/package.json index 17ec2653fe..c75b215bd5 100644 --- a/components/actionbutton/package.json +++ b/components/actionbutton/package.json @@ -1,6 +1,6 @@ { "name": "@spectrum-css/actionbutton", - "version": "8.0.0-next.0", + "version": "8.0.0-next.1", "description": "The Spectrum CSS action button component", "license": "Apache-2.0", "author": "Adobe", diff --git a/components/actiongroup/package.json b/components/actiongroup/package.json index 25bbb81382..146cca7af5 100644 --- a/components/actiongroup/package.json +++ b/components/actiongroup/package.json @@ -37,7 +37,7 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "8.0.0-next.0", + "@spectrum-css/actionbutton": "8.0.0-next.1", "@spectrum-css/tokens": "16.0.1" }, "keywords": [ diff --git a/components/actionmenu/package.json b/components/actionmenu/package.json index 81997bf0c9..9365c97f8b 100644 --- a/components/actionmenu/package.json +++ b/components/actionmenu/package.json @@ -32,7 +32,7 @@ "@spectrum-css/tokens": ">=16.0.0 <17.0.0" }, "devDependencies": { - "@spectrum-css/actionbutton": "8.0.0-next.0", + "@spectrum-css/actionbutton": "8.0.0-next.1", "@spectrum-css/icon": "10.0.0-next.0", "@spectrum-css/menu": "10.0.0-next.1", "@spectrum-css/popover": "9.0.0-next.1", diff --git a/components/breadcrumb/package.json b/components/breadcrumb/package.json index ff30ecd997..a6e68d44bf 100644 --- a/components/breadcrumb/package.json +++ b/components/breadcrumb/package.json @@ -41,7 +41,7 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "8.0.0-next.0", + "@spectrum-css/actionbutton": "8.0.0-next.1", "@spectrum-css/icon": "10.0.0-next.0", "@spectrum-css/tokens": "16.0.1" }, diff --git a/components/calendar/package.json b/components/calendar/package.json index 401bc2f558..208ad51c17 100644 --- a/components/calendar/package.json +++ b/components/calendar/package.json @@ -37,7 +37,7 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "8.0.0-next.0", + "@spectrum-css/actionbutton": "8.0.0-next.1", "@spectrum-css/tokens": "16.0.1" }, "keywords": [ diff --git a/components/card/package.json b/components/card/package.json index 100c2a4973..b4981a2c5c 100644 --- a/components/card/package.json +++ b/components/card/package.json @@ -57,7 +57,7 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "8.0.0-next.0", + "@spectrum-css/actionbutton": "8.0.0-next.1", "@spectrum-css/asset": "7.1.0", "@spectrum-css/checkbox": "11.0.0-next.0", "@spectrum-css/icon": "10.0.0-next.0", diff --git a/components/coachmark/package.json b/components/coachmark/package.json index 89aaf16e2e..1c8c159629 100644 --- a/components/coachmark/package.json +++ b/components/coachmark/package.json @@ -57,7 +57,7 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "8.0.0-next.0", + "@spectrum-css/actionbutton": "8.0.0-next.1", "@spectrum-css/actionmenu": "8.0.0-next.0", "@spectrum-css/button": "15.0.0-next.0", "@spectrum-css/buttongroup": "10.0.0-next.0", diff --git a/components/contextualhelp/package.json b/components/contextualhelp/package.json index a858ea8c92..bee6f04918 100644 --- a/components/contextualhelp/package.json +++ b/components/contextualhelp/package.json @@ -45,7 +45,7 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "8.0.0-next.0", + "@spectrum-css/actionbutton": "8.0.0-next.1", "@spectrum-css/link": "8.0.0-next.0", "@spectrum-css/popover": "9.0.0-next.1", "@spectrum-css/tokens": "16.0.1" diff --git a/components/dropzone/package.json b/components/dropzone/package.json index 93609a7bc0..669542e4a7 100644 --- a/components/dropzone/package.json +++ b/components/dropzone/package.json @@ -45,7 +45,7 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "8.0.0-next.0", + "@spectrum-css/actionbutton": "8.0.0-next.1", "@spectrum-css/illustratedmessage": "9.1.0", "@spectrum-css/link": "8.0.0-next.0", "@spectrum-css/tokens": "16.0.1" diff --git a/components/pagination/package.json b/components/pagination/package.json index fa10474b1c..640f019551 100644 --- a/components/pagination/package.json +++ b/components/pagination/package.json @@ -49,7 +49,7 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "8.0.0-next.0", + "@spectrum-css/actionbutton": "8.0.0-next.1", "@spectrum-css/button": "15.0.0-next.0", "@spectrum-css/icon": "10.0.0-next.0", "@spectrum-css/textfield": "9.0.0-next.0", diff --git a/components/stepper/package.json b/components/stepper/package.json index 1bd43a57f6..8b43991f90 100644 --- a/components/stepper/package.json +++ b/components/stepper/package.json @@ -49,7 +49,7 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "8.0.0-next.0", + "@spectrum-css/actionbutton": "8.0.0-next.1", "@spectrum-css/icon": "10.0.0-next.0", "@spectrum-css/infieldbutton": "7.0.0-next.0", "@spectrum-css/textfield": "9.0.0-next.0", diff --git a/tools/bundle/package.json b/tools/bundle/package.json index 4eaff13f3d..cb72ca09eb 100644 --- a/tools/bundle/package.json +++ b/tools/bundle/package.json @@ -32,7 +32,7 @@ "devDependencies": { "@spectrum-css/accordion": "8.0.0-next.0", "@spectrum-css/actionbar": "11.0.0-next.0", - "@spectrum-css/actionbutton": "8.0.0-next.0", + "@spectrum-css/actionbutton": "8.0.0-next.1", "@spectrum-css/actiongroup": "7.0.0-next.0", "@spectrum-css/actionmenu": "8.0.0-next.0", "@spectrum-css/alertbanner": "4.0.0-next.1", diff --git a/yarn.lock b/yarn.lock index 87dca9bce3..07d7dbabc7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3824,7 +3824,7 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/actionbutton@npm:8.0.0-next.0, @spectrum-css/actionbutton@workspace:components/actionbutton": +"@spectrum-css/actionbutton@npm:8.0.0-next.1, @spectrum-css/actionbutton@workspace:components/actionbutton": version: 0.0.0-use.local resolution: "@spectrum-css/actionbutton@workspace:components/actionbutton" dependencies: @@ -3846,7 +3846,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/actiongroup@workspace:components/actiongroup" dependencies: - "@spectrum-css/actionbutton": "npm:8.0.0-next.0" + "@spectrum-css/actionbutton": "npm:8.0.0-next.1" "@spectrum-css/tokens": "npm:16.0.1" peerDependencies: "@spectrum-css/actionbutton": ">=8.0.0-next.0" @@ -3863,7 +3863,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/actionmenu@workspace:components/actionmenu" dependencies: - "@spectrum-css/actionbutton": "npm:8.0.0-next.0" + "@spectrum-css/actionbutton": "npm:8.0.0-next.1" "@spectrum-css/icon": "npm:10.0.0-next.0" "@spectrum-css/menu": "npm:10.0.0-next.1" "@spectrum-css/popover": "npm:9.0.0-next.1" @@ -4035,7 +4035,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/breadcrumb@workspace:components/breadcrumb" dependencies: - "@spectrum-css/actionbutton": "npm:8.0.0-next.0" + "@spectrum-css/actionbutton": "npm:8.0.0-next.1" "@spectrum-css/icon": "npm:10.0.0-next.0" "@spectrum-css/tokens": "npm:16.0.1" peerDependencies: @@ -4058,7 +4058,7 @@ __metadata: dependencies: "@spectrum-css/accordion": "npm:8.0.0-next.0" "@spectrum-css/actionbar": "npm:11.0.0-next.0" - "@spectrum-css/actionbutton": "npm:8.0.0-next.0" + "@spectrum-css/actionbutton": "npm:8.0.0-next.1" "@spectrum-css/actiongroup": "npm:7.0.0-next.0" "@spectrum-css/actionmenu": "npm:8.0.0-next.0" "@spectrum-css/alertbanner": "npm:4.0.0-next.1" @@ -4190,7 +4190,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/calendar@workspace:components/calendar" dependencies: - "@spectrum-css/actionbutton": "npm:8.0.0-next.0" + "@spectrum-css/actionbutton": "npm:8.0.0-next.1" "@spectrum-css/tokens": "npm:16.0.1" peerDependencies: "@spectrum-css/actionbutton": ">=8.0.0-next.0" @@ -4207,7 +4207,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/card@workspace:components/card" dependencies: - "@spectrum-css/actionbutton": "npm:8.0.0-next.0" + "@spectrum-css/actionbutton": "npm:8.0.0-next.1" "@spectrum-css/asset": "npm:7.1.0" "@spectrum-css/checkbox": "npm:11.0.0-next.0" "@spectrum-css/icon": "npm:10.0.0-next.0" @@ -4308,7 +4308,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/coachmark@workspace:components/coachmark" dependencies: - "@spectrum-css/actionbutton": "npm:8.0.0-next.0" + "@spectrum-css/actionbutton": "npm:8.0.0-next.1" "@spectrum-css/actionmenu": "npm:8.0.0-next.0" "@spectrum-css/button": "npm:15.0.0-next.0" "@spectrum-css/buttongroup": "npm:10.0.0-next.0" @@ -4485,7 +4485,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/contextualhelp@workspace:components/contextualhelp" dependencies: - "@spectrum-css/actionbutton": "npm:8.0.0-next.0" + "@spectrum-css/actionbutton": "npm:8.0.0-next.1" "@spectrum-css/link": "npm:8.0.0-next.0" "@spectrum-css/popover": "npm:9.0.0-next.1" "@spectrum-css/tokens": "npm:16.0.1" @@ -4620,7 +4620,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/dropzone@workspace:components/dropzone" dependencies: - "@spectrum-css/actionbutton": "npm:8.0.0-next.0" + "@spectrum-css/actionbutton": "npm:8.0.0-next.1" "@spectrum-css/illustratedmessage": "npm:9.1.0" "@spectrum-css/link": "npm:8.0.0-next.0" "@spectrum-css/tokens": "npm:16.0.1" @@ -4963,7 +4963,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/pagination@workspace:components/pagination" dependencies: - "@spectrum-css/actionbutton": "npm:8.0.0-next.0" + "@spectrum-css/actionbutton": "npm:8.0.0-next.1" "@spectrum-css/button": "npm:15.0.0-next.0" "@spectrum-css/icon": "npm:10.0.0-next.0" "@spectrum-css/textfield": "npm:9.0.0-next.0" @@ -5294,7 +5294,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/stepper@workspace:components/stepper" dependencies: - "@spectrum-css/actionbutton": "npm:8.0.0-next.0" + "@spectrum-css/actionbutton": "npm:8.0.0-next.1" "@spectrum-css/icon": "npm:10.0.0-next.0" "@spectrum-css/infieldbutton": "npm:7.0.0-next.0" "@spectrum-css/textfield": "npm:9.0.0-next.0"