- ${Divider({
- vertical: true,
- size: "s",
- tag: "div",
- }, context)}
${CloseButton({
size: "m",
staticColor: "white",
@@ -115,62 +115,62 @@ export const TextOverflowTemplate = (args) => html`
export const ActionableOptionsTemplate = (args, context) => Container({
withBorder: false,
direction: "column",
- containerStyles: { alignItems: "stretch" },
- wrapperStyles: { alignItems: "stretch" },
- content: html`
- ${Container({
+ containerStyles: { "align-items": "stretch" },
+ wrapperStyles: { "align-items": "stretch" },
+ content: [
+ Container({
withBorder: false,
direction: "column",
heading: "Action button and close button",
- containerStyles: { alignItems: "stretch" },
- wrapperStyles: { alignItems: "stretch" },
+ containerStyles: { "align-items": "stretch" },
+ wrapperStyles: { "align-items": "stretch" },
content: Template({
- ...args,
- variant: "neutral",
- text: "Your trial has expired",
- actionButtonText: "Buy now",
+ ...args,
+ variant: "neutral",
+ text: "Your trial has expired",
+ actionButtonText: "Buy now",
}, context),
- }, context)}
- ${Container({
+ }, context),
+ Container({
withBorder: false,
direction: "column",
heading: "Action button only",
- containerStyles: { alignItems: "stretch" },
- wrapperStyles: { alignItems: "stretch" },
+ containerStyles: { "align-items": "stretch" },
+ wrapperStyles: { "align-items": "stretch" },
content: Template({
- ...args,
- variant: "neutral",
- text: "Your trial has expired",
- actionButtonText: "Buy now",
- showCloseButton: false,
+ ...args,
+ variant: "neutral",
+ text: "Your trial has expired",
+ actionButtonText: "Buy now",
+ showCloseButton: false,
}, context),
- }, context)}
- ${Container({
+ }, context),
+ Container({
withBorder: false,
direction: "column",
heading: "Close button only",
- containerStyles: { alignItems: "stretch" },
- wrapperStyles: { alignItems: "stretch" },
+ containerStyles: { "align-items": "stretch" },
+ wrapperStyles: { "align-items": "stretch" },
content: Template({
...args,
variant: "neutral",
text: "Your trial has expired",
actionButtonText: "",
}),
- }, context)}
- ${Container({
+ }, context),
+ Container({
withBorder: false,
direction: "column",
heading: "Text only",
- containerStyles: { alignItems: "stretch" },
- wrapperStyles: { alignItems: "stretch" },
+ containerStyles: { "align-items": "stretch" },
+ wrapperStyles: { "align-items": "stretch" },
content: Template({
- ...args,
- variant: "neutral",
- text: "Your trial has expired",
- actionButtonText: "",
- showCloseButton: false,
+ ...args,
+ variant: "neutral",
+ text: "Your trial has expired",
+ actionButtonText: "",
+ showCloseButton: false,
}, context),
- }, context)}
- `,
+ }, context),
+ ],
}, context);
diff --git a/components/alertbanner/themes/express.css b/components/alertbanner/themes/express.css
deleted file mode 100644
index ceebfffaf18..00000000000
--- a/components/alertbanner/themes/express.css
+++ /dev/null
@@ -1,20 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-AlertBanner {
- --spectrum-alert-banner-netural-background: var(--spectrum-neutral-background-color-default);
- }
-}
diff --git a/components/alertbanner/themes/spectrum.css b/components/alertbanner/themes/spectrum.css
deleted file mode 100644
index adcf854d6cb..00000000000
--- a/components/alertbanner/themes/spectrum.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-AlertBanner {
- --spectrum-alert-banner-netural-background: var(--spectrum-neutral-subdued-background-color-default);
- }
-}
diff --git a/components/alertdialog/CHANGELOG.md b/components/alertdialog/CHANGELOG.md
index b6da1d9d8ce..6098ca26bd1 100644
--- a/components/alertdialog/CHANGELOG.md
+++ b/components/alertdialog/CHANGELOG.md
@@ -1,5 +1,309 @@
# Change Log
+## 2.1.1-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/buttongroup@7.0.0-next.4
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/modal@5.1.1-next.0
+ - @spectrum-css/underlay@4.1.1-next.0
+
+## 3.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.16
+ - @spectrum-css/underlay@5.0.0-s2-foundations.16
+ - @spectrum-css/divider@4.0.0-s2-foundations.16
+ - @spectrum-css/modal@6.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 3.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.15
+ - @spectrum-css/underlay@5.0.0-s2-foundations.15
+ - @spectrum-css/divider@4.0.0-s2-foundations.15
+ - @spectrum-css/modal@6.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 3.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.14
+ - @spectrum-css/underlay@5.0.0-s2-foundations.14
+ - @spectrum-css/divider@4.0.0-s2-foundations.14
+ - @spectrum-css/modal@6.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 3.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.13
+ - @spectrum-css/underlay@5.0.0-s2-foundations.13
+ - @spectrum-css/divider@4.0.0-s2-foundations.13
+ - @spectrum-css/modal@6.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 3.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.12
+ - @spectrum-css/underlay@5.0.0-s2-foundations.12
+ - @spectrum-css/divider@4.0.0-s2-foundations.12
+ - @spectrum-css/modal@6.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 3.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.11
+ - @spectrum-css/underlay@5.0.0-s2-foundations.11
+ - @spectrum-css/divider@4.0.0-s2-foundations.11
+ - @spectrum-css/modal@6.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 3.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.10
+ - @spectrum-css/underlay@5.0.0-s2-foundations.10
+ - @spectrum-css/divider@4.0.0-s2-foundations.10
+ - @spectrum-css/modal@6.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 3.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.9
+ - @spectrum-css/underlay@5.0.0-s2-foundations.9
+ - @spectrum-css/divider@4.0.0-s2-foundations.9
+ - @spectrum-css/modal@6.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 3.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.8
+ - @spectrum-css/underlay@5.0.0-s2-foundations.8
+ - @spectrum-css/divider@4.0.0-s2-foundations.8
+ - @spectrum-css/modal@6.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 3.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.7
+ - @spectrum-css/underlay@5.0.0-s2-foundations.7
+ - @spectrum-css/divider@4.0.0-s2-foundations.7
+ - @spectrum-css/modal@6.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 3.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.6
+ - @spectrum-css/underlay@5.0.0-s2-foundations.6
+ - @spectrum-css/divider@4.0.0-s2-foundations.6
+ - @spectrum-css/modal@6.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 3.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.5
+ - @spectrum-css/underlay@5.0.0-s2-foundations.5
+ - @spectrum-css/divider@4.0.0-s2-foundations.5
+ - @spectrum-css/modal@6.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 3.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.4
+ - @spectrum-css/underlay@5.0.0-s2-foundations.4
+ - @spectrum-css/divider@4.0.0-s2-foundations.4
+ - @spectrum-css/modal@6.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 3.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.3
+ - @spectrum-css/underlay@5.0.0-s2-foundations.3
+ - @spectrum-css/divider@4.0.0-s2-foundations.3
+ - @spectrum-css/modal@6.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 3.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.2
+ - @spectrum-css/underlay@5.0.0-s2-foundations.2
+ - @spectrum-css/divider@4.0.0-s2-foundations.2
+ - @spectrum-css/modal@6.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 3.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.1
+ - @spectrum-css/underlay@5.0.0-s2-foundations.1
+ - @spectrum-css/divider@4.0.0-s2-foundations.1
+ - @spectrum-css/modal@6.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 3.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.0
+ - @spectrum-css/modal@6.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+ - @spectrum-css/underlay@5.0.0-s2-foundations.0
+
## 2.2.0
### Minor Changes
@@ -83,8 +387,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.2.4...@spectrum-css/alertdialog@2.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.2.4...@spectrum-css/alertdialog@2.0.0)
### ✨ Features
@@ -92,11 +395,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -104,8 +405,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.2.3...@spectrum-css/alertdialog@1.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.2.3...@spectrum-css/alertdialog@1.2.4)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -113,8 +413,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.2.2...@spectrum-css/alertdialog@1.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.2.2...@spectrum-css/alertdialog@1.2.3)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -122,8 +421,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.2.1...@spectrum-css/alertdialog@1.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.2.1...@spectrum-css/alertdialog@1.2.2)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -131,8 +429,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -140,8 +437,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.1.0...@spectrum-css/alertdialog@1.2.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.1.0...@spectrum-css/alertdialog@1.2.0)
### ✨ Features
@@ -151,8 +447,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.16...@spectrum-css/alertdialog@1.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.16...@spectrum-css/alertdialog@1.1.0)
### ✨ Features
@@ -162,8 +457,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.16
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.15...@spectrum-css/alertdialog@1.0.16)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.15...@spectrum-css/alertdialog@1.0.16)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -171,8 +465,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.15
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.14...@spectrum-css/alertdialog@1.0.15)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.14...@spectrum-css/alertdialog@1.0.15)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -180,8 +473,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.14
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.12...@spectrum-css/alertdialog@1.0.14)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.12...@spectrum-css/alertdialog@1.0.14)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -189,8 +481,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.13
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.12...@spectrum-css/alertdialog@1.0.13)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.12...@spectrum-css/alertdialog@1.0.13)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -198,8 +489,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.12
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.11...@spectrum-css/alertdialog@1.0.12)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.11...@spectrum-css/alertdialog@1.0.12)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -207,8 +497,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.11
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.10...@spectrum-css/alertdialog@1.0.11)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.10...@spectrum-css/alertdialog@1.0.11)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -216,8 +505,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.10
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.9...@spectrum-css/alertdialog@1.0.10)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.9...@spectrum-css/alertdialog@1.0.10)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -225,8 +513,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.9
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.8...@spectrum-css/alertdialog@1.0.9)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.8...@spectrum-css/alertdialog@1.0.9)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -234,8 +521,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.8
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.7...@spectrum-css/alertdialog@1.0.8)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.7...@spectrum-css/alertdialog@1.0.8)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -243,8 +529,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.7
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.6...@spectrum-css/alertdialog@1.0.7)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.6...@spectrum-css/alertdialog@1.0.7)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -252,8 +537,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.6
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.5...@spectrum-css/alertdialog@1.0.6)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.5...@spectrum-css/alertdialog@1.0.6)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -261,8 +545,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.5
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.4...@spectrum-css/alertdialog@1.0.5)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.4...@spectrum-css/alertdialog@1.0.5)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -270,8 +553,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.4
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.3...@spectrum-css/alertdialog@1.0.4)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.3...@spectrum-css/alertdialog@1.0.4)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -279,8 +561,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.3
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.2...@spectrum-css/alertdialog@1.0.3)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.2...@spectrum-css/alertdialog@1.0.3)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -288,8 +569,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.2
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.1...@spectrum-css/alertdialog@1.0.2)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.1...@spectrum-css/alertdialog@1.0.2)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -297,8 +577,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.1
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.0...@spectrum-css/alertdialog@1.0.1)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alertdialog@1.0.0...@spectrum-css/alertdialog@1.0.1)
**Note:** Version bump only for package @spectrum-css/alertdialog
@@ -306,13 +585,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.0
-🗓
-2023-08-22
+🗓 2023-08-22
\*feat(alertdialog)!: new component([d6b7286](https://github.com/adobe/spectrum-css/commit/d6b7286))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
new alert dialog component added
diff --git a/components/alertdialog/index.css b/components/alertdialog/index.css
index 0816c471c40..14e6e555f2c 100644
--- a/components/alertdialog/index.css
+++ b/components/alertdialog/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-AlertDialog {
--spectrum-alert-dialog-min-width: var(--spectrum-alert-dialog-minimum-width);
--spectrum-alert-dialog-max-width: var(--spectrum-alert-dialog-maximum-width);
diff --git a/components/alertdialog/metadata/metadata.json b/components/alertdialog/metadata/metadata.json
index 03bf62123f2..4e34b0e5fb8 100644
--- a/components/alertdialog/metadata/metadata.json
+++ b/components/alertdialog/metadata/metadata.json
@@ -78,7 +78,6 @@
"--spectrum-spacing-300",
"--spectrum-workflow-icon-size-100"
],
- "system-theme": [],
"passthroughs": ["--mod-buttongroup-justify-content", "--mod-icon-color"],
"high-contrast": []
}
diff --git a/components/alertdialog/metadata/mods.md b/components/alertdialog/metadata/mods.md
deleted file mode 100644
index e80747e43af..00000000000
--- a/components/alertdialog/metadata/mods.md
+++ /dev/null
@@ -1,24 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------- |
-| `--mod-alert-dialog-body-color` |
-| `--mod-alert-dialog-body-font-family` |
-| `--mod-alert-dialog-body-font-size` |
-| `--mod-alert-dialog-body-font-style` |
-| `--mod-alert-dialog-body-font-weight` |
-| `--mod-alert-dialog-body-line-height` |
-| `--mod-alert-dialog-description-to-buttons` |
-| `--mod-alert-dialog-divider-to-description` |
-| `--mod-alert-dialog-error-icon-color` |
-| `--mod-alert-dialog-icon-size` |
-| `--mod-alert-dialog-max-width` |
-| `--mod-alert-dialog-min-width` |
-| `--mod-alert-dialog-padding` |
-| `--mod-alert-dialog-title-color` |
-| `--mod-alert-dialog-title-font-family` |
-| `--mod-alert-dialog-title-font-size` |
-| `--mod-alert-dialog-title-font-style` |
-| `--mod-alert-dialog-title-font-weight` |
-| `--mod-alert-dialog-title-line-height` |
-| `--mod-alert-dialog-title-to-divider` |
-| `--mod-alert-dialog-title-to-icon` |
-| `--mod-alert-dialog-warning-icon-color` |
diff --git a/components/alertdialog/package.json b/components/alertdialog/package.json
index 0196af89c14..69375de70ba 100644
--- a/components/alertdialog/package.json
+++ b/components/alertdialog/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/alertdialog",
- "version": "2.2.0",
+ "version": "2.1.1-next.0",
"description": "The Spectrum CSS alertdialog component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,26 +17,27 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/buttongroup": ">=7",
- "@spectrum-css/divider": ">=3",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/modal": ">=5",
- "@spectrum-css/tokens": ">=14",
- "@spectrum-css/underlay": ">=4"
+ "@spectrum-css/buttongroup": ">=7.0.0-next.4",
+ "@spectrum-css/divider": ">=4.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/modal": ">=5.1.1-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0",
+ "@spectrum-css/underlay": ">=4.1.1-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/buttongroup": {
diff --git a/components/alertdialog/stories/alertdialog.stories.js b/components/alertdialog/stories/alertdialog.stories.js
index 12674e970d9..b3b34f04da8 100644
--- a/components/alertdialog/stories/alertdialog.stories.js
+++ b/components/alertdialog/stories/alertdialog.stories.js
@@ -45,6 +45,10 @@ export default {
actions: {
handles: ["click .spectrum-AlertDialog button"],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=21917-157",
+ },
docs: {
story: {
height: "300px",
@@ -113,6 +117,11 @@ Information.args = {
content: "If you enjoy our app, would you mind taking a moment to rate it?",
};
Information.parameters = {
+ docs: {
+ story: {
+ height: "400px",
+ }
+ },
chromatic: { disableSnapshot: true },
};
diff --git a/components/alertdialog/themes/express.css b/components/alertdialog/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/alertdialog/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/alertdialog/themes/spectrum.css b/components/alertdialog/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/alertdialog/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/asset/CHANGELOG.md b/components/asset/CHANGELOG.md
index add24d7f894..7567d7d924f 100644
--- a/components/asset/CHANGELOG.md
+++ b/components/asset/CHANGELOG.md
@@ -1,5 +1,210 @@
# Change Log
+## 6.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -48,16 +253,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@4.0.0...@spectrum-css/asset@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@4.0.0...@spectrum-css/asset@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -65,13 +267,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.1.2...@spectrum-css/asset@4.0.0)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.1.2...@spectrum-css/asset@4.0.0)
\*refactor(asset)!: migrate to tokens package (#2553)([03f693b](https://github.com/adobe/spectrum-css/commit/03f693b)), closes[#2553](https://github.com/adobe/spectrum-css/issues/2553)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates to use spectrum-tokens
@@ -83,8 +283,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.1.1...@spectrum-css/asset@3.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.1.1...@spectrum-css/asset@3.1.2)
**Note:** Version bump only for package @spectrum-css/asset
@@ -92,8 +291,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/asset
@@ -101,8 +299,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.52...@spectrum-css/asset@3.1.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.52...@spectrum-css/asset@3.1.0)
### ✨ Features
@@ -112,8 +309,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.52
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.51...@spectrum-css/asset@3.0.52)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.51...@spectrum-css/asset@3.0.52)
### 🐛 Bug fixes
@@ -123,8 +319,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.51
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.50...@spectrum-css/asset@3.0.51)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.50...@spectrum-css/asset@3.0.51)
**Note:** Version bump only for package @spectrum-css/asset
@@ -132,8 +327,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.50
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.48...@spectrum-css/asset@3.0.50)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.48...@spectrum-css/asset@3.0.50)
### 🔙 Reverts
@@ -143,8 +337,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.49
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.48...@spectrum-css/asset@3.0.49)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.48...@spectrum-css/asset@3.0.49)
### 🔙 Reverts
@@ -154,8 +347,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.48
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.47...@spectrum-css/asset@3.0.48)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.47...@spectrum-css/asset@3.0.48)
**Note:** Version bump only for package @spectrum-css/asset
@@ -163,8 +355,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.47
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.46...@spectrum-css/asset@3.0.47)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.46...@spectrum-css/asset@3.0.47)
**Note:** Version bump only for package @spectrum-css/asset
@@ -172,8 +363,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.46
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.45...@spectrum-css/asset@3.0.46)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.45...@spectrum-css/asset@3.0.46)
**Note:** Version bump only for package @spectrum-css/asset
@@ -181,8 +371,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.45
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.44...@spectrum-css/asset@3.0.45)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.44...@spectrum-css/asset@3.0.45)
**Note:** Version bump only for package @spectrum-css/asset
@@ -190,8 +379,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.44
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.43...@spectrum-css/asset@3.0.44)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.43...@spectrum-css/asset@3.0.44)
### 🐛 Bug fixes
@@ -201,8 +389,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.43
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.42...@spectrum-css/asset@3.0.43)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.42...@spectrum-css/asset@3.0.43)
**Note:** Version bump only for package @spectrum-css/asset
@@ -210,8 +397,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.42
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.41...@spectrum-css/asset@3.0.42)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/asset@3.0.41...@spectrum-css/asset@3.0.42)
**Note:** Version bump only for package @spectrum-css/asset
diff --git a/components/asset/index.css b/components/asset/index.css
index dea8fc9ce74..e31f6aea3a7 100644
--- a/components/asset/index.css
+++ b/components/asset/index.css
@@ -11,9 +11,12 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Asset {
+ --spectrum-asset-folder-background: var(--highcontrast-asset-icon-background-color, var(--mod-asset-folder-background-color, var(--spectrum-gray-200)));
+ --spectrum-asset-file-background: var(--highcontrast-asset-icon-background-color, var(--mod-asset-file-background-color, var(--spectrum-gray-25)));
+ --spectrum-asset-folder-outline: var(--mod-asset-icon-outline-color, var(--spectrum-gray-500));
+ --spectrum-asset-file-outline: var(--mod-asset-icon-outline-color, var(--spectrum-gray-500));
+
display: flex;
align-items: center;
justify-content: center;
@@ -37,21 +40,23 @@
}
.spectrum-Asset-folderBackground {
- fill: var(--highcontrast-asset-folder-background-color, var(--mod-asset-folder-background-color, var(--spectrum-gray-300)));
+ fill: var(--spectrum-asset-folder-background);
}
.spectrum-Asset-fileBackground {
- fill: var(--highcontrast-asset-file-background-color, var(--mod-asset-file-background-color, var(--spectrum-gray-50)));
+ fill: var(--spectrum-asset-file-background);
+}
+
+.spectrum-Asset-folderOutline {
+ fill: var(--spectrum-asset-folder-outline);
}
-.spectrum-Asset-folderOutline,
.spectrum-Asset-fileOutline {
- fill: var(--mod-asset-icon-outline-color, var(--spectrum-gray-500));
+ fill: var(--spectrum-asset-file-outline);
}
@media (forced-colors: active) {
.spectrum-Asset {
- --highcontrast-asset-folder-background-color: currentColor;
- --highcontrast-asset-file-background-color: currentColor;
+ --highcontrast-asset-icon-background-color: currentColor;
}
}
diff --git a/components/asset/metadata/metadata.json b/components/asset/metadata/metadata.json
index c4dba7ecfc7..6389e295f47 100644
--- a/components/asset/metadata/metadata.json
+++ b/components/asset/metadata/metadata.json
@@ -18,17 +18,18 @@
"--mod-asset-icon-min-width",
"--mod-asset-icon-outline-color"
],
- "component": [],
+ "component": [
+ "--spectrum-asset-file-background",
+ "--spectrum-asset-file-outline",
+ "--spectrum-asset-folder-background",
+ "--spectrum-asset-folder-outline"
+ ],
"global": [
"--spectrum-animation-duration-100",
- "--spectrum-gray-300",
- "--spectrum-gray-50",
+ "--spectrum-gray-200",
+ "--spectrum-gray-25",
"--spectrum-gray-500"
],
- "system-theme": [],
"passthroughs": [],
- "high-contrast": [
- "--highcontrast-asset-file-background-color",
- "--highcontrast-asset-folder-background-color"
- ]
+ "high-contrast": ["--highcontrast-asset-icon-background-color"]
}
diff --git a/components/asset/metadata/mods.md b/components/asset/metadata/mods.md
deleted file mode 100644
index c4afdaba588..00000000000
--- a/components/asset/metadata/mods.md
+++ /dev/null
@@ -1,8 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------- |
-| `--mod-asset-file-background-color` |
-| `--mod-asset-folder-background-color` |
-| `--mod-asset-icon-margin` |
-| `--mod-asset-icon-max-width` |
-| `--mod-asset-icon-min-width` |
-| `--mod-asset-icon-outline-color` |
diff --git a/components/asset/package.json b/components/asset/package.json
index 8b1065ab252..f934cdcb4d6 100644
--- a/components/asset/package.json
+++ b/components/asset/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/asset",
- "version": "5.2.0",
+ "version": "6.0.0-s2-foundations.16",
"description": "The Spectrum CSS asset component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/asset/stories/asset.mdx b/components/asset/stories/asset.mdx
deleted file mode 100644
index 455cef7842a..00000000000
--- a/components/asset/stories/asset.mdx
+++ /dev/null
@@ -1,48 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-import * as AssetStories from "./asset.stories";
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/asset/themes/spectrum.css b/components/asset/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/asset/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/assetcard/CHANGELOG.md b/components/assetcard/CHANGELOG.md
index 79cc0237757..373fbc44348 100644
--- a/components/assetcard/CHANGELOG.md
+++ b/components/assetcard/CHANGELOG.md
@@ -1,5 +1,249 @@
# Change Log
+## 5.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.20
+
+## 5.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.18
+
+## 5.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.17
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 5.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 5.0.0-s2-foundations.13
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9df688a`](https://github.com/adobe/spectrum-css/commit/9df688a6a83be5f13bc4e0e732fed294af08bf3f) Thanks [@pfulton](https://github.com/pfulton)! - Replaces raw RGB value/direct token references with abstracted custom properties in theme/spectrum-two.css files
+
+ Asset card
+
+ - removes raw rgb value for box-shadow from `index.css`
+ - creates new `--spectrum-assetcard-selectionindicator-box-shadow-color`
+ in `themes/spectrum-two.css` with previous rgb value to use instead
+
+ Well
+
+ - removes `--spectrum-gray-800-rgb` for background-color from `index.css`
+ - creates new `--spectrum-well-background-color` in `themes/spectrum-two.css`
+ with previous `--spectrum-gray-800-rgb` property to use instead
+
+## 5.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 5.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 5.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 5.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 5.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 5.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 5.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.6
+
+## 5.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 5.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 5.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 5.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 5.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 5.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 4.2.0
### Minor Changes
@@ -63,8 +307,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.1.4...@spectrum-css/assetcard@4.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.1.4...@spectrum-css/assetcard@4.0.0)
### ✨ Features
@@ -84,8 +327,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.1.3...@spectrum-css/assetcard@3.1.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.1.3...@spectrum-css/assetcard@3.1.4)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -93,8 +335,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.1.2...@spectrum-css/assetcard@3.1.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.1.2...@spectrum-css/assetcard@3.1.3)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -102,8 +343,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.1.1...@spectrum-css/assetcard@3.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.1.1...@spectrum-css/assetcard@3.1.2)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -111,8 +351,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -120,8 +359,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.5...@spectrum-css/assetcard@3.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.5...@spectrum-css/assetcard@3.1.0)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -129,8 +367,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.5
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.4...@spectrum-css/assetcard@3.0.5)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.4...@spectrum-css/assetcard@3.0.5)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -138,8 +375,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.4
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.3...@spectrum-css/assetcard@3.0.4)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.3...@spectrum-css/assetcard@3.0.4)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -147,8 +383,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.3
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.2...@spectrum-css/assetcard@3.0.3)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.2...@spectrum-css/assetcard@3.0.3)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -156,8 +391,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.2
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.0...@spectrum-css/assetcard@3.0.2)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.0...@spectrum-css/assetcard@3.0.2)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -165,8 +399,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.1
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.0...@spectrum-css/assetcard@3.0.1)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@3.0.0...@spectrum-css/assetcard@3.0.1)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -174,8 +407,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.13...@spectrum-css/assetcard@3.0.0)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.13...@spectrum-css/assetcard@3.0.0)
\*refactor(assetcard)!: token migration (#2229)([a0cf37b](https://github.com/adobe/spectrum-css/commit/a0cf37b)), closes[#2229](https://github.com/adobe/spectrum-css/issues/2229)
@@ -189,8 +421,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.13
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.12...@spectrum-css/assetcard@2.0.13)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.12...@spectrum-css/assetcard@2.0.13)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -198,8 +429,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.12
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.11...@spectrum-css/assetcard@2.0.12)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.11...@spectrum-css/assetcard@2.0.12)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -207,8 +437,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.11
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.10...@spectrum-css/assetcard@2.0.11)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.10...@spectrum-css/assetcard@2.0.11)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -216,8 +445,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.10
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.9...@spectrum-css/assetcard@2.0.10)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.9...@spectrum-css/assetcard@2.0.10)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -225,8 +453,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.9
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.8...@spectrum-css/assetcard@2.0.9)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.8...@spectrum-css/assetcard@2.0.9)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -234,8 +461,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.8
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.7...@spectrum-css/assetcard@2.0.8)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.7...@spectrum-css/assetcard@2.0.8)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -243,8 +469,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.7
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.6...@spectrum-css/assetcard@2.0.7)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.6...@spectrum-css/assetcard@2.0.7)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -252,8 +477,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.6
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.5...@spectrum-css/assetcard@2.0.6)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.5...@spectrum-css/assetcard@2.0.6)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -261,8 +485,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.5
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.4...@spectrum-css/assetcard@2.0.5)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.4...@spectrum-css/assetcard@2.0.5)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -270,8 +493,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.4
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.3...@spectrum-css/assetcard@2.0.4)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.3...@spectrum-css/assetcard@2.0.4)
### 🔙 Reverts
@@ -281,8 +503,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.3
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.2...@spectrum-css/assetcard@2.0.3)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.2...@spectrum-css/assetcard@2.0.3)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -290,8 +511,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.2
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.0...@spectrum-css/assetcard@2.0.2)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.0...@spectrum-css/assetcard@2.0.2)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -299,8 +519,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.1
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.0...@spectrum-css/assetcard@2.0.1)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@2.0.0...@spectrum-css/assetcard@2.0.1)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -308,8 +527,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.0
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.52...@spectrum-css/assetcard@2.0.0)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.52...@spectrum-css/assetcard@2.0.0)
\*refactor(assetcard)!: replace focus-ring with focus-visible([1c6a3e9](https://github.com/adobe/spectrum-css/commit/1c6a3e9))
@@ -323,8 +541,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.52
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.51...@spectrum-css/assetcard@1.1.52)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.51...@spectrum-css/assetcard@1.1.52)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -332,8 +549,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.51
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.50...@spectrum-css/assetcard@1.1.51)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.50...@spectrum-css/assetcard@1.1.51)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -341,8 +557,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.50
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.49...@spectrum-css/assetcard@1.1.50)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.49...@spectrum-css/assetcard@1.1.50)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -350,8 +565,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.49
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.48...@spectrum-css/assetcard@1.1.49)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.48...@spectrum-css/assetcard@1.1.49)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -359,8 +573,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.48
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.47...@spectrum-css/assetcard@1.1.48)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.47...@spectrum-css/assetcard@1.1.48)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -368,8 +581,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.47
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.46...@spectrum-css/assetcard@1.1.47)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.46...@spectrum-css/assetcard@1.1.47)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -377,8 +589,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.46
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.45...@spectrum-css/assetcard@1.1.46)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.45...@spectrum-css/assetcard@1.1.46)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -386,8 +597,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.45
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.44...@spectrum-css/assetcard@1.1.45)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.44...@spectrum-css/assetcard@1.1.45)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -395,8 +605,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.44
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.43...@spectrum-css/assetcard@1.1.44)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.43...@spectrum-css/assetcard@1.1.44)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -404,8 +613,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.43
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.42...@spectrum-css/assetcard@1.1.43)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.42...@spectrum-css/assetcard@1.1.43)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -413,8 +621,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.42
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.41...@spectrum-css/assetcard@1.1.42)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.41...@spectrum-css/assetcard@1.1.42)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -422,8 +629,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.41
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.40...@spectrum-css/assetcard@1.1.41)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.40...@spectrum-css/assetcard@1.1.41)
### 🐛 Bug fixes
@@ -433,8 +639,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.40
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.39...@spectrum-css/assetcard@1.1.40)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.39...@spectrum-css/assetcard@1.1.40)
**Note:** Version bump only for package @spectrum-css/assetcard
@@ -442,8 +647,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.39
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.38...@spectrum-css/assetcard@1.1.39)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetcard@1.1.38...@spectrum-css/assetcard@1.1.39)
**Note:** Version bump only for package @spectrum-css/assetcard
diff --git a/components/assetcard/index.css b/components/assetcard/index.css
index 3664978d933..61ce2cb0e03 100644
--- a/components/assetcard/index.css
+++ b/components/assetcard/index.css
@@ -11,13 +11,12 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
/* outer container, unstyled */
.spectrum-AssetCard {
/* todo: this isn't quite the size from the XD file as 232px is not a size token, so we use 224px */
--spectrum-assetcard-asset-size: 224px;
- --spectrum-assetcard-background-color: var(--spectrum-gray-200);
+ --spectrum-assetcard-background-color: var(--spectrum-gray-75);
+ --spectrum-assetcard-overlay-background-color: rgba(27 127 245 / 10%);
--spectrum-assetcard-asset-animation-duration: var(--spectrum-animation-duration-100);
--spectrum-assetcard-asset-container-border-size: 1px;
--spectrum-assetcard-header-margin-block-start: var(--spectrum-spacing-300);
@@ -31,7 +30,6 @@
--spectrum-assetcard-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
/* selection indicator - checkbox or number */
- --spectrum-assetcard-selectionindicator-background-color-default: rgba(var(--spectrum-gray-100-rgb), 0.9);
--spectrum-assetcard-selectionindicator-size: var(--spectrum-card-selection-background-size);
--spectrum-assetcard-selectionindicator-border-radius: var(--spectrum-corner-radius-100);
--spectrum-assetcard-selectionindicator-offset-y: 4px;
@@ -39,6 +37,8 @@
--spectrum-assetcard-selectionindicator-color: var(--spectrum-white);
--spectrum-assetcard-selectionindicator-font-weight: var(--spectrum-bold-font-weight);
--spectrum-assetcard-selectionindicator-font-size: var(--spectrum-font-size-400);
+ --spectrum-assetcard-selectionindicator-background-color-default: rgba(var(--spectrum-gray-75-rgb), 0.9);
+ --spectrum-assetcard-selectionindicator-box-shadow-color: var(--spectrum-transparent-black-300);
/* title */
--spectrum-assetcard-title-text-color: var(--spectrum-gray-900);
@@ -66,6 +66,16 @@
--spectrum-assetcard-content-margin-block-start: var(--spectrum-spacing-75);
+ /* contain selection indicator */
+ position: relative;
+
+ display: flex;
+ flex-direction: column;
+
+ inline-size: var(--mod-assetcard-asset-size, var(--spectrum-assetcard-asset-size));
+
+ cursor: pointer;
+
&:lang(zh),
&:lang(ja),
&:lang(ko) {
@@ -88,18 +98,6 @@
--spectrum-assetcard-content-font-style: var(--spectrum-body-cjk-font-style);
--spectrum-assetcard-content-letter-spacing: var(--spectrum-cjk-letter-spacing);
}
-}
-
-.spectrum-AssetCard {
- /* contain selection indicator */
- position: relative;
-
- display: flex;
- flex-direction: column;
-
- inline-size: var(--mod-assetcard-asset-size, var(--spectrum-assetcard-asset-size));
-
- cursor: pointer;
&.is-selected,
&:hover,
@@ -272,7 +270,7 @@
border-radius: var(--mod-assetcard-selectionindicator-border-radius, var(--spectrum-assetcard-selectionindicator-border-radius));
- box-shadow: 0 var(--spectrum-assetcard-selectionindicator-offset-y) var(--spectrum-assetcard-selectionindicator-blur) rgb(0, 0, 0, 15%);
+ box-shadow: 0 var(--spectrum-assetcard-selectionindicator-offset-y) var(--spectrum-assetcard-selectionindicator-blur) var(--spectrum-assetcard-selectionindicator-box-shadow-color);
color: var(--highcontrast-assetcard-selectionindicator-color, var(--mod-assetcard-selectionindicator-color, var(--spectrum-assetcard-selectionindicator-color)));
font-weight: var(--mod-assetcard-selectionindicator-font-weight, var(--spectrum-assetcard-selectionindicator-font-weight));
diff --git a/components/assetcard/metadata/metadata.json b/components/assetcard/metadata/metadata.json
index decca789994..59eacc85a26 100644
--- a/components/assetcard/metadata/metadata.json
+++ b/components/assetcard/metadata/metadata.json
@@ -123,10 +123,13 @@
"--spectrum-assetcard-header-content-text-color",
"--spectrum-assetcard-header-margin-block-start",
"--spectrum-assetcard-overlay-background-color",
+ "--spectrum-assetcard-overlay-background-color-opacity",
+ "--spectrum-assetcard-overlay-background-color-rgb",
"--spectrum-assetcard-selectionindicator-background-color-default",
"--spectrum-assetcard-selectionindicator-background-color-ordered",
"--spectrum-assetcard-selectionindicator-blur",
"--spectrum-assetcard-selectionindicator-border-radius",
+ "--spectrum-assetcard-selectionindicator-box-shadow-color",
"--spectrum-assetcard-selectionindicator-color",
"--spectrum-assetcard-selectionindicator-font-size",
"--spectrum-assetcard-selectionindicator-font-weight",
@@ -156,11 +159,11 @@
"--spectrum-default-font-style",
"--spectrum-focus-indicator-thickness",
"--spectrum-font-size-400",
- "--spectrum-gray-100-rgb",
- "--spectrum-gray-200",
"--spectrum-gray-500",
"--spectrum-gray-600",
"--spectrum-gray-700",
+ "--spectrum-gray-75",
+ "--spectrum-gray-75-rgb",
"--spectrum-gray-900",
"--spectrum-heading-cjk-font-style",
"--spectrum-heading-cjk-font-weight",
@@ -172,9 +175,9 @@
"--spectrum-sans-font-family-stack",
"--spectrum-spacing-300",
"--spectrum-spacing-75",
+ "--spectrum-transparent-black-300",
"--spectrum-white"
],
- "system-theme": ["--system-spectrum-assetcard-overlay-background-color"],
"passthroughs": [],
"high-contrast": [
"--highcontrast-assectcard-border-color-selected-down",
diff --git a/components/assetcard/metadata/mods.md b/components/assetcard/metadata/mods.md
deleted file mode 100644
index 867a8fe680f..00000000000
--- a/components/assetcard/metadata/mods.md
+++ /dev/null
@@ -1,49 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------------- |
-| `--mod-assectcard-border-color-selected-down` |
-| `--mod-assectcard-focus-indicator-color` |
-| `--mod-assetcard-asset-animation-duration` |
-| `--mod-assetcard-asset-container-border-size` |
-| `--mod-assetcard-asset-size` |
-| `--mod-assetcard-background-color` |
-| `--mod-assetcard-border-color` |
-| `--mod-assetcard-border-color-down` |
-| `--mod-assetcard-border-color-hover` |
-| `--mod-assetcard-border-color-selected` |
-| `--mod-assetcard-border-color-selected-hover` |
-| `--mod-assetcard-border-radius` |
-| `--mod-assetcard-content-font-family` |
-| `--mod-assetcard-content-font-size` |
-| `--mod-assetcard-content-font-style` |
-| `--mod-assetcard-content-font-weight` |
-| `--mod-assetcard-content-letter-spacing` |
-| `--mod-assetcard-content-line-height` |
-| `--mod-assetcard-content-margin-block-start` |
-| `--mod-assetcard-content-text-color` |
-| `--mod-assetcard-focus-indicator-thickness` |
-| `--mod-assetcard-focus-ring-border-radius` |
-| `--mod-assetcard-focus-ring-gap` |
-| `--mod-assetcard-header-content-font-family` |
-| `--mod-assetcard-header-content-font-size` |
-| `--mod-assetcard-header-content-font-stlye` |
-| `--mod-assetcard-header-content-font-weight` |
-| `--mod-assetcard-header-content-letter-spacing` |
-| `--mod-assetcard-header-content-line-height` |
-| `--mod-assetcard-header-content-text-color` |
-| `--mod-assetcard-header-margin-block-start` |
-| `--mod-assetcard-overlay-background-color` |
-| `--mod-assetcard-selectionindicator-background-color-default` |
-| `--mod-assetcard-selectionindicator-background-color-ordered` |
-| `--mod-assetcard-selectionindicator-border-radius` |
-| `--mod-assetcard-selectionindicator-color` |
-| `--mod-assetcard-selectionindicator-font-size` |
-| `--mod-assetcard-selectionindicator-font-weight` |
-| `--mod-assetcard-selectionindicator-margin` |
-| `--mod-assetcard-selectionindicator-size` |
-| `--mod-assetcard-title-font-family` |
-| `--mod-assetcard-title-font-size` |
-| `--mod-assetcard-title-font-style` |
-| `--mod-assetcard-title-font-weight` |
-| `--mod-assetcard-title-letter-spacing` |
-| `--mod-assetcard-title-line-height` |
-| `--mod-assetcard-title-text-color` |
diff --git a/components/assetcard/package.json b/components/assetcard/package.json
index 2ebd8e64ea7..2013f049fc6 100644
--- a/components/assetcard/package.json
+++ b/components/assetcard/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/assetcard",
- "version": "4.2.0",
+ "version": "5.0.0-s2-foundations.17",
"description": "The Spectrum CSS asset card component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/checkbox": ">=9",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/checkbox": ">=10.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"peerDependenciesMeta": {
"@spectrum-css/checkbox": {
diff --git a/components/assetcard/stories/assetcard.mdx b/components/assetcard/stories/assetcard.mdx
deleted file mode 100644
index d6edaaa0201..00000000000
--- a/components/assetcard/stories/assetcard.mdx
+++ /dev/null
@@ -1,66 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-import * as AssetCardStories from "./assetcard.stories";
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-AssetCard {
- --spectrum-assetcard-overlay-background-color: rgba(109, 115, 246, 20%);
- }
-}
diff --git a/components/assetcard/themes/spectrum.css b/components/assetcard/themes/spectrum.css
deleted file mode 100644
index 6104113334b..00000000000
--- a/components/assetcard/themes/spectrum.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-AssetCard {
- --spectrum-assetcard-overlay-background-color: rgba(27, 127, 245, 10%);
- }
-}
diff --git a/components/assetlist/CHANGELOG.md b/components/assetlist/CHANGELOG.md
index ee6eaac743f..86c3e8128a9 100644
--- a/components/assetlist/CHANGELOG.md
+++ b/components/assetlist/CHANGELOG.md
@@ -1,5 +1,248 @@
# Change Log
+## 7.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.20
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 7.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.18
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 7.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 7.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 7.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 7.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 7.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 7.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 7.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 7.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 7.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 7.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 7.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 7.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 7.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 6.4.0
### Minor Changes
@@ -20,6 +263,17 @@
### Patch Changes
+- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
+ - @spectrum-css/tokens@14.5.0
+
+## 6.3.0
+
+### Minor Changes
+
+- [#3264](https://github.com/adobe/spectrum-css/pull/3264) [`fc815ec`](https://github.com/adobe/spectrum-css/commit/fc815ec1eee63718e1f6441aedcfd7e25bb81c00) Thanks [@cdransf](https://github.com/cdransf)! - Resolves a linting violation in the assetlist component by moving forced-color-adjust after token declarations.
+
+### Patch Changes
+
- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
- @spectrum-css/tokens@14.5.0
@@ -85,8 +339,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.2.4...@spectrum-css/assetlist@6.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.2.4...@spectrum-css/assetlist@6.0.0)
### ✨ Features
@@ -106,8 +359,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.2.3...@spectrum-css/assetlist@5.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.2.3...@spectrum-css/assetlist@5.2.4)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -115,8 +367,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.2.2...@spectrum-css/assetlist@5.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.2.2...@spectrum-css/assetlist@5.2.3)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -124,8 +375,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.2.1...@spectrum-css/assetlist@5.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.2.1...@spectrum-css/assetlist@5.2.2)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -133,8 +383,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -142,8 +391,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.1.1...@spectrum-css/assetlist@5.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.1.1...@spectrum-css/assetlist@5.2.0)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -151,8 +399,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.1
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.1.0...@spectrum-css/assetlist@5.1.1)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.1.0...@spectrum-css/assetlist@5.1.1)
### 🐛 Bug fixes
@@ -162,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.0.4...@spectrum-css/assetlist@5.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.0.4...@spectrum-css/assetlist@5.1.0)
### ✨ Features
@@ -173,8 +419,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.4
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.0.3...@spectrum-css/assetlist@5.0.4)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.0.3...@spectrum-css/assetlist@5.0.4)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -182,8 +427,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.3
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.0.2...@spectrum-css/assetlist@5.0.3)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.0.2...@spectrum-css/assetlist@5.0.3)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -191,8 +435,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.2
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.0.0...@spectrum-css/assetlist@5.0.2)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.0.0...@spectrum-css/assetlist@5.0.2)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -200,8 +443,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.1
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.0.0...@spectrum-css/assetlist@5.0.1)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@5.0.0...@spectrum-css/assetlist@5.0.1)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -209,8 +451,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@4.0.0...@spectrum-css/assetlist@5.0.0)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@4.0.0...@spectrum-css/assetlist@5.0.0)
\*refactor(assetlist)!: migrate to spectrum tokens (#2211)([32149e5](https://github.com/adobe/spectrum-css/commit/32149e5)), closes[#2211](https://github.com/adobe/spectrum-css/issues/2211)
@@ -258,8 +499,7 @@ Additionally:
## 4.0.0
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.85...@spectrum-css/assetlist@4.0.0)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.85...@spectrum-css/assetlist@4.0.0)
\*feat(millercolumns)!: migrate to spectrum-tokens (#2191)([aa163d2](https://github.com/adobe/spectrum-css/commit/aa163d2)), closes[#2191](https://github.com/adobe/spectrum-css/issues/2191)
@@ -282,8 +522,7 @@ Additionally:
## 3.0.85
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.84...@spectrum-css/assetlist@3.0.85)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.84...@spectrum-css/assetlist@3.0.85)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -291,8 +530,7 @@ Additionally:
## 3.0.84
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.83...@spectrum-css/assetlist@3.0.84)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.83...@spectrum-css/assetlist@3.0.84)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -300,8 +538,7 @@ Additionally:
## 3.0.83
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.82...@spectrum-css/assetlist@3.0.83)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.82...@spectrum-css/assetlist@3.0.83)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -309,8 +546,7 @@ Additionally:
## 3.0.82
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.81...@spectrum-css/assetlist@3.0.82)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.81...@spectrum-css/assetlist@3.0.82)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -318,8 +554,7 @@ Additionally:
## 3.0.81
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.80...@spectrum-css/assetlist@3.0.81)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.80...@spectrum-css/assetlist@3.0.81)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -327,8 +562,7 @@ Additionally:
## 3.0.80
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.79...@spectrum-css/assetlist@3.0.80)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.79...@spectrum-css/assetlist@3.0.80)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -336,8 +570,7 @@ Additionally:
## 3.0.79
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.78...@spectrum-css/assetlist@3.0.79)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.78...@spectrum-css/assetlist@3.0.79)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -345,8 +578,7 @@ Additionally:
## 3.0.78
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.77...@spectrum-css/assetlist@3.0.78)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.77...@spectrum-css/assetlist@3.0.78)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -354,8 +586,7 @@ Additionally:
## 3.0.77
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.76...@spectrum-css/assetlist@3.0.77)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.76...@spectrum-css/assetlist@3.0.77)
### 🔙 Reverts
@@ -365,8 +596,7 @@ Additionally:
## 3.0.76
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.75...@spectrum-css/assetlist@3.0.76)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.75...@spectrum-css/assetlist@3.0.76)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -374,8 +604,7 @@ Additionally:
## 3.0.75
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.73...@spectrum-css/assetlist@3.0.75)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.73...@spectrum-css/assetlist@3.0.75)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -383,8 +612,7 @@ Additionally:
## 3.0.74
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.73...@spectrum-css/assetlist@3.0.74)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.73...@spectrum-css/assetlist@3.0.74)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -392,8 +620,7 @@ Additionally:
## 3.0.73
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.72...@spectrum-css/assetlist@3.0.73)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.72...@spectrum-css/assetlist@3.0.73)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -401,8 +628,7 @@ Additionally:
## 3.0.72
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.71...@spectrum-css/assetlist@3.0.72)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.71...@spectrum-css/assetlist@3.0.72)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -410,8 +636,7 @@ Additionally:
## 3.0.71
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.70...@spectrum-css/assetlist@3.0.71)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.70...@spectrum-css/assetlist@3.0.71)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -419,8 +644,7 @@ Additionally:
## 3.0.70
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.69...@spectrum-css/assetlist@3.0.70)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.69...@spectrum-css/assetlist@3.0.70)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -428,8 +652,7 @@ Additionally:
## 3.0.69
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.68...@spectrum-css/assetlist@3.0.69)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.68...@spectrum-css/assetlist@3.0.69)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -437,8 +660,7 @@ Additionally:
## 3.0.68
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.67...@spectrum-css/assetlist@3.0.68)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.67...@spectrum-css/assetlist@3.0.68)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -446,8 +668,7 @@ Additionally:
## 3.0.67
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.66...@spectrum-css/assetlist@3.0.67)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.66...@spectrum-css/assetlist@3.0.67)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -455,8 +676,7 @@ Additionally:
## 3.0.66
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.65...@spectrum-css/assetlist@3.0.66)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.65...@spectrum-css/assetlist@3.0.66)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -464,8 +684,7 @@ Additionally:
## 3.0.65
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.64...@spectrum-css/assetlist@3.0.65)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.64...@spectrum-css/assetlist@3.0.65)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -473,8 +692,7 @@ Additionally:
## 3.0.64
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.63...@spectrum-css/assetlist@3.0.64)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.63...@spectrum-css/assetlist@3.0.64)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -482,8 +700,7 @@ Additionally:
## 3.0.63
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.62...@spectrum-css/assetlist@3.0.63)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.62...@spectrum-css/assetlist@3.0.63)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -491,8 +708,7 @@ Additionally:
## 3.0.62
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.61...@spectrum-css/assetlist@3.0.62)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.61...@spectrum-css/assetlist@3.0.62)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -500,8 +716,7 @@ Additionally:
## 3.0.61
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.60...@spectrum-css/assetlist@3.0.61)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.60...@spectrum-css/assetlist@3.0.61)
### 🐛 Bug fixes
@@ -511,8 +726,7 @@ Additionally:
## 3.0.60
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.59...@spectrum-css/assetlist@3.0.60)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.59...@spectrum-css/assetlist@3.0.60)
**Note:** Version bump only for package @spectrum-css/assetlist
@@ -520,8 +734,7 @@ Additionally:
## 3.0.59
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.58...@spectrum-css/assetlist@3.0.59)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/assetlist@3.0.58...@spectrum-css/assetlist@3.0.59)
**Note:** Version bump only for package @spectrum-css/assetlist
diff --git a/components/assetlist/index.css b/components/assetlist/index.css
index f51b8bb04ac..c0bf2cebfd9 100644
--- a/components/assetlist/index.css
+++ b/components/assetlist/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-AssetList {
--spectrum-assetlist-width: 272px;
--spectrum-assetlist-child-indicator-animation: var(--spectrum-animation-duration-100);
@@ -26,8 +24,8 @@
--spectrum-assetlist-item-animation: var(--spectrum-animation-duration-100);
--spectrum-assetlist-item-font-size: var(--spectrum-font-size-100);
--spectrum-assetlist-item-font-weight: var(--spectrum-regular-font-weight);
- --spectrum-assetlist-item-background-color-down: var(--spectrum-gray-300);
- --spectrum-assetlist-item-background-color-hover: var(--spectrum-gray-200);
+ --spectrum-assetlist-item-background-color-down: var(--spectrum-gray-200);
+ --spectrum-assetlist-item-background-color-hover: var(--spectrum-gray-100);
/* thumbnail */
--spectrum-assetlist-thumbnail-width: var(--spectrum-spacing-400);
@@ -38,15 +36,13 @@
--spectrum-assetlist-item-label-padding-inline-start: var(--spectrum-spacing-100);
--spectrum-assetlist-label-color: var(--spectrum-neutral-content-color-default);
- &:dir(rtl) {
- --spectrum-logical-rotation: matrix(-1, 0, 0, 1, 0, 0);
- }
-}
-
-.spectrum-AssetList {
margin-block-start: 0;
margin-block-end: 0;
padding: 0;
+
+ &:dir(rtl) {
+ --spectrum-logical-rotation: matrix(-1, 0, 0, 1, 0, 0);
+ }
}
.spectrum-AssetList-item {
@@ -161,7 +157,7 @@
.spectrum-AssetList-itemChildIndicator {
display: none;
transition: transform ease var(--mod-assetlist-child-indicator-animation, var(--spectrum-assetlist-child-indicator-animation));
- transform: var(--spectrum-logical-rotation);
+ transform: var(--spectrum-logical-rotation,);
}
.spectrum-AssetList-itemLabel {
diff --git a/components/assetlist/metadata/metadata.json b/components/assetlist/metadata/metadata.json
index 2de86c31204..960f3e03ce3 100644
--- a/components/assetlist/metadata/metadata.json
+++ b/components/assetlist/metadata/metadata.json
@@ -82,8 +82,8 @@
"global": [
"--spectrum-animation-duration-100",
"--spectrum-font-size-100",
+ "--spectrum-gray-100",
"--spectrum-gray-200",
- "--spectrum-gray-300",
"--spectrum-logical-rotation",
"--spectrum-neutral-content-color-default",
"--spectrum-regular-font-weight",
@@ -93,7 +93,6 @@
"--spectrum-spacing-600",
"--spectrum-spacing-75"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-assetlist-border-color-key-focus",
diff --git a/components/assetlist/metadata/mods.md b/components/assetlist/metadata/mods.md
deleted file mode 100644
index 2b5081cf59e..00000000000
--- a/components/assetlist/metadata/mods.md
+++ /dev/null
@@ -1,22 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------ |
-| `--mod-assetlist-border-color-key-focus` |
-| `--mod-assetlist-child-indicator-animation` |
-| `--mod-assetlist-item-animation` |
-| `--mod-assetlist-item-background-color-down` |
-| `--mod-assetlist-item-background-color-hover` |
-| `--mod-assetlist-item-background-color-selected` |
-| `--mod-assetlist-item-background-color-selected-hover` |
-| `--mod-assetlist-item-border-radius` |
-| `--mod-assetlist-item-font-size` |
-| `--mod-assetlist-item-font-weight` |
-| `--mod-assetlist-item-height` |
-| `--mod-assetlist-item-label-padding-inline-start` |
-| `--mod-assetlist-item-margin-bottom` |
-| `--mod-assetlist-item-padding-inline-end` |
-| `--mod-assetlist-item-padding-inline-start` |
-| `--mod-assetlist-label-color` |
-| `--mod-assetlist-thumbnail-margin-left` |
-| `--mod-assetlist-thumbnail-width` |
-| `--mod-assetlist-thumnail-height` |
-| `--mod-assetlist-width` |
diff --git a/components/assetlist/package.json b/components/assetlist/package.json
index 85243216f1b..f1342556388 100644
--- a/components/assetlist/package.json
+++ b/components/assetlist/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/assetlist",
- "version": "6.4.0",
+ "version": "7.0.0-s2-foundations.16",
"description": "The Spectrum CSS assetlist component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,23 +17,24 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/checkbox": ">=9",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/checkbox": ">=10.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"peerDependenciesMeta": {
"@spectrum-css/checkbox": {
diff --git a/components/assetlist/stories/template.js b/components/assetlist/stories/template.js
index e126ff1ec8a..f5c6d9731af 100644
--- a/components/assetlist/stories/template.js
+++ b/components/assetlist/stories/template.js
@@ -21,7 +21,7 @@ export const AssetListItem = ({
isSelected = false,
isBranch = false,
onclick = () => {},
-}) => html`
+} = {}, context = {}) => html`
+ ${when(image, () =>
html`${label} `)}
${when(!isSelectable && !isBranch, () =>
@@ -60,13 +60,13 @@ export const AssetListItem = ({
ariaLabelledby,
id: checkboxId,
customClasses: [`${rootClass}Selector`],
- }))}
+ }, context))}
${when(isBranch, () =>
Icon({
iconName: "ChevronRight100",
setName: "ui",
customClasses: [`${rootClass}ChildIndicator`],
- })
+ }, context)
)}
`;
diff --git a/components/assetlist/themes/express.css b/components/assetlist/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/assetlist/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/assetlist/themes/spectrum.css b/components/assetlist/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/assetlist/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/avatar/CHANGELOG.md b/components/avatar/CHANGELOG.md
index cd846053522..5be9767271e 100644
--- a/components/avatar/CHANGELOG.md
+++ b/components/avatar/CHANGELOG.md
@@ -1,5 +1,221 @@
# Change Log
+## 8.0.0-next.0
+
+### Major Changes
+
+- [#3355](https://github.com/adobe/spectrum-css/pull/3355) [`a827601`](https://github.com/adobe/spectrum-css/commit/a827601bc1769a775f24e9da294bdfaa70535082) Thanks [@cdransf](https://github.com/cdransf)! - Adds support for new avatar-size tokens (avatar-size-800 to avatar-size-1500). Updates avatar component story to support new sizes. Adds support for avatar-border-color and avatar-border-thickness.
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+
+## 8.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 8.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 8.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 8.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 8.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 8.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 8.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 8.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 8.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 8.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 8.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 8.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 8.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 8.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 8.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 8.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 8.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 7.3.0
### Minor Changes
@@ -54,16 +270,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.1.5...@spectrum-css/avatar@7.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.1.5...@spectrum-css/avatar@7.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -71,8 +284,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.1.4...@spectrum-css/avatar@6.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.1.4...@spectrum-css/avatar@6.1.5)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -80,8 +292,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.1.3...@spectrum-css/avatar@6.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.1.3...@spectrum-css/avatar@6.1.4)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -89,8 +300,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.1.2...@spectrum-css/avatar@6.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.1.2...@spectrum-css/avatar@6.1.3)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -98,8 +308,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.1.1...@spectrum-css/avatar@6.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.1.1...@spectrum-css/avatar@6.1.2)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -107,8 +316,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/avatar
@@ -116,8 +324,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.62...@spectrum-css/avatar@6.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.62...@spectrum-css/avatar@6.1.0)
### ✨ Features
@@ -127,8 +334,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.62
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.61...@spectrum-css/avatar@6.0.62)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.61...@spectrum-css/avatar@6.0.62)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -136,8 +342,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.61
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.60...@spectrum-css/avatar@6.0.61)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.60...@spectrum-css/avatar@6.0.61)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -145,8 +350,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.60
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.58...@spectrum-css/avatar@6.0.60)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.58...@spectrum-css/avatar@6.0.60)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -154,8 +358,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.59
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.58...@spectrum-css/avatar@6.0.59)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.58...@spectrum-css/avatar@6.0.59)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -163,8 +366,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.58
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.57...@spectrum-css/avatar@6.0.58)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.57...@spectrum-css/avatar@6.0.58)
### 🐛 Bug fixes
@@ -174,8 +376,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.57
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.56...@spectrum-css/avatar@6.0.57)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.56...@spectrum-css/avatar@6.0.57)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -183,8 +384,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.56
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.55...@spectrum-css/avatar@6.0.56)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.55...@spectrum-css/avatar@6.0.56)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -192,8 +392,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.55
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.54...@spectrum-css/avatar@6.0.55)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.54...@spectrum-css/avatar@6.0.55)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -201,8 +400,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.54
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.53...@spectrum-css/avatar@6.0.54)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.53...@spectrum-css/avatar@6.0.54)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -210,8 +408,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.53
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.52...@spectrum-css/avatar@6.0.53)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.52...@spectrum-css/avatar@6.0.53)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -219,8 +416,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.52
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.51...@spectrum-css/avatar@6.0.52)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.51...@spectrum-css/avatar@6.0.52)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -228,8 +424,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.51
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.50...@spectrum-css/avatar@6.0.51)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.50...@spectrum-css/avatar@6.0.51)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -237,8 +432,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.50
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.49...@spectrum-css/avatar@6.0.50)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.49...@spectrum-css/avatar@6.0.50)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -246,8 +440,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.49
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.48...@spectrum-css/avatar@6.0.49)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.48...@spectrum-css/avatar@6.0.49)
### 🔙 Reverts
@@ -257,8 +450,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.48
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.47...@spectrum-css/avatar@6.0.48)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.47...@spectrum-css/avatar@6.0.48)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -266,8 +458,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.47
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.45...@spectrum-css/avatar@6.0.47)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.45...@spectrum-css/avatar@6.0.47)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -275,8 +466,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.46
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.45...@spectrum-css/avatar@6.0.46)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.45...@spectrum-css/avatar@6.0.46)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -284,8 +474,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.45
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.44...@spectrum-css/avatar@6.0.45)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.44...@spectrum-css/avatar@6.0.45)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -293,8 +482,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.44
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.43...@spectrum-css/avatar@6.0.44)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.43...@spectrum-css/avatar@6.0.44)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -302,8 +490,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.43
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.42...@spectrum-css/avatar@6.0.43)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.42...@spectrum-css/avatar@6.0.43)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -311,8 +498,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.42
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.41...@spectrum-css/avatar@6.0.42)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.41...@spectrum-css/avatar@6.0.42)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -320,8 +506,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.41
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.40...@spectrum-css/avatar@6.0.41)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.40...@spectrum-css/avatar@6.0.41)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -329,8 +514,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.40
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.39...@spectrum-css/avatar@6.0.40)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.39...@spectrum-css/avatar@6.0.40)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -338,8 +522,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.39
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.38...@spectrum-css/avatar@6.0.39)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.38...@spectrum-css/avatar@6.0.39)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -347,8 +530,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.38
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.37...@spectrum-css/avatar@6.0.38)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.37...@spectrum-css/avatar@6.0.38)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -356,8 +538,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.37
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.36...@spectrum-css/avatar@6.0.37)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.36...@spectrum-css/avatar@6.0.37)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -365,8 +546,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.36
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.35...@spectrum-css/avatar@6.0.36)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.35...@spectrum-css/avatar@6.0.36)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -374,8 +554,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.35
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.34...@spectrum-css/avatar@6.0.35)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.34...@spectrum-css/avatar@6.0.35)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -383,8 +562,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.34
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.33...@spectrum-css/avatar@6.0.34)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.33...@spectrum-css/avatar@6.0.34)
### 🐛 Bug fixes
@@ -394,8 +572,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.33
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.32...@spectrum-css/avatar@6.0.33)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.32...@spectrum-css/avatar@6.0.33)
**Note:** Version bump only for package @spectrum-css/avatar
@@ -403,8 +580,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.32
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.31...@spectrum-css/avatar@6.0.32)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/avatar@6.0.31...@spectrum-css/avatar@6.0.32)
**Note:** Version bump only for package @spectrum-css/avatar
diff --git a/components/avatar/index.css b/components/avatar/index.css
index f79c6bd27bb..ceea0e03702 100644
--- a/components/avatar/index.css
+++ b/components/avatar/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Avatar {
--spectrum-avatar-color-opacity: 1;
@@ -20,6 +18,8 @@
--spectrum-avatar-block-size: var(--spectrum-avatar-size-100);
--spectrum-avatar-border-radius: var(--spectrum-avatar-block-size);
+ --spectrum-avatar-border-thickness: var(--spectrum-avatar-border-width);
+ --spectrum-avatar-border-color-default: var(--spectrum-avatar-border-color);
--spectrum-avatar-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
--spectrum-avatar-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
@@ -73,6 +73,46 @@
--spectrum-avatar-block-size: var(--spectrum-avatar-size-700);
}
+.spectrum-Avatar--size800 {
+ --spectrum-avatar-inline-size: var(--spectrum-avatar-size-800);
+ --spectrum-avatar-block-size: var(--spectrum-avatar-size-800);
+}
+
+.spectrum-Avatar--size900 {
+ --spectrum-avatar-inline-size: var(--spectrum-avatar-size-900);
+ --spectrum-avatar-block-size: var(--spectrum-avatar-size-900);
+}
+
+.spectrum-Avatar--size1000 {
+ --spectrum-avatar-inline-size: var(--spectrum-avatar-size-1000);
+ --spectrum-avatar-block-size: var(--spectrum-avatar-size-1000);
+}
+
+.spectrum-Avatar--size1100 {
+ --spectrum-avatar-inline-size: var(--spectrum-avatar-size-1100);
+ --spectrum-avatar-block-size: var(--spectrum-avatar-size-1100);
+}
+
+.spectrum-Avatar--size1200 {
+ --spectrum-avatar-inline-size: var(--spectrum-avatar-size-1200);
+ --spectrum-avatar-block-size: var(--spectrum-avatar-size-1200);
+}
+
+.spectrum-Avatar--size1300 {
+ --spectrum-avatar-inline-size: var(--spectrum-avatar-size-1300);
+ --spectrum-avatar-block-size: var(--spectrum-avatar-size-1300);
+}
+
+.spectrum-Avatar--size1400 {
+ --spectrum-avatar-inline-size: var(--spectrum-avatar-size-1400);
+ --spectrum-avatar-block-size: var(--spectrum-avatar-size-1400);
+}
+
+.spectrum-Avatar--size1500 {
+ --spectrum-avatar-inline-size: var(--spectrum-avatar-size-1500);
+ --spectrum-avatar-block-size: var(--spectrum-avatar-size-1500);
+}
+
@media (forced-colors: active) {
.spectrum-Avatar {
--highcontrast-avatar-focus-indicator-color: CanvasText;
@@ -85,8 +125,10 @@
inline-size: var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size));
block-size: var(--mod-avatar-block-size, var(--spectrum-avatar-block-size));
+ border-style: solid;
border-radius: var(--mod-avatar-border-radius, var(--spectrum-avatar-border-radius));
- border-width: 0;
+ border-width: var(--spectrum-avatar-border-thickness);
+ border-color: var(--spectrum-avatar-border-color-default);
outline: none;
@@ -122,7 +164,9 @@
}
.spectrum-Avatar-link {
- outline: 0;
+ outline: none;
+ outline-color: transparent;
+ outline-style: solid;
}
.spectrum-Avatar-image {
diff --git a/components/avatar/metadata/metadata.json b/components/avatar/metadata/metadata.json
index 856050ffc2b..8c6f9792c1d 100644
--- a/components/avatar/metadata/metadata.json
+++ b/components/avatar/metadata/metadata.json
@@ -3,6 +3,12 @@
"selectors": [
".spectrum-Avatar",
".spectrum-Avatar--size100",
+ ".spectrum-Avatar--size1000",
+ ".spectrum-Avatar--size1100",
+ ".spectrum-Avatar--size1200",
+ ".spectrum-Avatar--size1300",
+ ".spectrum-Avatar--size1400",
+ ".spectrum-Avatar--size1500",
".spectrum-Avatar--size200",
".spectrum-Avatar--size300",
".spectrum-Avatar--size400",
@@ -11,6 +17,8 @@
".spectrum-Avatar--size600",
".spectrum-Avatar--size700",
".spectrum-Avatar--size75",
+ ".spectrum-Avatar--size800",
+ ".spectrum-Avatar--size900",
".spectrum-Avatar-image",
".spectrum-Avatar-link",
".spectrum-Avatar.is-disabled",
@@ -29,7 +37,11 @@
],
"component": [
"--spectrum-avatar-block-size",
+ "--spectrum-avatar-border-color",
+ "--spectrum-avatar-border-color-default",
"--spectrum-avatar-border-radius",
+ "--spectrum-avatar-border-thickness",
+ "--spectrum-avatar-border-width",
"--spectrum-avatar-color-opacity",
"--spectrum-avatar-color-opacity-disabled",
"--spectrum-avatar-focus-indicator-color",
@@ -38,6 +50,12 @@
"--spectrum-avatar-inline-size",
"--spectrum-avatar-opacity-disabled",
"--spectrum-avatar-size-100",
+ "--spectrum-avatar-size-1000",
+ "--spectrum-avatar-size-1100",
+ "--spectrum-avatar-size-1200",
+ "--spectrum-avatar-size-1300",
+ "--spectrum-avatar-size-1400",
+ "--spectrum-avatar-size-1500",
"--spectrum-avatar-size-200",
"--spectrum-avatar-size-300",
"--spectrum-avatar-size-400",
@@ -45,14 +63,15 @@
"--spectrum-avatar-size-500",
"--spectrum-avatar-size-600",
"--spectrum-avatar-size-700",
- "--spectrum-avatar-size-75"
+ "--spectrum-avatar-size-75",
+ "--spectrum-avatar-size-800",
+ "--spectrum-avatar-size-900"
],
"global": [
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-avatar-color-opacity-disabled",
diff --git a/components/avatar/metadata/mods.md b/components/avatar/metadata/mods.md
deleted file mode 100644
index ec5bc8755cd..00000000000
--- a/components/avatar/metadata/mods.md
+++ /dev/null
@@ -1,10 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------- |
-| `--mod-avatar-block-size` |
-| `--mod-avatar-border-radius` |
-| `--mod-avatar-color-opacity` |
-| `--mod-avatar-color-opacity-disabled` |
-| `--mod-avatar-focus-indicator-color` |
-| `--mod-avatar-focus-indicator-gap` |
-| `--mod-avatar-focus-indicator-thickness` |
-| `--mod-avatar-inline-size` |
diff --git a/components/avatar/package.json b/components/avatar/package.json
index df70e495604..f3f1a5114f8 100644
--- a/components/avatar/package.json
+++ b/components/avatar/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/avatar",
- "version": "7.3.0",
+ "version": "8.0.0-next.0",
"description": "The Spectrum CSS avatar component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/avatar/stories/avatar.mdx b/components/avatar/stories/avatar.mdx
deleted file mode 100644
index f25de9a1cf6..00000000000
--- a/components/avatar/stories/avatar.mdx
+++ /dev/null
@@ -1,64 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-import * as AvatarStories from "./avatar.stories";
-
-` class. The available size classes are:
-
-- `spectrum-Avatar--size50`
-- `spectrum-Avatar--size75`
-- `spectrum-Avatar--size100`
-- `spectrum-Avatar--size200`
-- `spectrum-Avatar--size300`
-- `spectrum-Avatar--size400`
-- `spectrum-Avatar--size500`
-- `spectrum-Avatar--size600`
-- `spectrum-Avatar--size700`
-
-
- *
- *
+ *
+ *
` class. The available size classes are:
+
+- `spectrum-Avatar--size50`
+- `spectrum-Avatar--size75`
+- `spectrum-Avatar--size100`
+- `spectrum-Avatar--size200`
+- `spectrum-Avatar--size300`
+- `spectrum-Avatar--size400`
+- `spectrum-Avatar--size500`
+- `spectrum-Avatar--size600`
+- `spectrum-Avatar--size700`
+*/
+export const Sizing = (args, context) => Sizes({
Template,
withHeading: false,
withBorder: false,
...args
}, context);
-SizeOptions.tags = ["!dev"];
-SizeOptions.args = Default.args;
-SizeOptions.parameters = {
+Sizing.tags = ["!dev"];
+Sizing.args = Default.args;
+Sizing.parameters = {
chromatic: { disableSnapshot: true },
};
+/**
+ * An avatar image is wrapped in a link that uses the `.spectrum-Avatar-link` class by default, however, an avatar may also be used without a link.
+ */
export const NoLink = Template.bind({});
NoLink.tags = ["!dev"];
NoLink.args = {
@@ -90,7 +114,10 @@ NoLink.args = {
NoLink.parameters = {
chromatic: { disableSnapshot: true },
};
+NoLink.storyName = "No link";
+/**
+ * When disabled, the avatar should only be used without a link.*/
export const Disabled = Template.bind({});
Disabled.tags = ["!dev"];
Disabled.args = {
diff --git a/components/avatar/stories/avatar.test.js b/components/avatar/stories/avatar.test.js
index 870ea74c0d0..35536a2e46f 100644
--- a/components/avatar/stories/avatar.test.js
+++ b/components/avatar/stories/avatar.test.js
@@ -10,6 +10,7 @@ export const AvatarGroup = Variants({
}, {
testHeading: "Disabled",
isDisabled: true,
+ hasLink: false,
}, {
testHeading: "Focused",
isFocused: true,
diff --git a/components/avatar/themes/express.css b/components/avatar/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/avatar/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/avatar/themes/spectrum.css b/components/avatar/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/avatar/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/badge/CHANGELOG.md b/components/badge/CHANGELOG.md
index 681787a9b23..d1249dc93d3 100644
--- a/components/badge/CHANGELOG.md
+++ b/components/badge/CHANGELOG.md
@@ -1,5 +1,231 @@
# Change Log
+## 5.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 5.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 5.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 5.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 5.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 5.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 5.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 5.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 5.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 5.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 5.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 5.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 5.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 5.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 5.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 5.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 5.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 4.3.0
### Minor Changes
@@ -19,6 +245,17 @@
### Patch Changes
+- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
+ - @spectrum-css/tokens@14.5.0
+
+## 4.2.0
+
+### Minor Changes
+
+- [#3265](https://github.com/adobe/spectrum-css/pull/3265) [`31fdc3b`](https://github.com/adobe/spectrum-css/commit/31fdc3b7f9d0a09baf03f8675bbf4b418744db47) Thanks [@cdransf](https://github.com/cdransf)! - Assigns CanvasText to custom property to satisfy linting requirements.
+
+### Patch Changes
+
- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
- @spectrum-css/tokens@14.5.0
@@ -74,16 +311,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.2.5...@spectrum-css/badge@4.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.2.5...@spectrum-css/badge@4.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -91,8 +325,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.2.4...@spectrum-css/badge@3.2.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.2.4...@spectrum-css/badge@3.2.5)
**Note:** Version bump only for package @spectrum-css/badge
@@ -100,8 +333,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.2.3...@spectrum-css/badge@3.2.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.2.3...@spectrum-css/badge@3.2.4)
**Note:** Version bump only for package @spectrum-css/badge
@@ -109,8 +341,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.2.2...@spectrum-css/badge@3.2.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.2.2...@spectrum-css/badge@3.2.3)
**Note:** Version bump only for package @spectrum-css/badge
@@ -118,8 +349,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.2.1...@spectrum-css/badge@3.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.2.1...@spectrum-css/badge@3.2.2)
**Note:** Version bump only for package @spectrum-css/badge
@@ -127,8 +357,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/badge
@@ -136,8 +365,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.18...@spectrum-css/badge@3.2.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.18...@spectrum-css/badge@3.2.0)
### ✨ Features
@@ -147,8 +375,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.18
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.17...@spectrum-css/badge@3.1.18)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.17...@spectrum-css/badge@3.1.18)
**Note:** Version bump only for package @spectrum-css/badge
@@ -156,8 +383,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.17
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.16...@spectrum-css/badge@3.1.17)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.16...@spectrum-css/badge@3.1.17)
**Note:** Version bump only for package @spectrum-css/badge
@@ -165,8 +391,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.16
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.14...@spectrum-css/badge@3.1.16)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.14...@spectrum-css/badge@3.1.16)
**Note:** Version bump only for package @spectrum-css/badge
@@ -174,8 +399,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.15
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.14...@spectrum-css/badge@3.1.15)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.14...@spectrum-css/badge@3.1.15)
**Note:** Version bump only for package @spectrum-css/badge
@@ -183,8 +407,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.14
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.13...@spectrum-css/badge@3.1.14)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.13...@spectrum-css/badge@3.1.14)
**Note:** Version bump only for package @spectrum-css/badge
@@ -192,8 +415,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.13
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.12...@spectrum-css/badge@3.1.13)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.12...@spectrum-css/badge@3.1.13)
**Note:** Version bump only for package @spectrum-css/badge
@@ -201,8 +423,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.12
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.11...@spectrum-css/badge@3.1.12)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.11...@spectrum-css/badge@3.1.12)
**Note:** Version bump only for package @spectrum-css/badge
@@ -210,8 +431,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.11
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.10...@spectrum-css/badge@3.1.11)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.10...@spectrum-css/badge@3.1.11)
**Note:** Version bump only for package @spectrum-css/badge
@@ -219,8 +439,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.10
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.9...@spectrum-css/badge@3.1.10)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.9...@spectrum-css/badge@3.1.10)
**Note:** Version bump only for package @spectrum-css/badge
@@ -228,8 +447,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.9
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.8...@spectrum-css/badge@3.1.9)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.8...@spectrum-css/badge@3.1.9)
**Note:** Version bump only for package @spectrum-css/badge
@@ -237,8 +455,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.8
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.7...@spectrum-css/badge@3.1.8)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.7...@spectrum-css/badge@3.1.8)
**Note:** Version bump only for package @spectrum-css/badge
@@ -246,8 +463,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.7
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.6...@spectrum-css/badge@3.1.7)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.6...@spectrum-css/badge@3.1.7)
**Note:** Version bump only for package @spectrum-css/badge
@@ -255,8 +471,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.6
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.5...@spectrum-css/badge@3.1.6)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.5...@spectrum-css/badge@3.1.6)
**Note:** Version bump only for package @spectrum-css/badge
@@ -264,8 +479,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.5
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.4...@spectrum-css/badge@3.1.5)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.4...@spectrum-css/badge@3.1.5)
### 🔙 Reverts
@@ -275,8 +489,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.4
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.3...@spectrum-css/badge@3.1.4)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.3...@spectrum-css/badge@3.1.4)
**Note:** Version bump only for package @spectrum-css/badge
@@ -284,8 +497,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.3
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.1...@spectrum-css/badge@3.1.3)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.1...@spectrum-css/badge@3.1.3)
**Note:** Version bump only for package @spectrum-css/badge
@@ -293,8 +505,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.2
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.1...@spectrum-css/badge@3.1.2)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.1...@spectrum-css/badge@3.1.2)
**Note:** Version bump only for package @spectrum-css/badge
@@ -302,8 +513,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.1
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.0...@spectrum-css/badge@3.1.1)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.1.0...@spectrum-css/badge@3.1.1)
**Note:** Version bump only for package @spectrum-css/badge
@@ -311,8 +521,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.0
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.45...@spectrum-css/badge@3.1.0)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.45...@spectrum-css/badge@3.1.0)
### ✨ Features
@@ -322,8 +531,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.45
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.44...@spectrum-css/badge@3.0.45)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.44...@spectrum-css/badge@3.0.45)
**Note:** Version bump only for package @spectrum-css/badge
@@ -331,8 +539,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.44
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.43...@spectrum-css/badge@3.0.44)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.43...@spectrum-css/badge@3.0.44)
**Note:** Version bump only for package @spectrum-css/badge
@@ -340,8 +547,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.43
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.42...@spectrum-css/badge@3.0.43)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.42...@spectrum-css/badge@3.0.43)
**Note:** Version bump only for package @spectrum-css/badge
@@ -349,8 +555,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.42
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.41...@spectrum-css/badge@3.0.42)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.41...@spectrum-css/badge@3.0.42)
**Note:** Version bump only for package @spectrum-css/badge
@@ -358,8 +563,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.41
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.40...@spectrum-css/badge@3.0.41)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.40...@spectrum-css/badge@3.0.41)
**Note:** Version bump only for package @spectrum-css/badge
@@ -367,8 +571,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.40
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.39...@spectrum-css/badge@3.0.40)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.39...@spectrum-css/badge@3.0.40)
**Note:** Version bump only for package @spectrum-css/badge
@@ -376,8 +579,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.39
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.38...@spectrum-css/badge@3.0.39)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.38...@spectrum-css/badge@3.0.39)
**Note:** Version bump only for package @spectrum-css/badge
@@ -385,8 +587,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.38
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.37...@spectrum-css/badge@3.0.38)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.37...@spectrum-css/badge@3.0.38)
**Note:** Version bump only for package @spectrum-css/badge
@@ -394,8 +595,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.37
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.36...@spectrum-css/badge@3.0.37)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.36...@spectrum-css/badge@3.0.37)
**Note:** Version bump only for package @spectrum-css/badge
@@ -403,8 +603,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.36
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.35...@spectrum-css/badge@3.0.36)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.35...@spectrum-css/badge@3.0.36)
### 🐛 Bug fixes
@@ -414,8 +613,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.35
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.34...@spectrum-css/badge@3.0.35)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.34...@spectrum-css/badge@3.0.35)
**Note:** Version bump only for package @spectrum-css/badge
@@ -423,8 +621,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.34
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.33...@spectrum-css/badge@3.0.34)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/badge@3.0.33...@spectrum-css/badge@3.0.34)
**Note:** Version bump only for package @spectrum-css/badge
diff --git a/components/badge/index.css b/components/badge/index.css
index 3057f65316d..7dd1133e017 100644
--- a/components/badge/index.css
+++ b/components/badge/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Badge {
/* badge styling for all t-shirt sizes and all themes */
--spectrum-badge-corner-radius: var(--spectrum-corner-radius-100);
diff --git a/components/badge/metadata/metadata.json b/components/badge/metadata/metadata.json
index c8be859d830..050f08d41ef 100644
--- a/components/badge/metadata/metadata.json
+++ b/components/badge/metadata/metadata.json
@@ -175,7 +175,6 @@
"--spectrum-workflow-icon-size-75",
"--spectrum-yellow-background-color-default"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": ["--highcontrast-badge-border-color"]
}
diff --git a/components/badge/metadata/mods.md b/components/badge/metadata/mods.md
deleted file mode 100644
index 09a243c9c51..00000000000
--- a/components/badge/metadata/mods.md
+++ /dev/null
@@ -1,36 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------- |
-| `--mod-badge-background-color-accent` |
-| `--mod-badge-background-color-blue` |
-| `--mod-badge-background-color-celery` |
-| `--mod-badge-background-color-chartreuse` |
-| `--mod-badge-background-color-cyan` |
-| `--mod-badge-background-color-default` |
-| `--mod-badge-background-color-fuchsia` |
-| `--mod-badge-background-color-gray` |
-| `--mod-badge-background-color-green` |
-| `--mod-badge-background-color-indigo` |
-| `--mod-badge-background-color-informative` |
-| `--mod-badge-background-color-magenta` |
-| `--mod-badge-background-color-negative` |
-| `--mod-badge-background-color-notice` |
-| `--mod-badge-background-color-orange` |
-| `--mod-badge-background-color-positive` |
-| `--mod-badge-background-color-purple` |
-| `--mod-badge-background-color-red` |
-| `--mod-badge-background-color-seafoam` |
-| `--mod-badge-background-color-yellow` |
-| `--mod-badge-corner-radius` |
-| `--mod-badge-font-size` |
-| `--mod-badge-height` |
-| `--mod-badge-icon-only-spacing-horizontal` |
-| `--mod-badge-icon-spacing-horizontal` |
-| `--mod-badge-icon-spacing-vertical-top` |
-| `--mod-badge-icon-text-spacing` |
-| `--mod-badge-label-icon-color` |
-| `--mod-badge-label-spacing-horizontal` |
-| `--mod-badge-label-spacing-vertical-bottom` |
-| `--mod-badge-label-spacing-vertical-top` |
-| `--mod-badge-line-height` |
-| `--mod-badge-line-height-cjk` |
-| `--mod-badge-workflow-icon-size` |
diff --git a/components/badge/package.json b/components/badge/package.json
index d34fa1d02ef..d6414ed00a2 100644
--- a/components/badge/package.json
+++ b/components/badge/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/badge",
- "version": "4.3.0",
+ "version": "5.0.0-s2-foundations.16",
"description": "The Spectrum CSS badge component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"peerDependenciesMeta": {
"@spectrum-css/icon": {
diff --git a/components/badge/stories/badge.mdx b/components/badge/stories/badge.mdx
deleted file mode 100644
index e6587039ca1..00000000000
--- a/components/badge/stories/badge.mdx
+++ /dev/null
@@ -1,55 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as BadgeStories from "./badge.stories";
-
- ({ ...a, [c]: true }), {}),
- })}
- id=${ifDefined(id)}
- style=${styleMap(customStyles)}
- >
- ${when(iconName, () =>
- Icon({
- iconName,
- setName: iconSet,
- customClasses: [
- ...(typeof label === "undefined"
- ? [`${rootClass}-icon--no-label`]
- : []),
- `${rootClass}-icon`,
- ],
- })
- )}
- ${when(label, () => html`
${label}
`)}
-
({ ...a, [c]: true }), {}),
+ })}
+ id=${ifDefined(id)}
+ style=${styleMap(customStyles)}
+ >
+ ${when(iconName, () =>
+ Icon({
+ iconName,
+ setName: iconSet,
+ customClasses: [
+ ...(typeof label === "undefined"
+ ? [`${rootClass}-icon--no-label`]
+ : []),
+ `${rootClass}-icon`,
+ ],
+ }, context),
+ )}
+ ${when(label, () => html`
${label}
`)}
+
- ${variants.map((variant) => html`
-
- ${Template({ ...args, variant, label: capitalize(variant) }, context)}
-
- `)}
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/badge/themes/spectrum.css b/components/badge/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/badge/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/breadcrumb/CHANGELOG.md b/components/breadcrumb/CHANGELOG.md
index c9868aeeadc..22050b8b0c3 100644
--- a/components/breadcrumb/CHANGELOG.md
+++ b/components/breadcrumb/CHANGELOG.md
@@ -1,5 +1,250 @@
# Change Log
+## 10.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.24
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 10.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.21
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 10.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.20
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 10.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.18
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 10.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.13
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 10.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 10.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 10.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 10.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 10.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 10.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2886](https://github.com/adobe/spectrum-css/pull/2886) [`a01ac07`](https://github.com/adobe/spectrum-css/commit/a01ac075ae227574628f72b4c0fe61f1f53792c5) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - Ensures disabled breadrumb items behave as expected. They are conditionally left out of tab order depending on their `isDisabled` value. Uses [aria-disabled="true"] and applies `is-disabled` class to `.spectrum-Breadcrumb-itemLink`.
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 10.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 10.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 10.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 10.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 10.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 10.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 9.2.0
### Minor Changes
@@ -80,16 +325,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.2.5...@spectrum-css/breadcrumb@9.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.2.5...@spectrum-css/breadcrumb@9.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -97,8 +338,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.2.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.2.4...@spectrum-css/breadcrumb@8.2.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.2.4...@spectrum-css/breadcrumb@8.2.5)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -106,8 +346,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.2.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.2.3...@spectrum-css/breadcrumb@8.2.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.2.3...@spectrum-css/breadcrumb@8.2.4)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -115,8 +354,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.2.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.2.2...@spectrum-css/breadcrumb@8.2.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.2.2...@spectrum-css/breadcrumb@8.2.3)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -124,8 +362,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.2.1...@spectrum-css/breadcrumb@8.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.2.1...@spectrum-css/breadcrumb@8.2.2)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -133,8 +370,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -142,8 +378,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.1.1...@spectrum-css/breadcrumb@8.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.1.1...@spectrum-css/breadcrumb@8.2.0)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -151,8 +386,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.1
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.1.0...@spectrum-css/breadcrumb@8.1.1)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.1.0...@spectrum-css/breadcrumb@8.1.1)
### 🐛 Bug fixes
@@ -162,8 +396,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.17...@spectrum-css/breadcrumb@8.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.17...@spectrum-css/breadcrumb@8.1.0)
### ✨ Features
@@ -173,8 +406,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.17
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.16...@spectrum-css/breadcrumb@8.0.17)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.16...@spectrum-css/breadcrumb@8.0.17)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -182,8 +414,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.16
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.15...@spectrum-css/breadcrumb@8.0.16)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.15...@spectrum-css/breadcrumb@8.0.16)
### 🐛 Bug fixes
@@ -193,8 +424,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.15
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.13...@spectrum-css/breadcrumb@8.0.15)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.13...@spectrum-css/breadcrumb@8.0.15)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -202,8 +432,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.14
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.13...@spectrum-css/breadcrumb@8.0.14)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.13...@spectrum-css/breadcrumb@8.0.14)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -211,8 +440,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.13
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.12...@spectrum-css/breadcrumb@8.0.13)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.12...@spectrum-css/breadcrumb@8.0.13)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -220,8 +448,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.12
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.11...@spectrum-css/breadcrumb@8.0.12)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.11...@spectrum-css/breadcrumb@8.0.12)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -229,8 +456,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.11
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.10...@spectrum-css/breadcrumb@8.0.11)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.10...@spectrum-css/breadcrumb@8.0.11)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -238,8 +464,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.10
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.9...@spectrum-css/breadcrumb@8.0.10)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.9...@spectrum-css/breadcrumb@8.0.10)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -247,8 +472,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.9
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.8...@spectrum-css/breadcrumb@8.0.9)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.8...@spectrum-css/breadcrumb@8.0.9)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -256,8 +480,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.8
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.7...@spectrum-css/breadcrumb@8.0.8)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.7...@spectrum-css/breadcrumb@8.0.8)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -265,8 +488,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.7
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.6...@spectrum-css/breadcrumb@8.0.7)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.6...@spectrum-css/breadcrumb@8.0.7)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -274,8 +496,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.6
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.5...@spectrum-css/breadcrumb@8.0.6)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.5...@spectrum-css/breadcrumb@8.0.6)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -283,8 +504,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.5
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.4...@spectrum-css/breadcrumb@8.0.5)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.4...@spectrum-css/breadcrumb@8.0.5)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -292,8 +512,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.4
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.3...@spectrum-css/breadcrumb@8.0.4)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.3...@spectrum-css/breadcrumb@8.0.4)
### 🔙 Reverts
@@ -303,8 +522,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.3
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.2...@spectrum-css/breadcrumb@8.0.3)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.2...@spectrum-css/breadcrumb@8.0.3)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -312,8 +530,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.2
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.0...@spectrum-css/breadcrumb@8.0.2)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.0...@spectrum-css/breadcrumb@8.0.2)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -321,8 +538,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.1
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.0...@spectrum-css/breadcrumb@8.0.1)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@8.0.0...@spectrum-css/breadcrumb@8.0.1)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -330,13 +546,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.0
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.47...@spectrum-css/breadcrumb@8.0.0)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.47...@spectrum-css/breadcrumb@8.0.0)
\*refactor(breadcrumb)!: replace focus-ring with focus-visible([4475461](https://github.com/adobe/spectrum-css/commit/4475461))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
use native focus-visible pseudo class for focus styling
@@ -345,8 +559,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.47
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.46...@spectrum-css/breadcrumb@7.0.47)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.46...@spectrum-css/breadcrumb@7.0.47)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -354,8 +567,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.46
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.45...@spectrum-css/breadcrumb@7.0.46)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.45...@spectrum-css/breadcrumb@7.0.46)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -363,8 +575,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.45
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.44...@spectrum-css/breadcrumb@7.0.45)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.44...@spectrum-css/breadcrumb@7.0.45)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -372,8 +583,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.44
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.43...@spectrum-css/breadcrumb@7.0.44)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.43...@spectrum-css/breadcrumb@7.0.44)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -381,8 +591,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.43
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.42...@spectrum-css/breadcrumb@7.0.43)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.42...@spectrum-css/breadcrumb@7.0.43)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -390,8 +599,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.42
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.41...@spectrum-css/breadcrumb@7.0.42)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.41...@spectrum-css/breadcrumb@7.0.42)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -399,8 +607,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.41
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.40...@spectrum-css/breadcrumb@7.0.41)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.40...@spectrum-css/breadcrumb@7.0.41)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -408,8 +615,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.40
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.39...@spectrum-css/breadcrumb@7.0.40)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.39...@spectrum-css/breadcrumb@7.0.40)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -417,8 +623,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.39
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.38...@spectrum-css/breadcrumb@7.0.39)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.38...@spectrum-css/breadcrumb@7.0.39)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -426,8 +631,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.38
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.37...@spectrum-css/breadcrumb@7.0.38)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.37...@spectrum-css/breadcrumb@7.0.38)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -435,8 +639,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.37
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.36...@spectrum-css/breadcrumb@7.0.37)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.36...@spectrum-css/breadcrumb@7.0.37)
### 🐛 Bug fixes
@@ -446,8 +649,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.36
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.35...@spectrum-css/breadcrumb@7.0.36)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.35...@spectrum-css/breadcrumb@7.0.36)
**Note:** Version bump only for package @spectrum-css/breadcrumb
@@ -455,8 +657,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.35
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.34...@spectrum-css/breadcrumb@7.0.35)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/breadcrumb@7.0.34...@spectrum-css/breadcrumb@7.0.35)
**Note:** Version bump only for package @spectrum-css/breadcrumb
diff --git a/components/breadcrumb/index.css b/components/breadcrumb/index.css
index cbe9f7bfcdd..11e5a68e03b 100644
--- a/components/breadcrumb/index.css
+++ b/components/breadcrumb/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Breadcrumbs {
/* block size */
--spectrum-breadcrumbs-block-size: var(--spectrum-breadcrumbs-height);
diff --git a/components/breadcrumb/metadata/metadata.json b/components/breadcrumb/metadata/metadata.json
index 561253d9efa..96f608af79c 100644
--- a/components/breadcrumb/metadata/metadata.json
+++ b/components/breadcrumb/metadata/metadata.json
@@ -190,7 +190,6 @@
"--spectrum-text-underline-gap",
"--spectrum-text-underline-thickness"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-breadcrumbs-action-button-color",
diff --git a/components/breadcrumb/metadata/mods.md b/components/breadcrumb/metadata/mods.md
deleted file mode 100644
index 2cdbc38c542..00000000000
--- a/components/breadcrumb/metadata/mods.md
+++ /dev/null
@@ -1,56 +0,0 @@
-| Modifiable custom properties |
-| ----------------------------------------------------------------- |
-| `--mod-breadcrumbs-action-button-color` |
-| `--mod-breadcrumbs-action-button-color-disabled` |
-| `--mod-breadcrumbs-action-button-spacing-block` |
-| `--mod-breadcrumbs-action-button-spacing-block-between-multiline` |
-| `--mod-breadcrumbs-action-button-spacing-block-compact` |
-| `--mod-breadcrumbs-action-button-spacing-block-multiline` |
-| `--mod-breadcrumbs-action-button-spacing-inline` |
-| `--mod-breadcrumbs-action-button-spacing-inline-start` |
-| `--mod-breadcrumbs-block-size` |
-| `--mod-breadcrumbs-block-size-compact` |
-| `--mod-breadcrumbs-block-size-multiline` |
-| `--mod-breadcrumbs-focus-indicator-color` |
-| `--mod-breadcrumbs-focus-indicator-gap` |
-| `--mod-breadcrumbs-focus-indicator-thickness` |
-| `--mod-breadcrumbs-font-family` |
-| `--mod-breadcrumbs-font-family-compact` |
-| `--mod-breadcrumbs-font-family-compact-current` |
-| `--mod-breadcrumbs-font-family-current` |
-| `--mod-breadcrumbs-font-family-multiline` |
-| `--mod-breadcrumbs-font-family-multiline-current` |
-| `--mod-breadcrumbs-font-size` |
-| `--mod-breadcrumbs-font-size-compact` |
-| `--mod-breadcrumbs-font-size-compact-current` |
-| `--mod-breadcrumbs-font-size-current` |
-| `--mod-breadcrumbs-font-size-multiline` |
-| `--mod-breadcrumbs-font-size-multiline-current` |
-| `--mod-breadcrumbs-font-weight` |
-| `--mod-breadcrumbs-font-weight-compact` |
-| `--mod-breadcrumbs-font-weight-compact-current` |
-| `--mod-breadcrumbs-font-weight-current` |
-| `--mod-breadcrumbs-font-weight-multiline` |
-| `--mod-breadcrumbs-font-weight-multiline-current` |
-| `--mod-breadcrumbs-icon-spacing-block` |
-| `--mod-breadcrumbs-icon-spacing-block-between-multiline` |
-| `--mod-breadcrumbs-icon-spacing-block-compact` |
-| `--mod-breadcrumbs-icon-spacing-block-start-multiline` |
-| `--mod-breadcrumbs-inline-end` |
-| `--mod-breadcrumbs-inline-start` |
-| `--mod-breadcrumbs-item-link-border-radius` |
-| `--mod-breadcrumbs-line-height` |
-| `--mod-breadcrumbs-separator-color` |
-| `--mod-breadcrumbs-separator-spacing-inline` |
-| `--mod-breadcrumbs-text-color` |
-| `--mod-breadcrumbs-text-color-current` |
-| `--mod-breadcrumbs-text-color-disabled` |
-| `--mod-breadcrumbs-text-decoration-gap` |
-| `--mod-breadcrumbs-text-decoration-thickness` |
-| `--mod-breadcrumbs-text-spacing-block-between-multiline` |
-| `--mod-breadcrumbs-text-spacing-block-end` |
-| `--mod-breadcrumbs-text-spacing-block-end-compact` |
-| `--mod-breadcrumbs-text-spacing-block-end-multiline` |
-| `--mod-breadcrumbs-text-spacing-block-start` |
-| `--mod-breadcrumbs-text-spacing-block-start-compact` |
-| `--mod-breadcrumbs-text-spacing-block-start-multiline` |
diff --git a/components/breadcrumb/package.json b/components/breadcrumb/package.json
index 9571b8a06f8..f0e60eafeab 100644
--- a/components/breadcrumb/package.json
+++ b/components/breadcrumb/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/breadcrumb",
- "version": "9.2.0",
+ "version": "10.0.0-s2-foundations.16",
"description": "The Spectrum CSS breadcrumb component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,23 +17,24 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/actionbutton": ">=6",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/actionbutton": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"peerDependenciesMeta": {
"@spectrum-css/actionbutton": {
diff --git a/components/breadcrumb/stories/breadcrumb.stories.js b/components/breadcrumb/stories/breadcrumb.stories.js
index 99377515b37..85672637df2 100644
--- a/components/breadcrumb/stories/breadcrumb.stories.js
+++ b/components/breadcrumb/stories/breadcrumb.stories.js
@@ -41,6 +41,10 @@ export default {
variant: "default",
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=29434-6624",
+ },
packageJson,
metadata,
},
diff --git a/components/breadcrumb/stories/template.js b/components/breadcrumb/stories/template.js
index 3ebf606e5e0..3f0db2ad30b 100644
--- a/components/breadcrumb/stories/template.js
+++ b/components/breadcrumb/stories/template.js
@@ -7,79 +7,80 @@ import { when } from "lit/directives/when.js";
import "../index.css";
-export const Template = (
- {
- rootClass = "spectrum-Breadcrumbs",
- customClasses = [],
- items = [],
- variant,
- isDragged = false,
- } = {},
- context = {},
-) => html`
-
- ({ ...a, [c]: true }), {}),
- })}
- >
- ${items.map((item, idx, arr) => {
- const { label, isDisabled, iconName, iconSet } = item;
- return html`
- ${when(
- iconName,
- () =>
- ActionButton(
+export const Template = ({
+ rootClass = "spectrum-Breadcrumbs",
+ customClasses = [],
+ items = [],
+ variant,
+ isDragged = false,
+} = {}, context = {}) => {
+ return html`
+
+ ({ ...a, [c]: true }), {}),
+ })}
+ >
+ ${items.map((item, idx, arr) => {
+ const { label, isDisabled, iconName, iconSet } = item;
+ return html`
+ ${when(
+ iconName,
+ () =>
+ ActionButton(
+ {
+ iconName,
+ iconSet,
+ isDisabled,
+ isQuiet: true,
+ customIconClasses: [`${rootClass}-folder`],
+ size: "m",
+ },
+ context,
+ ),
+ () =>
+ when(
+ idx !== arr.length - 1,
+ () =>
+ html`
+ ${label}
+
`,
+ () =>
+ html`${label} `,
+ ),
+ )}
+ ${when(idx !== arr.length - 1, () =>
+ Icon(
{
- iconName,
- iconSet,
- isDisabled,
- isQuiet: true,
- customIconClasses: [`${rootClass}-folder`],
- size: "m",
+ iconName: "ChevronRight100",
+ setName: "ui",
+ customClasses: [`${rootClass}-itemSeparator`],
},
context,
),
- () =>
- when(
- idx !== arr.length - 1,
- () =>
- html`
- ${label}
-
`,
- () =>
- html`${label} `,
- ),
- )}
- ${when(idx !== arr.length - 1, () =>
- Icon(
- {
- iconName: "ChevronRight100",
- setName: "ui",
- customClasses: [`${rootClass}-itemSeparator`],
- },
- context,
- ),
- )}
- `;
- })}
-
-
-`;
+ )}
+ `;
+ })}
+
+
+ `;
+};
diff --git a/components/breadcrumb/themes/express.css b/components/breadcrumb/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/breadcrumb/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/breadcrumb/themes/spectrum.css b/components/breadcrumb/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/breadcrumb/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/button/CHANGELOG.md b/components/button/CHANGELOG.md
index ecb209a8315..00c7799edec 100644
--- a/components/button/CHANGELOG.md
+++ b/components/button/CHANGELOG.md
@@ -1,66 +1,46 @@
# Change Log
-## 13.5.0
-
-### Minor Changes
-
-- [#3369](https://github.com/adobe/spectrum-css/pull/3369) [`9c49505`](https://github.com/adobe/spectrum-css/commit/9c4950517bf0f8ca7b2e373f4323c97d068d0ceb) Thanks [@castastrophe](https://github.com/castastrophe)! - Remove the storybook assets from the shipped output for components
+## 14.0.0-next.7
### Patch Changes
-- Updated dependencies [[`9c49505`](https://github.com/adobe/spectrum-css/commit/9c4950517bf0f8ca7b2e373f4323c97d068d0ceb)]:
- - @spectrum-css/progresscircle@3.2.0
- - @spectrum-css/icon@7.2.0
+- [#2725](https://github.com/adobe/spectrum-css/pull/2725) [`81edcde`](https://github.com/adobe/spectrum-css/commit/81edcde7fc606acd86b2bdb4379e0d2f96a5e211) Thanks [@jawinn](https://github.com/jawinn)! - #### refactor: remove spectrum-ButtonWithFocusRing placeholder class extend
-## 13.4.0
+ Removes the need for the extend from this placeholder class, as the styles it provides have diverged slightly from what is in button and it was causing some unnecessary CSS to override.
+ This should not result in any changed visuals or behavior, as the same CSS has been integrated.
-### Minor Changes
+## 14.0.0-next.6
-- [#3197](https://github.com/adobe/spectrum-css/pull/3197) [`1eac198`](https://github.com/adobe/spectrum-css/commit/1eac198754ca1e60f96a64c7cf5e7c7a4758b1f3) Thanks [@cdransf](https://github.com/cdransf)! - Replaces all of occurrences of --spectrum-component-pill-edge-to-text-_ (intended to be used as padding) in the button component with the appropriate corner-radius-_ tokens.
+### Major Changes
-## 13.3.0
+- [#2600](https://github.com/adobe/spectrum-css/pull/2600) [`3559678`](https://github.com/adobe/spectrum-css/commit/35596780a1309dd145fa565461d330ddfaf50e68) Thanks [@jawinn](https://github.com/jawinn)!
-### Minor Changes
-
-- [#3086](https://github.com/adobe/spectrum-css/pull/3086) [`d49ea11`](https://github.com/adobe/spectrum-css/commit/d49ea118abbeb0c2195630dcccf64ac64bbcacbc) Thanks [@aramos-adobe](https://github.com/aramos-adobe)! - Adds the ability to disable text wrapping within the button component's label by applying the class `.spectrum-Button--noWrap` to `.spectrum-Button`. If the text overflows the maximum allowed width of the button, an ellipsis `...` indicator will show. Please note that this option is not a part of the design specification and should be used carefully, with consideration of this overflow behavior and the readability of the button's content.
-
-## 13.2.0
-
-### Minor Changes
+#### Spectrum 2 migration
-- [#3078](https://github.com/adobe/spectrum-css/pull/3078) [`06491f3`](https://github.com/adobe/spectrum-css/commit/06491f3a7983bdf0fe0acf350623eed7297ad935) Thanks [@cdransf](https://github.com/cdransf)! - Includes fixes and updates to the colors used in forced-colors / high contrast mode. In Windows high contrast, a different background was showing behind the label text, as a result of extra text readability backplates being rendered. `forced-color-adjust: none` is now applied to the child label element to fix this. The appropriate `ButtonFace`/`ButtonText` system colors are also now defined instead of relying on the default. The existing use of `Highlight` is now paired with `HighlightText` to ensure contrast by using a matching foreground/background pair.
+Button now uses Spectrum 2 tokens and specifications, which includes many color changes to all variants. A few other notable changes:
-## 13.1.3
-
-### Patch Changes
-
-- [#3107](https://github.com/adobe/spectrum-css/pull/3107) [`83d5a17`](https://github.com/adobe/spectrum-css/commit/83d5a171bd850df693707611203ecce21f22e7d2) Thanks [@castastrophe](https://github.com/castastrophe)! - Incorporate glob export for the dist directory in all component packages as well as glob markdown exports (to include both CHANGELOG and READMEs).
-
- Sort keys in the package.json assets.
-
-- Updated dependencies [[`83d5a17`](https://github.com/adobe/spectrum-css/commit/83d5a171bd850df693707611203ecce21f22e7d2)]:
- - @spectrum-css/progresscircle@3.1.4
- - @spectrum-css/icon@7.1.4
-
-## 13.1.2
-
-### Patch Changes
+- Outline buttons are no longer available in accent and negative options — use the filled variant instead.
+- Medium size is now the default. The class `.spectrum-Button--sizeM` is now unnecessary for this size, and has been removed.
+- The `.spectrum-Button--fill` class is no longer needed and has been removed.
-- [#3045](https://github.com/adobe/spectrum-css/pull/3045) [`5d6e03f`](https://github.com/adobe/spectrum-css/commit/5d6e03f30891f9171f1a600b06d534ee85719277) Thanks [@castastrophe](https://github.com/castastrophe)! - Improve changeset suggestions by using exports instead of files in component packages
+The following `--mod` custom properties have been renamed:
-- Updated dependencies [[`5d6e03f`](https://github.com/adobe/spectrum-css/commit/5d6e03f30891f9171f1a600b06d534ee85719277)]:
- - @spectrum-css/progresscircle@3.1.3
- - @spectrum-css/icon@7.1.3
+- `--mod-line-height-100` has been renamed to `--mod-button-line-height`
+- `--mod-sans-font-family-stack` has been renamed to `--mod-button-font-family`
+- `--mod-animation-duration-100` has been renamed to `--mod-button-animation-duration`
+- `--mod-bold-font-weight` has been renamed to `--mod-button-font-weight`
-## 13.1.1
+## 14.0.0-next.5
### Patch Changes
-- [#2677](https://github.com/adobe/spectrum-css/pull/2677) [`d83200c`](https://github.com/adobe/spectrum-css/commit/d83200ca70a959aa70329e71de0c4383de157855) Thanks [@castastrophe](https://github.com/castastrophe)! - Leveral local workspace versioning to prevent misalignment
+- Updated peerDependencies [[`7f45ea9`](https://github.com/adobe/spectrum-css/commit/7f45ea95d3d31addf29b0720de8623b0f3f0431d)]:
+ - @spectrum-css/icon@>=7
+ - @spectrum-css/progresscircle@>=3
+ - @spectrum-css/tokens@>=14
-- Updated dependencies [[`d83200c`](https://github.com/adobe/spectrum-css/commit/d83200ca70a959aa70329e71de0c4383de157855)]:
- - @spectrum-css/progresscircle@3.1.1
- - @spectrum-css/icon@7.1.1
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## 13.1.0
@@ -72,22 +52,11 @@
Output for all component CSS files is now being run through a lightweight optimizer (cssnano) which significantly reduces unnecessary whitespace. These changes reduce file size but should not have any impact on the rendering of the component. By removing unnecessary whitespace from var functions, we are making it easier to effectively minify our provided CSS assets.
-### Patch Changes
-
-- Updated peerDependencies [[`7f45ea9`](https://github.com/adobe/spectrum-css/commit/7f45ea95d3d31addf29b0720de8623b0f3f0431d)]:
- - @spectrum-css/icon@>=7
- - @spectrum-css/progresscircle@>=3
- - @spectrum-css/tokens@>=14
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Button {
- --spectrum-button-background-color-default: var(--spectrum-gray-200);
- --spectrum-button-background-color-hover: var(--spectrum-gray-300);
- --spectrum-button-background-color-down: var(--spectrum-gray-400);
- --spectrum-button-background-color-focus: var(--spectrum-gray-300);
-
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color);
- --spectrum-button-border-color-disabled: transparent;
-
- &.is-selected {
- --spectrum-button-background-color-default: var(--spectrum-neutral-background-color-default);
- --spectrum-button-background-color-hover: var(--spectrum-neutral-background-color-hover);
- --spectrum-button-background-color-down: var(--spectrum-neutral-background-color-down);
- --spectrum-button-background-color-focus: var(--spectrum-neutral-background-color-key-focus);
- }
- }
-}
diff --git a/components/button/themes/spectrum.css b/components/button/themes/spectrum.css
deleted file mode 100644
index 851cb0efd65..00000000000
--- a/components/button/themes/spectrum.css
+++ /dev/null
@@ -1,459 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Button {
- --spectrum-button-background-color-default: var(--spectrum-gray-75);
- --spectrum-button-background-color-hover: var(--spectrum-gray-200);
- --spectrum-button-background-color-down: var(--spectrum-gray-300);
- --spectrum-button-background-color-focus: var(--spectrum-gray-200);
-
- --spectrum-button-border-color-default: var(--spectrum-gray-400);
- --spectrum-button-border-color-hover: var(--spectrum-gray-500);
- --spectrum-button-border-color-down: var(--spectrum-gray-600);
- --spectrum-button-border-color-focus: var(--spectrum-gray-500);
-
- --spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default);
- --spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover);
- --spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down);
- --spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
-
- --spectrum-button-background-color-disabled: transparent;
- --spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
-
- &.spectrum-Button--accent {
- --spectrum-button-background-color-default: var(--spectrum-accent-background-color-default);
- --spectrum-button-background-color-hover: var(--spectrum-accent-background-color-hover);
- --spectrum-button-background-color-down: var(--spectrum-accent-background-color-down);
- --spectrum-button-background-color-focus: var(--spectrum-accent-background-color-key-focus);
-
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-content-color-default: var(--spectrum-white);
- --spectrum-button-content-color-hover: var(--spectrum-white);
- --spectrum-button-content-color-down: var(--spectrum-white);
- --spectrum-button-content-color-focus: var(--spectrum-white);
-
- --spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color);
- --spectrum-button-border-color-disabled: transparent;
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
-
- &.spectrum-Button--outline {
- --spectrum-button-background-color-default: transparent;
- --spectrum-button-background-color-hover: var(--spectrum-accent-color-200);
- --spectrum-button-background-color-down: var(--spectrum-accent-color-300);
- --spectrum-button-background-color-focus: var(--spectrum-accent-color-200);
-
- --spectrum-button-border-color-default: var(--spectrum-accent-color-900);
- --spectrum-button-border-color-hover: var(--spectrum-accent-color-1000);
- --spectrum-button-border-color-down: var(--spectrum-accent-color-1100);
- --spectrum-button-border-color-focus: var(--spectrum-accent-color-1000);
-
- --spectrum-button-content-color-default: var(--spectrum-accent-content-color-default);
- --spectrum-button-content-color-hover: var(--spectrum-accent-content-color-hover);
- --spectrum-button-content-color-down: var(--spectrum-accent-content-color-down);
- --spectrum-button-content-color-focus: var(--spectrum-accent-content-color-key-focus);
-
- --spectrum-button-background-color-disabled: transparent;
- --spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
- }
- }
-
- &.spectrum-Button--negative {
- --spectrum-button-background-color-default: var(--spectrum-negative-background-color-default);
- --spectrum-button-background-color-hover: var(--spectrum-negative-background-color-hover);
- --spectrum-button-background-color-down: var(--spectrum-negative-background-color-down);
- --spectrum-button-background-color-focus: var(--spectrum-negative-background-color-key-focus);
-
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-content-color-default: var(--spectrum-white);
- --spectrum-button-content-color-hover: var(--spectrum-white);
- --spectrum-button-content-color-down: var(--spectrum-white);
- --spectrum-button-content-color-focus: var(--spectrum-white);
-
- --spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color);
- --spectrum-button-border-color-disabled: transparent;
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
-
- &.spectrum-Button--outline {
- --spectrum-button-background-color-default: transparent;
- --spectrum-button-background-color-hover: var(--spectrum-negative-color-200);
- --spectrum-button-background-color-down: var(--spectrum-negative-color-300);
- --spectrum-button-background-color-focus: var(--spectrum-negative-color-200);
-
- --spectrum-button-border-color-default: var(--spectrum-negative-color-900);
- --spectrum-button-border-color-hover: var(--spectrum-negative-color-1000);
- --spectrum-button-border-color-down: var(--spectrum-negative-color-1100);
- --spectrum-button-border-color-focus: var(--spectrum-negative-color-1000);
-
- --spectrum-button-content-color-default: var(--spectrum-negative-content-color-default);
- --spectrum-button-content-color-hover: var(--spectrum-negative-content-color-hover);
- --spectrum-button-content-color-down: var(--spectrum-negative-content-color-down);
- --spectrum-button-content-color-focus: var(--spectrum-negative-content-color-key-focus);
-
- --spectrum-button-background-color-disabled: transparent;
- --spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
- }
- }
-
- &.spectrum-Button--primary {
- --spectrum-button-background-color-default: var(--spectrum-neutral-background-color-default);
- --spectrum-button-background-color-hover: var(--spectrum-neutral-background-color-hover);
- --spectrum-button-background-color-down: var(--spectrum-neutral-background-color-down);
- --spectrum-button-background-color-focus: var(--spectrum-neutral-background-color-key-focus);
-
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-content-color-default: var(--spectrum-white);
- --spectrum-button-content-color-hover: var(--spectrum-white);
- --spectrum-button-content-color-down: var(--spectrum-white);
- --spectrum-button-content-color-focus: var(--spectrum-white);
-
- --spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color);
- --spectrum-button-border-color-disabled: transparent;
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
-
- &.spectrum-Button--outline {
- --spectrum-button-background-color-default: transparent;
- --spectrum-button-background-color-hover: var(--spectrum-gray-300);
- --spectrum-button-background-color-down: var(--spectrum-gray-400);
- --spectrum-button-background-color-focus: var(--spectrum-gray-300);
-
- --spectrum-button-border-color-default: var(--spectrum-gray-800);
- --spectrum-button-border-color-hover: var(--spectrum-gray-900);
- --spectrum-button-border-color-down: var(--spectrum-gray-900);
- --spectrum-button-border-color-focus: var(--spectrum-gray-900);
-
- --spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default);
- --spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover);
- --spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down);
- --spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
-
- --spectrum-button-background-color-disabled: transparent;
- --spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
- }
- }
-
- &.spectrum-Button--secondary {
- --spectrum-button-background-color-default: var(--spectrum-gray-200);
- --spectrum-button-background-color-hover: var(--spectrum-gray-300);
- --spectrum-button-background-color-down: var(--spectrum-gray-400);
- --spectrum-button-background-color-focus: var(--spectrum-gray-300);
-
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default);
- --spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover);
- --spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down);
- --spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
-
- --spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color);
- --spectrum-button-border-color-disabled: transparent;
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
-
- &.spectrum-Button--outline {
- --spectrum-button-background-color-default: transparent;
- --spectrum-button-background-color-hover: var(--spectrum-gray-300);
- --spectrum-button-background-color-down: var(--spectrum-gray-400);
- --spectrum-button-background-color-focus: var(--spectrum-gray-300);
-
- --spectrum-button-border-color-default: var(--spectrum-gray-300);
- --spectrum-button-border-color-hover: var(--spectrum-gray-400);
- --spectrum-button-border-color-down: var(--spectrum-gray-500);
- --spectrum-button-border-color-focus: var(--spectrum-gray-400);
-
- --spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default);
- --spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover);
- --spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down);
- --spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
-
- --spectrum-button-background-color-disabled: transparent;
- --spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
- }
- }
-
- &.spectrum-Button--quiet {
- --spectrum-button-background-color-default: transparent;
- --spectrum-button-background-color-hover: var(--spectrum-gray-200);
- --spectrum-button-background-color-down: var(--spectrum-gray-300);
- --spectrum-button-background-color-focus: var(--spectrum-gray-200);
-
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-background-color-disabled: transparent;
- --spectrum-button-border-color-disabled: transparent;
- }
-
- &.is-selected {
- --spectrum-button-background-color-default: var(--spectrum-neutral-subdued-background-color-default);
- --spectrum-button-background-color-hover: var(--spectrum-neutral-subdued-background-color-hover);
- --spectrum-button-background-color-down: var(--spectrum-neutral-subdued-background-color-down);
- --spectrum-button-background-color-focus: var(--spectrum-neutral-subdued-background-color-key-focus);
-
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-content-color-default: var(--spectrum-white);
- --spectrum-button-content-color-hover: var(--spectrum-white);
- --spectrum-button-content-color-down: var(--spectrum-white);
- --spectrum-button-content-color-focus: var(--spectrum-white);
-
- --spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color);
- --spectrum-button-border-color-disabled: transparent;
-
- &.spectrum-Button--emphasized {
- --spectrum-button-background-color-default: var(--spectrum-accent-background-color-default);
- --spectrum-button-background-color-hover: var(--spectrum-accent-background-color-hover);
- --spectrum-button-background-color-down: var(--spectrum-accent-background-color-down);
- --spectrum-button-background-color-focus: var(--spectrum-accent-background-color-key-focus);
- }
- }
-
- &.spectrum-Button--staticBlack,
- &.spectrum-Button--staticWhite {
- &.spectrum-Button--quiet {
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-border-color-disabled: transparent;
- }
- }
-
- /* static white */
-
- &.spectrum-Button--staticWhite {
- --spectrum-button-background-color-default: var(--spectrum-transparent-white-800);
- --spectrum-button-background-color-hover: var(--spectrum-transparent-white-900);
- --spectrum-button-background-color-down: var(--spectrum-transparent-white-900);
- --spectrum-button-background-color-focus: var(--spectrum-transparent-white-900);
-
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-content-color-default: var(--spectrum-black);
- --spectrum-button-content-color-hover: var(--spectrum-black);
- --spectrum-button-content-color-down: var(--spectrum-black);
- --spectrum-button-content-color-focus: var(--spectrum-black);
-
- --spectrum-button-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color);
-
- --spectrum-button-background-color-disabled: var(--spectrum-disabled-static-white-background-color);
- --spectrum-button-border-color-disabled: transparent;
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-static-white-content-color);
-
- &.spectrum-Button--outline {
- --spectrum-button-background-color-default: transparent;
- --spectrum-button-background-color-hover: var(--spectrum-transparent-white-300);
- --spectrum-button-background-color-down: var(--spectrum-transparent-white-400);
- --spectrum-button-background-color-focus: var(--spectrum-transparent-white-300);
-
- --spectrum-button-border-color-default: var(--spectrum-transparent-white-800);
- --spectrum-button-border-color-hover: var(--spectrum-transparent-white-900);
- --spectrum-button-border-color-down: var(--spectrum-transparent-white-900);
- --spectrum-button-border-color-focus: var(--spectrum-transparent-white-900);
-
- --spectrum-button-content-color-default: var(--spectrum-white);
- --spectrum-button-content-color-hover: var(--spectrum-white);
- --spectrum-button-content-color-down: var(--spectrum-white);
- --spectrum-button-content-color-focus: var(--spectrum-white);
-
- --spectrum-button-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color);
-
- --spectrum-button-background-color-disabled: transparent;
- --spectrum-button-border-color-disabled: var(--spectrum-disabled-static-white-border-color);
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-static-white-content-color);
- }
-
- &.is-selected {
- --spectrum-button-background-color-default: var(--spectrum-transparent-white-800);
- --spectrum-button-background-color-hover: var(--spectrum-transparent-white-900);
- --spectrum-button-background-color-down: var(--spectrum-transparent-white-900);
- --spectrum-button-background-color-focus: var(--spectrum-transparent-white-900);
-
- --spectrum-button-content-color-default: var(--mod-button-static-content-color, var(--spectrum-black));
- --spectrum-button-content-color-hover: var(--mod-button-static-content-color, var(--spectrum-black));
- --spectrum-button-content-color-down: var(--mod-button-static-content-color, var(--spectrum-black));
- --spectrum-button-content-color-focus: var(--mod-button-static-content-color, var(--spectrum-black));
-
- --spectrum-button-background-color-disabled: var(--spectrum-disabled-static-white-background-color);
- --spectrum-button-border-color-disabled: transparent;
- }
- }
-
- &.spectrum-Button--staticWhite.spectrum-Button--secondary {
- --spectrum-button-background-color-default: var(--spectrum-transparent-white-200);
- --spectrum-button-background-color-hover: var(--spectrum-transparent-white-300);
- --spectrum-button-background-color-down: var(--spectrum-transparent-white-400);
- --spectrum-button-background-color-focus: var(--spectrum-transparent-white-300);
-
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-content-color-default: var(--spectrum-white);
- --spectrum-button-content-color-hover: var(--spectrum-white);
- --spectrum-button-content-color-down: var(--spectrum-white);
- --spectrum-button-content-color-focus: var(--spectrum-white);
-
- --spectrum-button-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color);
-
- --spectrum-button-background-color-disabled: var(--spectrum-disabled-static-white-background-color);
- --spectrum-button-border-color-disabled: transparent;
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-static-white-content-color);
-
- &.spectrum-Button--outline {
- --spectrum-button-background-color-default: transparent;
- --spectrum-button-background-color-hover: var(--spectrum-transparent-white-300);
- --spectrum-button-background-color-down: var(--spectrum-transparent-white-400);
- --spectrum-button-background-color-focus: var(--spectrum-transparent-white-300);
-
- --spectrum-button-border-color-default: var(--spectrum-transparent-white-300);
- --spectrum-button-border-color-hover: var(--spectrum-transparent-white-400);
- --spectrum-button-border-color-down: var(--spectrum-transparent-white-500);
- --spectrum-button-border-color-focus: var(--spectrum-transparent-white-400);
-
- --spectrum-button-content-color-default: var(--spectrum-white);
- --spectrum-button-content-color-hover: var(--spectrum-white);
- --spectrum-button-content-color-down: var(--spectrum-white);
- --spectrum-button-content-color-focus: var(--spectrum-white);
-
- --spectrum-button-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color);
-
- --spectrum-button-background-color-disabled: transparent;
- --spectrum-button-border-color-disabled: var(--spectrum-disabled-static-white-border-color);
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-static-white-content-color);
- }
- }
-
- /* static black */
- &.spectrum-Button--staticBlack {
- --spectrum-button-background-color-default: var(--spectrum-transparent-black-800);
- --spectrum-button-background-color-hover: var(--spectrum-transparent-black-900);
- --spectrum-button-background-color-down: var(--spectrum-transparent-black-900);
- --spectrum-button-background-color-focus: var(--spectrum-transparent-black-900);
-
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-content-color-default: var(--spectrum-white);
- --spectrum-button-content-color-hover: var(--spectrum-white);
- --spectrum-button-content-color-down: var(--spectrum-white);
- --spectrum-button-content-color-focus: var(--spectrum-white);
-
- --spectrum-button-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color);
-
- --spectrum-button-background-color-disabled: var(--spectrum-disabled-static-black-background-color);
- --spectrum-button-border-color-disabled: transparent;
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-static-black-content-color);
-
- &.spectrum-Button--outline {
- --spectrum-button-background-color-default: transparent;
- --spectrum-button-background-color-hover: var(--spectrum-transparent-black-300);
- --spectrum-button-background-color-down: var(--spectrum-transparent-black-400);
- --spectrum-button-background-color-focus: var(--spectrum-transparent-black-300);
-
- --spectrum-button-border-color-default: var(--spectrum-transparent-black-400);
- --spectrum-button-border-color-hover: var(--spectrum-transparent-black-500);
- --spectrum-button-border-color-down: var(--spectrum-transparent-black-600);
- --spectrum-button-border-color-focus: var(--spectrum-transparent-black-500);
-
- --spectrum-button-content-color-default: var(--spectrum-black);
- --spectrum-button-content-color-hover: var(--spectrum-black);
- --spectrum-button-content-color-down: var(--spectrum-black);
- --spectrum-button-content-color-focus: var(--spectrum-black);
-
- --spectrum-button-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color);
-
- --spectrum-button-background-color-disabled: transparent;
- --spectrum-button-border-color-disabled: var(--spectrum-disabled-static-black-border-color);
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-static-black-content-color);
- }
- }
-
- &.spectrum-Button--staticBlack.spectrum-Button--secondary {
- --spectrum-button-background-color-default: var(--spectrum-transparent-black-200);
- --spectrum-button-background-color-hover: var(--spectrum-transparent-black-300);
- --spectrum-button-background-color-down: var(--spectrum-transparent-black-400);
- --spectrum-button-background-color-focus: var(--spectrum-transparent-black-300);
-
- --spectrum-button-border-color-default: transparent;
- --spectrum-button-border-color-hover: transparent;
- --spectrum-button-border-color-down: transparent;
- --spectrum-button-border-color-focus: transparent;
-
- --spectrum-button-content-color-default: var(--spectrum-black);
- --spectrum-button-content-color-hover: var(--spectrum-black);
- --spectrum-button-content-color-down: var(--spectrum-black);
- --spectrum-button-content-color-focus: var(--spectrum-black);
-
- --spectrum-button-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color);
-
- --spectrum-button-background-color-disabled: var(--spectrum-disabled-static-black-background-color);
- --spectrum-button-border-color-disabled: transparent;
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-static-black-content-color);
-
- &.spectrum-Button--outline {
- --spectrum-button-background-color-default: transparent;
- --spectrum-button-background-color-hover: var(--spectrum-transparent-black-300);
- --spectrum-button-background-color-down: var(--spectrum-transparent-black-400);
- --spectrum-button-background-color-focus: var(--spectrum-transparent-black-300);
-
- --spectrum-button-border-color-default: var(--spectrum-transparent-black-300);
- --spectrum-button-border-color-hover: var(--spectrum-transparent-black-400);
- --spectrum-button-border-color-down: var(--spectrum-transparent-black-500);
- --spectrum-button-border-color-focus: var(--spectrum-transparent-black-400);
-
- --spectrum-button-content-color-default: var(--spectrum-black);
- --spectrum-button-content-color-hover: var(--spectrum-black);
- --spectrum-button-content-color-down: var(--spectrum-black);
- --spectrum-button-content-color-focus: var(--spectrum-black);
-
- --spectrum-button-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color);
-
- --spectrum-button-background-color-disabled: transparent;
- --spectrum-button-border-color-disabled: var(--spectrum-disabled-static-black-border-color);
- --spectrum-button-content-color-disabled: var(--spectrum-disabled-static-black-content-color);
- }
- }
- }
-}
diff --git a/components/buttongroup/CHANGELOG.md b/components/buttongroup/CHANGELOG.md
index 47e64198d91..3c7a74b7353 100644
--- a/components/buttongroup/CHANGELOG.md
+++ b/components/buttongroup/CHANGELOG.md
@@ -1,5 +1,240 @@
# Change Log
+## 7.0.0-next.4
+
+### Patch Changes
+
+- [#2860](https://github.com/adobe/spectrum-css/pull/2860) [`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - Adds a new `--mod-buttongroup-flex-wrap` custom property to leverage if a user wishes to customize the `flex-wrap` property.
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+
+## 8.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/button@14.0.0-s2-foundations.19
+
+## 8.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.17
+
+## 8.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 8.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 8.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 8.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 8.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 8.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 8.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 8.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 8.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/button@14.0.0-s2-foundations.6
+
+## 8.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 8.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 8.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 8.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 8.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 8.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 7.2.0
### Minor Changes
@@ -63,25 +298,25 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/buttongroup@6.2.5...@spectrum-css/buttongroup@7.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/buttongroup@6.2.5...@spectrum-css/buttongroup@7.0.0)
+
+- feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
+
+ ###
-\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
+ 🛑 BREAKING CHANGES
- ###
- 🛑 BREAKING CHANGES
+ -
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+ * Removes component-builder & component-builder-simple for script leveraging postcss
-- Imports added to index.css and themes/express.css
+* Imports added to index.css and themes/express.css
({ ...a, [c]: true }), {}),
})}
diff --git a/components/buttongroup/themes/express.css b/components/buttongroup/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/buttongroup/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/buttongroup/themes/spectrum.css b/components/buttongroup/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/buttongroup/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/calendar/CHANGELOG.md b/components/calendar/CHANGELOG.md
index 7474744cc41..a4b3c781755 100644
--- a/components/calendar/CHANGELOG.md
+++ b/components/calendar/CHANGELOG.md
@@ -1,5 +1,231 @@
# Change Log
+## 6.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.24
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.20
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.18
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 5.3.0
### Minor Changes
@@ -75,8 +301,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.2.5...@spectrum-css/calendar@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.2.5...@spectrum-css/calendar@5.0.0)
### ✨ Features
@@ -84,11 +309,8 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -96,8 +318,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.2.4...@spectrum-css/calendar@4.2.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.2.4...@spectrum-css/calendar@4.2.5)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -105,8 +326,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.2.3...@spectrum-css/calendar@4.2.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.2.3...@spectrum-css/calendar@4.2.4)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -114,8 +334,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.2.2...@spectrum-css/calendar@4.2.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.2.2...@spectrum-css/calendar@4.2.3)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -123,8 +342,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.2.1...@spectrum-css/calendar@4.2.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.2.1...@spectrum-css/calendar@4.2.2)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -132,8 +350,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/calendar
@@ -141,8 +358,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.1.1...@spectrum-css/calendar@4.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.1.1...@spectrum-css/calendar@4.2.0)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -150,8 +366,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.1
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.1.0...@spectrum-css/calendar@4.1.1)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.1.0...@spectrum-css/calendar@4.1.1)
### 🐛 Bug fixes
@@ -161,8 +376,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.22...@spectrum-css/calendar@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.22...@spectrum-css/calendar@4.1.0)
### ✨ Features
@@ -176,8 +390,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.22
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.21...@spectrum-css/calendar@4.0.22)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.21...@spectrum-css/calendar@4.0.22)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -185,8 +398,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.21
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.20...@spectrum-css/calendar@4.0.21)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.20...@spectrum-css/calendar@4.0.21)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -194,8 +406,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.20
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.18...@spectrum-css/calendar@4.0.20)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.18...@spectrum-css/calendar@4.0.20)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -203,8 +414,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.19
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.18...@spectrum-css/calendar@4.0.19)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.18...@spectrum-css/calendar@4.0.19)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -212,8 +422,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.18
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.17...@spectrum-css/calendar@4.0.18)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.17...@spectrum-css/calendar@4.0.18)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -221,8 +430,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.17
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.16...@spectrum-css/calendar@4.0.17)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.16...@spectrum-css/calendar@4.0.17)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -230,8 +438,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.16
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.15...@spectrum-css/calendar@4.0.16)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.15...@spectrum-css/calendar@4.0.16)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -239,8 +446,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.15
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.14...@spectrum-css/calendar@4.0.15)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.14...@spectrum-css/calendar@4.0.15)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -248,8 +454,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.14
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.13...@spectrum-css/calendar@4.0.14)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.13...@spectrum-css/calendar@4.0.14)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -257,8 +462,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.13
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.12...@spectrum-css/calendar@4.0.13)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.12...@spectrum-css/calendar@4.0.13)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -266,8 +470,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.12
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.11...@spectrum-css/calendar@4.0.12)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.11...@spectrum-css/calendar@4.0.12)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -275,8 +478,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.11
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.10...@spectrum-css/calendar@4.0.11)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.10...@spectrum-css/calendar@4.0.11)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -284,8 +486,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.10
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.9...@spectrum-css/calendar@4.0.10)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.9...@spectrum-css/calendar@4.0.10)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -293,8 +494,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.9
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.8...@spectrum-css/calendar@4.0.9)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.8...@spectrum-css/calendar@4.0.9)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -302,8 +502,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.7...@spectrum-css/calendar@4.0.8)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.7...@spectrum-css/calendar@4.0.8)
### 🐛 Bug fixes
@@ -317,8 +516,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.6...@spectrum-css/calendar@4.0.7)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.6...@spectrum-css/calendar@4.0.7)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -326,8 +524,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.4...@spectrum-css/calendar@4.0.6)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.4...@spectrum-css/calendar@4.0.6)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -335,8 +532,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.4...@spectrum-css/calendar@4.0.5)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.4...@spectrum-css/calendar@4.0.5)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -344,8 +540,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.3...@spectrum-css/calendar@4.0.4)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.3...@spectrum-css/calendar@4.0.4)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -353,8 +548,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.2...@spectrum-css/calendar@4.0.3)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.2...@spectrum-css/calendar@4.0.3)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -362,8 +556,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.1...@spectrum-css/calendar@4.0.2)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.1...@spectrum-css/calendar@4.0.2)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -371,8 +564,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.0...@spectrum-css/calendar@4.0.1)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@4.0.0...@spectrum-css/calendar@4.0.1)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -380,13 +572,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.7...@spectrum-css/calendar@4.0.0)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.7...@spectrum-css/calendar@4.0.0)
\*feat(calendar)!: migrate to use spectrum-tokens([a01b293](https://github.com/adobe/spectrum-css/commit/a01b293))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates Calendar to use `@adobe/spectrum-tokens`
@@ -395,8 +585,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.7
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.6...@spectrum-css/calendar@3.2.7)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.6...@spectrum-css/calendar@3.2.7)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -404,8 +593,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.6
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.5...@spectrum-css/calendar@3.2.6)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.5...@spectrum-css/calendar@3.2.6)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -413,8 +601,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.5
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.4...@spectrum-css/calendar@3.2.5)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.4...@spectrum-css/calendar@3.2.5)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -422,8 +609,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.4
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.3...@spectrum-css/calendar@3.2.4)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.3...@spectrum-css/calendar@3.2.4)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -431,8 +617,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.3
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.2...@spectrum-css/calendar@3.2.3)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.2...@spectrum-css/calendar@3.2.3)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -440,8 +625,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.2
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.1...@spectrum-css/calendar@3.2.2)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.1...@spectrum-css/calendar@3.2.2)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -449,8 +633,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.1
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.0...@spectrum-css/calendar@3.2.1)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.2.0...@spectrum-css/calendar@3.2.1)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -458,8 +641,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.0
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.1.24...@spectrum-css/calendar@3.2.0)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.1.24...@spectrum-css/calendar@3.2.0)
### ✨ Features
@@ -469,8 +651,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.24
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.1.23...@spectrum-css/calendar@3.1.24)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.1.23...@spectrum-css/calendar@3.1.24)
### 🐛 Bug fixes
@@ -480,8 +661,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.23
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.1.22...@spectrum-css/calendar@3.1.23)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.1.22...@spectrum-css/calendar@3.1.23)
**Note:** Version bump only for package @spectrum-css/calendar
@@ -489,8 +669,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.22
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.1.21...@spectrum-css/calendar@3.1.22)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/calendar@3.1.21...@spectrum-css/calendar@3.1.22)
**Note:** Version bump only for package @spectrum-css/calendar
diff --git a/components/calendar/index.css b/components/calendar/index.css
index 095530088c8..56449805288 100644
--- a/components/calendar/index.css
+++ b/components/calendar/index.css
@@ -11,59 +11,137 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Calendar {
- --spectrum-calendar-day-width: var(--spectrum-component-height-100);
- --spectrum-calendar-day-height: var(--spectrum-component-height-100);
- --spectrum-calendar-border-radius-reset: 0;
- --spectrum-calendar-border-width-reset: 0;
- --spectrum-calendar-day-border-size: var(--spectrum-border-width-200);
- --spectrum-calendar-margin-y: 24px;
- --spectrum-calendar-margin-x: 32px;
- --spectrum-calendar-day-padding: 4px;
- --spectrum-calendar-width: calc((var(--spectrum-calendar-day-width) + var(--spectrum-calendar-day-padding) * 2) * 7);
-
- --spectrum-calendar-title-text-letter-spacing: 0.06em;
- --spectrum-calendar-title-height: 32px;
- --spectrum-calendar-title-text-size: var(--spectrum-font-size-300);
-
- --spectrum-calendar-day-title-text-font-weight: var(--spectrum-bold-font-weight);
- --spectrum-calendar-day-title-text-color: var(--spectrum-gray-700);
- --spectrum-calendar-day-title-text-size: var(--spectrum-font-size-50);
- --spectrum-calendar-day-text-size-han: var(--spectrum-font-size-50);
-
- --spectrum-calendar-day-text-size: var(--spectrum-font-size-100);
- --spectrum-calendar-day-text-color-selected: var(--spectrum-gray-900);
- --spectrum-calendar-day-text-color-hover: var(--spectrum-gray-900);
- --spectrum-calendar-day-text-color-cap-selected: var(--spectrum-gray-900);
- --spectrum-calendar-day-text-font-weight-selected: var(--spectrum-bold-font-weight);
- --spectrum-calendar-day-text-font-weight-cap-selected: var(--spectrum-bold-font-weight);
-
- --spectrum-calendar-day-today-text-color: var(--spectrum-gray-800);
- --spectrum-calendar-day-today-text-font-weight: var(--spectrum-bold-font-weight);
- --spectrum-calendar-day-today-border-color: var(--spectrum-gray-800);
-
- --spectrum-calendar-day-today-text-color-disabled: var(--spectrum-gray-500);
- --spectrum-calendar-day-today-border-color-disabled: var(--spectrum-gray-400);
- --spectrum-calendar-day-text-color-disabled: var(--spectrum-disabled-content-color);
-
- --spectrum-calendar-day-text-color-key-focus: var(--spectrum-gray-900);
-
- --spectrum-calendar-button-icon-color: var(--spectrum-gray-700);
+ --spectrum-calendar-day-width: var(--mod-calendar-day-width, var(--spectrum-component-height-100));
+ --spectrum-calendar-day-height: var(--mod-calendar-day-height, var(--spectrum-component-height-100));
+ --spectrum-calendar-day-border-size: var(--mod-calendar-day-border-size, var(--spectrum-border-width-200));
+ --spectrum-calendar-day-padding: var(--mod-calendar-day-padding, 4px);
+
+ --spectrum-calendar-border-radius-reset: var(--mod-calendar-border-radius-reset, 0);
+ --spectrum-calendar-border-width-reset: var(--mod-calendar-border-width-reset, 0);
+ --spectrum-calendar-margin-y: var(--mod-calendar-margin-y, 24px);
+ --spectrum-calendar-margin-x: var(--mod-calendar-margin-x, 32px);
+
+ /* combines (day-width and day-padding x 2) x 7 days a week */
+ --spectrum-calendar-width: var(--mod-calendar-width, calc((var(--spectrum-calendar-day-width) + var(--spectrum-calendar-day-padding) * 2) * 7));
+
+ /* Add letter spacing of 0.66px from Typography > Detail issue #407 */
+ --spectrum-calendar-title-text-letter-spacing: var(--mod-calendar-title-text-letter-spacing, 0.06em);
+ --spectrum-calendar-title-height: var(--mod-calendar-title-height, 32px);
+ --spectrum-calendar-title-text-size: var(--mod-calendar-title-text-size, var(--spectrum-font-size-300));
+
+ --spectrum-calendar-title-text-font-weight: var(--mod-calendar-day-title-text-font-weight, var(--spectrum-bold-font-weight));
+ --spectrum-calendar-title-text-color: var(--highcontrast-calendar-day-title-text-color, var(--mod-calendar-day-title-text-color, var(--spectrum-neutral-subdued-content-color-default)));
+
+ --spectrum-calendar-heading-text-size: var(--mod-calendar-day-title-text-size, var(--spectrum-font-size-50));
+
+ --spectrum-calendar-button-icon-color: var(--mod-calendar-button-icon-color, var(--spectrum-neutral-subdued-content-color-default));
&:dir(rtl) {
--spectrum-logical-rotation: matrix(-1, 0, 0, 1, 0, 0);
}
}
+.spectrum-Calendar-date {
+ --spectrum-calendar-day-background: var(--mod-calendar-day-background-color, transparent);
+ --spectrum-calendar-day-background-selected: var(--highcontrast-calendar-day-background-selected, var(--mod-calendar-day-background-color-selected, var(--spectrum-calendar-day-background-color-selected)));
+ --spectrum-calendar-day-background-selected-hover: var(--highcontrast-calendar-day-background-selected-hover, var(--mod-calendar-day-background-color-selected-hover, var(--spectrum-calendar-day-background-color-selected-hover)));
+ --spectrum-calendar-day-background-cap-selected: var(--highcontrast-calendar-day-background-cap-selected, var(--mod-calendar-day-background-color-cap-selected, var(--spectrum-calendar-day-background-color-cap-selected)));
+ --spectrum-calendar-day-background-hover: var(--highcontrast-calendar-day-background-hover, var(--mod-calendar-day-background-color-hover, var(--spectrum-calendar-day-background-color-hover)));
+ --spectrum-calendar-day-background-focus: var(--highcontrast-calendar-day-background-focus, var(--mod-calendar-day-background-color-key-focus, var(--spectrum-calendar-day-background-color-key-focus)));
+ --spectrum-calendar-day-background-down: var(--highcontrast-calendar-day-background-down, var(--mod-calendar-day-background-color-down, var(--spectrum-calendar-day-background-color-down)));
+
+ --spectrum-calendar-day-background-layer-color: var(--mod-calendar-day-background-layer-color, transparent);
+
+ --spectrum-calendar-day-border-color: var(--mod-calendar-day-border-color, transparent);
+ --spectrum-calendar-day-border-color-focus: var(--highcontrast-calendar-day-border-color-focus, var(--mod-calendar-day-border-color-key-focus, var(--spectrum-calendar-day-border-color-key-focus)));
+
+ --spectrum-calendar-day-text-size: var(--mod-calendar-day-text-size, var(--spectrum-font-size-100));
+ --spectrum-calendar-day-text-font-weight: var(--mod-calendar-day-text-font-weight, var(--spectrum-regular-font-weight));
+ --spectrum-calendar-day-text-font-weight-selected: var(--mod-calendar-day-text-font-weight-selected, var(--spectrum-bold-font-weight));
+ --spectrum-calendar-day-text-font-weight-cap-selected: var(--mod-calendar-day-text-font-weight-cap-selected, var(--spectrum-bold-font-weight));
+
+ /* Styles specific to the today identifier */
+ --spectrum-calendar-day-today-background-selected-hover: var(--highcontrast-calendar-day-today-background-selected-hover, var(--mod-calendar-day-today-background-color-selected-hover, var(--spectrum-calendar-day-today-background-color-selected-hover)));
+ --spectrum-calendar-day-today-text-font-weight: var(--mod-calendar-day-today-text-font-weight, var(--spectrum-bold-font-weight));
+ --spectrum-calendar-day-today-text-color: var(--highcontrast-calendar-day-today-text-color, var(--mod-calendar-day-today-text-color, var(--spectrum-neutral-content-color-default)));
+ /* @todo There's not a good semantic alias to map this to */
+ --spectrum-calendar-day-today-border-color: var(--highcontrast-calendar-day-today-border-color, var(--mod-calendar-day-today-border-color, var(--spectrum-gray-800)));
+
+ /* Applied to both title-text-color and today-text-color */
+ --spectrum-calendar-day-text-color: var(--mod-calendar-day-text-color, var(--spectrum-neutral-subdued-content-color-default));
+ --spectrum-calendar-day-text-color-selected: var(--highcontrast-calendar-day-text-color-selected, var(--mod-calendar-day-text-color-selected, var(--spectrum-neutral-content-color-down)));
+ --spectrum-calendar-day-text-color-cap-selected: var(--highcontrast-calendar-day-text-color-cap-selected, var(--mod-calendar-day-text-color-cap-selected, var(--spectrum-neutral-content-color-down)));
+ --spectrum-calendar-day-text-color-hover: var(--highcontrast-calendar-day-text-color-hover, var(--mod-calendar-day-text-color-hover, var(--spectrum-neutral-content-color-hover)));
+ --spectrum-calendar-day-text-color-key-focus: var(--highcontrast-calendar-day-text-color-key-focus, var(--mod-calendar-day-text-color-key-focus, var(--spectrum-neutral-content-color-key-focus)));
+
+ /* Disabled state */
+ --spectrum-calendar-day-text-color-disabled: var(--mod-calendar-day-text-color-disabled, var(--spectrum-disabled-content-color));
+ --spectrum-calendar-day-today-border-color-disabled: var(--mod-calendar-day-today-border-color-disabled, var(--spectrum-disabled-border-color));
+
+ &:lang(ja),
+ &:lang(zh),
+ &:lang(ko) {
+ --spectrum-calendar-day-text-size: var(--mod-calendar-day-text-size-han, var(--spectrum-font-size-50));
+ }
+}
+
+@media (forced-colors: active) {
+ .spectrum-Calendar-date {
+ --highcontrast-calendar-day-title-text-color: CanvasText;
+
+ --highcontrast-calendar-day-text-color-selected: HighlightText;
+ --highcontrast-calendar-day-text-color-cap-selected: HighlightText;
+ --highcontrast-calendar-day-text-color-hover: HighlightText;
+ --highcontrast-calendar-day-text-color-key-focus: ButtonText;
+
+ --highcontrast-calendar-day-background-selected: Highlight;
+ --highcontrast-calendar-day-background-selected-hover: Highlight;
+ --highcontrast-calendar-day-background-cap-selected: Highlight;
+ --highcontrast-calendar-day-background-hover: Highlight;
+ --highcontrast-calendar-day-background-focus: ButtonFace;
+ --highcontrast-calendar-day-background-down: ButtonFace;
+
+ --highcontrast-calendar-day-today-border-color: ButtonText;
+ --highcontrast-calendar-day-border-color-focus: ButtonText;
+
+ --highcontrast-calendar-day-today-text-color: ButtonText;
+ --highcontrast-calendar-day-today-background-selected-hover: Highlight;
+
+ forced-color-adjust: none;
+
+ &::before {
+ background: Transparent !important;
+ }
+
+ &.is-selected {
+ background: Highlight;
+ }
+
+ &.is-disabled {
+ --highcontrast-calendar-day-title-text-color: GrayText;
+
+ --highcontrast-calendar-day-text-color-hover: GrayText;
+ --highcontrast-calendar-day-text-color-key-focus: GrayText;
+
+ --highcontrast-calendar-day-today-text-color: HighlightText;
+ --highcontrast-calendar-day-today-border-color: HighlightText;
+ }
+
+ &.is-range-selection.is-selection-start,
+ &.is-range-selection.is-selection-end {
+ --mod-calendar-day-fill-content: none;
+ }
+ }
+}
+
.spectrum-Calendar {
- inline-size: var(--mod-calendar-width, var(--spectrum-calendar-width));
display: inline-block;
+ inline-size: var(--spectrum-calendar-width);
}
.spectrum-Calendar--padded {
- margin: var(--mod-calendar-margin-x, var(--spectrum-calendar-margin-x)) var(--mod-calendar-margin-y, var(--spectrum-calendar-margin-y));
+ margin: var(--spectrum-calendar-margin-x) var(--spectrum-calendar-margin-y);
}
.spectrum-Calendar-header {
@@ -73,11 +151,11 @@
}
.spectrum-Calendar-title {
- color: var(--highcontrast-calendar-day-title-text-color, var(--mod-calendar-day-title-text-color, var(--spectrum-calendar-day-title-text-color)));
- font-size: var(--mod-calendar-title-text-size, var(--spectrum-calendar-title-text-size));
- font-weight: bold;
+ color: var(--spectrum-calendar-title-text-color);
+ font-size: var(--spectrum-calendar-title-text-size);
+ font-weight: var(--spectrum-calendar-title-text-font-weight);
- line-height: var(--mod-calendar-title-height, var(--spectrum-calendar-title-height));
+ line-height: var(--spectrum-calendar-title-height);
margin: 0;
order: 1;
flex-grow: 1;
@@ -90,11 +168,14 @@
.spectrum-Calendar-prevMonth,
.spectrum-Calendar-nextMonth {
- transform: var(--spectrum-logical-rotation);
-
- &:not([disabled]) {
- color: var(--highcontrast-calendar-button-icon-color, var(--mod-calendar-button-icon-color, var(--spectrum-calendar-button-icon-color)));
- }
+ /* @passthrough start */
+ /* Mimic the placement and sizing of the dates in the grid below */
+ --mod-actionbutton-edge-to-text: var(--spectrum-calendar-day-padding);
+ --mod-actionbutton-min-width: var(--spectrum-calendar-day-width);
+ --mod-actionbutton-content-color-default: var(--spectrum-calendar-button-icon-color);
+ /* @passthrough end */
+
+ transform: var(--spectrum-logical-rotation,);
}
.spectrum-Calendar-prevMonth {
@@ -111,13 +192,13 @@
justify-content: flex-end;
block-size: 100%;
- inline-size: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
+ inline-size: var(--spectrum-calendar-day-width);
border-block-end: none !important; /* override abbr styling from normalize.css */
- color: var(--highcontrast-calendar-day-title-text-color, var(--mod-calendar-day-title-text-color, var(--spectrum-calendar-day-title-text-color)));
- font-size: var(--mod-calendar-day-title-text-size, var(--spectrum-calendar-day-title-text-size));
- font-weight: var(--mod-calendar-day-title-text-font-weight, var(--spectrum-calendar-day-title-text-font-weight));
+ color: var(--spectrum-calendar-title-text-color);
+ font-size: var(--spectrum-calendar-heading-text-size);
+ font-weight: var(--spectrum-calendar-title-text-font-weight);
text-transform: uppercase;
text-decoration: none !important; /* override abbr styling from normalize.css */
@@ -132,8 +213,7 @@
text-decoration: underline;
text-decoration: underline dotted;
- /* Add letter spacing of 0.66px from Typography > Detail issue #407 */
- letter-spacing: var(--mod-calendar-title-text-letter-spacing, var(--spectrum-calendar-title-text-letter-spacing));
+ letter-spacing: var(--spectrum-calendar-title-text-letter-spacing);
}
}
@@ -144,8 +224,6 @@
.spectrum-Calendar-table {
table-layout: fixed;
- /* width: 100%; */
-
border-collapse: collapse;
border-spacing: 0;
@@ -154,11 +232,13 @@
.spectrum-Calendar-tableCell {
text-align: center;
+
position: relative;
box-sizing: content-box;
- block-size: var(--mod-calendar-day-height, var(--spectrum-calendar-day-height));
- inline-size: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
- padding: var(--mod-calendar-day-padding, var(--spectrum-calendar-day-padding));
+
+ block-size: var(--spectrum-calendar-day-height);
+ inline-size: var(--spectrum-calendar-day-width);
+ padding: var(--spectrum-calendar-day-padding);
&:focus {
outline: 0;
@@ -168,106 +248,128 @@
.spectrum-Calendar-date {
/* This is fun, but we need to trick the table so it doesn't size itself in a weird way */
position: absolute;
- display: block;
+ display: var(--mod-calendar-day-visibility, block);
inset-block-start: 0;
inset-inline-start: 0;
box-sizing: border-box;
- block-size: var(--mod-calendar-day-height, var(--spectrum-calendar-day-height));
- inline-size: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
- margin: var(--mod-calendar-day-padding, var(--spectrum-calendar-day-padding));
+ block-size: var(--spectrum-calendar-day-height);
+ inline-size: var(--spectrum-calendar-day-width);
+ margin: var(--spectrum-calendar-day-padding);
- border-radius: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
- border: var(--mod-calendar-day-border-size, var(--spectrum-calendar-day-border-size)) solid transparent;
+ border-width: var(--spectrum-calendar-day-border-size);
+ border-style: solid;
+ border-color: var(--spectrum-calendar-day-border-color);
+ border-radius: var(--spectrum-calendar-day-width);
- font-size: var(--mod-calendar-day-text-size, var(--spectrum-calendar-day-text-size));
- line-height: calc(var(--mod-calendar-day-width, var(--spectrum-calendar-day-width)) - var(--mod-calendar-day-border-size, var(--spectrum-calendar-day-border-size)) * 2);
+ font-size: var(--spectrum-calendar-day-text-size);
+ font-weight: var(--spectrum-calendar-day-text-font-weight);
+ line-height: calc(var(--spectrum-calendar-day-width) - var(--spectrum-calendar-day-border-size) * 2);
white-space: nowrap;
+ color: var(--spectrum-calendar-day-text-color);
+ background: var(--spectrum-calendar-day-background-layer-color);
+
cursor: pointer;
- &:lang(ja),
- &:lang(zh),
- &:lang(ko) {
- font-size: var(--mod-calendar-day-text-size-han, var(--spectrum-calendar-day-text-size-han));
+ &::before {
+ content: "";
+ position: absolute;
+ inset-block-start: calc(50% - var(--spectrum-calendar-day-width) / 2);
+ inset-inline-start: calc(50% - var(--spectrum-calendar-day-width) / 2);
+
+ box-sizing: border-box;
+ inline-size: var(--spectrum-calendar-day-width);
+ block-size: var(--spectrum-calendar-day-height);
+
+ background: var(--spectrum-calendar-day-background);
+
+ border-width: var(--spectrum-calendar-day-border-size);
+ border-style: solid;
+ border-color: var(--mod-calendar-day-border-color, transparent);
+
+ border-radius: var(--spectrum-calendar-day-width);
}
- &.is-disabled {
- cursor: default;
- pointer-events: none;
+ &::after {
+ position: absolute;
+ inset-block-start: 0;
+
+ display: var(--mod-calendar-day-fill-display, none);
+
+ block-size: var(--spectrum-calendar-day-height);
+ inline-size: var(--spectrum-calendar-day-width);
+
+ border-radius: var(--spectrum-calendar-day-width);
+ background: transparent;
+
+ content: var(--mod-calendar-day-fill-content, "");
}
- &.is-outsideMonth {
- display: none;
+ &:hover {
+ --mod-calendar-day-text-color: var(--spectrum-calendar-day-text-color-hover);
+
+ &:not(.is-selection-end, .is-selection-start) {
+ --mod-calendar-day-background-color: var(--spectrum-calendar-day-background-hover);
+ }
+
+ &.is-selected:not(.is-selection-end, .is-selection-start),
+ &.is-range-selection {
+ --mod-calendar-day-background-color: var(--spectrum-calendar-day-background-selected-hover);
+ }
}
- &::before {
- content: "";
- position: absolute;
- inset-block-start: calc(50% - calc(var(--mod-calendar-day-width, var(--spectrum-calendar-day-width)) / 2));
- inset-inline-start: calc(50% - calc(var(--mod-calendar-day-width, var(--spectrum-calendar-day-width)) / 2));
- box-sizing: border-box;
- inline-size: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
- block-size: var(--mod-calendar-day-height, var(--spectrum-calendar-day-height));
- border-radius: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
- border: var(--mod-calendar-day-border-size, var(--spectrum-calendar-day-border-size)) solid transparent;
+ &:active {
+ /* Applied behind the selected circle around the date */
+ --mod-calendar-day-background-layer-color: var(--spectrum-calendar-day-background-down);
}
- &.is-selected:not(.is-range-selection) {
- font-weight: var(--mod-calendar-day-text-font-weight-selected, var(--spectrum-calendar-day-text-font-weight-selected));
+ &.is-focused {
+ --mod-calendar-day-border-color: var(--spectrum-calendar-day-border-color-focus);
- &::before {
- /* No highlight for lone selections */
- display: none;
+ &.is-selected,
+ &.is-range-selection {
+ --mod-calendar-day-background-color: var(--spectrum-calendar-day-background-selected);
}
}
- &.is-today {
- font-weight: var(--mod-calendar-day-today-text-font-weight, var(--spectrum-calendar-day-today-text-font-weight));
+ &.is-outsideMonth {
+ --mod-calendar-day-visibility: none;
}
&.is-range-selection {
+ inline-size: calc(var(--spectrum-calendar-day-width) + var(--spectrum-calendar-day-padding) * 2);
+
/* overrides to make the cells appear connected */
- margin: var(--mod-calendar-day-padding, var(--spectrum-calendar-day-padding)) 0;
- border-width: var(--mod-calendar-border-width-reset, var(--spectrum-calendar-border-width-reset));
- line-height: var(--mod-calendar-day-height, var(--spectrum-calendar-day-height));
- border-radius: var(--mod-calendar-border-radius-reset, var(--spectrum-calendar-border-radius-reset));
+ margin: var(--spectrum-calendar-day-padding) 0;
- inline-size: calc(var(--mod-calendar-day-width, var(--spectrum-calendar-day-width)) + calc(var(--mod-calendar-day-padding, var(--spectrum-calendar-day-padding)) * 2));
+ border-width: var(--spectrum-calendar-border-width-reset);
+ border-radius: var(--spectrum-calendar-border-radius-reset);
+
+ line-height: var(--spectrum-calendar-day-height);
- &.is-range-start,
- &.is-range-end,
&.is-selection-start,
- &.is-selection-end {
- inline-size: calc(var(--mod-calendar-day-width, var(--spectrum-calendar-day-width)) + var(--mod-calendar-day-padding, var(--spectrum-calendar-day-padding)));
+ &.is-selection-end,
+ &.is-range-start,
+ &.is-selection-start {
+ inline-size: calc(var(--spectrum-calendar-day-width) + var(--spectrum-calendar-day-padding));
}
&.is-selection-start,
&.is-selection-end {
- font-weight: var(--mod-calendar-day-text-font-weight-cap-selected, var(--spectrum-calendar-day-text-font-weight-cap-selected));
-
- &::after {
- position: absolute;
- inset-block-start: 0;
-
- display: block;
-
- block-size: var(--mod-calendar-day-height, var(--spectrum-calendar-day-height));
- inline-size: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
-
- border-radius: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
-
- content: "";
- }
+ --mod-calendar-day-fill-display: block;
+ --mod-calendar-day-text-font-weight: var(--spectrum-calendar-day-text-font-weight-selected);
+ --mod-calendar-day-text-color: var(--spectrum-calendar-day-text-color-cap-selected);
}
&.is-range-start,
&.is-selection-start {
- padding-inline-end: var(--mod-calendar-day-padding, var(--spectrum-calendar-day-padding));
- margin-inline-start: var(--mod-calendar-day-padding, var(--spectrum-calendar-day-padding));
- border-start-start-radius: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
- border-end-start-radius: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
+ padding-inline-end: var(--spectrum-calendar-day-padding);
+ margin-inline-start: var(--spectrum-calendar-day-padding);
+
+ border-start-start-radius: var(--spectrum-calendar-day-width);
+ border-end-start-radius: var(--spectrum-calendar-day-width);
&::before,
&::after {
@@ -277,10 +379,12 @@
&.is-range-end,
&.is-selection-end {
- padding-inline-start: var(--mod-calendar-day-padding, var(--spectrum-calendar-day-padding));
- margin-inline-end: var(--mod-calendar-day-padding, var(--spectrum-calendar-day-padding));
- border-start-end-radius: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
- border-end-end-radius: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
+ inline-size: calc(var(--spectrum-calendar-day-width) + var(--spectrum-calendar-day-padding));
+ padding-inline-start: var(--spectrum-calendar-day-padding);
+ margin-inline-end: var(--spectrum-calendar-day-padding);
+
+ border-start-end-radius: var(--spectrum-calendar-day-width);
+ border-end-end-radius: var(--spectrum-calendar-day-width);
&::before,
&::after {
@@ -289,178 +393,81 @@
}
}
+ /* dates that are both start & end */
&.is-selection-start.is-selection-end,
&.is-selection-start.is-range-end,
&.is-selection-end.is-range-start,
&.is-range-start.is-range-end {
- inline-size: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
- border-radius: var(--mod-calendar-day-width, var(--spectrum-calendar-day-width));
+ inline-size: var(--spectrum-calendar-day-width);
+ border-radius: var(--spectrum-calendar-day-width);
}
}
-}
-
-.spectrum-Calendar-date {
- color: var(--highcontrast-calendar-day-title-text-color, var(--mod-calendar-day-title-text-color, var(--spectrum-calendar-day-title-text-color)));
-
- &:hover {
- color: var(--highcontrast-calendar-day-text-color-hover, var(--mod-calendar-day-text-color-hover, var(--spectrum-calendar-day-text-color-hover)));
- &:not(.is-selection-end, .is-selection-start) {
- &::before {
- background: var(--highcontrast-calendar-day-background-color-hover, var(--mod-calendar-day-background-color-hover, var(--spectrum-calendar-day-background-color-hover)));
- }
+ &:not(.is-range-selection) {
+ &.is-focused:active,
+ &.is-focused.is-selected {
+ --mod-calendar-day-text-color-key-focus: var(--spectrum-calendar-day-text-color-cap-selected);
+ --mod-calendar-day-background-color-key-focus: var(--spectrum-calendar-day-background-cap-selected);
}
- &.is-selected:not(.is-selection-end, .is-selection-start)::before {
- background: var(--highcontrast-calendar-day-background-color-selected-hover, var(--mod-calendar-day-background-color-selected-hover, var(--spectrum-calendar-day-background-color-selected-hover)));
+ &.is-focused {
+ --mod-calendar-day-text-color: var(--spectrum-calendar-day-text-color-key-focus);
+ --mod-calendar-day-background-color: var(--spectrum-calendar-day-background-focus);
+ --mod-calendar-day-border-color: var(--spectrum-calendar-day-border-color-focus);
}
- &.is-range-selection {
- &::before {
- background: var(--highcontrast-calendar-day-background-color-selected-hover, var(--mod-calendar-day-background-color-selected-hover, var(--spectrum-calendar-day-background-color-selected-hover)));
- }
+ &.is-today.is-selected {
+ --mod-calendar-day-background-color-hover: var(--spectrum-calendar-day-today-background-selected-hover);
}
- }
- &:active {
- background-color: var(--highcontrast-calendar-day-background-color-down, var(--mod-calendar-day-background-color-down, var(--spectrum-calendar-day-background-color-down)));
+ &.is-selected {
+ --mod-calendar-day-text-color: var(--spectrum-calendar-day-text-color-cap-selected);
+ --mod-calendar-day-background-color: var(--spectrum-calendar-day-background-cap-selected);
+ --mod-calendar-day-background-layer-color: transparent;
+ --mod-calendar-day-text-font-weight: var(--spectrum-calendar-day-text-font-weight-cap-selected);
+ }
}
&.is-selected {
- color: var(--highcontrast-calendar-day-text-color-selected, var(--mod-calendar-day-text-color-selected, var(--spectrum-calendar-day-text-color-selected)));
- background: var(--highcontrast-calendar-day-background-color-selected, var(--mod-calendar-day-background-color-selected, var(--spectrum-calendar-day-background-color-selected)));
- }
+ --mod-calendar-day-text-color: var(--spectrum-calendar-day-text-color-selected);
- &.is-selected:not(.is-range-selection) {
- background: var(--highcontrast-calendar-day-background-color-cap-selected, var(--mod-calendar-day-background-color-cap-selected, var(--spectrum-calendar-day-background-color-cap-selected)));
+ /* Applied behind the selected circle around the date */
+ --mod-calendar-day-background-color: var(--spectrum-calendar-day-background-cap-selected);
+ --mod-calendar-day-background-layer-color: var(--spectrum-calendar-day-background-selected);
}
&.is-today {
- color: var(--highcontrast-calendar-day-today-text-color, var(--mod-calendar-day-today-text-color, var(--spectrum-calendar-day-today-text-color)));
- border-color: var(--highcontrast-calendar-day-today-border-color, var(--mod-calendar-day-today-border-color, var(--spectrum-calendar-day-today-border-color)));
-
- &::before {
- border-color: var(--highcontrast-calendar-day-today-border-color, var(--mod-calendar-day-today-border-color, var(--spectrum-calendar-day-today-border-color)));
- }
-
- &.is-selected:not(.is-range-selection):hover::before {
- background: var(--highcontrast-calendar-day-today-background-color-selected-hover, var(--mod-calendar-day-today-background-color-selected-hover, var(--spectrum-calendar-day-today-background-color-selected-hover)));
- }
-
- &.is-disabled {
- color: var(--highcontrast-calendar-day-today-text-color-disabled, var(--mod-calendar-day-today-text-color-disabled, var(--spectrum-calendar-day-today-text-color-disabled)));
- border-color: var(--highcontrast-calendar-day-today-border-color-disabled, var(--mod-calendar-day-today-border-color-disabled, var(--spectrum-calendar-day-today-border-color-disabled)));
-
- &::before {
- border-color: var(--highcontrast-calendar-day-today-border-color-disabled, var(--mod-calendar-day-today-border-color-disabled, var(--spectrum-calendar-day-today-border-color-disabled)));
- }
- }
- }
-
- &.is-focused:not(.is-range-selection) {
- background: var(--highcontrast-calendar-day-background-color-key-focus, var(--mod-calendar-day-background-color-key-focus, var(--spectrum-calendar-day-background-color-key-focus)));
- border-color: var(--highcontrast-calendar-day-border-color-key-focus, var(--mod-calendar-day-border-color-key-focus, var(--spectrum-calendar-day-border-color-key-focus)));
- color: var(--highcontrast-calendar-day-text-color-key-focus, var(--mod-calendar-day-text-color-key-focus, var(--spectrum-calendar-day-text-color-key-focus)));
-
- &.is-today {
- border-color: var(--highcontrast-calendar-day-border-color-key-focus, var(--mod-calendar-day-border-color-key-focus, var(--spectrum-calendar-day-border-color-key-focus)));
- }
-
- &:active,
- &.is-selected {
- color: var(--highcontrast-calendar-day-text-color-selected, var(--mod-calendar-day-text-color-selected, var(--spectrum-calendar-day-text-color-selected)));
- background: var(--highcontrast-calendar-day-background-color-cap-selected, var(--mod-calendar-day-background-color-cap-selected, var(--spectrum-calendar-day-background-color-cap-selected)));
- border-color: var(--highcontrast-calendar-day-border-color-key-focus, var(--mod-calendar-day-border-color-key-focus, var(--spectrum-calendar-day-border-color-key-focus)));
- }
- }
-
- &.is-focused {
- &.is-selected {
- &::before {
- background: var(--highcontrast-calendar-day-background-color-selected-hover, var(--mod-calendar-day-background-color-selected-hover, var(--spectrum-calendar-day-background-color-selected-hover)));
- }
- }
-
- &.is-range-selection {
- &::before {
- background: var(--highcontrast-calendar-day-background-color-selected-hover, var(--mod-calendar-day-background-color-selected-hover, var(--spectrum-calendar-day-background-color-selected-hover)));
- }
- }
-
- &::before {
- border-color: var(--highcontrast-calendar-day-border-color-key-focus, var(--mod-calendar-day-border-color-key-focus, var(--spectrum-calendar-day-border-color-key-focus)));
- }
+ --mod-calendar-day-text-color: var(--spectrum-calendar-day-today-text-color);
+ --mod-calendar-day-border-color: var(--spectrum-calendar-day-today-border-color);
+ --mod-calendar-day-text-font-weight: var(--spectrum-calendar-day-today-text-font-weight);
}
&.is-disabled {
- color: var(--highcontrast-calendar-day-text-color-disabled, var(--mod-calendar-day-text-color-disabled, var(--spectrum-calendar-day-text-color-disabled)));
- }
-
- &.is-selection-start,
- &.is-selection-end {
- color: var(--highcontrast-calendar-day-text-color-cap-selected, var(--mod-calendar-day-text-color-cap-selected, var(--spectrum-calendar-day-text-color-cap-selected)));
-
- &::after {
- background-color: var(--highcontrast-calendar-day-background-color-selected, var(--mod-calendar-day-background-color-selected, var(--spectrum-calendar-day-background-color-selected)));
- }
+ --mod-calendar-day-text-color: var(--spectrum-calendar-day-text-color-disabled);
+ --mod-calendar-day-text-color-selected: var(--spectrum-calendar-day-text-color-disabled);
+ --mod-calendar-day-text-color-cap-selected: var(--spectrum-calendar-day-text-color-disabled);
+ --mod-calendar-day-text-color-hover: var(--spectrum-calendar-day-text-color-disabled);
+ --mod-calendar-day-text-color-key-focus: var(--spectrum-calendar-day-text-color-disabled);
+
+ --mod-calendar-day-today-border-color: var(--spectrum-calendar-day-today-border-color-disabled);
+ --mod-calendar-day-border-color-key-focus: transparent;
+
+ --mod-calendar-day-background-color-selected: var(--spectrum-calendar-day-background-color-selected-disabled);
+ --mod-calendar-day-background-color-selected-hover: transparent;
+ --mod-calendar-day-background-color-cap-selected: transparent;
+ --mod-calendar-day-background-color-hover: transparent;
+ --mod-calendar-day-background-color-focus: transparent;
+ --mod-calendar-day-background-color-down: transparent;
+
+ --mod-calendar-day-text-font-weight: normal;
+ --mod-calendar-day-text-font-weight-selected: normal;
+ --mod-calendar-day-text-font-weight-cap-selected: normal;
- &.is-disabled {
- color: var(--highcontrast-calendar-day-text-color-disabled, var(--mod-calendar-day-text-color-disabled, var(--spectrum-calendar-day-text-color-disabled)));
- }
- }
-}
-
-@media (forced-colors: active) {
- .spectrum-Calendar-prevMonth,
- .spectrum-Calendar-nextMonth {
- --highcontrast-calendar-button-icon-color-disabled: GrayText;
- --highcontrast-calendar-button-icon-color: ButtonText;
- }
-
- .spectrum-Calendar-date {
- --highcontrast-calendar-day-background-color-cap-selected: Highlight;
- --highcontrast-calendar-day-background-color-down: ButtonFace;
- --highcontrast-calendar-day-background-color-hover: Transparent;
- --highcontrast-calendar-day-background-color-key-focus: ButtonFace;
- --highcontrast-calendar-day-background-color-selected-hover: Transparent;
- --highcontrast-calendar-day-background-color-selected: Highlight;
- --highcontrast-calendar-day-border-color-key-focus: ButtonText;
- --highcontrast-calendar-day-text-color-cap-selected: HighlightText;
- --highcontrast-calendar-day-text-color-disabled: GrayText;
- --highcontrast-calendar-day-text-color-hover: ButtonText;
- --highcontrast-calendar-day-text-color-key-focus: ButtonText;
- --highcontrast-calendar-day-text-color-selected-hover: HighlightText;
- --highcontrast-calendar-day-text-color-selected: HighlightText;
- --highcontrast-calendar-day-title-text-color: CanvasText;
- --highcontrast-calendar-day-today-background-color-selected-hover: Highlight;
- --highcontrast-calendar-day-today-border-color-disabled: GrayText;
- --highcontrast-calendar-day-today-border-color: ButtonText;
- --highcontrast-calendar-day-today-text-color-disabled: GrayText;
- --highcontrast-calendar-day-today-text-color: ButtonText;
-
- forced-color-adjust: none;
-
- &.is-range-selection {
- &.is-today {
- color: HighlightText;
- }
-
- &.is-selection-start::after,
- &.is-selection-end::after {
- content: none;
- }
- }
-
- &.is-disabled {
- &.is-range-selection {
- background: Highlight;
- color: HighlightText;
- }
+ pointer-events: none;
- &.is-selected {
- background: Highlight;
- color: HighlightText;
- }
+ /* @todo sync with design on these colors and states for disabled calendars */
+ &.is-selected {
+ --mod-calendar-day-background-layer-color: var(--spectrum-calendar-day-background-selected);
}
}
}
diff --git a/components/calendar/metadata/metadata.json b/components/calendar/metadata/metadata.json
index be6710fa5c1..31023c34444 100644
--- a/components/calendar/metadata/metadata.json
+++ b/components/calendar/metadata/metadata.json
@@ -6,13 +6,11 @@
".spectrum-Calendar-body",
".spectrum-Calendar-date",
".spectrum-Calendar-date.is-disabled",
- ".spectrum-Calendar-date.is-disabled.is-range-selection",
".spectrum-Calendar-date.is-disabled.is-selected",
- ".spectrum-Calendar-date.is-focused.is-range-selection:before",
- ".spectrum-Calendar-date.is-focused.is-selected:before",
+ ".spectrum-Calendar-date.is-focused",
+ ".spectrum-Calendar-date.is-focused.is-range-selection",
+ ".spectrum-Calendar-date.is-focused.is-selected",
".spectrum-Calendar-date.is-focused.is-selected:not(.is-range-selection)",
- ".spectrum-Calendar-date.is-focused.is-today:not(.is-range-selection)",
- ".spectrum-Calendar-date.is-focused:before",
".spectrum-Calendar-date.is-focused:not(.is-range-selection)",
".spectrum-Calendar-date.is-focused:not(.is-range-selection):active",
".spectrum-Calendar-date.is-outsideMonth",
@@ -33,27 +31,17 @@
".spectrum-Calendar-date.is-range-selection.is-selection-start.is-selection-end",
".spectrum-Calendar-date.is-range-selection.is-selection-start:after",
".spectrum-Calendar-date.is-range-selection.is-selection-start:before",
- ".spectrum-Calendar-date.is-range-selection.is-today",
- ".spectrum-Calendar-date.is-range-selection:hover:before",
+ ".spectrum-Calendar-date.is-range-selection:hover",
".spectrum-Calendar-date.is-selected",
- ".spectrum-Calendar-date.is-selected:hover:not(.is-selection-end, .is-selection-start):before",
+ ".spectrum-Calendar-date.is-selected:hover:not(.is-selection-end, .is-selection-start)",
".spectrum-Calendar-date.is-selected:not(.is-range-selection)",
- ".spectrum-Calendar-date.is-selected:not(.is-range-selection):before",
- ".spectrum-Calendar-date.is-selection-end",
- ".spectrum-Calendar-date.is-selection-end.is-disabled",
- ".spectrum-Calendar-date.is-selection-end:after",
- ".spectrum-Calendar-date.is-selection-start",
- ".spectrum-Calendar-date.is-selection-start.is-disabled",
- ".spectrum-Calendar-date.is-selection-start:after",
".spectrum-Calendar-date.is-today",
- ".spectrum-Calendar-date.is-today.is-disabled",
- ".spectrum-Calendar-date.is-today.is-disabled:before",
- ".spectrum-Calendar-date.is-today.is-selected:not(.is-range-selection):hover:before",
- ".spectrum-Calendar-date.is-today:before",
+ ".spectrum-Calendar-date.is-today.is-selected:not(.is-range-selection)",
".spectrum-Calendar-date:active",
+ ".spectrum-Calendar-date:after",
".spectrum-Calendar-date:before",
".spectrum-Calendar-date:hover",
- ".spectrum-Calendar-date:hover:not(.is-selection-end, .is-selection-start):before",
+ ".spectrum-Calendar-date:hover:not(.is-selection-end, .is-selection-start)",
".spectrum-Calendar-date:lang(ja)",
".spectrum-Calendar-date:lang(ko)",
".spectrum-Calendar-date:lang(zh)",
@@ -61,9 +49,7 @@
".spectrum-Calendar-dayOfWeek[title]",
".spectrum-Calendar-header",
".spectrum-Calendar-nextMonth",
- ".spectrum-Calendar-nextMonth:not([disabled])",
".spectrum-Calendar-prevMonth",
- ".spectrum-Calendar-prevMonth:not([disabled])",
".spectrum-Calendar-table",
".spectrum-Calendar-tableCell",
".spectrum-Calendar-tableCell:focus",
@@ -75,21 +61,29 @@
"--mod-calendar-border-radius-reset",
"--mod-calendar-border-width-reset",
"--mod-calendar-button-icon-color",
+ "--mod-calendar-day-background-color",
"--mod-calendar-day-background-color-cap-selected",
"--mod-calendar-day-background-color-down",
+ "--mod-calendar-day-background-color-focus",
"--mod-calendar-day-background-color-hover",
"--mod-calendar-day-background-color-key-focus",
"--mod-calendar-day-background-color-selected",
"--mod-calendar-day-background-color-selected-hover",
+ "--mod-calendar-day-background-layer-color",
+ "--mod-calendar-day-border-color",
"--mod-calendar-day-border-color-key-focus",
"--mod-calendar-day-border-size",
+ "--mod-calendar-day-fill-content",
+ "--mod-calendar-day-fill-display",
"--mod-calendar-day-height",
"--mod-calendar-day-padding",
+ "--mod-calendar-day-text-color",
"--mod-calendar-day-text-color-cap-selected",
"--mod-calendar-day-text-color-disabled",
"--mod-calendar-day-text-color-hover",
"--mod-calendar-day-text-color-key-focus",
"--mod-calendar-day-text-color-selected",
+ "--mod-calendar-day-text-font-weight",
"--mod-calendar-day-text-font-weight-cap-selected",
"--mod-calendar-day-text-font-weight-selected",
"--mod-calendar-day-text-size",
@@ -101,8 +95,8 @@
"--mod-calendar-day-today-border-color",
"--mod-calendar-day-today-border-color-disabled",
"--mod-calendar-day-today-text-color",
- "--mod-calendar-day-today-text-color-disabled",
"--mod-calendar-day-today-text-font-weight",
+ "--mod-calendar-day-visibility",
"--mod-calendar-day-width",
"--mod-calendar-margin-x",
"--mod-calendar-margin-y",
@@ -115,38 +109,50 @@
"--spectrum-calendar-border-radius-reset",
"--spectrum-calendar-border-width-reset",
"--spectrum-calendar-button-icon-color",
+ "--spectrum-calendar-day-background",
+ "--spectrum-calendar-day-background-cap-selected",
"--spectrum-calendar-day-background-color-cap-selected",
"--spectrum-calendar-day-background-color-down",
"--spectrum-calendar-day-background-color-hover",
"--spectrum-calendar-day-background-color-key-focus",
"--spectrum-calendar-day-background-color-selected",
+ "--spectrum-calendar-day-background-color-selected-disabled",
"--spectrum-calendar-day-background-color-selected-hover",
+ "--spectrum-calendar-day-background-down",
+ "--spectrum-calendar-day-background-focus",
+ "--spectrum-calendar-day-background-hover",
+ "--spectrum-calendar-day-background-layer-color",
+ "--spectrum-calendar-day-background-selected",
+ "--spectrum-calendar-day-background-selected-hover",
+ "--spectrum-calendar-day-border-color",
+ "--spectrum-calendar-day-border-color-focus",
"--spectrum-calendar-day-border-color-key-focus",
"--spectrum-calendar-day-border-size",
"--spectrum-calendar-day-height",
"--spectrum-calendar-day-padding",
+ "--spectrum-calendar-day-text-color",
"--spectrum-calendar-day-text-color-cap-selected",
"--spectrum-calendar-day-text-color-disabled",
"--spectrum-calendar-day-text-color-hover",
"--spectrum-calendar-day-text-color-key-focus",
"--spectrum-calendar-day-text-color-selected",
+ "--spectrum-calendar-day-text-font-weight",
"--spectrum-calendar-day-text-font-weight-cap-selected",
"--spectrum-calendar-day-text-font-weight-selected",
"--spectrum-calendar-day-text-size",
- "--spectrum-calendar-day-text-size-han",
- "--spectrum-calendar-day-title-text-color",
- "--spectrum-calendar-day-title-text-font-weight",
- "--spectrum-calendar-day-title-text-size",
"--spectrum-calendar-day-today-background-color-selected-hover",
+ "--spectrum-calendar-day-today-background-selected-hover",
"--spectrum-calendar-day-today-border-color",
"--spectrum-calendar-day-today-border-color-disabled",
"--spectrum-calendar-day-today-text-color",
- "--spectrum-calendar-day-today-text-color-disabled",
"--spectrum-calendar-day-today-text-font-weight",
"--spectrum-calendar-day-width",
+ "--spectrum-calendar-heading-text-size",
"--spectrum-calendar-margin-x",
"--spectrum-calendar-margin-y",
"--spectrum-calendar-title-height",
+ "--spectrum-calendar-title-text-color",
+ "--spectrum-calendar-title-text-font-weight",
"--spectrum-calendar-title-text-letter-spacing",
"--spectrum-calendar-title-text-size",
"--spectrum-calendar-width"
@@ -155,40 +161,40 @@
"--spectrum-bold-font-weight",
"--spectrum-border-width-200",
"--spectrum-component-height-100",
+ "--spectrum-disabled-border-color",
"--spectrum-disabled-content-color",
"--spectrum-font-size-100",
"--spectrum-font-size-300",
"--spectrum-font-size-50",
- "--spectrum-gray-400",
- "--spectrum-gray-500",
- "--spectrum-gray-700",
"--spectrum-gray-800",
- "--spectrum-gray-900",
- "--spectrum-logical-rotation"
+ "--spectrum-logical-rotation",
+ "--spectrum-neutral-content-color-default",
+ "--spectrum-neutral-content-color-down",
+ "--spectrum-neutral-content-color-hover",
+ "--spectrum-neutral-content-color-key-focus",
+ "--spectrum-neutral-subdued-content-color-default",
+ "--spectrum-regular-font-weight"
+ ],
+ "passthroughs": [
+ "--mod-actionbutton-content-color-default",
+ "--mod-actionbutton-edge-to-text",
+ "--mod-actionbutton-min-width"
],
- "system-theme": [],
- "passthroughs": [],
"high-contrast": [
- "--highcontrast-calendar-button-icon-color",
- "--highcontrast-calendar-button-icon-color-disabled",
- "--highcontrast-calendar-day-background-color-cap-selected",
- "--highcontrast-calendar-day-background-color-down",
- "--highcontrast-calendar-day-background-color-hover",
- "--highcontrast-calendar-day-background-color-key-focus",
- "--highcontrast-calendar-day-background-color-selected",
- "--highcontrast-calendar-day-background-color-selected-hover",
- "--highcontrast-calendar-day-border-color-key-focus",
+ "--highcontrast-calendar-day-background-cap-selected",
+ "--highcontrast-calendar-day-background-down",
+ "--highcontrast-calendar-day-background-focus",
+ "--highcontrast-calendar-day-background-hover",
+ "--highcontrast-calendar-day-background-selected",
+ "--highcontrast-calendar-day-background-selected-hover",
+ "--highcontrast-calendar-day-border-color-focus",
"--highcontrast-calendar-day-text-color-cap-selected",
- "--highcontrast-calendar-day-text-color-disabled",
"--highcontrast-calendar-day-text-color-hover",
"--highcontrast-calendar-day-text-color-key-focus",
"--highcontrast-calendar-day-text-color-selected",
- "--highcontrast-calendar-day-text-color-selected-hover",
"--highcontrast-calendar-day-title-text-color",
- "--highcontrast-calendar-day-today-background-color-selected-hover",
+ "--highcontrast-calendar-day-today-background-selected-hover",
"--highcontrast-calendar-day-today-border-color",
- "--highcontrast-calendar-day-today-border-color-disabled",
- "--highcontrast-calendar-day-today-text-color",
- "--highcontrast-calendar-day-today-text-color-disabled"
+ "--highcontrast-calendar-day-today-text-color"
]
}
diff --git a/components/calendar/metadata/mods.md b/components/calendar/metadata/mods.md
deleted file mode 100644
index d95ba383981..00000000000
--- a/components/calendar/metadata/mods.md
+++ /dev/null
@@ -1,40 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------------------------- |
-| `--mod-calendar-border-radius-reset` |
-| `--mod-calendar-border-width-reset` |
-| `--mod-calendar-button-icon-color` |
-| `--mod-calendar-day-background-color-cap-selected` |
-| `--mod-calendar-day-background-color-down` |
-| `--mod-calendar-day-background-color-hover` |
-| `--mod-calendar-day-background-color-key-focus` |
-| `--mod-calendar-day-background-color-selected` |
-| `--mod-calendar-day-background-color-selected-hover` |
-| `--mod-calendar-day-border-color-key-focus` |
-| `--mod-calendar-day-border-size` |
-| `--mod-calendar-day-height` |
-| `--mod-calendar-day-padding` |
-| `--mod-calendar-day-text-color-cap-selected` |
-| `--mod-calendar-day-text-color-disabled` |
-| `--mod-calendar-day-text-color-hover` |
-| `--mod-calendar-day-text-color-key-focus` |
-| `--mod-calendar-day-text-color-selected` |
-| `--mod-calendar-day-text-font-weight-cap-selected` |
-| `--mod-calendar-day-text-font-weight-selected` |
-| `--mod-calendar-day-text-size` |
-| `--mod-calendar-day-text-size-han` |
-| `--mod-calendar-day-title-text-color` |
-| `--mod-calendar-day-title-text-font-weight` |
-| `--mod-calendar-day-title-text-size` |
-| `--mod-calendar-day-today-background-color-selected-hover` |
-| `--mod-calendar-day-today-border-color` |
-| `--mod-calendar-day-today-border-color-disabled` |
-| `--mod-calendar-day-today-text-color` |
-| `--mod-calendar-day-today-text-color-disabled` |
-| `--mod-calendar-day-today-text-font-weight` |
-| `--mod-calendar-day-width` |
-| `--mod-calendar-margin-x` |
-| `--mod-calendar-margin-y` |
-| `--mod-calendar-title-height` |
-| `--mod-calendar-title-text-letter-spacing` |
-| `--mod-calendar-title-text-size` |
-| `--mod-calendar-width` |
diff --git a/components/calendar/package.json b/components/calendar/package.json
index 7a7b9ea0b20..00754486b87 100644
--- a/components/calendar/package.json
+++ b/components/calendar/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/calendar",
- "version": "5.3.0",
+ "version": "6.0.0-s2-foundations.16",
"description": "The Spectrum CSS calendar component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/actionbutton": ">=6",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/actionbutton": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/actionbutton": "workspace:^",
diff --git a/components/calendar/stories/calendar.mdx b/components/calendar/stories/calendar.mdx
deleted file mode 100644
index 6fb7a8b8f06..00000000000
--- a/components/calendar/stories/calendar.mdx
+++ /dev/null
@@ -1,60 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as CalendarStories from "./calendar.stories";
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/calendar/themes/spectrum.css b/components/calendar/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/calendar/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/card/CHANGELOG.md b/components/card/CHANGELOG.md
index f590b7e5185..6532bf9c475 100644
--- a/components/card/CHANGELOG.md
+++ b/components/card/CHANGELOG.md
@@ -1,5 +1,341 @@
# Change Log
+## 10.0.0-s2-foundations.21
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.24
+ - @spectrum-css/typography@7.0.0-s2-foundations.18
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.20
+ - @spectrum-css/asset@6.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 10.0.0-s2-foundations.20
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`085ecbc`](https://github.com/adobe/spectrum-css/commit/085ecbc739cf736e8d95377d605f2a7c4104bcc0) Thanks [@pfulton](https://github.com/pfulton)! - Pulled out _form_ from _fieldlabel_ package.
+ Pulled out _meter_ from _progressbar_ package.
+
+ [SWC-522] fix hover style regression
+
+## 10.0.0-s2-foundations.19
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.21
+ - @spectrum-css/typography@7.0.0-s2-foundations.17
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.18
+ - @spectrum-css/asset@6.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 10.0.0-s2-foundations.18
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.20
+ - @spectrum-css/typography@7.0.0-s2-foundations.16
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.17
+ - @spectrum-css/asset@6.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 10.0.0-s2-foundations.17
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`d8394c7`](https://github.com/adobe/spectrum-css/commit/d8394c7cd6e49e65928972eedaae0dbf013ea8f9) Thanks [@pfulton](https://github.com/pfulton)! - S2 preview background color mapping update
+
+- Updated dependencies [[`9ae725f`](https://github.com/adobe/spectrum-css/commit/9ae725f10ebbb78b62070c4c477cb41cfc1b1ed6), [`4e80ae6`](https://github.com/adobe/spectrum-css/commit/4e80ae67ddda329a5ed556b57426623c6f0f13f0)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.15
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.19
+
+## 10.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.18
+ - @spectrum-css/typography@7.0.0-s2-foundations.14
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.16
+ - @spectrum-css/asset@6.0.0-s2-foundations.13
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 10.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6582314`](https://github.com/adobe/spectrum-css/commit/65823145e139caa56f5e73e8a36e73aff37672de) Thanks [@pfulton](https://github.com/pfulton)! - Updates to custom property inheritance and properties order
+
+### Patch Changes
+
+- Updated dependencies [[`6582314`](https://github.com/adobe/spectrum-css/commit/65823145e139caa56f5e73e8a36e73aff37672de)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.19
+
+## 10.0.0-s2-foundations.14
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`1037169`](https://github.com/adobe/spectrum-css/commit/103716919fa4e0d43c68e67e1fd3355651c02016) Thanks [@pfulton](https://github.com/pfulton)! - Move --highcontrast references out of themes; remove remaining --mods from the themes
+
+## 10.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9f8732d`](https://github.com/adobe/spectrum-css/commit/9f8732d05da8c2be2ce3d95baac4b1272a6c62bd) Thanks [@pfulton](https://github.com/pfulton)! - Migrating Card component quiet and gallery variant mods to index css file
+
+## 10.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.13
+ - @spectrum-css/typography@7.0.0-s2-foundations.13
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.12
+ - @spectrum-css/asset@6.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 10.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.12
+ - @spectrum-css/typography@7.0.0-s2-foundations.12
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.11
+ - @spectrum-css/asset@6.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 10.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.10
+ - @spectrum-css/typography@7.0.0-s2-foundations.11
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.10
+ - @spectrum-css/asset@6.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 10.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.9
+ - @spectrum-css/typography@7.0.0-s2-foundations.9
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.9
+ - @spectrum-css/asset@6.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 10.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.8
+ - @spectrum-css/typography@7.0.0-s2-foundations.8
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.8
+ - @spectrum-css/asset@6.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 10.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.7
+ - @spectrum-css/typography@7.0.0-s2-foundations.7
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.7
+ - @spectrum-css/asset@6.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 10.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.6
+ - @spectrum-css/typography@7.0.0-s2-foundations.6
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.6
+ - @spectrum-css/asset@6.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 10.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.5
+ - @spectrum-css/typography@7.0.0-s2-foundations.5
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.5
+ - @spectrum-css/asset@6.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 10.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.4
+ - @spectrum-css/typography@7.0.0-s2-foundations.4
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.4
+ - @spectrum-css/asset@6.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 10.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.3
+ - @spectrum-css/typography@7.0.0-s2-foundations.3
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.3
+ - @spectrum-css/asset@6.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 10.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.2
+ - @spectrum-css/typography@7.0.0-s2-foundations.2
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.2
+ - @spectrum-css/asset@6.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 10.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.1
+ - @spectrum-css/typography@7.0.0-s2-foundations.1
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.1
+ - @spectrum-css/asset@6.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 10.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.0
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.0
+ - @spectrum-css/asset@6.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+ - @spectrum-css/typography@7.0.0-s2-foundations.0
+
## 9.3.0
### Minor Changes
@@ -23,6 +359,17 @@
### Patch Changes
+- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
+ - @spectrum-css/tokens@14.5.0
+
+## 9.2.0
+
+### Minor Changes
+
+- [#3253](https://github.com/adobe/spectrum-css/pull/3253) [`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86) Thanks [@castastrophe](https://github.com/castastrophe)! - This update removes tokens defined locally that belonged in the global scope. To ensure no regressions, please upgrade your @spectrum-css/tokens package at the same time so you will pick up the component-level definitions now in the global tokens scope. References to `.spectrum--(light|dark|darkest|medium|large)` have been removed.
+
+### Patch Changes
+
- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
- @spectrum-css/tokens@14.5.0
@@ -108,8 +455,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@7.0.2...@spectrum-css/card@8.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@7.0.2...@spectrum-css/card@8.0.0)
### ✨ Features
@@ -129,8 +475,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.2
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@7.0.1...@spectrum-css/card@7.0.2)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@7.0.1...@spectrum-css/card@7.0.2)
**Note:** Version bump only for package @spectrum-css/card
@@ -138,8 +483,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.1
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@7.0.0...@spectrum-css/card@7.0.1)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@7.0.0...@spectrum-css/card@7.0.1)
**Note:** Version bump only for package @spectrum-css/card
@@ -147,8 +491,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.4.1...@spectrum-css/card@7.0.0)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.4.1...@spectrum-css/card@7.0.0)
### ♻️ Code refactoring
@@ -166,8 +509,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.4.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/card
@@ -175,8 +517,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.4.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.3.1...@spectrum-css/card@6.4.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.3.1...@spectrum-css/card@6.4.0)
**Note:** Version bump only for package @spectrum-css/card
@@ -184,8 +525,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.3.1
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.3.0...@spectrum-css/card@6.3.1)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.3.0...@spectrum-css/card@6.3.1)
### 🐛 Bug fixes
@@ -197,8 +537,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.3.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.2.2...@spectrum-css/card@6.3.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.2.2...@spectrum-css/card@6.3.0)
### ✨ Features
@@ -208,8 +547,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.2.2
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.2.1...@spectrum-css/card@6.2.2)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.2.1...@spectrum-css/card@6.2.2)
**Note:** Version bump only for package @spectrum-css/card
@@ -217,8 +555,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.2.1
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.2.0...@spectrum-css/card@6.2.1)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.2.0...@spectrum-css/card@6.2.1)
### 🐛 Bug fixes
@@ -228,8 +565,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.2.0
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.24...@spectrum-css/card@6.2.0)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.24...@spectrum-css/card@6.2.0)
### ✨ Features
@@ -239,8 +575,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.1.0
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.24...@spectrum-css/card@6.1.0)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.24...@spectrum-css/card@6.1.0)
### ✨ Features
@@ -250,8 +585,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.24
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.23...@spectrum-css/card@6.0.24)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.23...@spectrum-css/card@6.0.24)
**Note:** Version bump only for package @spectrum-css/card
@@ -259,8 +593,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.23
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.22...@spectrum-css/card@6.0.23)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.22...@spectrum-css/card@6.0.23)
**Note:** Version bump only for package @spectrum-css/card
@@ -268,8 +601,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.22
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.21...@spectrum-css/card@6.0.22)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.21...@spectrum-css/card@6.0.22)
**Note:** Version bump only for package @spectrum-css/card
@@ -277,8 +609,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.21
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.20...@spectrum-css/card@6.0.21)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.20...@spectrum-css/card@6.0.21)
**Note:** Version bump only for package @spectrum-css/card
@@ -286,8 +617,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.20
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.19...@spectrum-css/card@6.0.20)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.19...@spectrum-css/card@6.0.20)
**Note:** Version bump only for package @spectrum-css/card
@@ -295,8 +625,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.19
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.18...@spectrum-css/card@6.0.19)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.18...@spectrum-css/card@6.0.19)
**Note:** Version bump only for package @spectrum-css/card
@@ -304,8 +633,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.18
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.17...@spectrum-css/card@6.0.18)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.17...@spectrum-css/card@6.0.18)
**Note:** Version bump only for package @spectrum-css/card
@@ -313,8 +641,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.17
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.16...@spectrum-css/card@6.0.17)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.16...@spectrum-css/card@6.0.17)
**Note:** Version bump only for package @spectrum-css/card
@@ -322,8 +649,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.16
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.15...@spectrum-css/card@6.0.16)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.15...@spectrum-css/card@6.0.16)
**Note:** Version bump only for package @spectrum-css/card
@@ -331,8 +657,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.15
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.14...@spectrum-css/card@6.0.15)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.14...@spectrum-css/card@6.0.15)
**Note:** Version bump only for package @spectrum-css/card
@@ -340,8 +665,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.14
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.13...@spectrum-css/card@6.0.14)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.13...@spectrum-css/card@6.0.14)
**Note:** Version bump only for package @spectrum-css/card
@@ -349,8 +673,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.13
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.12...@spectrum-css/card@6.0.13)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.12...@spectrum-css/card@6.0.13)
**Note:** Version bump only for package @spectrum-css/card
@@ -358,8 +681,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.12
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.10...@spectrum-css/card@6.0.12)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.10...@spectrum-css/card@6.0.12)
**Note:** Version bump only for package @spectrum-css/card
@@ -367,8 +689,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.11
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.10...@spectrum-css/card@6.0.11)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.10...@spectrum-css/card@6.0.11)
**Note:** Version bump only for package @spectrum-css/card
@@ -376,8 +697,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.10
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.9...@spectrum-css/card@6.0.10)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.9...@spectrum-css/card@6.0.10)
**Note:** Version bump only for package @spectrum-css/card
@@ -385,8 +705,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.9
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.8...@spectrum-css/card@6.0.9)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.8...@spectrum-css/card@6.0.9)
**Note:** Version bump only for package @spectrum-css/card
@@ -394,8 +713,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.8
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.7...@spectrum-css/card@6.0.8)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.7...@spectrum-css/card@6.0.8)
**Note:** Version bump only for package @spectrum-css/card
@@ -403,8 +721,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.7
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.6...@spectrum-css/card@6.0.7)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.6...@spectrum-css/card@6.0.7)
**Note:** Version bump only for package @spectrum-css/card
@@ -412,8 +729,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.6
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.5...@spectrum-css/card@6.0.6)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.5...@spectrum-css/card@6.0.6)
**Note:** Version bump only for package @spectrum-css/card
@@ -421,8 +737,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.5
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.4...@spectrum-css/card@6.0.5)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.4...@spectrum-css/card@6.0.5)
**Note:** Version bump only for package @spectrum-css/card
@@ -430,8 +745,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.4
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.3...@spectrum-css/card@6.0.4)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.3...@spectrum-css/card@6.0.4)
**Note:** Version bump only for package @spectrum-css/card
@@ -439,8 +753,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.3
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.2...@spectrum-css/card@6.0.3)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.2...@spectrum-css/card@6.0.3)
**Note:** Version bump only for package @spectrum-css/card
@@ -448,8 +761,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.2
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.1...@spectrum-css/card@6.0.2)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.1...@spectrum-css/card@6.0.2)
**Note:** Version bump only for package @spectrum-css/card
@@ -457,8 +769,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.1
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.0...@spectrum-css/card@6.0.1)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@6.0.0...@spectrum-css/card@6.0.1)
**Note:** Version bump only for package @spectrum-css/card
@@ -466,13 +777,11 @@ This component has been deprecated. Use an action bar to allow users to perform
## 6.0.0
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.41...@spectrum-css/card@6.0.0)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.41...@spectrum-css/card@6.0.0)
\*feat(card)!: migrate to use `@adobe/spectrum-tokens` (#1693)([1afc96b](https://github.com/adobe/spectrum-css/commit/1afc96b)), closes[#1693](https://github.com/adobe/spectrum-css/issues/1693)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates the Card component to use `@adobe/spectrum-tokens`
@@ -481,8 +790,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 5.0.41
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.40...@spectrum-css/card@5.0.41)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.40...@spectrum-css/card@5.0.41)
**Note:** Version bump only for package @spectrum-css/card
@@ -490,8 +798,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 5.0.40
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.39...@spectrum-css/card@5.0.40)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.39...@spectrum-css/card@5.0.40)
**Note:** Version bump only for package @spectrum-css/card
@@ -499,8 +806,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 5.0.39
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.38...@spectrum-css/card@5.0.39)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.38...@spectrum-css/card@5.0.39)
### 🐛 Bug fixes
@@ -510,8 +816,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 5.0.38
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.37...@spectrum-css/card@5.0.38)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.37...@spectrum-css/card@5.0.38)
**Note:** Version bump only for package @spectrum-css/card
@@ -519,8 +824,7 @@ This component has been deprecated. Use an action bar to allow users to perform
## 5.0.37
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.36...@spectrum-css/card@5.0.37)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/card@5.0.36...@spectrum-css/card@5.0.37)
**Note:** Version bump only for package @spectrum-css/card
diff --git a/components/card/index.css b/components/card/index.css
index a39a9e85340..eb5316f0eb2 100644
--- a/components/card/index.css
+++ b/components/card/index.css
@@ -11,79 +11,78 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Card {
+ --spectrum-card-border-color: var(--spectrum-gray-100);
+ --spectrum-card-border-color-hover: var(--spectrum-gray-200);
+ --spectrum-card-divider-color: var(--spectrum-gray-200);
+ --spectrum-card-preview-background-color: var(--spectrum-gray-100);
+ --spectrum-card-preview-background-color-hover: var(--spectrum-gray-200);
+
/* Default Layout */
- --spectrum-card-background-color: var(--spectrum-background-layer-2-color);
- --spectrum-card-body-spacing: var(--spectrum-spacing-400);
- --spectrum-card-title-padding-top: var(--spectrum-spacing-300);
- --spectrum-card-title-padding-right: var(--spectrum-spacing-400);
- --spectrum-card-content-margin-top: var(--spectrum-spacing-100);
- --spectrum-card-content-margin-bottom: var(--spectrum-spacing-300);
- --spectrum-card-footer-padding-top: var(--spectrum-spacing-100);
- --spectrum-card-subtitle-padding-right: var(--spectrum-spacing-100);
-
- --spectrum-card-border-width: var(--spectrum-border-width-100);
- --spectrum-card-corner-radius: var(--spectrum-corner-radius-100);
- --spectrum-card-border-color: var(--spectrum-gray-200);
- --spectrum-card-border-color-hover: var(--spectrum-gray-300);
- --spectrum-card-border-color-selected: var(--spectrum-blue-700);
-
- --spectrum-card-divider-color: var(--spectrum-gray-300);
+ --spectrum-card-background-color: var(--mod-card-background-color, var(--spectrum-background-layer-2-color));
+ --spectrum-card-body-spacing: var(--mod-card-body-spacing, var(--spectrum-spacing-400));
+ --spectrum-card-body-padding-block-start: var(--mod-card-body-padding-block-start, var(--spectrum-spacing-300));
+ --spectrum-card-title-padding-right: var(--mod-card-title-padding-right, var(--spectrum-spacing-400));
+ --spectrum-card-content-margin-top: var(--mod-card-content-margin-top, var(--spectrum-spacing-100));
+ --spectrum-card-content-margin-bottom: var(--mod-card-content-margin-bottom, var(--spectrum-spacing-300));
+ --spectrum-card-footer-padding-top: var(--mod-card-footer-padding-block-start, var(--spectrum-spacing-100));
+ --spectrum-card-subtitle-padding-right: var(--mod-card-subtitle-padding-right, var(--spectrum-spacing-100));
+
+ --spectrum-card-border-width: var(--mod-card-border-width, var(--spectrum-border-width-100));
+ --spectrum-card-corner-radius: var(--mod-card-corner-radius, var(--spectrum-corner-radius-100));
+ --spectrum-card-border-color-selected: var(--mod-card-border-color-selected, var(--spectrum-blue-700));
/* Typography */
- --spectrum-card-title-font-family: var(--spectrum-sans-font-family-stack);
- --spectrum-card-title-font-size: var(--spectrum-heading-size-xxs);
- --spectrum-card-title-font-weight: var(--spectrum-heading-sans-serif-font-weight);
- --spectrum-card-title-font-style: var(--spectrum-heading-sans-serif-font-style);
- --spectrum-card-title-line-height: var(--spectrum-heading-line-height);
- --spectrum-card-title-font-color: var(--spectrum-heading-color);
-
- --spectrum-card-body-font-family: var(--spectrum-sans-font-family-stack);
- --spectrum-card-body-font-size: var(--spectrum-body-size-s);
- --spectrum-card-body-font-weight: var(--spectrum-body-sans-serif-font-weight);
- --spectrum-card-body-font-style: var(--spectrum-body-sans-serif-font-style);
- --spectrum-card-body-line-height: var(--spectrum-body-line-height);
- --spectrum-card-body-font-color: var(--spectrum-body-color);
+ --spectrum-card-title-font-family: var(--mod-card-title-font-family, var(--spectrum-sans-font-family-stack));
+ --spectrum-card-title-font-size: var(--mod-card-title-font-size, var(--spectrum-heading-size-xxs));
+ --spectrum-card-title-font-weight: var(--mod-card-title-font-weight, var(--spectrum-heading-sans-serif-font-weight));
+ --spectrum-card-title-font-style: var(--mod-card-title-font-style, var(--spectrum-heading-sans-serif-font-style));
+ --spectrum-card-title-line-height: var(--mod-card-title-line-height, var(--spectrum-heading-line-height));
+ --spectrum-card-title-font-color: var(--mod-card-title-font-color, var(--spectrum-heading-color));
+
+ --spectrum-card-body-font-family: var(--mod-card-body-font-family, var(--spectrum-sans-font-family-stack));
+ --spectrum-card-body-font-size: var(--mod-card-body-font-size, var(--spectrum-body-size-s));
+ --spectrum-card-body-font-weight: var(--mod-card-body-font-weight, var(--spectrum-body-sans-serif-font-weight));
+ --spectrum-card-body-font-style: var(--mod-card-body-font-style, var(--spectrum-body-sans-serif-font-style));
+ --spectrum-card-body-line-height: var(--mod-card-body-line-height, var(--spectrum-body-line-height));
+ --spectrum-card-body-font-color: var(--mod-card-body-font-color, var(--spectrum-body-color));
/* Quick Actions */
- --spectrum-card-actions-spacing: var(--spectrum-spacing-300);
- --spectrum-card-actions-size: var(--spectrum-card-selection-background-size);
- --spectrum-card-actions-border-radius: var(--spectrum-corner-radius-100);
+ --spectrum-card-actions-spacing: var(--mod-card-actions-spacing, var(--spectrum-spacing-300));
+ --spectrum-card-actions-size: var(--mod-card-actions-size, var(--spectrum-card-selection-background-size));
+ --spectrum-card-actions-border-radius: var(--mod-card-actions-border-radius, var(--spectrum-corner-radius-100));
/* TODO update to --spectrum-card-selection-background-color token once an RGB stripped value is available */
- --spectrum-card-actions-background-color-rgb: var(--spectrum-gray-100-rgb);
- --spectrum-card-actions-background-color-opacity: var(--spectrum-card-selection-background-color-opacity);
- --spectrum-card-actions-drop-shadow-color: var(--spectrum-drop-shadow-color);
- --spectrum-card-actions-drop-shadow-x: var(--spectrum-drop-shadow-x);
- --spectrum-card-actions-drop-shadow-y: var(--spectrum-drop-shadow-y);
- --spectrum-card-actions-drop-shadow-blur: var(--spectrum-drop-shadow-blur);
+ --spectrum-card-actions-background-color-rgb: var(--mod-card-actions-background-color-rgb, var(--spectrum-gray-100-rgb));
+ --spectrum-card-actions-background-color-opacity: var(--mod-card-actions-background-color-opacity, var(--spectrum-card-selection-background-color-opacity));
+ --spectrum-card-actions-drop-shadow-color: var(--mod-card-actions-drop-shadow-color, var(--spectrum-drop-shadow-color));
+ --spectrum-card-actions-drop-shadow-x: var(--mod-card-actions-drop-shadow-x, var(--spectrum-drop-shadow-x));
+ --spectrum-card-actions-drop-shadow-y: var(--mod-card-actions-drop-shadow-y, var(--spectrum-drop-shadow-y));
+ --spectrum-card-actions-drop-shadow-blur: var(--mod-card-actions-drop-shadow-blur, var(--spectrum-drop-shadow-blur));
/* Focus */
- --spectrum-card-focus-indicator-color: var(--spectrum-focus-indicator-color);
- --spectrum-card-focus-indicator-width: var(--spectrum-focus-indicator-thickness);
+ --spectrum-card-focus-indicator-color: var(--mod-card-focus-indicator-color, var(--spectrum-focus-indicator-color));
+ --spectrum-card-focus-indicator-width: var(--mod-card-focus-indicator-width, var(--spectrum-focus-indicator-thickness));
/* Selected */
- --spectrum-card-selected-background-opacity: 0.1; /* table-selected-row-background-opacity does not exist in tokens yet */
+ --spectrum-card-selected-background-opacity: var(--mod-card-selected-background-opacity, 0.1); /* table-selected-row-background-opacity does not exist in tokens yet */
- --spectrum-card-preview-border-width-selected: var(--spectrum-border-width-100);
- --spectrum-card-preview-background-color: var(--spectrum-background-base-color);
- --spectrum-card-preview-background-color-hover: var(--spectrum-gray-300);
+ --spectrum-card-preview-border-width-selected: var(--mod-card-preview-border-width-selected, var(--spectrum-border-width-100));
/* Horizontal */
- --spectrum-card-horizontal-body-padding: var(--spectrum-spacing-300);
- --spectrum-card-horizontal-preview-padding: var(--spectrum-spacing-200);
-}
+ --spectrum-card-horizontal-body-padding: var(--mod-card-horizontal-body-padding, var(--spectrum-spacing-300));
+ --spectrum-card-horizontal-preview-padding: var(--mod-card-horizontal-preview-padding, var(--spectrum-spacing-200));
-/* Quiet/Gallery */
-.spectrum-Card--quiet,
-.spectrum-Card--gallery {
- --mod-card-content-margin-top: var(--mod-card-content-margin-top-quiet, var(--spectrum-spacing-100));
- --mod-card-minimum-width: var(--mod-card-minimum-width-quiet, var(--spectrum-card-minimum-width));
-}
+ &.spectrum-Card--quiet {
+ --mod-card-minimum-width: var(--mod-card-minimum-width-quiet);
+ --mod-card-content-margin-top: var(--mod-card-content-margin-top-quiet, var(--spectrum-spacing-100));
+ }
+
+
+ &.spectrum-Card--gallery {
+ --spectrum-card-content-margin-top: var(--spectrum-spacing-100);
+ }
-.spectrum-Card {
position: relative;
display: inline-flex;
flex-direction: column;
@@ -92,13 +91,11 @@
min-inline-size: var(--mod-card-minimum-width, var(--spectrum-card-minimum-width));
- border: var(--mod-card-border-width, var(--spectrum-card-border-width)) solid transparent;
- border-radius: var(--mod-card-corner-radius, var(--spectrum-card-corner-radius));
- border-color: var(--highcontrast-card-border-color, var(--mod-card-border-color, var(--spectrum-card-border-color)));
+ border: var(--spectrum-card-border-width) solid transparent;
+ border-radius: var(--spectrum-card-corner-radius);
+ border-color: var(--mod-card-border-color, var(--spectrum-card-border-color));
- /* @deprecation --mod-spectrum-card-background-color has been renamed to
- --mod-card-background-color. The fallback will be removed in a future version. */
- background-color: var(--highcontrast-card-background-color, var(--mod-card-background-color, var(--mod-spectrum-card-background-color, var(--spectrum-card-background-color))));
+ background-color: var(--spectrum-card-background-color);
&::before {
content: "";
@@ -121,48 +118,47 @@
border-style: solid;
border-color: transparent;
border-width: 0;
- border-radius: var(--mod-card-corner-radius, var(--spectrum-card-corner-radius));
- margin-block-start: calc(-1 * var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)));
- margin-inline-start: calc(-1 * var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)));
+ border-radius: var(--spectrum-card-corner-radius);
+ margin-block-start: calc(-1 * var(--spectrum-card-focus-indicator-width));
+ margin-inline-start: calc(-1 * var(--spectrum-card-focus-indicator-width));
}
&:focus-visible {
outline: none;
&::after {
- border-width: var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width));
- border-color: var(--mod-card-focus-indicator-color, var(--spectrum-card-focus-indicator-color));
+ border-width: var(--spectrum-card-focus-indicator-width);
+ border-color: var(--spectrum-card-focus-indicator-color);
}
.spectrum-Card-coverPhoto {
- border-start-start-radius: calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)));
- border-start-end-radius: calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)));
+ border-start-start-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-focus-indicator-width));
+ border-start-end-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-focus-indicator-width));
}
.spectrum-Card-preview {
- border-start-start-radius: calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)));
- border-start-end-radius: calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)));
+ border-start-start-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-focus-indicator-width));
+ border-start-end-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-focus-indicator-width));
}
}
&:hover {
- border-color: var(--highcontrast-card-border-color-hover, var(--mod-card-border-color-hover, var(--spectrum-card-border-color-hover)));
+ --mod-card-border-color: var(--mod-card-border-color-hover, var(--spectrum-card-border-color-hover));
}
&.is-selected {
- border-color: var(--highcontrast-card-border-color-selected, var(--mod-card-border-color-selected, var(--spectrum-card-border-color-selected)));
+ --mod-card-border-color: var(--spectrum-card-border-color-selected);
&::before {
- background-color: rgba(var(--mod-card-selected-background-color-rgb, var(--spectrum-card-selected-background-color-rgb)), var(--mod-card-selected-background-opacity, var(--spectrum-card-selected-background-opacity)));
+ background-color: rgba(var(--mod-card-selected-background-color-rgb, var(--spectrum-card-selected-background-color-rgb)), var(--spectrum-card-selected-background-opacity));
}
}
&.is-drop-target {
- --mod-card-background-color: var(--spectrum-card-background-color-quiet, var(--spectrum-background-base-color));
+ --mod-card-background-color: var(--spectrum-background-base-color);
+ --mod-card-border-color: var(--spectrum-card-border-color-selected);
- border-color: var(--highcontrast-card-border-color-selected, var(--mod-card-border-color-selected, var(--spectrum-card-border-color-selected)));
- box-shadow: 0 0 0 1px var(--highcontrast-card-border-color-selected, var(--mod-card-border-color-selected, var(--spectrum-card-border-color-selected)));
- background-color: var(--mod-card-background-color, var(--spectrum-card-background-color));
+ box-shadow: 0 0 0 1px var(--spectrum-card-border-color-selected);
}
&.is-focused,
@@ -171,7 +167,6 @@
&:hover {
.spectrum-Card-quickActions,
.spectrum-Card-actions {
- /* Ideally, this would simply apply is-open to the QuickActions component */
visibility: visible;
opacity: 1;
pointer-events: all;
@@ -182,20 +177,32 @@
.spectrum-Card-quickActions {
position: absolute;
visibility: hidden;
- box-shadow: var(--mod-card-actions-drop-shadow-x, var(--spectrum-card-actions-drop-shadow-x)) var(--mod-card-actions-drop-shadow-y, var(--spectrum-card-actions-drop-shadow-y)) var(--mod-card-actions-drop-shadow-blur, var(--spectrum-card-actions-drop-shadow-blur)) var(--mod-card-actions-drop-shadow-color, var(--spectrum-card-actions-drop-shadow-color));
-
- inline-size: var(--mod-card-actions-size, var(--spectrum-card-actions-size));
- block-size: var(--mod-card-actions-size, var(--spectrum-card-actions-size));
- border-radius: var(--mod-card-actions-border-radius, var(--spectrum-card-actions-border-radius));
- background-color: rgba(var(--mod-card-actions-background-color-rgb, var(--spectrum-card-actions-background-color-rgb)), var(--mod-card-actions-background-color-opacity, var(--spectrum-card-actions-background-color-opacity)));
-
- inset-inline-start: calc(var(--mod-card-actions-spacing, var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));
- inset-block-start: calc(var(--mod-card-actions-spacing, var(--spectrum-card-actions-spacing)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));
+ box-shadow: var(--spectrum-card-actions-drop-shadow-x) var(--spectrum-card-actions-drop-shadow-y) var(--spectrum-card-actions-drop-shadow-blur) var(--spectrum-card-actions-drop-shadow-color);
+
+ inline-size: var(--spectrum-card-actions-size);
+ block-size: var(--spectrum-card-actions-size);
+ border-radius: var(--spectrum-card-actions-border-radius);
+ background-color: rgba(var(--spectrum-card-actions-background-color-rgb), var(--spectrum-card-actions-background-color-opacity));
+
+ inset-inline-start: calc(var(--spectrum-card-actions-spacing) - var(--spectrum-card-border-width));
+ inset-block-start: calc(var(--spectrum-card-actions-spacing) - var(--spectrum-card-border-width));
+
+ /* From QuickAction component that is officially deprecated */
+ pointer-events: auto;
+ display:inline-flex;
+ align-items:center;
+ justify-content:center;
+ box-sizing:border-box;
+
+ transition:
+ transform var(--mod-overlay-animation-duration, var(--spectrum-animation-duration-100, 130ms)) ease-in-out,
+ opacity var(--mod-overlay-animation-duration, var(--spectrum-animation-duration-100, 130ms)) ease-in-out,
+ visibility 0ms linear var(--mod-overlay-animation-duration, var(--spectrum-animation-duration-100, 130ms));
}
.spectrum-Card-actions {
- inset-block-start: var(--mod-card-actions-spacing, var(--spectrum-card-actions-spacing));
- inset-inline-end: var(--mod-card-actions-spacing, var(--spectrum-card-actions-spacing));
+ inset-block-start: var(--spectrum-card-actions-spacing);
+ inset-inline-end: var(--spectrum-card-actions-spacing);
}
.spectrum-Card-coverPhoto {
@@ -208,8 +215,8 @@
align-items: center;
justify-content: center;
- border-start-start-radius: calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));
- border-start-end-radius: calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));
+ border-start-start-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-border-width));
+ border-start-end-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-border-width));
border-end-end-radius: 0;
border-end-start-radius: 0;
@@ -227,73 +234,68 @@
.spectrum-Card-content {
display: flex;
align-items: center;
- margin-block-start: var(--mod-card-content-margin-top, var(--spectrum-card-content-margin-top));
+ margin-block-start: var(--spectrum-card-content-margin-top);
}
.spectrum-Card-body {
- /* @deprecation --mod-card-title-padding-top has been renamed to --mod-card-body-padding-block-start
- and will be removed in a future version. */
- padding-block-start: var(--mod-card-body-padding-block-start, var(--mod-card-title-padding-top, var(--spectrum-card-title-padding-top)));
- padding-inline-end: var(--mod-card-body-padding-inline-end, calc(var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) - var(--mod-card-border-width, var(--spectrum-card-border-width))));
- padding-inline-start: var(--mod-card-body-padding-inline-start, calc(var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) - var(--mod-card-border-width, var(--spectrum-card-border-width))));
- padding-block-end: var(--mod-card-body-padding-block-end, calc(var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) - var(--mod-card-border-width, var(--spectrum-card-border-width))));
+ padding-block-start: var(--spectrum-card-body-padding-block-start);
+ padding-inline-end: var(--mod-card-body-padding-inline-end, calc(var(--spectrum-card-body-spacing) - var(--spectrum-card-border-width)));
+ padding-inline-start: var(--mod-card-body-padding-inline-start, calc(var(--spectrum-card-body-spacing) - var(--spectrum-card-border-width)));
+ padding-block-end: var(--mod-card-body-padding-block-end, calc(var(--spectrum-card-body-spacing) - var(--spectrum-card-border-width)));
}
.spectrum-Card-preview {
overflow: hidden;
- border-start-start-radius: var(--mod-card-corner-radius, var(--spectrum-card-corner-radius));
- border-start-end-radius: var(--mod-card-corner-radius, var(--spectrum-card-corner-radius));
+ border-start-start-radius: var(--spectrum-card-corner-radius);
+ border-start-end-radius: var(--spectrum-card-corner-radius);
border-end-end-radius: 0;
border-end-start-radius: 0;
display: flex;
align-items: center;
- color: var(--highcontrast-card-body-font-color, var(--mod-card-body-font-color, var(--spectrum-card-body-font-color)));
+ color: var(--spectrum-card-body-font-color);
}
.spectrum-Card-title {
- padding-inline-end: var(--mod-card-title-padding-right, var(--spectrum-card-title-padding-right));
- font-family: var(--mod-card-title-font-family, var(--spectrum-card-title-font-family));
- font-size: var(--mod-card-title-font-size, var(--spectrum-card-title-font-size));
- font-weight: var(--mod-card-title-font-weight, var(--spectrum-card-title-font-weight));
- font-style: var(--mod-card-title-font-style, var(--spectrum-card-title-font-style));
- line-height: var(--mod-card-title-line-height, var(--spectrum-card-title-line-height));
- color: var(--highcontrast-card-title-font-color, var(--mod-card-title-font-color, var(--spectrum-card-title-font-color)));
+ padding-inline-end: var(--spectrum-card-title-padding-right);
+ font-family: var(--spectrum-card-title-font-family);
+ font-size: var(--spectrum-card-title-font-size);
+ font-weight: var(--spectrum-card-title-font-weight);
+ font-style: var(--spectrum-card-title-font-style);
+ line-height: var(--spectrum-card-title-line-height);
+ color: var(--spectrum-card-title-font-color);
}
.spectrum-Card-subtitle {
- padding-inline-end: var(--mod-card-subtitle-padding-right, var(--spectrum-card-subtitle-padding-right));
- color: var(--highcontrast-card-title-font-color, var(--mod-card-title-font-color, var(--spectrum-card-title-font-color)));
+ padding-inline-end: var(--spectrum-card-subtitle-padding-right);
+ color: var(--spectrum-card-title-font-color);
text-transform: none;
}
.spectrum-Card-subtitle + .spectrum-Card-description::before {
content: "•";
- padding-inline-end: var(--mod-card-subtitle-padding-right, var(--spectrum-card-subtitle-padding-right));
+ padding-inline-end: var(--spectrum-card-subtitle-padding-right);
}
.spectrum-Card-description {
- font-family: var(--mod-card-body-font-family, var(--spectrum-card-body-font-family));
- font-size: var(--mod-card-body-font-size, var(--spectrum-card-body-font-size));
- font-weight: var(--mod-card-body-font-weight, var(--spectrum-card-body-font-weight));
- font-style: var(--mod-card-body-font-style, var(--spectrum-card-body-font-style));
- line-height: var(--mod-card-body-line-height, var(--spectrum-card-body-line-height));
- color: var(--highcontrast-card-body-font-color, var(--mod-card-body-font-color, var(--spectrum-card-body-font-color)));
+ font-family: var(--spectrum-card-body-font-family);
+ font-size: var(--spectrum-card-body-font-size);
+ font-weight: var(--spectrum-card-body-font-weight);
+ font-style: var(--spectrum-card-body-font-style);
+ line-height: var(--spectrum-card-body-line-height);
+ color: var(--spectrum-card-body-font-color);
}
.spectrum-Card-footer {
/* Accommodate for wanting less spacing between body and footer */
- margin-block-start: var(--mod-card-footer-margin-block-start, calc(-1 * (var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) - var(--mod-card-content-margin-bottom, var(--spectrum-card-content-margin-bottom)))));
- margin-inline-start: var(--mod-card-footer-margin-inline-start, var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)));
- margin-inline-end: var(--mod-card-footer-margin-inline-end, var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)));
- padding-block-end: var(--mod-card-footer-padding-block-end, calc(var(--mod-card-body-spacing, var(--spectrum-card-body-spacing)) - var(--mod-card-border-width, var(--spectrum-card-border-width))));
-
- /* @deprecation --mod-card-footer-margin-top has been renamed to --mod-card-footer-padding-block-start
- and will be removed in a future version. */
- padding-block-start: var(--mod-card-footer-padding-block-start, var(--mod-card-footer-margin-top, var(--spectrum-card-footer-padding-top)));
-
- color: var(--highcontrast-card-body-font-color, var(--mod-card-body-font-color, var(--spectrum-card-body-font-color)));
- line-height: var(--mod-card-body-line-height, var(--spectrum-card-body-line-height));
- border-block-start: var(--mod-card-border-width, var(--spectrum-card-border-width)) solid var(--mod-card-divider-color, var(--spectrum-card-divider-color));
+ margin-block-start: var(--mod-card-footer-margin-block-start, calc(-1 * (var(--spectrum-card-body-spacing) - var(--spectrum-card-content-margin-bottom))));
+ margin-inline-start: var(--mod-card-footer-margin-inline-start, var(--spectrum-card-body-spacing));
+ margin-inline-end: var(--mod-card-footer-margin-inline-end, var(--spectrum-card-body-spacing));
+ padding-block-end: var(--mod-card-footer-padding-block-end, calc(var(--spectrum-card-body-spacing) - var(--spectrum-card-border-width)));
+ padding-block-start: var(--spectrum-card-footer-padding-top);
+
+ color: var(--spectrum-card-body-font-color);
+ line-height: var(--spectrum-card-body-line-height);
+ border-block-start: var(--spectrum-card-border-width) solid var(--mod-card-divider-color, var(--spectrum-card-divider-color));
}
.spectrum-Card-header {
@@ -303,15 +305,12 @@
}
.spectrum-Card-actionButton {
- align-self: center;
- display: flex;
- justify-content: flex-end;
z-index: 1;
}
.spectrum-Card--quiet {
.spectrum-Card-preview {
- border: var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)) solid transparent;
+ border: var(--spectrum-card-focus-indicator-width) solid transparent;
}
&:focus,
@@ -322,16 +321,14 @@
}
.spectrum-Card-preview::after {
- border-color: var(--mod-card-focus-indicator-color, var(--spectrum-card-focus-indicator-color));
+ border-color: var(--spectrum-card-focus-indicator-color);
}
}
&.is-selected {
.spectrum-Card-preview {
- /* @deprecation --mod-card-preview-border-width has been renamed to --mod-card-preview-border-width-selected
- and the fallback will be removed in a future version. */
- border: var(--mod-card-preview-border-width-selected, var(--mod-card-preview-border-width, var(--spectrum-card-preview-border-width-selected))) solid;
- border-color: var(--highcontrast-card-border-color-selected, var(--mod-card-border-color-selected, var(--spectrum-card-border-color-selected)));
+ border: var(--spectrum-card-preview-border-width-selected) solid;
+ border-color: var(--spectrum-card-border-color-selected);
}
}
}
@@ -351,7 +348,7 @@
}
.spectrum-Card-preview {
- border-radius: var(--mod-card-corner-radius, var(--spectrum-card-corner-radius));
+ border-radius: var(--spectrum-card-corner-radius);
background-color: var(--mod-card-preview-background-color, var(--mod-card-background-color, var(--spectrum-card-preview-background-color)));
min-block-size: var(--mod-card-preview-minimum-height, var(--spectrum-card-preview-minimum-height));
inline-size: 100%;
@@ -387,9 +384,9 @@
border-style: solid;
border-color: transparent;
border-width: 0;
- border-radius: calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) + var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)));
- margin-block-start: calc(-1 * var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)));
- margin-inline-start: calc(-1 * var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)));
+ border-radius: calc(var(--spectrum-card-corner-radius) + var(--spectrum-card-focus-indicator-width));
+ margin-block-start: calc(-1 * var(--spectrum-card-focus-indicator-width));
+ margin-inline-start: calc(-1 * var(--spectrum-card-focus-indicator-width));
}
}
@@ -412,8 +409,8 @@
}
.spectrum-Card-preview::before {
- border-color: var(--mod-card-focus-indicator-color, var(--spectrum-card-focus-indicator-color));
- box-shadow: 0 0 0 1px var(--mod-card-focus-indicator-color, var(--spectrum-card-focus-indicator-color));
+ border-color: var(--spectrum-card-focus-indicator-color);
+ box-shadow: 0 0 0 1px var(--spectrum-card-focus-indicator-color);
}
}
@@ -424,10 +421,7 @@
}
.spectrum-Card-body {
- margin-block-start: var(--mod-card-content-margin-top, var(--spectrum-card-content-margin-top));
- }
-
- .spectrum-Card-body {
+ margin-block-start: var(--spectrum-card-content-margin-top);
padding: 0;
}
@@ -453,12 +447,12 @@
align-items: center;
justify-content: center;
- border-start-start-radius: calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));
+ border-start-start-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-border-width));
border-start-end-radius: 0;
- border-end-start-radius: calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));
+ border-end-start-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-card-border-width));
border-end-end-radius: 0;
- padding: var(--mod-card-horizontal-preview-padding, var(--spectrum-card-horizontal-preview-padding));
+ padding: var(--spectrum-card-horizontal-preview-padding);
background-color: var(--mod-card-preview-background-color, var(--spectrum-card-preview-background-color));
border-color: var(--mod-card-border-color, var(--spectrum-card-border-color));
}
@@ -483,7 +477,7 @@
justify-content: center;
flex-direction: column;
padding-block: 0;
- padding-inline: var(--mod-card-horizontal-body-padding, var(--spectrum-card-horizontal-body-padding));
+ padding-inline: var(--spectrum-card-horizontal-body-padding);
}
}
diff --git a/components/card/metadata/metadata.json b/components/card/metadata/metadata.json
index 51b2fb5cabe..cc526fbb236 100644
--- a/components/card/metadata/metadata.json
+++ b/components/card/metadata/metadata.json
@@ -61,6 +61,8 @@
".spectrum-Card.is-selected .spectrum-Card-actions",
".spectrum-Card.is-selected .spectrum-Card-quickActions",
".spectrum-Card.is-selected:before",
+ ".spectrum-Card.spectrum-Card--gallery",
+ ".spectrum-Card.spectrum-Card--quiet",
".spectrum-Card:after",
".spectrum-Card:before",
".spectrum-Card:focus .spectrum-Card-actions",
@@ -112,7 +114,6 @@
"--mod-card-footer-margin-block-start",
"--mod-card-footer-margin-inline-end",
"--mod-card-footer-margin-inline-start",
- "--mod-card-footer-margin-top",
"--mod-card-footer-padding-block-end",
"--mod-card-footer-padding-block-start",
"--mod-card-horizontal-body-padding",
@@ -121,7 +122,6 @@
"--mod-card-minimum-width-quiet",
"--mod-card-preview-background-color",
"--mod-card-preview-background-color-hover",
- "--mod-card-preview-border-width",
"--mod-card-preview-border-width-selected",
"--mod-card-preview-minimum-height",
"--mod-card-selected-background-color-rgb",
@@ -134,8 +134,7 @@
"--mod-card-title-font-weight",
"--mod-card-title-line-height",
"--mod-card-title-padding-right",
- "--mod-card-title-padding-top",
- "--mod-spectrum-card-background-color"
+ "--mod-overlay-animation-duration"
],
"component": [
"--spectrum-card-actions-background-color-opacity",
@@ -148,13 +147,13 @@
"--spectrum-card-actions-size",
"--spectrum-card-actions-spacing",
"--spectrum-card-background-color",
- "--spectrum-card-background-color-quiet",
"--spectrum-card-body-font-color",
"--spectrum-card-body-font-family",
"--spectrum-card-body-font-size",
"--spectrum-card-body-font-style",
"--spectrum-card-body-font-weight",
"--spectrum-card-body-line-height",
+ "--spectrum-card-body-padding-block-start",
"--spectrum-card-body-spacing",
"--spectrum-card-border-color",
"--spectrum-card-border-color-hover",
@@ -185,8 +184,7 @@
"--spectrum-card-title-font-style",
"--spectrum-card-title-font-weight",
"--spectrum-card-title-line-height",
- "--spectrum-card-title-padding-right",
- "--spectrum-card-title-padding-top"
+ "--spectrum-card-title-padding-right"
],
"global": [
"--spectrum-animation-duration-100",
@@ -206,9 +204,9 @@
"--spectrum-drop-shadow-y",
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-thickness",
+ "--spectrum-gray-100",
"--spectrum-gray-100-rgb",
"--spectrum-gray-200",
- "--spectrum-gray-300",
"--spectrum-heading-color",
"--spectrum-heading-line-height",
"--spectrum-heading-sans-serif-font-style",
@@ -220,14 +218,6 @@
"--spectrum-spacing-300",
"--spectrum-spacing-400"
],
- "system-theme": [],
"passthroughs": [],
- "high-contrast": [
- "--highcontrast-card-background-color",
- "--highcontrast-card-body-font-color",
- "--highcontrast-card-border-color",
- "--highcontrast-card-border-color-hover",
- "--highcontrast-card-border-color-selected",
- "--highcontrast-card-title-font-color"
- ]
+ "high-contrast": []
}
diff --git a/components/card/metadata/mods.md b/components/card/metadata/mods.md
deleted file mode 100644
index 69311af19ed..00000000000
--- a/components/card/metadata/mods.md
+++ /dev/null
@@ -1,64 +0,0 @@
-| Modifiable custom properties |
-| --------------------------------------------- |
-| `--mod-animation-duration-100` |
-| `--mod-card-actions-background-color-opacity` |
-| `--mod-card-actions-background-color-rgb` |
-| `--mod-card-actions-border-radius` |
-| `--mod-card-actions-drop-shadow-blur` |
-| `--mod-card-actions-drop-shadow-color` |
-| `--mod-card-actions-drop-shadow-x` |
-| `--mod-card-actions-drop-shadow-y` |
-| `--mod-card-actions-size` |
-| `--mod-card-actions-spacing` |
-| `--mod-card-animation-duration` |
-| `--mod-card-background-color` |
-| `--mod-card-background-color-hover` |
-| `--mod-card-body-font-color` |
-| `--mod-card-body-font-family` |
-| `--mod-card-body-font-size` |
-| `--mod-card-body-font-style` |
-| `--mod-card-body-font-weight` |
-| `--mod-card-body-line-height` |
-| `--mod-card-body-padding-block-end` |
-| `--mod-card-body-padding-block-start` |
-| `--mod-card-body-padding-inline-end` |
-| `--mod-card-body-padding-inline-start` |
-| `--mod-card-body-spacing` |
-| `--mod-card-border-color` |
-| `--mod-card-border-color-hover` |
-| `--mod-card-border-color-selected` |
-| `--mod-card-border-width` |
-| `--mod-card-content-margin-bottom` |
-| `--mod-card-content-margin-top` |
-| `--mod-card-content-margin-top-quiet` |
-| `--mod-card-corner-radius` |
-| `--mod-card-divider-color` |
-| `--mod-card-focus-indicator-color` |
-| `--mod-card-focus-indicator-width` |
-| `--mod-card-footer-margin-block-start` |
-| `--mod-card-footer-margin-inline-end` |
-| `--mod-card-footer-margin-inline-start` |
-| `--mod-card-footer-margin-top` |
-| `--mod-card-footer-padding-block-end` |
-| `--mod-card-footer-padding-block-start` |
-| `--mod-card-horizontal-body-padding` |
-| `--mod-card-horizontal-preview-padding` |
-| `--mod-card-minimum-width` |
-| `--mod-card-minimum-width-quiet` |
-| `--mod-card-preview-background-color` |
-| `--mod-card-preview-background-color-hover` |
-| `--mod-card-preview-border-width` |
-| `--mod-card-preview-border-width-selected` |
-| `--mod-card-preview-minimum-height` |
-| `--mod-card-selected-background-color-rgb` |
-| `--mod-card-selected-background-opacity` |
-| `--mod-card-subtitle-padding-right` |
-| `--mod-card-title-font-color` |
-| `--mod-card-title-font-family` |
-| `--mod-card-title-font-size` |
-| `--mod-card-title-font-style` |
-| `--mod-card-title-font-weight` |
-| `--mod-card-title-line-height` |
-| `--mod-card-title-padding-right` |
-| `--mod-card-title-padding-top` |
-| `--mod-spectrum-card-background-color` |
diff --git a/components/card/package.json b/components/card/package.json
index 5391f853903..6548eed1e33 100644
--- a/components/card/package.json
+++ b/components/card/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/card",
- "version": "9.3.0",
+ "version": "10.0.0-s2-foundations.21",
"description": "The Spectrum CSS card component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,27 +17,27 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/actionbutton": ">=6",
- "@spectrum-css/asset": ">=5",
- "@spectrum-css/checkbox": ">=9",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/quickaction": ">=3",
- "@spectrum-css/tokens": ">=14.5.0",
- "@spectrum-css/typography": ">=6"
+ "@spectrum-css/actionbutton": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/asset": ">=6.0.0-s2-foundations.0",
+ "@spectrum-css/checkbox": ">=10.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3",
+ "@spectrum-css/typography": ">=7.0.0-s2-foundations.0"
},
"peerDependenciesMeta": {
"@spectrum-css/actionbutton": {
@@ -52,9 +52,6 @@
"@spectrum-css/icon": {
"optional": true
},
- "@spectrum-css/quickaction": {
- "optional": true
- },
"@spectrum-css/typography": {
"optional": true
}
@@ -64,7 +61,6 @@
"@spectrum-css/asset": "workspace:^",
"@spectrum-css/checkbox": "workspace:^",
"@spectrum-css/icon": "workspace:^",
- "@spectrum-css/quickaction": "^3.1.1",
"@spectrum-css/tokens": "workspace:^",
"@spectrum-css/typography": "workspace:^"
},
diff --git a/components/card/stories/card.mdx b/components/card/stories/card.mdx
deleted file mode 100644
index e806ef6c351..00000000000
--- a/components/card/stories/card.mdx
+++ /dev/null
@@ -1,87 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as CardStories from "./card.stories";
-
-`
)}
${when(
- footer && !isQuiet,
+ footer && !isQuiet && !isHorizontal && !isGallery,
() => html`
- QuickAction(
- {
- noOverlay: true,
- content: [
- Checkbox(
- {
- isChecked: isSelected,
- title: "Select",
- },
- context
- ),
- ],
- onclick: function() {
+ html`
+
+ ${Checkbox(
+ {
+ isChecked: isSelected,
+ title: "Select",
+ },
+ context
+ )}
+
`
)}
`;
diff --git a/components/card/themes/express.css b/components/card/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/card/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/card/themes/spectrum.css b/components/card/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/card/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/checkbox/CHANGELOG.md b/components/checkbox/CHANGELOG.md
index ebc785c5d51..d9117b4a61f 100644
--- a/components/checkbox/CHANGELOG.md
+++ b/components/checkbox/CHANGELOG.md
@@ -1,5 +1,276 @@
# Change Log
+## 10.0.0-s2-foundations.20
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 10.0.0-s2-foundations.19
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9c6561b`](https://github.com/adobe/spectrum-css/commit/9c6561b38624307da9bca7499452c3cb8ea2095e) Thanks [@pfulton](https://github.com/pfulton)! - Bring in the latest S2 foundations release including updated corner rounding approach, colors, and icon spacing. Remapped corner rounding values for the -75 token to a static 2px value for spectrum themes.
+
+### Patch Changes
+
+- Updated dependencies [[`9c6561b`](https://github.com/adobe/spectrum-css/commit/9c6561b38624307da9bca7499452c3cb8ea2095e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.25
+
+## 10.0.0-s2-foundations.18
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 10.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 10.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 10.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`be5d85f`](https://github.com/adobe/spectrum-css/commit/be5d85f36aa6f81485b02fe943c5de22922fe0ff) Thanks [@pfulton](https://github.com/pfulton)! - Fix S1 checkbox color
+
+## 10.0.0-s2-foundations.14
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f38c66a`](https://github.com/adobe/spectrum-css/commit/f38c66a314c94058d7f8f084faa4967c89b20e7b) Thanks [@pfulton](https://github.com/pfulton)! - Fix icon sizing and checkbox border colors
+
+### Patch Changes
+
+- Updated dependencies [[`f38c66a`](https://github.com/adobe/spectrum-css/commit/f38c66a314c94058d7f8f084faa4967c89b20e7b)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.14
+
+## 10.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f) Thanks [@pfulton](https://github.com/pfulton)! - [SWC-238] t-shirt-based calc moved out of theme into base css
+
+### Patch Changes
+
+- Updated dependencies [[`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f), [`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.14
+
+## 10.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 10.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 10.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 10.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 10.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 10.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 10.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 10.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 10.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 10.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 10.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 10.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 10.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
+## 9.2.1
+
+### Patch Changes
+
+- [#3328](https://github.com/adobe/spectrum-css/pull/3328) [`a0486b3`](https://github.com/adobe/spectrum-css/commit/a0486b341581c610ebc9b3acd1837be2b66eb348) Thanks [@jawinn](https://github.com/jawinn)! - This removes some unnecessary read-only styles. Read-only just needs to override disabled styles. Otherwise it uses the normal styles (for both default and emphasized).
+
## 9.2.1
### Patch Changes
@@ -69,8 +340,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.1.5...@spectrum-css/checkbox@9.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.1.5...@spectrum-css/checkbox@9.0.0)
### ✨ Features
@@ -78,11 +348,8 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -90,8 +357,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.1.4...@spectrum-css/checkbox@8.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.1.4...@spectrum-css/checkbox@8.1.5)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -99,8 +365,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.1.3...@spectrum-css/checkbox@8.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.1.3...@spectrum-css/checkbox@8.1.4)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -108,8 +373,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.1.2...@spectrum-css/checkbox@8.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.1.2...@spectrum-css/checkbox@8.1.3)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -117,8 +381,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.1.1...@spectrum-css/checkbox@8.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.1.1...@spectrum-css/checkbox@8.1.2)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -126,8 +389,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -135,8 +397,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.6...@spectrum-css/checkbox@8.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.6...@spectrum-css/checkbox@8.1.0)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -144,8 +405,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.6
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.5...@spectrum-css/checkbox@8.0.6)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.5...@spectrum-css/checkbox@8.0.6)
### 🐛 Bug fixes
@@ -155,8 +415,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.5
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.4...@spectrum-css/checkbox@8.0.5)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.4...@spectrum-css/checkbox@8.0.5)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -164,8 +423,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.4
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.3...@spectrum-css/checkbox@8.0.4)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.3...@spectrum-css/checkbox@8.0.4)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -173,8 +431,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.3
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.2...@spectrum-css/checkbox@8.0.3)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.2...@spectrum-css/checkbox@8.0.3)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -182,8 +439,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.2
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.0...@spectrum-css/checkbox@8.0.2)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.0...@spectrum-css/checkbox@8.0.2)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -191,8 +447,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.1
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.0...@spectrum-css/checkbox@8.0.1)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@8.0.0...@spectrum-css/checkbox@8.0.1)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -200,13 +455,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.0
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.16...@spectrum-css/checkbox@8.0.0)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.16...@spectrum-css/checkbox@8.0.0)
\*refactor(assetcard)!: token migration (#2229)([a0cf37b](https://github.com/adobe/spectrum-css/commit/a0cf37b)), closes[#2229](https://github.com/adobe/spectrum-css/issues/2229)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrate asset card to updated token system
@@ -215,8 +468,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.16
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.15...@spectrum-css/checkbox@7.0.16)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.15...@spectrum-css/checkbox@7.0.16)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -224,8 +476,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.15
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.14...@spectrum-css/checkbox@7.0.15)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.14...@spectrum-css/checkbox@7.0.15)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -233,8 +484,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.14
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.13...@spectrum-css/checkbox@7.0.14)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.13...@spectrum-css/checkbox@7.0.14)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -242,8 +492,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.13
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.12...@spectrum-css/checkbox@7.0.13)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.12...@spectrum-css/checkbox@7.0.13)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -251,8 +500,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.12
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.11...@spectrum-css/checkbox@7.0.12)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.11...@spectrum-css/checkbox@7.0.12)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -260,8 +508,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.11
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.10...@spectrum-css/checkbox@7.0.11)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.10...@spectrum-css/checkbox@7.0.11)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -269,8 +516,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.10
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.9...@spectrum-css/checkbox@7.0.10)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.9...@spectrum-css/checkbox@7.0.10)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -278,8 +524,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.9
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.8...@spectrum-css/checkbox@7.0.9)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.8...@spectrum-css/checkbox@7.0.9)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -287,8 +532,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.8
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.7...@spectrum-css/checkbox@7.0.8)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.7...@spectrum-css/checkbox@7.0.8)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -296,8 +540,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.7
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.6...@spectrum-css/checkbox@7.0.7)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.6...@spectrum-css/checkbox@7.0.7)
### 🔙 Reverts
@@ -307,8 +550,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.6
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.5...@spectrum-css/checkbox@7.0.6)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.5...@spectrum-css/checkbox@7.0.6)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -316,8 +558,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.5
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.3...@spectrum-css/checkbox@7.0.5)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.3...@spectrum-css/checkbox@7.0.5)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -325,8 +566,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.4
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.3...@spectrum-css/checkbox@7.0.4)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.3...@spectrum-css/checkbox@7.0.4)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -334,8 +574,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.3
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.2...@spectrum-css/checkbox@7.0.3)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.2...@spectrum-css/checkbox@7.0.3)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -343,8 +582,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.2
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.1...@spectrum-css/checkbox@7.0.2)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.1...@spectrum-css/checkbox@7.0.2)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -352,8 +590,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.1
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.0...@spectrum-css/checkbox@7.0.1)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@7.0.0...@spectrum-css/checkbox@7.0.1)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -361,13 +598,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.10...@spectrum-css/checkbox@7.0.0)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.10...@spectrum-css/checkbox@7.0.0)
\*feat(checkbox)!: add new color aliases and focus color fixes (#2052)([2a0d3c8](https://github.com/adobe/spectrum-css/commit/2a0d3c8)), closes[#2052](https://github.com/adobe/spectrum-css/issues/2052)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
prefers `:focus-visible` to `:focus-ring` & updates colors
@@ -408,8 +643,7 @@ needed system color updates noticed while looking at that code.
## 6.1.10
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.9...@spectrum-css/checkbox@6.1.10)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.9...@spectrum-css/checkbox@6.1.10)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -417,8 +651,7 @@ needed system color updates noticed while looking at that code.
## 6.1.9
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.8...@spectrum-css/checkbox@6.1.9)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.8...@spectrum-css/checkbox@6.1.9)
### 🐛 Bug fixes
@@ -428,8 +661,7 @@ needed system color updates noticed while looking at that code.
## 6.1.8
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.7...@spectrum-css/checkbox@6.1.8)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.7...@spectrum-css/checkbox@6.1.8)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -437,8 +669,7 @@ needed system color updates noticed while looking at that code.
## 6.1.7
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.6...@spectrum-css/checkbox@6.1.7)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.6...@spectrum-css/checkbox@6.1.7)
### 🐛 Bug fixes
@@ -449,8 +680,7 @@ needed system color updates noticed while looking at that code.
## 6.1.6
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.5...@spectrum-css/checkbox@6.1.6)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.5...@spectrum-css/checkbox@6.1.6)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -458,8 +688,7 @@ needed system color updates noticed while looking at that code.
## 6.1.5
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.4...@spectrum-css/checkbox@6.1.5)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.4...@spectrum-css/checkbox@6.1.5)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -467,8 +696,7 @@ needed system color updates noticed while looking at that code.
## 6.1.4
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.3...@spectrum-css/checkbox@6.1.4)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.3...@spectrum-css/checkbox@6.1.4)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -476,8 +704,7 @@ needed system color updates noticed while looking at that code.
## 6.1.3
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.2...@spectrum-css/checkbox@6.1.3)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.2...@spectrum-css/checkbox@6.1.3)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -485,8 +712,7 @@ needed system color updates noticed while looking at that code.
## 6.1.2
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.1...@spectrum-css/checkbox@6.1.2)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.1...@spectrum-css/checkbox@6.1.2)
### 🐛 Bug fixes
@@ -496,8 +722,7 @@ needed system color updates noticed while looking at that code.
## 6.1.1
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.0...@spectrum-css/checkbox@6.1.1)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.1.0...@spectrum-css/checkbox@6.1.1)
**Note:** Version bump only for package @spectrum-css/checkbox
@@ -505,8 +730,7 @@ needed system color updates noticed while looking at that code.
## 6.1.0
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.0.34...@spectrum-css/checkbox@6.1.0)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/checkbox@6.0.34...@spectrum-css/checkbox@6.1.0)
### ✨ Features
diff --git a/components/checkbox/index.css b/components/checkbox/index.css
index f2c87f2c4db..272e64cfa7a 100644
--- a/components/checkbox/index.css
+++ b/components/checkbox/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
/*
* .spectrum-Checkbox-box::before is the Checkbox "box"
* .spectrum-Checkbox-box::after is the focus indicator
@@ -25,11 +23,16 @@
--spectrum-checkbox-content-color-down: var(--spectrum-neutral-content-color-down);
--spectrum-checkbox-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
+ --spectrum-checkbox-control-color-default: var(--spectrum-gray-600);
+ --spectrum-checkbox-control-color-hover: var(--spectrum-gray-700);
+ --spectrum-checkbox-control-color-down: var(--spectrum-gray-800);
+ --spectrum-checkbox-control-color-focus: var(--spectrum-gray-700);
+
--spectrum-checkbox-focus-indicator-color: var(--spectrum-focus-indicator-color);
--spectrum-checkbox-content-color-disabled: var(--spectrum-disabled-content-color);
--spectrum-checkbox-control-color-disabled: var(--spectrum-disabled-content-color);
- --spectrum-checkbox-checkmark-color: var(--spectrum-gray-75);
+ --spectrum-checkbox-checkmark-color: var(--spectrum-gray-50);
--spectrum-checkbox-invalid-color-default: var(--spectrum-negative-color-900);
--spectrum-checkbox-invalid-color-hover: var(--spectrum-negative-color-1000);
@@ -47,14 +50,13 @@
--spectrum-checkbox-control-selected-color-focus: var(--spectrum-neutral-background-color-selected-key-focus);
/* Font */
- --spectrum-checkbox-font-size: var(--spectrum-font-size-100);
--spectrum-checkbox-line-height: var(--spectrum-line-height-100);
--spectrum-checkbox-line-height-cjk: var(--spectrum-cjk-line-height-100);
/* Size */
--spectrum-checkbox-height: var(--spectrum-component-height-100);
--spectrum-checkbox-control-size: var(--spectrum-checkbox-control-size-medium);
- --spectrum-checkbox-control-corner-radius: var(--spectrum-corner-radius-75);
+ --spectrum-checkbox-control-corner-radius: var(--spectrum-corner-radius-small-size-medium);
--spectrum-checkbox-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
--spectrum-checkbox-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
@@ -62,13 +64,17 @@
--spectrum-checkbox-border-width: var(--spectrum-border-width-200);
--spectrum-checkbox-selected-border-width: calc(var(--spectrum-checkbox-control-size) / 2);
- /* Spacing */
+ --spectrum-checkbox-animation-duration: var(--spectrum-animation-duration-100);
+
+ --spectrum-checkbox-font-size: var(--spectrum-font-size-100);
+
--spectrum-checkbox-top-to-text: var(--spectrum-component-top-to-text-100);
--spectrum-checkbox-text-to-control: var(--spectrum-text-to-control-100);
- --spectrum-checkbox-animation-duration: var(--spectrum-animation-duration-100);
}
.spectrum-Checkbox--sizeS {
+ --spectrum-checkbox-control-corner-radius: var(--spectrum-corner-radius-small-size-small);
+
--spectrum-checkbox-font-size: var(--spectrum-font-size-75);
--spectrum-checkbox-height: var(--spectrum-component-height-75);
@@ -78,17 +84,9 @@
--spectrum-checkbox-text-to-control: var(--spectrum-text-to-control-75);
}
-.spectrum-Checkbox--sizeM {
- --spectrum-checkbox-font-size: var(--spectrum-font-size-100);
-
- --spectrum-checkbox-height: var(--spectrum-component-height-100);
- --spectrum-checkbox-control-size: var(--spectrum-checkbox-control-size-medium);
-
- --spectrum-checkbox-top-to-text: var(--spectrum-component-top-to-text-100);
- --spectrum-checkbox-text-to-control: var(--spectrum-text-to-control-100);
-}
-
.spectrum-Checkbox--sizeL {
+ --spectrum-checkbox-control-corner-radius: var(--spectrum-corner-radius-small-size-large);
+
--spectrum-checkbox-font-size: var(--spectrum-font-size-200);
--spectrum-checkbox-height: var(--spectrum-component-height-200);
@@ -99,6 +97,8 @@
}
.spectrum-Checkbox--sizeXL {
+ --spectrum-checkbox-control-corner-radius: var(--spectrum-corner-radius-small-size-extra-large);
+
--spectrum-checkbox-font-size: var(--spectrum-font-size-300);
--spectrum-checkbox-height: var(--spectrum-component-height-300);
@@ -150,6 +150,12 @@
}
}
+ &:not(.is-readOnly):active {
+ .spectrum-Checkbox-input:not(:disabled) + .spectrum-Checkbox-box {
+ transform: perspective(var(--spectrum-component-size-minimum-perspective-down)) translateZ(var(--spectrum-component-size-difference-down));
+ }
+ }
+
/* Selected Invalid */
&.is-invalid {
.spectrum-Checkbox-input:checked + .spectrum-Checkbox-box,
@@ -442,6 +448,8 @@
}
.spectrum-Checkbox-box {
+ /* Fix vertical alignment when not wrapping since we're flex-start */
+ --spectrum-checkbox-spacing: calc(var(--mod-checkbox-height, var(--spectrum-checkbox-height)) - var(--mod-checkbox-control-size, var(--spectrum-checkbox-control-size)));
display: flex;
align-items: center;
justify-content: center;
@@ -450,9 +458,6 @@
box-sizing: border-box;
inline-size: var(--mod-checkbox-control-size, var(--spectrum-checkbox-control-size));
block-size: var(--mod-checkbox-control-size, var(--spectrum-checkbox-control-size));
-
- /* Fix vertical alignment when not wrapping since we're flex-start */
- --spectrum-checkbox-spacing: calc(var(--mod-checkbox-height, var(--spectrum-checkbox-height)) - var(--mod-checkbox-control-size, var(--spectrum-checkbox-control-size)));
margin: calc(var(--mod-checkbox-spacing, var(--spectrum-checkbox-spacing)) / 2) 0;
flex-grow: 0;
@@ -541,7 +546,7 @@
forced-color-adjust: none;
outline-color: var(--highcontrast-checkbox-focus-indicator-color, var(--mod-checkbox-focus-indicator-color, var(--spectrum-checkbox-focus-indicator-color)));
outline-style: auto;
- outline-offset: var(--highcontrast-checkbox-focus-indicator-gap, var(--mod-checkbox-focus-indicator-gap, var(--spectrum-checkbox-focus-indicator-gap)));
+ outline-offset: var(--mod-checkbox-focus-indicator-gap, var(--spectrum-checkbox-focus-indicator-gap));
outline-width: var(--mod-focus-indicator-thickness, var(--spectrum-focus-indicator-thickness));
&::after {
diff --git a/components/checkbox/metadata/metadata.json b/components/checkbox/metadata/metadata.json
index 4ce727d04db..c090ed9e518 100644
--- a/components/checkbox/metadata/metadata.json
+++ b/components/checkbox/metadata/metadata.json
@@ -28,7 +28,6 @@
".spectrum-Checkbox--emphasized:focus-visible .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before",
".spectrum-Checkbox--emphasized:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before",
".spectrum-Checkbox--sizeL",
- ".spectrum-Checkbox--sizeM",
".spectrum-Checkbox--sizeS",
".spectrum-Checkbox--sizeXL",
".spectrum-Checkbox-box",
@@ -77,7 +76,8 @@
".spectrum-Checkbox:active .spectrum-Checkbox-label",
".spectrum-Checkbox:hover .spectrum-Checkbox-box:before",
".spectrum-Checkbox:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before",
- ".spectrum-Checkbox:hover .spectrum-Checkbox-label"
+ ".spectrum-Checkbox:hover .spectrum-Checkbox-label",
+ ".spectrum-Checkbox:not(.is-readOnly):active .spectrum-Checkbox-input:not(:disabled) + .spectrum-Checkbox-box"
],
"modifiers": [
"--mod-checkbox-animation-duration",
@@ -175,11 +175,16 @@
"--spectrum-component-height-200",
"--spectrum-component-height-300",
"--spectrum-component-height-75",
+ "--spectrum-component-size-difference-down",
+ "--spectrum-component-size-minimum-perspective-down",
"--spectrum-component-top-to-text-100",
"--spectrum-component-top-to-text-200",
"--spectrum-component-top-to-text-300",
"--spectrum-component-top-to-text-75",
- "--spectrum-corner-radius-75",
+ "--spectrum-corner-radius-small-size-extra-large",
+ "--spectrum-corner-radius-small-size-large",
+ "--spectrum-corner-radius-small-size-medium",
+ "--spectrum-corner-radius-small-size-small",
"--spectrum-disabled-content-color",
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
@@ -188,11 +193,10 @@
"--spectrum-font-size-200",
"--spectrum-font-size-300",
"--spectrum-font-size-75",
+ "--spectrum-gray-50",
"--spectrum-gray-600",
"--spectrum-gray-700",
- "--spectrum-gray-75",
"--spectrum-gray-800",
- "--spectrum-gray-900",
"--spectrum-line-height-100",
"--spectrum-negative-color-1000",
"--spectrum-negative-color-1100",
@@ -210,12 +214,6 @@
"--spectrum-text-to-control-300",
"--spectrum-text-to-control-75"
],
- "system-theme": [
- "--system-spectrum-checkbox-control-color-default",
- "--system-spectrum-checkbox-control-color-down",
- "--system-spectrum-checkbox-control-color-focus",
- "--system-spectrum-checkbox-control-color-hover"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-checkbox-background-color-default",
@@ -228,7 +226,6 @@
"--highcontrast-checkbox-content-color-hover",
"--highcontrast-checkbox-disabled-color-default",
"--highcontrast-checkbox-focus-indicator-color",
- "--highcontrast-checkbox-focus-indicator-gap",
"--highcontrast-checkbox-highlight-color-default",
"--highcontrast-checkbox-highlight-color-down",
"--highcontrast-checkbox-highlight-color-focus",
diff --git a/components/checkbox/metadata/mods.md b/components/checkbox/metadata/mods.md
deleted file mode 100644
index 1b765651591..00000000000
--- a/components/checkbox/metadata/mods.md
+++ /dev/null
@@ -1,41 +0,0 @@
-| Modifiable custom properties |
-| ----------------------------------------------- |
-| `--mod-checkbox-animation-duration` |
-| `--mod-checkbox-border-width` |
-| `--mod-checkbox-checkmark-color` |
-| `--mod-checkbox-content-color-default` |
-| `--mod-checkbox-content-color-disabled` |
-| `--mod-checkbox-content-color-down` |
-| `--mod-checkbox-content-color-focus` |
-| `--mod-checkbox-content-color-hover` |
-| `--mod-checkbox-control-color-default` |
-| `--mod-checkbox-control-color-disabled` |
-| `--mod-checkbox-control-color-down` |
-| `--mod-checkbox-control-color-focus` |
-| `--mod-checkbox-control-color-hover` |
-| `--mod-checkbox-control-corner-radius` |
-| `--mod-checkbox-control-invalid-color-down` |
-| `--mod-checkbox-control-selected-color-default` |
-| `--mod-checkbox-control-selected-color-down` |
-| `--mod-checkbox-control-selected-color-focus` |
-| `--mod-checkbox-control-selected-color-hover` |
-| `--mod-checkbox-control-size` |
-| `--mod-checkbox-emphasized-color-default` |
-| `--mod-checkbox-emphasized-color-down` |
-| `--mod-checkbox-emphasized-color-focus` |
-| `--mod-checkbox-emphasized-color-hover` |
-| `--mod-checkbox-focus-indicator-color` |
-| `--mod-checkbox-focus-indicator-gap` |
-| `--mod-checkbox-focus-indicator-thinkness` |
-| `--mod-checkbox-font-size` |
-| `--mod-checkbox-height` |
-| `--mod-checkbox-invalid-color-default` |
-| `--mod-checkbox-invalid-color-focus` |
-| `--mod-checkbox-invalid-color-hover` |
-| `--mod-checkbox-line-height` |
-| `--mod-checkbox-line-height-cjk` |
-| `--mod-checkbox-selected-border-width` |
-| `--mod-checkbox-spacing` |
-| `--mod-checkbox-text-to-control` |
-| `--mod-checkbox-top-to-text` |
-| `--mod-focus-indicator-thickness` |
diff --git a/components/checkbox/package.json b/components/checkbox/package.json
index 242eda05d6a..319a4ef5f2d 100644
--- a/components/checkbox/package.json
+++ b/components/checkbox/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/checkbox",
- "version": "9.2.1",
+ "version": "10.0.0-s2-foundations.20",
"description": "The Spectrum CSS checkbox component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/icon": "workspace:^",
diff --git a/components/checkbox/stories/checkbox.stories.js b/components/checkbox/stories/checkbox.stories.js
index 07ab09a7922..3d30d357817 100644
--- a/components/checkbox/stories/checkbox.stories.js
+++ b/components/checkbox/stories/checkbox.stories.js
@@ -51,6 +51,10 @@ export default {
actions: {
handles: ["click input[type=\"checkbox\"]"],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=164-16685",
+ },
packageJson,
metadata,
},
diff --git a/components/checkbox/themes/express.css b/components/checkbox/themes/express.css
deleted file mode 100644
index 54d273354cf..00000000000
--- a/components/checkbox/themes/express.css
+++ /dev/null
@@ -1,23 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Checkbox {
- --spectrum-checkbox-control-color-default: var(--spectrum-gray-800);
- --spectrum-checkbox-control-color-hover: var(--spectrum-gray-900);
- --spectrum-checkbox-control-color-down: var(--spectrum-gray-900);
- --spectrum-checkbox-control-color-focus: var(--spectrum-gray-900);
- }
-}
diff --git a/components/checkbox/themes/spectrum.css b/components/checkbox/themes/spectrum.css
deleted file mode 100644
index 49c95dd11a1..00000000000
--- a/components/checkbox/themes/spectrum.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Checkbox {
- --spectrum-checkbox-control-color-default: var(--spectrum-gray-600);
- --spectrum-checkbox-control-color-hover: var(--spectrum-gray-700);
- --spectrum-checkbox-control-color-down: var(--spectrum-gray-800);
- --spectrum-checkbox-control-color-focus: var(--spectrum-gray-700);
- }
-}
diff --git a/components/clearbutton/CHANGELOG.md b/components/clearbutton/CHANGELOG.md
index c888200d7b6..b34396fa090 100644
--- a/components/clearbutton/CHANGELOG.md
+++ b/components/clearbutton/CHANGELOG.md
@@ -1,5 +1,237 @@
# Change Log
+## 7.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 7.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 7.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 7.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 7.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a66241b`](https://github.com/adobe/spectrum-css/commit/a66241bc5ec06ecb81b221187db1740caf1bd8f8) Thanks [@pfulton](https://github.com/pfulton)! - Migrating Clear Button disabled variants to index.css
+
+## 7.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 7.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 7.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 7.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 7.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 7.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 7.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 7.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 7.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 7.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 7.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 6.4.0
### Minor Changes
@@ -31,6 +263,17 @@
### Patch Changes
+- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
+ - @spectrum-css/tokens@14.5.0
+
+## 6.2.0
+
+### Minor Changes
+
+- [#3263](https://github.com/adobe/spectrum-css/pull/3263) [`904d5b0`](https://github.com/adobe/spectrum-css/commit/904d5b0eae5cd62dd1346a2443192aec886e613b) Thanks [@cdransf](https://github.com/cdransf)! - Removes undefined leading tokens in mods assignments for clearbutton.
+
+### Patch Changes
+
- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
- @spectrum-css/tokens@14.5.0
@@ -86,16 +329,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.1.4...@spectrum-css/clearbutton@6.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.1.4...@spectrum-css/clearbutton@6.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -103,8 +342,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.1.3...@spectrum-css/clearbutton@5.1.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.1.3...@spectrum-css/clearbutton@5.1.4)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -112,8 +350,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.1.2...@spectrum-css/clearbutton@5.1.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.1.2...@spectrum-css/clearbutton@5.1.3)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -121,8 +358,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.1.1...@spectrum-css/clearbutton@5.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.1.1...@spectrum-css/clearbutton@5.1.2)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -130,8 +366,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -139,8 +374,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.16...@spectrum-css/clearbutton@5.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.16...@spectrum-css/clearbutton@5.1.0)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -148,8 +382,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.16
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.15...@spectrum-css/clearbutton@5.0.16)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.15...@spectrum-css/clearbutton@5.0.16)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -157,8 +390,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.15
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.14...@spectrum-css/clearbutton@5.0.15)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.14...@spectrum-css/clearbutton@5.0.15)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -166,8 +398,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.14
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.13...@spectrum-css/clearbutton@5.0.14)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.13...@spectrum-css/clearbutton@5.0.14)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -175,8 +406,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.13
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.11...@spectrum-css/clearbutton@5.0.13)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.11...@spectrum-css/clearbutton@5.0.13)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -184,8 +414,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.12
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.11...@spectrum-css/clearbutton@5.0.12)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.11...@spectrum-css/clearbutton@5.0.12)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -193,8 +422,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.11
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.10...@spectrum-css/clearbutton@5.0.11)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.10...@spectrum-css/clearbutton@5.0.11)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -202,8 +430,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.10
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.9...@spectrum-css/clearbutton@5.0.10)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.9...@spectrum-css/clearbutton@5.0.10)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -211,8 +438,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.9
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.8...@spectrum-css/clearbutton@5.0.9)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.8...@spectrum-css/clearbutton@5.0.9)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -220,8 +446,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.8
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.7...@spectrum-css/clearbutton@5.0.8)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.7...@spectrum-css/clearbutton@5.0.8)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -229,8 +454,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.7
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.6...@spectrum-css/clearbutton@5.0.7)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.6...@spectrum-css/clearbutton@5.0.7)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -238,8 +462,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.6
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.5...@spectrum-css/clearbutton@5.0.6)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.5...@spectrum-css/clearbutton@5.0.6)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -247,8 +470,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.5
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.4...@spectrum-css/clearbutton@5.0.5)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.4...@spectrum-css/clearbutton@5.0.5)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -256,8 +478,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.4
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.3...@spectrum-css/clearbutton@5.0.4)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.3...@spectrum-css/clearbutton@5.0.4)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -265,8 +486,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.3
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.2...@spectrum-css/clearbutton@5.0.3)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.2...@spectrum-css/clearbutton@5.0.3)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -274,8 +494,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.2
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.1...@spectrum-css/clearbutton@5.0.2)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.1...@spectrum-css/clearbutton@5.0.2)
### 🔙 Reverts
@@ -285,8 +504,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.1
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.0...@spectrum-css/clearbutton@5.0.1)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@5.0.0...@spectrum-css/clearbutton@5.0.1)
**Note:** Version bump only for package @spectrum-css/clearbutton
@@ -294,13 +512,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@2.0.0...@spectrum-css/clearbutton@5.0.0)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/clearbutton@2.0.0...@spectrum-css/clearbutton@5.0.0)
\*refactor(clearbutton)!: migrate tokens (#1943)([495198a](https://github.com/adobe/spectrum-css/commit/495198a)), closes[#1943](https://github.com/adobe/spectrum-css/issues/1943)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates clear button to use `@adobe/spectrum-tokens`
diff --git a/components/clearbutton/index.css b/components/clearbutton/index.css
index 1b5357c50fd..0608dbe90b9 100644
--- a/components/clearbutton/index.css
+++ b/components/clearbutton/index.css
@@ -12,8 +12,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-ClearButton {
--spectrum-clear-button-height: var(--spectrum-component-height-100);
--spectrum-clear-button-width: var(--spectrum-component-height-100);
@@ -23,7 +21,7 @@
--spectrum-clear-button-icon-color-hover: var(--spectrum-neutral-content-color-hover);
--spectrum-clear-button-icon-color-down: var(--spectrum-neutral-content-color-down);
--spectrum-clear-button-icon-color-key-focus: var(--spectrum-neutral-content-color-key-focus);
-
+
block-size: var(--mod-clear-button-height, var(--spectrum-clear-button-height));
inline-size: var(--mod-clear-button-width, var(--spectrum-clear-button-width));
border-radius: 100%;
@@ -57,18 +55,14 @@
--mod-clear-button-background-color-key-focus: transparent;
}
- /* @deprecated .spectrum-ClearButton--overBackground */
- &.spectrum-ClearButton--staticWhite,
- &.spectrum-ClearButton--overBackground {
+ &.spectrum-ClearButton--staticWhite {
--mod-clear-button-icon-color: var(--spectrum-white);
--mod-clear-button-icon-color-hover: var(--spectrum-white);
--mod-clear-button-icon-color-down: var(--spectrum-white);
--mod-clear-button-icon-color-key-focus: var(--spectrum-white);
+ --mod-clear-button-icon-color-disabled: var(--spectrum-disabled-static-white-content-color);
--mod-clear-button-background-color: transparent;
- --mod-clear-button-background-color-hover: var(--spectrum-transparent-white-300);
- --mod-clear-button-background-color-down: var(--spectrum-transparent-white-400);
- --mod-clear-button-background-color-key-focus:var(--spectrum-transparent-white-300);
}
&:disabled,
@@ -79,10 +73,6 @@
--mod-clear-button-background-color: var(--mod-clear-button-background-color-disabled, transparent);
}
- &.spectrum-ClearButton--staticWhite {
- --spectrum-clear-button-icon-color-disabled: var(--spectrum-disabled-static-white-content-color);
- }
-
&:not(:disabled) {
cursor: pointer;
}
@@ -119,11 +109,8 @@
}
}
-.spectrum-ClearButton:disabled,
-.spectrum-ClearButton.is-disabled {
- .spectrum-ClearButton-icon {
- color: var( --highcontrast-clear-button-icon-color-disabled, var(--mod-clear-button-icon-color-disabled, var(--spectrum-clear-button-icon-color-disabled)));
- }
+.spectrum-ClearButton-icon {
+ color: inherit;
}
.spectrum-ClearButton-fill {
diff --git a/components/clearbutton/metadata/metadata.json b/components/clearbutton/metadata/metadata.json
index 6410450768d..ccb5e703eed 100644
--- a/components/clearbutton/metadata/metadata.json
+++ b/components/clearbutton/metadata/metadata.json
@@ -8,16 +8,14 @@
".spectrum-ClearButton--overBackground:focus-visible",
".spectrum-ClearButton--staticWhite:focus-visible",
".spectrum-ClearButton-fill",
+ ".spectrum-ClearButton-icon",
".spectrum-ClearButton.is-disabled",
- ".spectrum-ClearButton.is-disabled .spectrum-ClearButton-icon",
- ".spectrum-ClearButton.spectrum-ClearButton--overBackground",
".spectrum-ClearButton.spectrum-ClearButton--quiet",
".spectrum-ClearButton.spectrum-ClearButton--sizeL",
".spectrum-ClearButton.spectrum-ClearButton--sizeS",
".spectrum-ClearButton.spectrum-ClearButton--sizeXL",
".spectrum-ClearButton.spectrum-ClearButton--staticWhite",
".spectrum-ClearButton:disabled",
- ".spectrum-ClearButton:disabled .spectrum-ClearButton-icon",
".spectrum-ClearButton:not(:disabled)",
".spectrum-ClearButton:not(:disabled):active",
".spectrum-ClearButton:not(:disabled):active .spectrum-ClearButton-fill",
@@ -52,7 +50,6 @@
"--spectrum-clear-button-background-color-key-focus",
"--spectrum-clear-button-height",
"--spectrum-clear-button-icon-color",
- "--spectrum-clear-button-icon-color-disabled",
"--spectrum-clear-button-icon-color-down",
"--spectrum-clear-button-icon-color-hover",
"--spectrum-clear-button-icon-color-key-focus",
@@ -66,27 +63,13 @@
"--spectrum-component-height-75",
"--spectrum-disabled-content-color",
"--spectrum-disabled-static-white-content-color",
- "--spectrum-gray-200",
- "--spectrum-gray-300",
- "--spectrum-gray-400",
"--spectrum-in-field-button-edge-to-fill",
"--spectrum-neutral-content-color-default",
"--spectrum-neutral-content-color-down",
"--spectrum-neutral-content-color-hover",
"--spectrum-neutral-content-color-key-focus",
- "--spectrum-transparent-white-300",
- "--spectrum-transparent-white-400",
"--spectrum-white"
],
- "system-theme": [
- "--system-spectrum-clearbutton-spectrum-clear-button-background-color",
- "--system-spectrum-clearbutton-spectrum-clear-button-background-color-down",
- "--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover",
- "--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus"
- ],
"passthroughs": [],
- "high-contrast": [
- "--highcontrast-clear-button-icon-color-disabled",
- "--highcontrast-clear-button-icon-color-hover"
- ]
+ "high-contrast": ["--highcontrast-clear-button-icon-color-hover"]
}
diff --git a/components/clearbutton/metadata/mods.md b/components/clearbutton/metadata/mods.md
deleted file mode 100644
index 1af49691ae0..00000000000
--- a/components/clearbutton/metadata/mods.md
+++ /dev/null
@@ -1,15 +0,0 @@
-| Modifiable custom properties |
-| ----------------------------------------------- |
-| `--mod-clear-button-background-color` |
-| `--mod-clear-button-background-color-disabled` |
-| `--mod-clear-button-background-color-down` |
-| `--mod-clear-button-background-color-hover` |
-| `--mod-clear-button-background-color-key-focus` |
-| `--mod-clear-button-height` |
-| `--mod-clear-button-icon-color` |
-| `--mod-clear-button-icon-color-disabled` |
-| `--mod-clear-button-icon-color-down` |
-| `--mod-clear-button-icon-color-hover` |
-| `--mod-clear-button-icon-color-key-focus` |
-| `--mod-clear-button-padding` |
-| `--mod-clear-button-width` |
diff --git a/components/clearbutton/package.json b/components/clearbutton/package.json
index 0f867492889..41888637d8c 100644
--- a/components/clearbutton/package.json
+++ b/components/clearbutton/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/clearbutton",
- "version": "6.4.0",
+ "version": "7.0.0-s2-foundations.17",
"description": "The Spectrum CSS clearbutton component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/icon": "workspace:^",
diff --git a/components/clearbutton/stories/clearbutton.stories.js b/components/clearbutton/stories/clearbutton.stories.js
index 3e19531b47d..cca47b24337 100644
--- a/components/clearbutton/stories/clearbutton.stories.js
+++ b/components/clearbutton/stories/clearbutton.stories.js
@@ -102,6 +102,7 @@ Sizing.args = {};
Sizing.tags = ["!dev"];
Sizing.parameters = {
chromatic: { disableSnapshot: true },
+
};
export const OverBackground = ClearButtonGroup.bind({});
diff --git a/components/clearbutton/themes/express.css b/components/clearbutton/themes/express.css
deleted file mode 100644
index 3d3b47cc65b..00000000000
--- a/components/clearbutton/themes/express.css
+++ /dev/null
@@ -1,23 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-ClearButton {
- --spectrum-clear-button-background-color: var(--spectrum-gray-200);
- --spectrum-clear-button-background-color-hover: var(--spectrum-gray-300);
- --spectrum-clear-button-background-color-down: var(--spectrum-gray-400);
- --spectrum-clear-button-background-color-key-focus: var(--spectrum-gray-300);
- }
-}
diff --git a/components/clearbutton/themes/spectrum.css b/components/clearbutton/themes/spectrum.css
deleted file mode 100644
index 84194abf9ab..00000000000
--- a/components/clearbutton/themes/spectrum.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-ClearButton {
- --spectrum-clear-button-background-color: transparent;
- --spectrum-clear-button-background-color-hover: transparent;
- --spectrum-clear-button-background-color-down: transparent;
- --spectrum-clear-button-background-color-key-focus: transparent;
- }
-}
diff --git a/components/closebutton/CHANGELOG.md b/components/closebutton/CHANGELOG.md
index d39314057a3..d6e7edd52a1 100644
--- a/components/closebutton/CHANGELOG.md
+++ b/components/closebutton/CHANGELOG.md
@@ -1,5 +1,240 @@
# Change Log
+## 6.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 6.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 6.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.13
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5d50b15`](https://github.com/adobe/spectrum-css/commit/5d50b1557e0d4f8236be43728cde66c9d41b16e7) Thanks [@pfulton](https://github.com/pfulton)! - Typo in CloseButton classes for sizing
+
+- Updated dependencies [[`6582314`](https://github.com/adobe/spectrum-css/commit/65823145e139caa56f5e73e8a36e73aff37672de)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.19
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 5.3.0
### Minor Changes
@@ -21,6 +256,20 @@
### Patch Changes
+- [#3250](https://github.com/adobe/spectrum-css/pull/3250) [`2b45928`](https://github.com/adobe/spectrum-css/commit/2b45928b503c9ded173a56da65a32764f2255918) Thanks [@castastrophe](https://github.com/castastrophe)! - CloseButton
+
+ - Remove hardcoded tokens for sizing in favor of component sizing. Remove mapping to height & width separately in favor of using the existing "--spectrum-closebutton-size" property.
+
+## 5.2.2
+
+### Patch Changes
+
+- [#3270](https://github.com/adobe/spectrum-css/pull/3270) [`008bb34`](https://github.com/adobe/spectrum-css/commit/008bb34a0bbefd1abeb0d37bcdb179811dd9df3c) Thanks [@cdransf](https://github.com/cdransf)! - Removes unnecessary stylelint-disable comments now that rule is disabled in config.
+
+## 5.2.1
+
+### Patch Changes
+
- [#3250](https://github.com/adobe/spectrum-css/pull/3250) [`2b45928`](https://github.com/adobe/spectrum-css/commit/2b45928b503c9ded173a56da65a32764f2255918) Thanks [@castastrophe](https://github.com/castastrophe)! - CloseButton
- Remove hardcoded tokens for sizing in favor of component sizing. Remove mapping to height & width separately in favor of using the existing "--spectrum-closebutton-size" property.
@@ -85,16 +334,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.2.5...@spectrum-css/closebutton@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.2.5...@spectrum-css/closebutton@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -102,8 +348,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.2.4...@spectrum-css/closebutton@4.2.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.2.4...@spectrum-css/closebutton@4.2.5)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -111,8 +356,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.2.3...@spectrum-css/closebutton@4.2.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.2.3...@spectrum-css/closebutton@4.2.4)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -120,8 +364,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.2.2...@spectrum-css/closebutton@4.2.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.2.2...@spectrum-css/closebutton@4.2.3)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -129,8 +372,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.2.1...@spectrum-css/closebutton@4.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.2.1...@spectrum-css/closebutton@4.2.2)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -138,8 +380,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -147,8 +388,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.1.0...@spectrum-css/closebutton@4.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.1.0...@spectrum-css/closebutton@4.2.0)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -156,8 +396,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.18...@spectrum-css/closebutton@4.1.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.18...@spectrum-css/closebutton@4.1.0)
### ✨ Features
@@ -171,8 +410,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.18
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.17...@spectrum-css/closebutton@4.0.18)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.17...@spectrum-css/closebutton@4.0.18)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -180,8 +418,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.17
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.16...@spectrum-css/closebutton@4.0.17)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.16...@spectrum-css/closebutton@4.0.17)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -189,8 +426,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.16
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.15...@spectrum-css/closebutton@4.0.16)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.15...@spectrum-css/closebutton@4.0.16)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -198,8 +434,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.15
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.13...@spectrum-css/closebutton@4.0.15)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.13...@spectrum-css/closebutton@4.0.15)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -207,8 +442,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.14
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.13...@spectrum-css/closebutton@4.0.14)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.13...@spectrum-css/closebutton@4.0.14)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -216,8 +450,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.13
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.12...@spectrum-css/closebutton@4.0.13)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.12...@spectrum-css/closebutton@4.0.13)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -225,8 +458,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.12
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.11...@spectrum-css/closebutton@4.0.12)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.11...@spectrum-css/closebutton@4.0.12)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -234,8 +466,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.11
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.10...@spectrum-css/closebutton@4.0.11)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.10...@spectrum-css/closebutton@4.0.11)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -243,8 +474,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.10
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.9...@spectrum-css/closebutton@4.0.10)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.9...@spectrum-css/closebutton@4.0.10)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -252,8 +482,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.9
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.8...@spectrum-css/closebutton@4.0.9)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.8...@spectrum-css/closebutton@4.0.9)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -261,8 +490,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.7...@spectrum-css/closebutton@4.0.8)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.7...@spectrum-css/closebutton@4.0.8)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -270,8 +498,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.6...@spectrum-css/closebutton@4.0.7)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.6...@spectrum-css/closebutton@4.0.7)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -279,8 +506,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.5...@spectrum-css/closebutton@4.0.6)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.5...@spectrum-css/closebutton@4.0.6)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -288,8 +514,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.4...@spectrum-css/closebutton@4.0.5)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.4...@spectrum-css/closebutton@4.0.5)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -297,8 +522,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.3...@spectrum-css/closebutton@4.0.4)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.3...@spectrum-css/closebutton@4.0.4)
### 🔙 Reverts
@@ -308,8 +532,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.2...@spectrum-css/closebutton@4.0.3)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.2...@spectrum-css/closebutton@4.0.3)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -317,8 +540,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.0...@spectrum-css/closebutton@4.0.2)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.0...@spectrum-css/closebutton@4.0.2)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -326,8 +548,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.0...@spectrum-css/closebutton@4.0.1)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@4.0.0...@spectrum-css/closebutton@4.0.1)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -335,13 +556,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.14...@spectrum-css/closebutton@4.0.0)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.14...@spectrum-css/closebutton@4.0.0)
\*refactor(closebutton)!: replace focus-ring with focus-visible([a17183f](https://github.com/adobe/spectrum-css/commit/a17183f))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
use focus-visible pseudo class for focus styling
@@ -352,8 +571,7 @@ remove duplicate focus indicator styling
## 3.1.14
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.13...@spectrum-css/closebutton@3.1.14)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.13...@spectrum-css/closebutton@3.1.14)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -361,8 +579,7 @@ remove duplicate focus indicator styling
## 3.1.13
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.12...@spectrum-css/closebutton@3.1.13)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.12...@spectrum-css/closebutton@3.1.13)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -370,8 +587,7 @@ remove duplicate focus indicator styling
## 3.1.12
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.11...@spectrum-css/closebutton@3.1.12)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.11...@spectrum-css/closebutton@3.1.12)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -379,8 +595,7 @@ remove duplicate focus indicator styling
## 3.1.11
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.10...@spectrum-css/closebutton@3.1.11)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.10...@spectrum-css/closebutton@3.1.11)
### 🐛 Bug fixes
@@ -390,8 +605,7 @@ remove duplicate focus indicator styling
## 3.1.10
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.9...@spectrum-css/closebutton@3.1.10)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.9...@spectrum-css/closebutton@3.1.10)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -399,8 +613,7 @@ remove duplicate focus indicator styling
## 3.1.9
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.8...@spectrum-css/closebutton@3.1.9)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.8...@spectrum-css/closebutton@3.1.9)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -408,8 +621,7 @@ remove duplicate focus indicator styling
## 3.1.8
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.7...@spectrum-css/closebutton@3.1.8)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.7...@spectrum-css/closebutton@3.1.8)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -417,8 +629,7 @@ remove duplicate focus indicator styling
## 3.1.7
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.6...@spectrum-css/closebutton@3.1.7)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.6...@spectrum-css/closebutton@3.1.7)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -426,8 +637,7 @@ remove duplicate focus indicator styling
## 3.1.6
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.5...@spectrum-css/closebutton@3.1.6)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.5...@spectrum-css/closebutton@3.1.6)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -435,8 +645,7 @@ remove duplicate focus indicator styling
## 3.1.5
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.4...@spectrum-css/closebutton@3.1.5)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.4...@spectrum-css/closebutton@3.1.5)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -444,8 +653,7 @@ remove duplicate focus indicator styling
## 3.1.4
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.3...@spectrum-css/closebutton@3.1.4)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.3...@spectrum-css/closebutton@3.1.4)
### 🐛 Bug fixes
@@ -455,8 +663,7 @@ remove duplicate focus indicator styling
## 3.1.3
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.2...@spectrum-css/closebutton@3.1.3)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.2...@spectrum-css/closebutton@3.1.3)
**Note:** Version bump only for package @spectrum-css/closebutton
@@ -464,8 +671,7 @@ remove duplicate focus indicator styling
## 3.1.2
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.1...@spectrum-css/closebutton@3.1.2)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/closebutton@3.1.1...@spectrum-css/closebutton@3.1.2)
**Note:** Version bump only for package @spectrum-css/closebutton
diff --git a/components/closebutton/index.css b/components/closebutton/index.css
index 7bb4c3b3a10..98cec5bd7f4 100644
--- a/components/closebutton/index.css
+++ b/components/closebutton/index.css
@@ -11,10 +11,11 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
@import "@spectrum-css/commons/basebutton.css";
.spectrum-CloseButton {
+ --spectrum-closebutton-border-radius: var(--spectrum-corner-radius-full);
+
/* Cross icon */
--spectrum-closebutton-icon-color-default: var(--spectrum-neutral-content-color-default);
--spectrum-closebutton-icon-color-hover: var(--spectrum-neutral-content-color-hover);
@@ -22,60 +23,68 @@
--spectrum-closebutton-icon-color-focus: var(--spectrum-neutral-content-color-key-focus);
--spectrum-closebutton-icon-color-disabled: var(--spectrum-disabled-content-color);
- /* Focus ring */
+ /* Focus indicator */
--spectrum-closebutton-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
--spectrum-closebutton-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
--spectrum-closebutton-focus-indicator-color: var(--spectrum-focus-indicator-color);
+ /* Size */
+ --spectrum-closebutton-size: var(--spectrum-component-height-100);
+
--spectrum-closebutton-animation-duration: var(--spectrum-animation-duration-100);
-}
-/* @deprecated .spectrum-Closebutton--sizeM */
-.spectrum-CloseButton,
-.spectrum-CloseButton--sizeM,
-.spectrum-Closebutton--sizeM {
- --spectrum-closebutton-size: var(--spectrum-component-height-100);
- --spectrum-closebutton-border-radius: var(--spectrum-component-height-100);
+ /* Background color */
+ --spectrum-closebutton-background-color-default: transparent;
+ --spectrum-closebutton-background-color-hover: var(--spectrum-gray-100);
+ --spectrum-closebutton-background-color-down: var(--spectrum-gray-100);
+ --spectrum-closebutton-background-color-focus: var(--spectrum-gray-100);
}
-/* @deprecated .spectrum-Closebutton--sizeS */
-.spectrum-CloseButton--sizeS,
-.spectrum-Closebutton--sizeS {
+.spectrum-CloseButton--sizeS {
--spectrum-closebutton-size: var(--spectrum-component-height-75);
- --spectrum-closebutton-border-radius: var(--spectrum-component-height-75);
}
-/* @deprecated .spectrum-Closebutton--sizeL */
-.spectrum-CloseButton--sizeL,
-.spectrum-Closebutton--sizeL {
+.spectrum-CloseButton--sizeL {
--spectrum-closebutton-size: var(--spectrum-component-height-200);
- --spectrum-closebutton-border-radius: var(--spectrum-component-height-200);
}
-/* @deprecated .spectrum-Closebutton--sizeXL */
-.spectrum-CloseButton--sizeXL,
-.spectrum-Closebutton--sizeXL {
+.spectrum-CloseButton--sizeXL {
--spectrum-closebutton-size: var(--spectrum-component-height-300);
- --spectrum-closebutton-border-radius: var(--spectrum-component-height-300);
}
.spectrum-CloseButton--staticWhite {
- --spectrum-closebutton-static-background-color-default: transparent;
- --spectrum-closebutton-static-background-color-hover: var(--spectrum-transparent-white-300);
- --spectrum-closebutton-static-background-color-down: var(--spectrum-transparent-white-400);
- --spectrum-closebutton-static-background-color-focus: var(--spectrum-transparent-white-300);
- --spectrum-closebutton-icon-color-default: var(--spectrum-white);
- --spectrum-closebutton-icon-color-disabled: var(--spectrum-disabled-static-white-content-color);
+ /* Cross icon */
+ --spectrum-closebutton-icon-color-default: var(--spectrum-transparent-white-800);
+ --spectrum-closebutton-icon-color-hover: var(--spectrum-transparent-white-900);
+ --spectrum-closebutton-icon-color-down: var(--spectrum-transparent-white-900);
+ --spectrum-closebutton-icon-color-focus: var(--spectrum-transparent-white-900);
+ --spectrum-closebutton-icon-color-disabled: var(--spectrum-disabled-static-white-background-color);
+
+ /* Background color */
+ --spectrum-closebutton-background-color-default: transparent;
+ --spectrum-closebutton-background-color-hover: var(--spectrum-transparent-white-100);
+ --spectrum-closebutton-background-color-down: var(--spectrum-transparent-white-100);
+ --spectrum-closebutton-background-color-focus: var(--spectrum-transparent-white-100);
+
+ /* Focus indicator */
--spectrum-closebutton-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color);
}
.spectrum-CloseButton--staticBlack {
- --spectrum-closebutton-static-background-color-default: transparent;
- --spectrum-closebutton-static-background-color-hover: var(--spectrum-transparent-black-300);
- --spectrum-closebutton-static-background-color-down: var(--spectrum-transparent-black-400);
- --spectrum-closebutton-static-background-color-focus: var(--spectrum-transparent-black-300);
- --spectrum-closebutton-icon-color-default: var(--spectrum-black);
- --spectrum-closebutton-icon-color-disabled: var(--spectrum-disabled-static-black-content-color);
+ /* Cross icon */
+ --spectrum-closebutton-icon-color-default: var(--spectrum-transparent-black-800);
+ --spectrum-closebutton-icon-color-hover: var(--spectrum-transparent-black-900);
+ --spectrum-closebutton-icon-color-down: var(--spectrum-transparent-black-900);
+ --spectrum-closebutton-icon-color-focus: var(--spectrum-transparent-black-900);
+ --spectrum-closebutton-icon-color-disabled: var(--spectrum-disabled-static-black-background-color);
+
+ /* Background color */
+ --spectrum-closebutton-background-color-default: transparent;
+ --spectrum-closebutton-background-color-hover: var(--spectrum-transparent-black-100);
+ --spectrum-closebutton-background-color-down: var(--spectrum-transparent-black-100);
+ --spectrum-closebutton-background-color-focus: var(--spectrum-transparent-black-100);
+
+ /* Focus indicator */
--spectrum-closebutton-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color);
}
@@ -89,26 +98,16 @@
--highcontrast-closebutton-background-color-default: ButtonFace;
--highcontrast-closebutton-focus-indicator-color: ButtonText;
- &:focus-visible {
- &::after {
- forced-color-adjust: none;
- margin: var(--mod-closebutton-focus-indicator-gap, var(--spectrum-closebutton-focus-indicator-gap));
- transition:
- opacity var(--mod-closebutton-animation-duration, var(--spectrum-closebutton-animation-duration)) ease-out,
- margin var(--mod-closebutton-animation-duraction, var(--spectrum-closebutton-animation-duration)) ease-out;
- }
+ &:focus-visible::after {
+ forced-color-adjust: none;
+ margin: var(--mod-closebutton-focus-indicator-gap, var(--spectrum-closebutton-focus-indicator-gap));
+ transition:
+ opacity var(--mod-closebutton-animation-duration, var(--spectrum-closebutton-animation-duration)) ease-out,
+ margin var(--mod-closebutton-animation-duraction, var(--spectrum-closebutton-animation-duration)) ease-out;
}
}
- .spectrum-CloseButton--staticBlack {
- --highcontrast-closebutton-static-background-color-default: ButtonFace;
- --highcontrast-closebutton-icon-color-default: Highlight;
- --highcontrast-closebutton-icon-color-disabled: GrayText;
- }
-
.spectrum-CloseButton--staticWhite {
- --highcontrast-closebutton-static-background-color-default: ButtonFace;
- --highcontrast-closebutton-icon-color-default: Highlight;
--highcontrast-closebutton-icon-color-disabled: Highlight;
}
}
@@ -120,8 +119,8 @@ a.spectrum-CloseButton {
.spectrum-CloseButton {
@extend %spectrum-BaseButton;
- block-size: var(--mod-closebutton-height, var(--spectrum-closebutton-size));
- inline-size: var(--mod-closebutton-width, var(--mod-closebutton-height, var(--spectrum-closebutton-size)));
+ block-size: var(--mod-closebutton-size, var(--spectrum-closebutton-size));
+ inline-size: var(--mod-closebutton-size, var(--spectrum-closebutton-size));
position: relative;
@@ -143,7 +142,6 @@ a.spectrum-CloseButton {
margin-block-start: var(--mod-closebutton-margin-top);
align-self: var(--mod-closebutton-align-self);
- /* Represents focus ring */
&::after {
pointer-events: none;
content: "";
@@ -153,7 +151,7 @@ a.spectrum-CloseButton {
inset-block-end: 0;
inset-block-start: 0;
margin: calc(var(--mod-closebutton-focus-indicator-gap, var(--spectrum-closebutton-focus-indicator-gap)) * -1);
- border-radius: calc(var(--mod-closebutton-size, var(--spectrum-closebutton-size)) + var(--mod-closebutton-focus-indicator-gap, var(--spectrum-closebutton-focus-indicator-gap)));
+ border-radius: calc(var(--mod-closebutton-border-radius, var(--spectrum-closebutton-border-radius)) + var(--mod-closebutton-focus-indicator-gap, var(--spectrum-closebutton-focus-indicator-gap)));
transition: box-shadow var(--mod-closebutton-animation-duration, var(--spectrum-closebutton-animation-duration)) ease-in-out;
}
@@ -165,104 +163,55 @@ a.spectrum-CloseButton {
box-shadow: 0 0 0 var(--mod-closebutton-focus-indicator-thickness, var(--spectrum-closebutton-focus-indicator-thickness)) var(--highcontrast-closebutton-focus-indicator-color, var(--mod-closebutton-focus-indicator-color, var(--spectrum-closebutton-focus-indicator-color)));
}
}
-}
-/* COLORS */
-.spectrum-CloseButton:not(:disabled) {
- background-color: var(--highcontrast-closebutton-background-color-default, var(--mod-closebutton-background-color-default, var(--spectrum-closebutton-background-color-default)));
+ /* COLORS */
+ &:not(:disabled) {
+ background-color: var(--highcontrast-closebutton-background-color-default, var(--mod-closebutton-background-color-default, var(--spectrum-closebutton-background-color-default)));
- &:hover {
- background-color: var(--mod-closebutton-background-color-hover, var(--spectrum-closebutton-background-color-hover));
+ &:hover {
+ background-color: var(--mod-closebutton-background-color-hover, var(--spectrum-closebutton-background-color-hover));
- .spectrum-CloseButton-UIIcon {
- color: var(--highcontrast-closebutton-icon-color-hover, var(--mod-closebutton-icon-color-hover, var(--spectrum-closebutton-icon-color-hover)));
- }
- }
-
- &:active {
- background-color: var(--mod-closebutton-background-color-down, var(--spectrum-closebutton-background-color-down));
-
- .spectrum-CloseButton-UIIcon {
- color: var(--highcontrast-closebutton-icon-color-down, var(--mod-closebutton-icon-color-down, var(--spectrum-closebutton-icon-color-down)));
+ .spectrum-CloseButton-UIIcon {
+ color: var(--highcontrast-closebutton-icon-color-hover, var(--mod-closebutton-icon-color-hover, var(--spectrum-closebutton-icon-color-hover)));
+ }
}
- }
- &:focus-visible,
- &.is-keyboardFocused {
- background-color: var(--mod-closebutton-background-color-focus, var(--spectrum-closebutton-background-color-focus));
+ &:active {
+ background-color: var(--mod-closebutton-background-color-down, var(--spectrum-closebutton-background-color-down));
- .spectrum-CloseButton-UIIcon {
- color: var(--highcontrast-closebutton-icon-color-focus, var(--mod-closebutton-icon-color-focus, var(--spectrum-closebutton-icon-color-focus)));
+ .spectrum-CloseButton-UIIcon {
+ color: var(--highcontrast-closebutton-icon-color-down, var(--mod-closebutton-icon-color-down, var(--spectrum-closebutton-icon-color-down)));
+ }
}
- }
- .spectrum-CloseButton-UIIcon {
- color: var(--mod-closebutton-icon-color-default, var(--spectrum-closebutton-icon-color-default));
- }
+ &:focus-visible,
+ &.is-keyboardFocused {
+ background-color: var(--mod-closebutton-background-color-focus, var(--spectrum-closebutton-background-color-focus));
- &:focus,
- &.is-focused {
- .spectrum-CloseButton-UIIcon {
- color: var(--highcontrast-closebutton-icon-color-focus, var(--mod-closebutton-icon-color-focus, var(--spectrum-closebutton-icon-color-focus)));
+ .spectrum-CloseButton-UIIcon {
+ color: var(--highcontrast-closebutton-icon-color-focus, var(--mod-closebutton-icon-color-focus, var(--spectrum-closebutton-icon-color-focus)));
+ }
}
- }
-}
-
-.spectrum-CloseButton:disabled {
- background-color: var(--mod-closebutton-background-color-default, var(--spectrum-closebutton-background-color-default));
-
- .spectrum-CloseButton-UIIcon {
- color: var(--highcontrast-closebutton-icon-color-disabled, var(--mod-closebutton-icon-color-disabled, var(--spectrum-closebutton-icon-color-disabled)));
- }
-}
-
-/* Modifier Classes */
-.spectrum-CloseButton--staticBlack:not(:disabled),
-.spectrum-CloseButton--staticWhite:not(:disabled) {
- background-color: var(--highcontrast-closebutton-static-background-color-default, var(--mod-closebutton-static-background-color-default, var(--spectrum-closebutton-static-background-color-default)));
-
- &:hover {
- background-color: var(--highcontrast-closebutton-static-background-color-hover, var(--mod-closebutton-static-background-color-hover, var(--spectrum-closebutton-static-background-color-hover)));
.spectrum-CloseButton-UIIcon {
- color: var(--highcontrast-closebutton-icon-color-default, var(--mod-closebutton-icon-color-default, var(--spectrum-closebutton-icon-color-default)));
+ color: var(--mod-closebutton-icon-color-default, var(--spectrum-closebutton-icon-color-default));
}
- }
-
- &:active {
- background-color: var(--highcontrast-closebutton-static-background-color-down, var(--mod-closebutton-static-background-color-down, var(--spectrum-closebutton-static-background-color-down)));
- .spectrum-CloseButton-UIIcon {
- color: var(--highcontrast-closebutton-icon-color-default, var(--mod-closebutton-icon-color-default, var(--spectrum-closebutton-icon-color-default)));
+ &:focus,
+ &.is-focused {
+ .spectrum-CloseButton-UIIcon {
+ color: var(--highcontrast-closebutton-icon-color-focus, var(--mod-closebutton-icon-color-focus, var(--spectrum-closebutton-icon-color-focus)));
+ }
}
}
- &:focus-visible,
- &.is-keyboardFocused {
- background-color: var(--highcontrast-closebutton-static-background-color-focus, var(--mod-closebutton-static-background-color-focus, var(--spectrum-closebutton-static-background-color-focus)));
-
- .spectrum-CloseButton-UIIcon {
- color: var(--highcontrast-closebutton-icon-color-default, var(--mod-closebutton-icon-color-default, var(--spectrum-closebutton-icon-color-default)));
- }
- }
+ &:disabled {
+ background-color: var(--mod-closebutton-background-color-default, var(--spectrum-closebutton-background-color-default));
- &:focus,
- &.is-focused {
.spectrum-CloseButton-UIIcon {
- color: var(--highcontrast-closebutton-icon-color-default, var(--mod-closebutton-icon-color-default, var(--spectrum-closebutton-icon-color-default)));
+ color: var(--highcontrast-closebutton-icon-color-disabled, var(--mod-closebutton-icon-color-disabled, var(--spectrum-closebutton-icon-color-disabled)));
}
}
-
- .spectrum-CloseButton-UIIcon {
- color: var(--mod-closebutton-icon-color-default, var(--spectrum-closebutton-icon-color-default));
- }
-}
-
-.spectrum-CloseButton--staticBlack:disabled,
-.spectrum-CloseButton--staticWhite:disabled {
- .spectrum-CloseButton-UIIcon {
- color: var(--highcontrast-closebutton-icon-disabled, var(--mod-closebutton-icon-color-disabled, var(--spectrum-closebutton-icon-color-disabled)));
- }
}
.spectrum-CloseButton-UIIcon {
diff --git a/components/closebutton/metadata/metadata.json b/components/closebutton/metadata/metadata.json
index 6944b5d3956..6c74f8bf61f 100644
--- a/components/closebutton/metadata/metadata.json
+++ b/components/closebutton/metadata/metadata.json
@@ -3,37 +3,10 @@
"selectors": [
".spectrum-CloseButton",
".spectrum-CloseButton--sizeL",
- ".spectrum-CloseButton--sizeM",
".spectrum-CloseButton--sizeS",
".spectrum-CloseButton--sizeXL",
".spectrum-CloseButton--staticBlack",
- ".spectrum-CloseButton--staticBlack.is-focused:not(:disabled) .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticBlack.is-keyboardFocused:not(:disabled)",
- ".spectrum-CloseButton--staticBlack.is-keyboardFocused:not(:disabled) .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticBlack:disabled .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticBlack:not(:disabled)",
- ".spectrum-CloseButton--staticBlack:not(:disabled) .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticBlack:not(:disabled):active",
- ".spectrum-CloseButton--staticBlack:not(:disabled):active .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticBlack:not(:disabled):focus .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticBlack:not(:disabled):focus-visible",
- ".spectrum-CloseButton--staticBlack:not(:disabled):focus-visible .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticBlack:not(:disabled):hover",
- ".spectrum-CloseButton--staticBlack:not(:disabled):hover .spectrum-CloseButton-UIIcon",
".spectrum-CloseButton--staticWhite",
- ".spectrum-CloseButton--staticWhite.is-focused:not(:disabled) .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticWhite.is-keyboardFocused:not(:disabled)",
- ".spectrum-CloseButton--staticWhite.is-keyboardFocused:not(:disabled) .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticWhite:disabled .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticWhite:not(:disabled)",
- ".spectrum-CloseButton--staticWhite:not(:disabled) .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticWhite:not(:disabled):active",
- ".spectrum-CloseButton--staticWhite:not(:disabled):active .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticWhite:not(:disabled):focus .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticWhite:not(:disabled):focus-visible",
- ".spectrum-CloseButton--staticWhite:not(:disabled):focus-visible .spectrum-CloseButton-UIIcon",
- ".spectrum-CloseButton--staticWhite:not(:disabled):hover",
- ".spectrum-CloseButton--staticWhite:not(:disabled):hover .spectrum-CloseButton-UIIcon",
".spectrum-CloseButton-UIIcon",
".spectrum-CloseButton.is-disabled",
".spectrum-CloseButton.is-focused:not(:disabled) .spectrum-CloseButton-UIIcon",
@@ -55,14 +28,9 @@
".spectrum-CloseButton:not(:disabled):focus-visible .spectrum-CloseButton-UIIcon",
".spectrum-CloseButton:not(:disabled):hover",
".spectrum-CloseButton:not(:disabled):hover .spectrum-CloseButton-UIIcon",
- ".spectrum-Closebutton--sizeL",
- ".spectrum-Closebutton--sizeM",
- ".spectrum-Closebutton--sizeS",
- ".spectrum-Closebutton--sizeXL",
"a.spectrum-CloseButton"
],
"modifiers": [
- "--mod-animation-duration-100",
"--mod-closebutton-align-self",
"--mod-closebutton-animation-duraction",
"--mod-closebutton-animation-duration",
@@ -74,7 +42,6 @@
"--mod-closebutton-focus-indicator-color",
"--mod-closebutton-focus-indicator-gap",
"--mod-closebutton-focus-indicator-thickness",
- "--mod-closebutton-height",
"--mod-closebutton-icon-color-default",
"--mod-closebutton-icon-color-disabled",
"--mod-closebutton-icon-color-down",
@@ -82,14 +49,7 @@
"--mod-closebutton-icon-color-hover",
"--mod-closebutton-margin-inline",
"--mod-closebutton-margin-top",
- "--mod-closebutton-size",
- "--mod-closebutton-static-background-color-default",
- "--mod-closebutton-static-background-color-down",
- "--mod-closebutton-static-background-color-focus",
- "--mod-closebutton-static-background-color-hover",
- "--mod-closebutton-width",
- "--mod-line-height-100",
- "--mod-sans-font-family-stack"
+ "--mod-closebutton-size"
],
"component": [
"--spectrum-closebutton-animation-duration",
@@ -106,28 +66,22 @@
"--spectrum-closebutton-icon-color-down",
"--spectrum-closebutton-icon-color-focus",
"--spectrum-closebutton-icon-color-hover",
- "--spectrum-closebutton-size",
- "--spectrum-closebutton-static-background-color-default",
- "--spectrum-closebutton-static-background-color-down",
- "--spectrum-closebutton-static-background-color-focus",
- "--spectrum-closebutton-static-background-color-hover"
+ "--spectrum-closebutton-size"
],
"global": [
"--spectrum-animation-duration-100",
- "--spectrum-black",
"--spectrum-component-height-100",
"--spectrum-component-height-200",
"--spectrum-component-height-300",
"--spectrum-component-height-75",
+ "--spectrum-corner-radius-full",
"--spectrum-disabled-content-color",
- "--spectrum-disabled-static-black-content-color",
- "--spectrum-disabled-static-white-content-color",
+ "--spectrum-disabled-static-black-background-color",
+ "--spectrum-disabled-static-white-background-color",
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
- "--spectrum-gray-200",
- "--spectrum-gray-300",
- "--spectrum-gray-400",
+ "--spectrum-gray-100",
"--spectrum-line-height-100",
"--spectrum-neutral-content-color-default",
"--spectrum-neutral-content-color-down",
@@ -136,17 +90,12 @@
"--spectrum-sans-font-family-stack",
"--spectrum-static-black-focus-indicator-color",
"--spectrum-static-white-focus-indicator-color",
- "--spectrum-transparent-black-300",
- "--spectrum-transparent-black-400",
- "--spectrum-transparent-white-300",
- "--spectrum-transparent-white-400",
- "--spectrum-white"
- ],
- "system-theme": [
- "--system-spectrum-closebutton-background-color-default",
- "--system-spectrum-closebutton-background-color-down",
- "--system-spectrum-closebutton-background-color-focus",
- "--system-spectrum-closebutton-background-color-hover"
+ "--spectrum-transparent-black-100",
+ "--spectrum-transparent-black-800",
+ "--spectrum-transparent-black-900",
+ "--spectrum-transparent-white-100",
+ "--spectrum-transparent-white-800",
+ "--spectrum-transparent-white-900"
],
"passthroughs": [
"--mod-button-animation-duration",
@@ -156,15 +105,9 @@
"high-contrast": [
"--highcontrast-closebutton-background-color-default",
"--highcontrast-closebutton-focus-indicator-color",
- "--highcontrast-closebutton-icon-color-default",
"--highcontrast-closebutton-icon-color-disabled",
"--highcontrast-closebutton-icon-color-down",
"--highcontrast-closebutton-icon-color-focus",
- "--highcontrast-closebutton-icon-color-hover",
- "--highcontrast-closebutton-icon-disabled",
- "--highcontrast-closebutton-static-background-color-default",
- "--highcontrast-closebutton-static-background-color-down",
- "--highcontrast-closebutton-static-background-color-focus",
- "--highcontrast-closebutton-static-background-color-hover"
+ "--highcontrast-closebutton-icon-color-hover"
]
}
diff --git a/components/closebutton/metadata/mods.md b/components/closebutton/metadata/mods.md
deleted file mode 100644
index 1c948ad3588..00000000000
--- a/components/closebutton/metadata/mods.md
+++ /dev/null
@@ -1,30 +0,0 @@
-| Modifiable custom properties |
-| --------------------------------------------------- |
-| `--mod-animation-duration-100` |
-| `--mod-closebutton-align-self` |
-| `--mod-closebutton-animation-duraction` |
-| `--mod-closebutton-animation-duration` |
-| `--mod-closebutton-background-color-default` |
-| `--mod-closebutton-background-color-down` |
-| `--mod-closebutton-background-color-focus` |
-| `--mod-closebutton-background-color-hover` |
-| `--mod-closebutton-border-radius` |
-| `--mod-closebutton-focus-indicator-color` |
-| `--mod-closebutton-focus-indicator-gap` |
-| `--mod-closebutton-focus-indicator-thickness` |
-| `--mod-closebutton-height` |
-| `--mod-closebutton-icon-color-default` |
-| `--mod-closebutton-icon-color-disabled` |
-| `--mod-closebutton-icon-color-down` |
-| `--mod-closebutton-icon-color-focus` |
-| `--mod-closebutton-icon-color-hover` |
-| `--mod-closebutton-margin-inline` |
-| `--mod-closebutton-margin-top` |
-| `--mod-closebutton-size` |
-| `--mod-closebutton-static-background-color-default` |
-| `--mod-closebutton-static-background-color-down` |
-| `--mod-closebutton-static-background-color-focus` |
-| `--mod-closebutton-static-background-color-hover` |
-| `--mod-closebutton-width` |
-| `--mod-line-height-100` |
-| `--mod-sans-font-family-stack` |
diff --git a/components/closebutton/package.json b/components/closebutton/package.json
index 956935c2e2a..2d9e810619b 100644
--- a/components/closebutton/package.json
+++ b/components/closebutton/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/closebutton",
- "version": "5.3.0",
+ "version": "5.0.0-next.2",
"description": "The Spectrum CSS close button component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/commons": "workspace:^",
diff --git a/components/closebutton/stories/closebutton.stories.js b/components/closebutton/stories/closebutton.stories.js
index c2950377b68..0566ccb1cd4 100644
--- a/components/closebutton/stories/closebutton.stories.js
+++ b/components/closebutton/stories/closebutton.stories.js
@@ -46,9 +46,14 @@ export default {
actions: {
handles: ["click .spectrum-CloseButton"],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=13601-149",
+ },
packageJson,
metadata,
},
+ tags: ["migrated"],
};
export const Default = CloseButtonGroup.bind({});
diff --git a/components/closebutton/stories/template.js b/components/closebutton/stories/template.js
index 4e730b8529c..4f6c5d8c00e 100644
--- a/components/closebutton/stories/template.js
+++ b/components/closebutton/stories/template.js
@@ -43,6 +43,7 @@ export const Template = ({
size,
iconName: getCloseButtonIconName(size, iconSize),
setName: "ui",
+ useRef: false,
customClasses: [`${rootClass}-UIIcon`],
}, context)}
@@ -66,6 +67,7 @@ const getCloseButtonIconName = (size = "m", iconSize = "regular", iconName = "Cr
return `${iconName}300`;
}
}
+
// Default, "regular" icon size.
switch (size) {
case "s":
@@ -85,14 +87,14 @@ const getCloseButtonIconName = (size = "m", iconSize = "regular", iconName = "Cr
*/
export const CloseButtonExample = (args, context) => Container({
withBorder: false,
- content: html`
- ${Container({
+ content: [
+ Container({
withBorder: false,
direction: "column",
heading: "Default",
content: Template(args, context),
- }, context)}
- ${Container({
+ }, context),
+ Container({
withBorder: false,
direction: "column",
heading: "Disabled",
@@ -100,6 +102,6 @@ export const CloseButtonExample = (args, context) => Container({
...args,
isDisabled: true,
}, context),
- }, context)}
- `,
+ }, context),
+ ],
}, context);
diff --git a/components/closebutton/themes/express.css b/components/closebutton/themes/express.css
deleted file mode 100644
index 5ade53f9b28..00000000000
--- a/components/closebutton/themes/express.css
+++ /dev/null
@@ -1,23 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-CloseButton {
- --spectrum-closebutton-background-color-default: transparent;
- --spectrum-closebutton-background-color-hover: var(--spectrum-gray-300);
- --spectrum-closebutton-background-color-down: var(--spectrum-gray-400);
- --spectrum-closebutton-background-color-focus: var(--spectrum-gray-300);
- }
-}
diff --git a/components/closebutton/themes/spectrum.css b/components/closebutton/themes/spectrum.css
deleted file mode 100644
index 84b1402f85c..00000000000
--- a/components/closebutton/themes/spectrum.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-CloseButton {
- --spectrum-closebutton-background-color-default: transparent;
- --spectrum-closebutton-background-color-hover: var(--spectrum-gray-200);
- --spectrum-closebutton-background-color-down: var(--spectrum-gray-300);
- --spectrum-closebutton-background-color-focus: var(--spectrum-gray-200);
- }
-}
diff --git a/components/coachindicator/CHANGELOG.md b/components/coachindicator/CHANGELOG.md
index a04bde7c1b0..af5a1693ba1 100644
--- a/components/coachindicator/CHANGELOG.md
+++ b/components/coachindicator/CHANGELOG.md
@@ -1,5 +1,216 @@
# Change Log
+## 3.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 3.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 3.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 3.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 3.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#3041](https://github.com/adobe/spectrum-css/pull/3041) [`7be40c3`](https://github.com/adobe/spectrum-css/commit/7be40c334748f3e1064c614af793117f06146475) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - --mod properties were moved out of `coachindicator/themes/spectrum-two.css` into `coachindicator/index.css` so --mods can be applied at the component level.
+
+## 3.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 3.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 3.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 3.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 3.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 3.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 3.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 3.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 3.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 3.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 3.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 3.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 3.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 2.2.0
### Minor Changes
@@ -12,6 +223,15 @@
- [#3266](https://github.com/adobe/spectrum-css/pull/3266) [`4b818e1`](https://github.com/adobe/spectrum-css/commit/4b818e1062202e404de1350938ce2a19146aa0b0) Thanks [@5t3ph](https://github.com/5t3ph)! - For Coach indicator, marks "light" and "dark" variants for deprecation going into S2, and adds "static white" per direction from design.
+- Updated dependencies [[`4b818e1`](https://github.com/adobe/spectrum-css/commit/4b818e1062202e404de1350938ce2a19146aa0b0)]:
+ - @spectrum-css/tokens@14.6.0
+
+## 2.1.5
+
+### Patch Changes
+
+- [#3266](https://github.com/adobe/spectrum-css/pull/3266) [`4b818e1`](https://github.com/adobe/spectrum-css/commit/4b818e1062202e404de1350938ce2a19146aa0b0) Thanks [@5t3ph](https://github.com/5t3ph)! - For Coach indicator, marks "light" and "dark" variants for deprecation going into S2, and adds "static white" per direction from design.
+
- Updated dependencies [[`4b818e1`](https://github.com/adobe/spectrum-css/commit/4b818e1062202e404de1350938ce2a19146aa0b0)]:
- @spectrum-css/tokens@14.6.0
@@ -35,6 +255,12 @@
- [#2842](https://github.com/adobe/spectrum-css/pull/2842) [`4cd3a15`](https://github.com/adobe/spectrum-css/commit/4cd3a15db914b667f5d606388051ecd2cd318134) Thanks [@castastrophe](https://github.com/castastrophe)! - Updated CSSNano plugin to toggle reduceIdent off to prevent invalid abstractions from breaking named grid templates.
+## 2.1.2
+
+### Patch Changes
+
+- [#2842](https://github.com/adobe/spectrum-css/pull/2842) [`4cd3a15`](https://github.com/adobe/spectrum-css/commit/4cd3a15db914b667f5d606388051ecd2cd318134) Thanks [@castastrophe](https://github.com/castastrophe)! - Updated CSSNano plugin to toggle reduceIdent off to prevent invalid abstractions from breaking named grid templates.
+
## 2.1.1
### Patch Changes
@@ -63,16 +289,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.1.5...@spectrum-css/coachindicator@2.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.1.5...@spectrum-css/coachindicator@2.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -80,8 +303,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.1.4...@spectrum-css/coachindicator@1.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.1.4...@spectrum-css/coachindicator@1.1.5)
**Note:** Version bump only for package @spectrum-css/coachindicator
@@ -89,8 +311,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.1.3...@spectrum-css/coachindicator@1.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.1.3...@spectrum-css/coachindicator@1.1.4)
**Note:** Version bump only for package @spectrum-css/coachindicator
@@ -98,8 +319,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.1.2...@spectrum-css/coachindicator@1.1.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.1.2...@spectrum-css/coachindicator@1.1.3)
**Note:** Version bump only for package @spectrum-css/coachindicator
@@ -107,8 +327,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.1.1...@spectrum-css/coachindicator@1.1.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.1.1...@spectrum-css/coachindicator@1.1.2)
### 🐛 Bug fixes
@@ -118,8 +337,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/coachindicator
@@ -127,8 +345,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.0.1...@spectrum-css/coachindicator@1.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.0.1...@spectrum-css/coachindicator@1.1.0)
### ✨ Features
@@ -138,8 +355,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.1
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.0.0...@spectrum-css/coachindicator@1.0.1)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachindicator@1.0.0...@spectrum-css/coachindicator@1.0.1)
**Note:** Version bump only for package @spectrum-css/coachindicator
@@ -147,8 +363,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.0
-🗓
-2023-12-04
+🗓 2023-12-04
### ✨ Features
diff --git a/components/coachindicator/index.css b/components/coachindicator/index.css
index 8ddc414d482..490bf36db2e 100644
--- a/components/coachindicator/index.css
+++ b/components/coachindicator/index.css
@@ -11,54 +11,40 @@
* governing permissions and limitations under the License.
*/
-@import "./animation.css";
-@import "./themes/express.css";
-
.spectrum-CoachIndicator {
--spectrum-coach-indicator-ring-border-size: var(--spectrum-border-width-200);
- --spectrum-coach-indicator-min-inline-size: calc(var(--spectrum-coach-indicator-ring-diameter) * 3);
- --spectrum-coach-indicator-min-block-size: calc(var(--spectrum-coach-indicator-ring-diameter) * 3);
- --spectrum-coach-indicator-inline-size: var(--spectrum-coach-indicator-min-inline-size);
- --spectrum-coach-indicator-block-size: var(--spectrum-coach-indicator-min-block-size);
- --spectrum-coach-indicator-ring-inline-size: var(--spectrum-coach-indicator-ring-diameter);
- --spectrum-coach-indicator-ring-block-size: var(--spectrum-coach-indicator-ring-diameter);
+ --spectrum-coach-indicator-sizing-multiple: 3;
+ --spectrum-coach-indicator-ring-diameter-size: var(--mod-coach-indicator-ring-diameter, var(--spectrum-coach-indicator-ring-diameter));
+
+ --spectrum-coach-indicator-min-inline-size: calc(var(--spectrum-coach-indicator-ring-diameter-size) * var(--spectrum-coach-indicator-sizing-multiple));
+ --spectrum-coach-indicator-min-block-size: calc(var(--spectrum-coach-indicator-ring-diameter-size) * var(--spectrum-coach-indicator-sizing-multiple));
- --spectrum-coach-indicator-top: calc((var(--spectrum-coach-indicator-block-size) / 3) - var(--spectrum-coach-indicator-ring-border-size));
- --spectrum-coach-indicator-left: calc((var(--spectrum-coach-indicator-inline-size) / 3) - var(--spectrum-coach-indicator-ring-border-size));
+ --spectrum-coach-indicator-inline-size: var(--mod-coach-indicator-inline-size, var(--spectrum-coach-indicator-min-inline-size));
+ --spectrum-coach-indicator-block-size: var(--mod-coach-indicator-block-size, var(--spectrum-coach-indicator-min-block-size));
- /* animation */
--spectrum-coach-animation-indicator-ring-duration: var(--spectrum-animation-duration-6000);
- --spectrum-coach-animation-indicator-ring-inner-delay-multiple: -0.5;
- --spectrum-coach-animation-indicator-ring-center-delay-multiple: -0.66;
- --spectrum-coach-animation-indicator-ring-outer-delay-multiple: -1;
- --spectrum-coach-indicator-quiet-animation-ring-inner-delay-multiple: -0.33;
- --spectrum-coach-indicator-animation-name: pulse;
- --spectrum-coach-indicator-inner-animation-delay-multiple: var(--spectrum-coach-animation-indicator-ring-inner-delay-multiple);
-}
+ --spectrum-coach-indicator-animation-keyframe-scale-initial: 1;
+ --spectrum-coach-indicator-animation-ring-inner-delay-multiple: var(--mod-coach-indicator-inner-animation-delay-multiple, -0.5);
+
+ &.spectrum-CoachIndicator--quiet {
+ --spectrum-coach-indicator-animation-keyframe-scale-initial: 0.8;
+ --spectrum-coach-indicator-sizing-multiple: 2.75;
+ --spectrum-coach-indicator-ring-diameter-size: var(--mod-coach-indicator-quiet-ring-diameter, var(--spectrum-coach-indicator-quiet-ring-diameter));
+ --spectrum-coach-indicator-animation-ring-inner-delay-multiple: var(--mod-coach-indicator-quiet-animation-ring-inner-delay-multiple, -0.33);
+ }
-.spectrum-CoachIndicator--quiet {
- --mod-coach-indicator-min-inline-size: calc(var(--mod-coach-indicator-quiet-ring-diameter, var(--spectrum-coach-indicator-quiet-ring-diameter)) * 2.75);
- --mod-coach-indicator-min-block-size: calc(var(--mod-coach-indicator-quiet-ring-diameter, var(--spectrum-coach-indicator-quiet-ring-diameter)) * 2.75);
- --mod-coach-indicator-inline-size: calc(var(--mod-coach-indicator-quiet-ring-diameter, var(--spectrum-coach-indicator-quiet-ring-diameter)) * 2.75);
- --mod-coach-indicator-block-size: calc(var(--mod-coach-indicator-quiet-ring-diameter, var(--spectrum-coach-indicator-quiet-ring-diameter)) * 2.75);
- --mod-coach-indicator-ring-inline-size: var(--mod-coach-indicator-quiet-ring-diameter, var(--spectrum-coach-indicator-quiet-ring-diameter));
- --mod-coach-indicator-ring-block-size: var(--mod-coach-indicator-quiet-ring-diameter, var(--spectrum-coach-indicator-quiet-ring-diameter));
-
- --mod-coach-indicator-top: calc((var(--mod-coach-indicator-min-inline-size) / 3) - var(--spectrum-coach-indicator-ring-border-size));
- --mod-coach-indicator-left: calc((var(--mod-coach-indicator-min-inline-size) / 3) - var(--spectrum-coach-indicator-ring-border-size));
- --mod-coach-indicator-animation-name: pulse-quiet;
- --mod-coach-indicator-inner-animation-delay-multiple: var(--mod-coach-indicator-quiet-animation-ring-inner-delay-multiple, var(--spectrum-coach-indicator-quiet-animation-ring-inner-delay-multiple));
-}
+ &.spectrum-CoachIndicator--staticWhite {
+ --spectrum-coach-indicator-ring-default-color: var(--spectrum-white);
+ }
-.spectrum-CoachIndicator {
position: relative;
margin: var(--mod-coach-indicator-gap, var(--spectrum-coach-indicator-gap));
min-inline-size: var(--mod-coach-indicator-min-inline-size, var(--spectrum-coach-indicator-min-inline-size));
min-block-size: var(--mod-coach-indicator-min-block-size, var(--spectrum-coach-indicator-min-block-size));
- inline-size: var(--mod-coach-indicator-inline-size, var(--spectrum-coach-indicator-inline-size));
- block-size: var(--mod-coach-indicator-block-size, var(--spectrum-coach-indicator-block-size));
+ inline-size: var(--spectrum-coach-indicator-inline-size);
+ block-size: var(--spectrum-coach-indicator-block-size);
}
.spectrum-CoachIndicator-ring {
@@ -70,42 +56,45 @@
border-radius: 50%;
border-color: var(--mod-coach-indicator-ring-default-color, var(--spectrum-coach-indicator-ring-default-color));
- inset-block-start: var(--mod-coach-indicator-top, var(--spectrum-coach-indicator-top));
- inset-inline-start: var(--mod-coach-indicator-left, var(--spectrum-coach-indicator-left));
+ inset-block-start: var(--mod-coach-indicator-top, calc(var(--spectrum-coach-indicator-block-size) / 3 - var(--spectrum-coach-indicator-ring-border-size)));
+ inset-inline-start: var(--mod-coach-indicator-left, calc(var(--spectrum-coach-indicator-inline-size) / 3 - var(--spectrum-coach-indicator-ring-border-size)));
- inline-size: var(--mod-coach-indicator-ring-inline-size, var(--spectrum-coach-indicator-ring-inline-size));
- block-size: var(--mod-coach-indicator-ring-block-size, var(--spectrum-coach-indicator-ring-block-size));
- animation: var(--mod-coach-indicator-animation-name, var(--spectrum-coach-indicator-animation-name)) var(--mod-coach-animation-indicator-ring-duration, var(--spectrum-coach-animation-indicator-ring-duration)) linear infinite;
+ inline-size: var(--mod-coach-indicator-ring-inline-size, var(--spectrum-coach-indicator-ring-diameter-size));
+ block-size: var(--mod-coach-indicator-ring-block-size, var(--spectrum-coach-indicator-ring-diameter-size));
+ animation: var(--mod-coach-indicator-animation-name, pulse) var(--mod-coach-animation-indicator-ring-duration, var(--spectrum-coach-animation-indicator-ring-duration)) linear infinite;
&:nth-child(1) {
- animation-delay: calc(var(--mod-coach-animation-indicator-ring-duration, var(--spectrum-coach-animation-indicator-ring-duration)) * var(--mod-coach-indicator-inner-animation-delay-multiple, var(--spectrum-coach-indicator-inner-animation-delay-multiple)));
+ animation-delay: calc(var(--mod-coach-animation-indicator-ring-duration, var(--spectrum-coach-animation-indicator-ring-duration)) * var(--spectrum-coach-indicator-animation-ring-inner-delay-multiple));
}
&:nth-child(2) {
- animation-delay: calc(var(--mod-coach-animation-indicator-ring-duration, var(--spectrum-coach-animation-indicator-ring-duration)) * var(--mod-coach-animation-indicator-ring-center-delay-multiple, var(--spectrum-coach-animation-indicator-ring-center-delay-multiple)));
+ animation-delay: calc(var(--mod-coach-animation-indicator-ring-duration, var(--spectrum-coach-animation-indicator-ring-duration)) * var(--mod-coach-animation-indicator-ring-center-delay-multiple, -0.66));
}
&:nth-child(3) {
- animation-delay: calc(var(--mod-coach-animation-indicator-ring-duration, var(--spectrum-coach-animation-indicator-ring-duration)) * var(--mod-coach-animation-indicator-ring-outer-delay-multiple, var(--spectrum-coach-animation-indicator-ring-outer-delay-multiple)));
+ animation-delay: calc(var(--mod-coach-animation-indicator-ring-duration, var(--spectrum-coach-animation-indicator-ring-duration)) * var(--mod-coach-animation-indicator-ring-outer-delay-multiple, -1));
}
+}
- /* @deprecated .spectrum-CoachIndicator--light */
- .spectrum-CoachIndicator--light & {
- border-color: var(--mod-coach-indicator-ring-light-color, var(--spectrum-coach-indicator-ring-light-color));
+@media (prefers-reduced-motion: reduce) {
+ .spectrum-CoachIndicator-ring {
+ animation: none;
}
+}
- .spectrum-CoachIndicator--staticWhite & {
- border-color: var(--spectrum-coach-indicator-ring-static-white-color);
+@keyframes pulse {
+ 0% {
+ transform: scale(var(--spectrum-coach-indicator-animation-keyframe-scale-initial));
+ opacity: 0;
}
- /* @deprecated .spectrum-CoachIndicator--dark */
- .spectrum-CoachIndicator--dark & {
- border-color: var(--mod-coach-indicator-ring-dark-color, var(--spectrum-coach-indicator-ring-dark-color));
+ 50% {
+ transform: scale(1.5);
+ opacity: 1;
}
-}
-@media (prefers-reduced-motion: reduce) {
- .spectrum-CoachIndicator-ring {
- animation: none;
+ 100% {
+ transform: scale(2);
+ opacity: 0;
}
}
diff --git a/components/coachindicator/metadata/metadata.json b/components/coachindicator/metadata/metadata.json
index 91af3d8616b..86a662c5bc0 100644
--- a/components/coachindicator/metadata/metadata.json
+++ b/components/coachindicator/metadata/metadata.json
@@ -2,14 +2,12 @@
"sourceFile": "index.css",
"selectors": [
".spectrum-CoachIndicator",
- ".spectrum-CoachIndicator--dark .spectrum-CoachIndicator-ring",
- ".spectrum-CoachIndicator--light .spectrum-CoachIndicator-ring",
- ".spectrum-CoachIndicator--quiet",
- ".spectrum-CoachIndicator--staticWhite .spectrum-CoachIndicator-ring",
".spectrum-CoachIndicator-ring",
".spectrum-CoachIndicator-ring:first-child",
".spectrum-CoachIndicator-ring:nth-child(2)",
".spectrum-CoachIndicator-ring:nth-child(3)",
+ ".spectrum-CoachIndicator.spectrum-CoachIndicator--quiet",
+ ".spectrum-CoachIndicator.spectrum-CoachIndicator--staticWhite",
"0%",
"50%",
"to"
@@ -30,49 +28,32 @@
"--mod-coach-indicator-quiet-ring-diameter",
"--mod-coach-indicator-ring-block-size",
"--mod-coach-indicator-ring-border-size",
- "--mod-coach-indicator-ring-dark-color",
"--mod-coach-indicator-ring-default-color",
+ "--mod-coach-indicator-ring-diameter",
"--mod-coach-indicator-ring-inline-size",
- "--mod-coach-indicator-ring-light-color",
"--mod-coach-indicator-top"
],
"component": [
- "--spectrum-coach-indicator-animation-keyframe-0-opacity",
- "--spectrum-coach-indicator-animation-keyframe-0-scale",
- "--spectrum-coach-indicator-animation-keyframe-100-opacity",
- "--spectrum-coach-indicator-animation-keyframe-100-scale",
- "--spectrum-coach-indicator-animation-keyframe-50-opacity",
- "--spectrum-coach-indicator-animation-keyframe-50-scale",
- "--spectrum-coach-indicator-animation-name",
+ "--spectrum-coach-indicator-animation-keyframe-scale-initial",
+ "--spectrum-coach-indicator-animation-ring-inner-delay-multiple",
"--spectrum-coach-indicator-block-size",
"--spectrum-coach-indicator-gap",
"--spectrum-coach-indicator-inline-size",
- "--spectrum-coach-indicator-inner-animation-delay-multiple",
- "--spectrum-coach-indicator-left",
"--spectrum-coach-indicator-min-block-size",
"--spectrum-coach-indicator-min-inline-size",
- "--spectrum-coach-indicator-quiet-animation-keyframe-0-scale",
- "--spectrum-coach-indicator-quiet-animation-ring-inner-delay-multiple",
"--spectrum-coach-indicator-quiet-ring-diameter",
- "--spectrum-coach-indicator-ring-block-size",
"--spectrum-coach-indicator-ring-border-size",
- "--spectrum-coach-indicator-ring-dark-color",
"--spectrum-coach-indicator-ring-default-color",
"--spectrum-coach-indicator-ring-diameter",
- "--spectrum-coach-indicator-ring-inline-size",
- "--spectrum-coach-indicator-ring-light-color",
- "--spectrum-coach-indicator-ring-static-white-color",
- "--spectrum-coach-indicator-top"
+ "--spectrum-coach-indicator-ring-diameter-size",
+ "--spectrum-coach-indicator-sizing-multiple"
],
"global": [
"--spectrum-animation-duration-6000",
"--spectrum-border-width-200",
- "--spectrum-coach-animation-indicator-ring-center-delay-multiple",
"--spectrum-coach-animation-indicator-ring-duration",
- "--spectrum-coach-animation-indicator-ring-inner-delay-multiple",
- "--spectrum-coach-animation-indicator-ring-outer-delay-multiple"
+ "--spectrum-white"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/coachindicator/metadata/mods.md b/components/coachindicator/metadata/mods.md
deleted file mode 100644
index 6524851fae1..00000000000
--- a/components/coachindicator/metadata/mods.md
+++ /dev/null
@@ -1,22 +0,0 @@
-| Modifiable custom properties |
-| ----------------------------------------------------------------- |
-| `--mod-coach-animation-indicator-ring-center-delay-multiple` |
-| `--mod-coach-animation-indicator-ring-duration` |
-| `--mod-coach-animation-indicator-ring-outer-delay-multiple` |
-| `--mod-coach-indicator-animation-name` |
-| `--mod-coach-indicator-block-size` |
-| `--mod-coach-indicator-gap` |
-| `--mod-coach-indicator-inline-size` |
-| `--mod-coach-indicator-inner-animation-delay-multiple` |
-| `--mod-coach-indicator-left` |
-| `--mod-coach-indicator-min-block-size` |
-| `--mod-coach-indicator-min-inline-size` |
-| `--mod-coach-indicator-quiet-animation-ring-inner-delay-multiple` |
-| `--mod-coach-indicator-quiet-ring-diameter` |
-| `--mod-coach-indicator-ring-block-size` |
-| `--mod-coach-indicator-ring-border-size` |
-| `--mod-coach-indicator-ring-dark-color` |
-| `--mod-coach-indicator-ring-default-color` |
-| `--mod-coach-indicator-ring-inline-size` |
-| `--mod-coach-indicator-ring-light-color` |
-| `--mod-coach-indicator-top` |
diff --git a/components/coachindicator/package.json b/components/coachindicator/package.json
index 133a5c22db4..d2ec17aad46 100644
--- a/components/coachindicator/package.json
+++ b/components/coachindicator/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/coachindicator",
- "version": "2.2.0",
+ "version": "3.0.0-s2-foundations.17",
"description": "The Spectrum CSS Coach Indicator component ",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14.6.0"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/coachindicator/stories/coachindicator.stories.js b/components/coachindicator/stories/coachindicator.stories.js
index bef438a0f55..2f35525d042 100644
--- a/components/coachindicator/stories/coachindicator.stories.js
+++ b/components/coachindicator/stories/coachindicator.stories.js
@@ -3,7 +3,7 @@ import { isQuiet, staticColor } from "@spectrum-css/preview/types";
import metadata from "../metadata/metadata.json";
import packageJson from "../package.json";
import { CoachIndicatorGroup } from "./coachindicator.test.js";
-import { AllVariantsCoachIndicatorGroup, Template } from "./template.js";
+import { Template } from "./template.js";
/**
* The coach indicator component can be used to bring added attention to specific parts of a page.
@@ -38,6 +38,10 @@ export default {
variant: "default",
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=48600-896",
+ },
packageJson,
metadata,
},
@@ -59,14 +63,14 @@ Default.parameters = {
};
Default.tags = ["!autodocs"];
-export const DefaultVariants = AllVariantsCoachIndicatorGroup.bind({});
+export const DefaultVariants = Template.bind({});
DefaultVariants.tags = ["!dev"];
DefaultVariants.storyName = "Default";
DefaultVariants.parameters = {
chromatic: { disableSnapshot: true }
};
-export const QuietVariants = AllVariantsCoachIndicatorGroup.bind({});
+export const QuietVariants = Template.bind({});
QuietVariants.tags = ["!dev"];
QuietVariants.storyName = "Quiet";
QuietVariants.args = {
diff --git a/components/coachindicator/stories/coachindicator.test.js b/components/coachindicator/stories/coachindicator.test.js
index b1e10ea89b5..2843e3e795e 100644
--- a/components/coachindicator/stories/coachindicator.test.js
+++ b/components/coachindicator/stories/coachindicator.test.js
@@ -9,22 +9,6 @@ export const CoachIndicatorGroup = Variants({
testHeading: "Default",
variant: "default",
},
- {
- testHeading: "Dark",
- variant: "dark",
- wrapperStyles: {
- "background-color": "rgba(248 248 248 / 80%)",
- "border-radius": "4px",
- },
- },
- {
- testHeading: "Light",
- variant: "light",
- wrapperStyles: {
- "background-color": "rgba(0 0 0 / 80%)",
- "border-radius": "4px",
- },
- },
{
testHeading: "Static White",
staticColor: "white"
diff --git a/components/coachindicator/stories/template.js b/components/coachindicator/stories/template.js
index db6af34db76..d7232447aef 100644
--- a/components/coachindicator/stories/template.js
+++ b/components/coachindicator/stories/template.js
@@ -1,4 +1,3 @@
-import { Container } from "@spectrum-css/preview/decorators";
import { html } from "lit-html";
import { classMap } from "lit-html/directives/class-map.js";
import { styleMap } from "lit-html/directives/style-map.js";
@@ -12,46 +11,21 @@ export const Template = ({
variant,
customClasses = [],
customStyles = {},
-}) => html`
- ({ ...a, [c]: true }), {}),
- })}
- style=${styleMap(customStyles)}
- >
- ${Array.from({ length: 3 }).map(() => html`
-
- `)}
-
({ ...a, [c]: true }), {}),
+ })}
+ style=${styleMap(customStyles)}
+ >
+ ${Array.from({ length: 3 }).map(() => html`
+
+ `)}
+
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/coachindicator/themes/spectrum.css b/components/coachindicator/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/coachindicator/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/coachmark/CHANGELOG.md b/components/coachmark/CHANGELOG.md
index 8f210092715..17252241ecf 100644
--- a/components/coachmark/CHANGELOG.md
+++ b/components/coachmark/CHANGELOG.md
@@ -1,5 +1,349 @@
# Change Log
+## 8.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/buttongroup@7.0.0-next.4
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/popover@8.0.0-next.0
+ - @spectrum-css/actionmenu@7.0.0-next.0
+ - @spectrum-css/menu@8.0.0-next.0
+
+## 8.0.0-s2-foundations.18
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.24
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.16
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.16
+ - @spectrum-css/popover@8.0.0-s2-foundations.17
+ - @spectrum-css/button@14.0.0-s2-foundations.19
+ - @spectrum-css/menu@8.0.0-s2-foundations.17
+
+## 8.0.0-s2-foundations.17
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.21
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.15
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.15
+ - @spectrum-css/popover@8.0.0-s2-foundations.16
+ - @spectrum-css/button@14.0.0-s2-foundations.17
+ - @spectrum-css/menu@8.0.0-s2-foundations.15
+
+## 8.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.20
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.14
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.14
+ - @spectrum-css/popover@8.0.0-s2-foundations.15
+ - @spectrum-css/button@14.0.0-s2-foundations.16
+ - @spectrum-css/menu@8.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 8.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.18
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.13
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.13
+ - @spectrum-css/popover@8.0.0-s2-foundations.14
+ - @spectrum-css/button@14.0.0-s2-foundations.15
+ - @spectrum-css/menu@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 8.0.0-s2-foundations.14
+
+### Minor Changes
+
+- [#3015](https://github.com/adobe/spectrum-css/pull/3015) [`db6f93d`](https://github.com/adobe/spectrum-css/commit/db6f93d6cb4b745a53a03a363284ac9e4f9cd46a) Thanks [@cdransf](https://github.com/cdransf)! - Move the coachmark modifiers out of the theme to the base index.css.
+
+### Patch Changes
+
+- Updated dependencies [[`f15243a`](https://github.com/adobe/spectrum-css/commit/f15243adaa633531e82edbb61b2e4444517af64e)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.16
+
+## 8.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f) Thanks [@pfulton](https://github.com/pfulton)! - [SWC-239] passthroughs referencing global token values in index.css abstracted to define alias' in the coach mark theme file
+
+### Patch Changes
+
+- Updated dependencies [[`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f), [`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.14
+
+## 8.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.13
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.12
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.12
+ - @spectrum-css/popover@8.0.0-s2-foundations.12
+ - @spectrum-css/button@14.0.0-s2-foundations.12
+ - @spectrum-css/menu@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 8.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.12
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.11
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.11
+ - @spectrum-css/popover@8.0.0-s2-foundations.11
+ - @spectrum-css/button@14.0.0-s2-foundations.11
+ - @spectrum-css/menu@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 8.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.10
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.10
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.10
+ - @spectrum-css/popover@8.0.0-s2-foundations.10
+ - @spectrum-css/button@14.0.0-s2-foundations.10
+ - @spectrum-css/menu@8.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 8.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.9
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.9
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.9
+ - @spectrum-css/popover@8.0.0-s2-foundations.9
+ - @spectrum-css/button@14.0.0-s2-foundations.9
+ - @spectrum-css/menu@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 8.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.8
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.8
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.8
+ - @spectrum-css/popover@8.0.0-s2-foundations.8
+ - @spectrum-css/button@14.0.0-s2-foundations.8
+ - @spectrum-css/menu@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 8.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.7
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.7
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.7
+ - @spectrum-css/popover@8.0.0-s2-foundations.7
+ - @spectrum-css/button@14.0.0-s2-foundations.7
+ - @spectrum-css/menu@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 8.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.6
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.6
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.6
+ - @spectrum-css/popover@8.0.0-s2-foundations.6
+ - @spectrum-css/button@14.0.0-s2-foundations.6
+ - @spectrum-css/menu@8.0.0-s2-foundations.6
+
+## 8.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.5
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.5
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.5
+ - @spectrum-css/popover@8.0.0-s2-foundations.5
+ - @spectrum-css/button@14.0.0-s2-foundations.5
+ - @spectrum-css/menu@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 8.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.4
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.4
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.4
+ - @spectrum-css/popover@8.0.0-s2-foundations.4
+ - @spectrum-css/button@14.0.0-s2-foundations.4
+ - @spectrum-css/menu@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 8.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.3
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.3
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.3
+ - @spectrum-css/popover@8.0.0-s2-foundations.3
+ - @spectrum-css/button@14.0.0-s2-foundations.3
+ - @spectrum-css/menu@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 8.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.2
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.2
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.2
+ - @spectrum-css/popover@8.0.0-s2-foundations.2
+ - @spectrum-css/button@14.0.0-s2-foundations.2
+ - @spectrum-css/menu@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 8.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.1
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.1
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.1
+ - @spectrum-css/popover@8.0.0-s2-foundations.1
+ - @spectrum-css/button@14.0.0-s2-foundations.1
+ - @spectrum-css/menu@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 8.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.0
+ - @spectrum-css/popover@8.0.0-s2-foundations.0
+ - @spectrum-css/button@14.0.0-s2-foundations.0
+ - @spectrum-css/menu@8.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/actionmenu@7.0.0-s2-foundations.0
+ - @spectrum-css/buttongroup@8.0.0-s2-foundations.0
+
## 7.3.0
### Minor Changes
@@ -94,16 +438,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.1.5...@spectrum-css/coachmark@7.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.1.5...@spectrum-css/coachmark@7.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -111,8 +452,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.1.4...@spectrum-css/coachmark@6.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.1.4...@spectrum-css/coachmark@6.1.5)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -120,8 +460,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.1.3...@spectrum-css/coachmark@6.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.1.3...@spectrum-css/coachmark@6.1.4)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -129,8 +468,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.1.2...@spectrum-css/coachmark@6.1.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.1.2...@spectrum-css/coachmark@6.1.3)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -138,8 +476,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.1.1...@spectrum-css/coachmark@6.1.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.1.1...@spectrum-css/coachmark@6.1.2)
### 🐛 Bug fixes
@@ -149,8 +486,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -158,8 +494,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.0.1...@spectrum-css/coachmark@6.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.0.1...@spectrum-css/coachmark@6.1.0)
### ✨ Features
@@ -169,8 +504,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.1
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.0.0...@spectrum-css/coachmark@6.0.1)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@6.0.0...@spectrum-css/coachmark@6.0.1)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -178,8 +512,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.75...@spectrum-css/coachmark@6.0.0)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.75...@spectrum-css/coachmark@6.0.0)
### ✨ Features
@@ -195,8 +528,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.75
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.73...@spectrum-css/coachmark@5.0.75)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.73...@spectrum-css/coachmark@5.0.75)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -204,8 +536,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.74
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.73...@spectrum-css/coachmark@5.0.74)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.73...@spectrum-css/coachmark@5.0.74)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -213,8 +544,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.73
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.72...@spectrum-css/coachmark@5.0.73)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.72...@spectrum-css/coachmark@5.0.73)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -222,8 +552,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.72
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.71...@spectrum-css/coachmark@5.0.72)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.71...@spectrum-css/coachmark@5.0.72)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -231,8 +560,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.71
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.70...@spectrum-css/coachmark@5.0.71)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.70...@spectrum-css/coachmark@5.0.71)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -240,8 +568,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.70
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.69...@spectrum-css/coachmark@5.0.70)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.69...@spectrum-css/coachmark@5.0.70)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -249,8 +576,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.69
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.68...@spectrum-css/coachmark@5.0.69)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.68...@spectrum-css/coachmark@5.0.69)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -258,8 +584,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.68
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.67...@spectrum-css/coachmark@5.0.68)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.67...@spectrum-css/coachmark@5.0.68)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -267,8 +592,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.67
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.66...@spectrum-css/coachmark@5.0.67)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.66...@spectrum-css/coachmark@5.0.67)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -276,8 +600,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.66
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.65...@spectrum-css/coachmark@5.0.66)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.65...@spectrum-css/coachmark@5.0.66)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -285,8 +608,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.65
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.64...@spectrum-css/coachmark@5.0.65)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.64...@spectrum-css/coachmark@5.0.65)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -294,8 +616,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.64
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.63...@spectrum-css/coachmark@5.0.64)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.63...@spectrum-css/coachmark@5.0.64)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -303,8 +624,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.63
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.62...@spectrum-css/coachmark@5.0.63)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.62...@spectrum-css/coachmark@5.0.63)
### 🔙 Reverts
@@ -314,8 +634,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.62
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.61...@spectrum-css/coachmark@5.0.62)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.61...@spectrum-css/coachmark@5.0.62)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -323,8 +642,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.61
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.59...@spectrum-css/coachmark@5.0.61)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.59...@spectrum-css/coachmark@5.0.61)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -332,8 +650,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.60
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.59...@spectrum-css/coachmark@5.0.60)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.59...@spectrum-css/coachmark@5.0.60)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -341,8 +658,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.59
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.58...@spectrum-css/coachmark@5.0.59)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.58...@spectrum-css/coachmark@5.0.59)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -350,8 +666,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.58
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.57...@spectrum-css/coachmark@5.0.58)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.57...@spectrum-css/coachmark@5.0.58)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -359,8 +674,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.57
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.56...@spectrum-css/coachmark@5.0.57)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.56...@spectrum-css/coachmark@5.0.57)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -368,8 +682,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.56
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.55...@spectrum-css/coachmark@5.0.56)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.55...@spectrum-css/coachmark@5.0.56)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -377,8 +690,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.55
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.54...@spectrum-css/coachmark@5.0.55)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.54...@spectrum-css/coachmark@5.0.55)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -386,8 +698,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.54
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.53...@spectrum-css/coachmark@5.0.54)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.53...@spectrum-css/coachmark@5.0.54)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -395,8 +706,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.53
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.52...@spectrum-css/coachmark@5.0.53)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.52...@spectrum-css/coachmark@5.0.53)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -404,8 +714,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.52
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.51...@spectrum-css/coachmark@5.0.52)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.51...@spectrum-css/coachmark@5.0.52)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -413,8 +722,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.51
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.50...@spectrum-css/coachmark@5.0.51)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.50...@spectrum-css/coachmark@5.0.51)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -422,8 +730,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.50
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.49...@spectrum-css/coachmark@5.0.50)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.49...@spectrum-css/coachmark@5.0.50)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -431,8 +738,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.49
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.48...@spectrum-css/coachmark@5.0.49)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.48...@spectrum-css/coachmark@5.0.49)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -440,8 +746,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.48
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.47...@spectrum-css/coachmark@5.0.48)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.47...@spectrum-css/coachmark@5.0.48)
### 🐛 Bug fixes
@@ -451,8 +756,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.47
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.46...@spectrum-css/coachmark@5.0.47)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.46...@spectrum-css/coachmark@5.0.47)
**Note:** Version bump only for package @spectrum-css/coachmark
@@ -460,8 +764,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.46
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.45...@spectrum-css/coachmark@5.0.46)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/coachmark@5.0.45...@spectrum-css/coachmark@5.0.46)
**Note:** Version bump only for package @spectrum-css/coachmark
diff --git a/components/coachmark/index.css b/components/coachmark/index.css
index a987bc6984e..bd8821b3bb1 100644
--- a/components/coachmark/index.css
+++ b/components/coachmark/index.css
@@ -11,157 +11,136 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-CoachMark {
- --spectrum-coachmark-min-width: var(--spectrum-coach-mark-minimum-width);
- --spectrum-coachmark-width: var(--spectrum-coach-mark-width);
- --spectrum-coachmark-max-width: var(--spectrum-coach-mark-maximum-width);
-
- --spectrum-coachmark-media-height: var(--spectrum-coach-mark-media-height);
- --spectrum-coachmark-media-min-height: var(--spectrum-coach-mark-media-minimum-height);
-
- --spectrum-coachmark-border-size: var(--mod-popover-border-width);
- --spectrum-coachmark-border-radius: var(--mod-popover-corner-radius);
-
- /* layout */
- --spectrum-coachmark-padding: var(--spectrum-coach-mark-edge-to-content);
- --spectrum-coachmark-heading-to-action-button: var(--spectrum-spacing-300);
- --spectrum-coachmark-header-to-body: var(--spectrum-spacing-200);
- --spectrum-coachmark-body-to-footer: var(--spectrum-spacing-300);
-
- /* font */
- --spectrum-coachmark-title-color: var(--spectrum-heading-color);
- --spectrum-coachmark-title-font-family: var(--spectrum-sans-serif-font);
- --spectrum-coachmark-title-font-style: var(--spectrum-heading-serif-font-style);
- --spectrum-coachmark-title-text-font-weight: var(--spectrum-heading-sans-serif-font-weight);
- --spectrum-coachmark-title-font-size: var(--spectrum-coach-mark-title-size);
- --spectrum-coachmark-title-text-line-height: var(--spectrum-heading-line-height);
-
- --spectrum-coachmark-content-font-color: var(--spectrum-body-color);
- --spectrum-coachmark-content-font-weight: var(--spectrum-body-sans-serif-font-weight);
- --spectrum-coachmark-content-font-family: var(--spectrum-sans-serif-font);
- --spectrum-coachmark-content-font-style: var(--spectrum-body-sans-serif-font-style);
- --spectrum-coachmark-content-line-height: var(--spectrum-body-line-height);
- --spectrum-coachmark-content-font-size: var(--spectrum-coach-mark-body-size);
-
- --spectrum-coachmark-step-color: var(--spectrum-coach-mark-pagination-color);
- --spectrum-coachmark-step-font-weight: var(--spectrum-body-sans-serif-font-weight);
- --spectrum-coachmark-step-font-family: var(--spectrum-sans-serif-font);
- --spectrum-coachmark-step-font-style: var(--spectrum-body-sans-serif-font-style);
- --spectrum-coachmark-step-line-height: var(--spectrum-body-line-height);
- --spectrum-coachmark-step-font-size: var(--spectrum-coach-mark-pagination-body-size);
- --spectrum-coachmark-step-to-bottom: var(--spectrum-coach-mark-pagination-text-to-bottom-edge);
-
- /* mods */
+ --spectrum-coachmark-border-size: var(--mod-coachmark-border-size, var(--mod-popover-border-width));
+ --spectrum-coachmark-border-radius: var(--mod-coachmark-border-radius, var(--mod-popover-corner-radius));
+
+ /* @passthrough start */
--mod-buttongroup-justify-content: flex-end;
--mod-popover-border-width: var(--spectrum-border-width-100);
--mod-popover-corner-radius: var(--spectrum-corner-radius-100);
--mod-popover-content-area-spacing-vertical: 0;
--mod-button-edge-to-visual-only: 9px;
+ /* @passthrough end */
position: relative;
- min-inline-size: var(--mod-coachmark-min-width, var(--spectrum-coachmark-min-width));
- max-inline-size: var(--mod-coachmark-max-width, var(--spectrum-coachmark-max-width));
- inline-size: var(--mod-coachmark-width, var(--spectrum-coachmark-width));
-}
-
-.spectrum-CoachMark-buttongroup {
- display: var(--spectrum-coachmark-buttongroup-display);
-}
-
-.spectrum-CoachMark-buttongroup--mobile {
- --mod-buttongroup-spacing-horizontal: var(--spectrum-spacing-100);
- display: var(--spectrum-coachmark-buttongroup-mobile-display);
-}
-
-.spectrum-CoachMark-menu {
- display: var(--spectrum-coachmark-menu-display);
-}
-
-.spectrum-CoachMark-menu--mobile {
- display: var(--spectrum-coachmark-menu-mobile-display);
+ min-inline-size: var(--mod-coachmark-min-width, var(--spectrum-coach-mark-minimum-width));
+ max-inline-size: var(--mod-coachmark-max-width, var(--spectrum-coach-mark-maximum-width));
+ inline-size: var(--mod-coachmark-width, var(--spectrum-coach-mark-width));
}
+/* Used when the coachmark has an image */
.spectrum-CoachMark-image-wrapper {
- block-size: var(--mod-coachmark-media-height, var(--spectrum-coachmark-media-height));
- min-block-size: var(--mod-coachmark-media-min-height, var(--spectrum-coachmark-media-min-height));
- inline-size: calc(var(--mod-coachmark-width, var(--spectrum-coachmark-width)) - (var(--mod-coachmark-border-size, var(--spectrum-coachmark-border-size)) * 2));
+ block-size: var(--mod-coachmark-media-height, var(--spectrum-coach-mark-media-height));
+ min-block-size: var(--mod-coachmark-media-min-height, var(--spectrum-coach-mark-media-minimum-height));
+ inline-size: calc(var(--mod-coachmark-width, var(--spectrum-coach-mark-width)) - (var(--spectrum-coachmark-border-size) * 2));
+
object-fit: cover;
object-position: center;
+
border-start-start-radius: inherit;
border-start-end-radius: inherit;
}
+/* Class for the image; nested inside image-wrapper */
.spectrum-CoachMark-image {
display: block;
inline-size: 100%;
block-size: 100%;
object-fit: cover;
- border-start-start-radius: calc(var(--mod-coachmark-border-radius, var(--spectrum-coachmark-border-radius)) - var(--mod-coachmark-border-size, var(--spectrum-coachmark-border-size)));
- border-start-end-radius: calc(var(--mod-coachmark-border-radius, var(--spectrum-coachmark-border-radius)) - var(--mod-coachmark-border-size, var(--spectrum-coachmark-border-size)));
+ border-start-start-radius: calc(var(--spectrum-coachmark-border-radius) - var(--spectrum-coachmark-border-size));
+ border-start-end-radius: calc(var(--spectrum-coachmark-border-radius) - var(--spectrum-coachmark-border-size));
}
+/* Shared content styles */
.spectrum-CoachMark-header,
.spectrum-CoachMark-content,
.spectrum-CoachMark-footer {
padding-block: 0;
- padding-inline: var(--mod-coachmark-padding, var(--spectrum-coachmark-padding));
+ padding-inline: var(--mod-coachmark-padding, var(--spectrum-coach-mark-edge-to-content));
}
+/* Wrapper contains title, action-menu */
.spectrum-CoachMark-header {
- padding-block-start: var(--mod-coachmark-padding, var(--spectrum-coachmark-padding));
+ padding-block-start: var(--mod-coachmark-padding, var(--spectrum-coach-mark-edge-to-content));
display: flex;
justify-content: space-between;
align-items: center;
- margin-block-end: var(--mod-coachmark-header-to-body, var(--spectrum-coachmark-header-to-body));
+ margin-block-end: var(--mod-coachmark-header-to-body, var(--spectrum-spacing-200));
+}
+
+/* Text wrapper for the title content; sides besdie action menu if present */
+.spectrum-CoachMark-title {
+ color: var(--mod-coachmark-title-color, var(--spectrum-heading-color));
+ font-size: var(--mod-coachmark-title-font-size, var(--spectrum-coach-mark-title-size));
+ font-weight: var(--mod-coachmark-title-text-font-weight, var(--spectrum-heading-sans-serif-font-weight));
+ font-family: var(--mod-coachmark-title-font-family, var(--spectrum-sans-serif-font));
+ font-style: var(--mod-coachmark-title-font-style, var(--spectrum-heading-serif-font-style));
+ line-height: var(--mod-coachmark-title-text-line-height, var(--spectrum-heading-line-height));
+ margin-block-end: 0;
}
+/* Wrapper element around the nested action menu sub-component */
.spectrum-CoachMark-action-menu {
white-space: nowrap;
z-index: 1;
- margin-inline-start: var(--mod-coachmark-heading-to-action-button, var(--spectrum-coachmark-heading-to-action-button));
+ margin-inline-start: var(--mod-coachmark-heading-to-action-button, var(--spectrum-spacing-300));
+}
+
+/* @deprecated not used currently in demos or by SWC */
+.spectrum-CoachMark-menu {
+ display: var(--spectrum-coachmark-menu-display);
}
+/* @deprecated not used currently in demos or by SWC */
+.spectrum-CoachMark-menu--mobile {
+ --spectrum-coachmark-menu-display: var(--spectrum-coachmark-menu-mobile-display);
+}
+
+/* Text wrapper for the content */
.spectrum-CoachMark-content {
- margin-block-end: var(--mod-coachmark-body-to-footer, var(--spectrum-coachmark-body-to-footer));
- color: var(--mod-coachmark-content-font-color, var(--spectrum-coachmark-content-font-color));
- font-size: var(--mod-coachmark-content-font-size, var(--spectrum-coachmark-content-font-size));
- font-weight: var(--mod-coachmark-content-font-weight, var(--spectrum-coachmark-content-font-weight));
- font-family: var(--mod-coachmark-content-font-family, var(--spectrum-coachmark-content-font-family));
- font-style: var(--mod-coachmark-content-font-style, var(--spectrum-coachmark-content-font-style));
- line-height: var(--mod-coachmark-content-line-height, var(--spectrum-coachmark-content-line-height));
+ margin-block-end: var(--mod-coachmark-body-to-footer, var(--spectrum-spacing-300));
+ color: var(--mod-coachmark-content-font-color, var(--spectrum-body-color));
+ font-size: var(--mod-coachmark-content-font-size, var(--spectrum-coach-mark-body-size));
+ font-weight: var(--mod-coachmark-content-font-weight, var(--spectrum-body-sans-serif-font-weight));
+ font-family: var(--mod-coachmark-content-font-family, var(--spectrum-sans-serif-font));
+ font-style: var(--mod-coachmark-content-font-style, var(--spectrum-body-sans-serif-font-style));
+ line-height: var(--mod-coachmark-content-line-height, var(--spectrum-body-line-height));
}
+/* Footer wrapper for the pagination and button group sub-components */
.spectrum-CoachMark-footer {
display: grid;
align-items: end;
margin-block-start: 0;
- padding-block-end: var(--mod-coachmark-padding, var(--spectrum-coachmark-padding));
-
- .spectrum-ButtonGroup {
- grid-column-start: 2;
- }
-}
-
-.spectrum-CoachMark-title {
- color: var(--mod-coachmark-title-color, var(--spectrum-coachmark-title-color));
- font-size: var(--mod-coachmark-title-font-size, var(--spectrum-coachmark-title-font-size));
- font-weight: var(--mod-coachmark-title-text-font-weight, var(--spectrum-coachmark-title-text-font-weight));
- font-family: var(--mod-coachmark-title-font-family, var(--spectrum-coachmark-title-font-family));
- font-style: var(--mod-coachmark-title-font-style, var(--spectrum-coachmark-title-font-style));
- line-height: var(--mod-coachmark-title-text-line-height, var(--spectrum-coachmark-title-text-line-height));
- margin-block-end: 0;
+ padding-block-end: var(--mod-coachmark-padding, var(--spectrum-coach-mark-edge-to-content));
}
+/* Text wrapper for the step count */
.spectrum-CoachMark-step {
justify-self: start;
- color: var(--mod-coachmark-step-color, var(--spectrum-coachmark-step-color));
- font-size: var(--mod-coachmark-step-font-size, var(--spectrum-coachmark-step-font-size));
- font-weight: var(--mod-coachmark-step-text-font-weight, var(--spectrum-coachmark-step-font-weight));
- font-family: var(--spectrum-coachmark-step-font-family);
- font-style: var(--mod-coachmark-step-font-style, var(--spectrum-coachmark-step-font-style));
- line-height: var(--mod-coachmark-step-text-line-height, var(--spectrum-coachmark-step-line-height));
+ margin-block-end: calc(var(--mod-coachmark-step-to-bottom, var(--spectrum-coach-mark-pagination-text-to-bottom-edge)) - var(--mod-coachmark-padding, var(--spectrum-coach-mark-edge-to-content)));
+
+ color: var(--mod-coachmark-step-color, var(--spectrum-coach-mark-pagination-color));
+ font-size: var(--mod-coachmark-step-font-size, var(--spectrum-coach-mark-pagination-body-size));
+ font-weight: var(--mod-coachmark-step-text-font-weight, var(--spectrum-body-sans-serif-font-weight));
+ font-family: var(--spectrum-sans-serif-font);
+ font-style: var(--mod-coachmark-step-font-style, var(--spectrum-body-sans-serif-font-style));
+ line-height: var(--mod-coachmark-step-text-line-height, var(--spectrum-body-line-height));
white-space: nowrap;
- margin-block-end: calc(var(--mod-coachmark-step-to-bottom, var(--spectrum-coachmark-step-to-bottom)) - var(--mod-coachmark-padding, var(--spectrum-coachmark-padding)));
+}
+
+/* Class attached to the ButtonGroup sub-component */
+.spectrum-CoachMark-buttongroup {
+ display: var(--spectrum-coachmark-buttongroup-display);
+ grid-column-start: 2;
+}
+
+/* Variant for mobile */
+/* @todo can we use a media query here or base this on scale? */
+.spectrum-CoachMark-buttongroup--mobile {
+ --spectrum-coachmark-buttongroup-display: var(--spectrum-coachmark-buttongroup-mobile-display);
+
+ /* @passthrough -- ButtonGroup */
+ --mod-buttongroup-spacing: var(--spectrum-spacing-100);
}
diff --git a/components/coachmark/metadata/metadata.json b/components/coachmark/metadata/metadata.json
index c8f2d013465..690cd1f8f6e 100644
--- a/components/coachmark/metadata/metadata.json
+++ b/components/coachmark/metadata/metadata.json
@@ -7,7 +7,6 @@
".spectrum-CoachMark-buttongroup--mobile",
".spectrum-CoachMark-content",
".spectrum-CoachMark-footer",
- ".spectrum-CoachMark-footer .spectrum-ButtonGroup",
".spectrum-CoachMark-header",
".spectrum-CoachMark-image",
".spectrum-CoachMark-image-wrapper",
@@ -59,40 +58,12 @@
"--spectrum-coach-mark-pagination-text-to-bottom-edge",
"--spectrum-coach-mark-title-size",
"--spectrum-coach-mark-width",
- "--spectrum-coachmark-body-to-footer",
"--spectrum-coachmark-border-radius",
"--spectrum-coachmark-border-size",
"--spectrum-coachmark-buttongroup-display",
"--spectrum-coachmark-buttongroup-mobile-display",
- "--spectrum-coachmark-content-font-color",
- "--spectrum-coachmark-content-font-family",
- "--spectrum-coachmark-content-font-size",
- "--spectrum-coachmark-content-font-style",
- "--spectrum-coachmark-content-font-weight",
- "--spectrum-coachmark-content-line-height",
- "--spectrum-coachmark-header-to-body",
- "--spectrum-coachmark-heading-to-action-button",
- "--spectrum-coachmark-max-width",
- "--spectrum-coachmark-media-height",
- "--spectrum-coachmark-media-min-height",
"--spectrum-coachmark-menu-display",
- "--spectrum-coachmark-menu-mobile-display",
- "--spectrum-coachmark-min-width",
- "--spectrum-coachmark-padding",
- "--spectrum-coachmark-step-color",
- "--spectrum-coachmark-step-font-family",
- "--spectrum-coachmark-step-font-size",
- "--spectrum-coachmark-step-font-style",
- "--spectrum-coachmark-step-font-weight",
- "--spectrum-coachmark-step-line-height",
- "--spectrum-coachmark-step-to-bottom",
- "--spectrum-coachmark-title-color",
- "--spectrum-coachmark-title-font-family",
- "--spectrum-coachmark-title-font-size",
- "--spectrum-coachmark-title-font-style",
- "--spectrum-coachmark-title-text-font-weight",
- "--spectrum-coachmark-title-text-line-height",
- "--spectrum-coachmark-width"
+ "--spectrum-coachmark-menu-mobile-display"
],
"global": [
"--spectrum-body-color",
@@ -110,11 +81,10 @@
"--spectrum-spacing-200",
"--spectrum-spacing-300"
],
- "system-theme": [],
"passthroughs": [
"--mod-button-edge-to-visual-only",
"--mod-buttongroup-justify-content",
- "--mod-buttongroup-spacing-horizontal",
+ "--mod-buttongroup-spacing",
"--mod-popover-border-width",
"--mod-popover-content-area-spacing-vertical",
"--mod-popover-corner-radius"
diff --git a/components/coachmark/metadata/mods.md b/components/coachmark/metadata/mods.md
deleted file mode 100644
index 03eefd5a9e6..00000000000
--- a/components/coachmark/metadata/mods.md
+++ /dev/null
@@ -1,31 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------ |
-| `--mod-coachmark-body-to-footer` |
-| `--mod-coachmark-border-radius` |
-| `--mod-coachmark-border-size` |
-| `--mod-coachmark-content-font-color` |
-| `--mod-coachmark-content-font-family` |
-| `--mod-coachmark-content-font-size` |
-| `--mod-coachmark-content-font-style` |
-| `--mod-coachmark-content-font-weight` |
-| `--mod-coachmark-content-line-height` |
-| `--mod-coachmark-header-to-body` |
-| `--mod-coachmark-heading-to-action-button` |
-| `--mod-coachmark-max-width` |
-| `--mod-coachmark-media-height` |
-| `--mod-coachmark-media-min-height` |
-| `--mod-coachmark-min-width` |
-| `--mod-coachmark-padding` |
-| `--mod-coachmark-step-color` |
-| `--mod-coachmark-step-font-size` |
-| `--mod-coachmark-step-font-style` |
-| `--mod-coachmark-step-text-font-weight` |
-| `--mod-coachmark-step-text-line-height` |
-| `--mod-coachmark-step-to-bottom` |
-| `--mod-coachmark-title-color` |
-| `--mod-coachmark-title-font-family` |
-| `--mod-coachmark-title-font-size` |
-| `--mod-coachmark-title-font-style` |
-| `--mod-coachmark-title-text-font-weight` |
-| `--mod-coachmark-title-text-line-height` |
-| `--mod-coachmark-width` |
diff --git a/components/coachmark/package.json b/components/coachmark/package.json
index d9f385b5e20..6263c3a6ec9 100644
--- a/components/coachmark/package.json
+++ b/components/coachmark/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/coachmark",
- "version": "7.3.0",
+ "version": "8.0.0-next.0",
"description": "The Spectrum CSS coachmark component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,27 +17,28 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/actionbutton": ">=6",
- "@spectrum-css/actionmenu": ">=6",
- "@spectrum-css/button": ">=13",
- "@spectrum-css/buttongroup": ">=7",
- "@spectrum-css/menu": ">=7",
- "@spectrum-css/popover": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/actionbutton": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/actionmenu": ">=7.0.0-next.0",
+ "@spectrum-css/button": ">=14.0.0-next.0",
+ "@spectrum-css/buttongroup": ">=7.0.0-next.4",
+ "@spectrum-css/menu": ">=8.0.0-next.0",
+ "@spectrum-css/popover": ">=8.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/button": {
diff --git a/components/coachmark/stories/coachmark.mdx b/components/coachmark/stories/coachmark.mdx
deleted file mode 100644
index 64ea9ecb305..00000000000
--- a/components/coachmark/stories/coachmark.mdx
+++ /dev/null
@@ -1,43 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as CoachmarkStories from "./coachmark.stories";
-
- ${content}
`;
};
+
+/* Displays open and closed action menus in a single story. */
+export const CoachmarkMenuStatesTemplate = (args, context) => Container({
+ withBorder: false,
+ withHeading: false,
+ wrapperStyles: {
+ columnGap: "100px",
+ rowGap: "200px",
+ },
+ content: [
+ Container({
+ withBorder: false,
+ heading: "With action menu",
+ content: Template({...args, isOpen: true}, context),
+ }),
+ Container({
+ withBorder: false,
+ heading: "Without action menu",
+ content: Template({...args, hasActionMenu: false}, context),
+ })
+ ]
+});
diff --git a/components/coachmark/themes/express.css b/components/coachmark/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/coachmark/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/coachmark/themes/spectrum.css b/components/coachmark/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/coachmark/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/colorarea/CHANGELOG.md b/components/colorarea/CHANGELOG.md
index dd373046ceb..a805a07d15c 100644
--- a/components/colorarea/CHANGELOG.md
+++ b/components/colorarea/CHANGELOG.md
@@ -1,5 +1,245 @@
# Change Log
+## 6.0.0-next.0
+
+### Major Changes
+
+- [#3388](https://github.com/adobe/spectrum-css/pull/3388) [`8aa61a9`](https://github.com/adobe/spectrum-css/commit/8aa61a9a92974b4048ba18b4d33e756af9a37d8e) Thanks [@cdransf](https://github.com/cdransf)! - # colorarea S2 migration
+
+ This change migrates the `colorarea` component to S2. It leverages updated tokens and the `rgba(...)` color function, replacing the existing `TODO` and hardcoded values.
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/colorhandle@9.0.0-next.0
+
+## 6.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.17
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.16
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -63,16 +303,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.1.5...@spectrum-css/colorarea@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.1.5...@spectrum-css/colorarea@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -80,8 +317,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.1.4...@spectrum-css/colorarea@4.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.1.4...@spectrum-css/colorarea@4.1.5)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -89,8 +325,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.1.3...@spectrum-css/colorarea@4.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.1.3...@spectrum-css/colorarea@4.1.4)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -98,8 +333,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.1.2...@spectrum-css/colorarea@4.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.1.2...@spectrum-css/colorarea@4.1.3)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -107,8 +341,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.1.1...@spectrum-css/colorarea@4.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.1.1...@spectrum-css/colorarea@4.1.2)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -116,8 +349,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -125,8 +357,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.51...@spectrum-css/colorarea@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.51...@spectrum-css/colorarea@4.1.0)
### ✨ Features
@@ -136,8 +367,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.51
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.50...@spectrum-css/colorarea@4.0.51)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.50...@spectrum-css/colorarea@4.0.51)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -145,8 +375,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.50
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.49...@spectrum-css/colorarea@4.0.50)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.49...@spectrum-css/colorarea@4.0.50)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -154,8 +383,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.49
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.47...@spectrum-css/colorarea@4.0.49)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.47...@spectrum-css/colorarea@4.0.49)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -163,8 +391,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.48
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.47...@spectrum-css/colorarea@4.0.48)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.47...@spectrum-css/colorarea@4.0.48)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -172,8 +399,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.47
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.46...@spectrum-css/colorarea@4.0.47)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.46...@spectrum-css/colorarea@4.0.47)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -181,8 +407,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.46
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.45...@spectrum-css/colorarea@4.0.46)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.45...@spectrum-css/colorarea@4.0.46)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -190,8 +415,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.45
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.44...@spectrum-css/colorarea@4.0.45)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.44...@spectrum-css/colorarea@4.0.45)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -199,8 +423,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.44
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.43...@spectrum-css/colorarea@4.0.44)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.43...@spectrum-css/colorarea@4.0.44)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -208,8 +431,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.43
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.42...@spectrum-css/colorarea@4.0.43)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.42...@spectrum-css/colorarea@4.0.43)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -217,8 +439,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.42
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.41...@spectrum-css/colorarea@4.0.42)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.41...@spectrum-css/colorarea@4.0.42)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -226,8 +447,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.41
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.40...@spectrum-css/colorarea@4.0.41)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.40...@spectrum-css/colorarea@4.0.41)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -235,8 +455,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.40
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.39...@spectrum-css/colorarea@4.0.40)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.39...@spectrum-css/colorarea@4.0.40)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -244,8 +463,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.39
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.38...@spectrum-css/colorarea@4.0.39)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.38...@spectrum-css/colorarea@4.0.39)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -253,8 +471,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.38
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.37...@spectrum-css/colorarea@4.0.38)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.37...@spectrum-css/colorarea@4.0.38)
### 🔙 Reverts
@@ -264,8 +481,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.37
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.36...@spectrum-css/colorarea@4.0.37)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.36...@spectrum-css/colorarea@4.0.37)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -273,8 +489,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.36
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.34...@spectrum-css/colorarea@4.0.36)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.34...@spectrum-css/colorarea@4.0.36)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -282,8 +497,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.35
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.34...@spectrum-css/colorarea@4.0.35)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.34...@spectrum-css/colorarea@4.0.35)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -291,8 +505,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.34
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.33...@spectrum-css/colorarea@4.0.34)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.33...@spectrum-css/colorarea@4.0.34)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -300,8 +513,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.33
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.32...@spectrum-css/colorarea@4.0.33)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.32...@spectrum-css/colorarea@4.0.33)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -309,8 +521,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.32
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.31...@spectrum-css/colorarea@4.0.32)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.31...@spectrum-css/colorarea@4.0.32)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -318,8 +529,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.31
-🗓
-2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.30...@spectrum-css/colorarea@4.0.31)
+🗓 2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.30...@spectrum-css/colorarea@4.0.31)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -327,8 +537,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.30
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.29...@spectrum-css/colorarea@4.0.30)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.29...@spectrum-css/colorarea@4.0.30)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -336,8 +545,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.29
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.28...@spectrum-css/colorarea@4.0.29)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.28...@spectrum-css/colorarea@4.0.29)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -345,8 +553,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.28
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.27...@spectrum-css/colorarea@4.0.28)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.27...@spectrum-css/colorarea@4.0.28)
### 🐛 Bug fixes
@@ -356,8 +563,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.27
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.26...@spectrum-css/colorarea@4.0.27)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.26...@spectrum-css/colorarea@4.0.27)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -365,8 +571,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.26
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.25...@spectrum-css/colorarea@4.0.26)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.25...@spectrum-css/colorarea@4.0.26)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -374,8 +579,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.25
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.24...@spectrum-css/colorarea@4.0.25)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.24...@spectrum-css/colorarea@4.0.25)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -383,8 +587,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.24
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.23...@spectrum-css/colorarea@4.0.24)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.23...@spectrum-css/colorarea@4.0.24)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -392,8 +595,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.23
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.22...@spectrum-css/colorarea@4.0.23)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.22...@spectrum-css/colorarea@4.0.23)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -401,8 +603,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.22
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.21...@spectrum-css/colorarea@4.0.22)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.21...@spectrum-css/colorarea@4.0.22)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -410,8 +611,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.21
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.20...@spectrum-css/colorarea@4.0.21)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.20...@spectrum-css/colorarea@4.0.21)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -419,8 +619,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.20
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.19...@spectrum-css/colorarea@4.0.20)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.19...@spectrum-css/colorarea@4.0.20)
### 🐛 Bug fixes
@@ -430,8 +629,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.19
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.18...@spectrum-css/colorarea@4.0.19)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.18...@spectrum-css/colorarea@4.0.19)
**Note:** Version bump only for package @spectrum-css/colorarea
@@ -439,8 +637,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.18
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.17...@spectrum-css/colorarea@4.0.18)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorarea@4.0.17...@spectrum-css/colorarea@4.0.18)
**Note:** Version bump only for package @spectrum-css/colorarea
diff --git a/components/colorarea/index.css b/components/colorarea/index.css
index 3c83d4b484d..62b41854548 100644
--- a/components/colorarea/index.css
+++ b/components/colorarea/index.css
@@ -11,40 +11,19 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-ColorArea {
--spectrum-colorarea-border-radius: var(--spectrum-color-area-border-rounding);
- --spectrum-colorarea-border-color: rgb(0 0 0 / 10%); /* TODO replace with token --spectrum-color-area-border-color and --spectrum-color-area-border-opacity using RGBA function */
- --spectrum-colorarea-disabled-background-color: var(--spectrum-disabled-background-color);
+
+ /* @TODO: leveraging the rgb token in this case to achieve the desired border color implementation as rgb + opacity are required by the `rgba` function. */
+ --spectrum-colorarea-border-color-rgb: var(--spectrum-gray-1000-rgb);
+ --spectrum-colorarea-border-color: rgba(var(--spectrum-colorarea-border-color-rgb), var(--spectrum-color-area-border-opacity));
--spectrum-colorarea-border-width: var(--spectrum-color-area-border-width);
+ --spectrum-colorarea-disabled-background-color: var(--spectrum-disabled-background-color);
--spectrum-colorarea-height: var(--spectrum-color-area-height);
--spectrum-colorarea-width: var(--spectrum-color-area-width);
--spectrum-colorarea-min-width: var(--spectrum-color-area-minimum-width);
--spectrum-colorarea-min-height: var(--spectrum-color-area-minimum-height);
-}
-
-/* Windows High Contrast Mode */
-@media (forced-colors: active) {
- .spectrum-ColorArea {
- --highcontrast-colorarea-border-color-disabled: GrayText;
- --highcontrast-colorarea-border-color: Canvas;
- --highcontrast-colorarea-fill-color-disabled: Canvas;
- }
-
- .spectrum-ColorArea {
- &.is-disabled {
- forced-color-adjust: none;
- }
- }
-
- .spectrum-ColorArea-gradient,
- .spectrum-ColorHandle-color {
- forced-color-adjust: none;
- }
-}
-.spectrum-ColorArea {
position: relative;
display: inline-block;
cursor: default;
@@ -84,7 +63,9 @@
.spectrum-ColorArea-gradient {
inline-size: 100%;
block-size: 100%;
- border-radius: var(--mod-colorarea-border-radius, var(--spectrum-colorarea-border-radius));
+
+ /* calc used here to properly calculate the `border-radius` for the gradient such that it aligns with the `border-radius` of the enclosing border */
+ border-radius: calc(var(--mod-colorarea-border-radius, var(--spectrum-colorarea-border-radius)) - var(--mod-colorarea-border-width, var(--spectrum-colorarea-border-width)));
}
.spectrum-ColorArea-slider {
@@ -98,3 +79,21 @@
margin: 0;
pointer-events: none;
}
+
+/* Windows High Contrast Mode */
+@media (forced-colors: active) {
+ .spectrum-ColorArea {
+ --highcontrast-colorarea-border-color-disabled: GrayText;
+ --highcontrast-colorarea-border-color: Canvas;
+ --highcontrast-colorarea-fill-color-disabled: Canvas;
+
+ &.is-disabled {
+ forced-color-adjust: none;
+ }
+ }
+
+ .spectrum-ColorArea-gradient,
+ .spectrum-ColorHandle-color {
+ forced-color-adjust: none;
+ }
+}
diff --git a/components/colorarea/metadata/metadata.json b/components/colorarea/metadata/metadata.json
index 700f0f3caf3..9039b7c1028 100644
--- a/components/colorarea/metadata/metadata.json
+++ b/components/colorarea/metadata/metadata.json
@@ -23,6 +23,7 @@
"--mod-colorarea-width"
],
"component": [
+ "--spectrum-color-area-border-opacity",
"--spectrum-color-area-border-rounding",
"--spectrum-color-area-border-width",
"--spectrum-color-area-height",
@@ -30,6 +31,7 @@
"--spectrum-color-area-minimum-width",
"--spectrum-color-area-width",
"--spectrum-colorarea-border-color",
+ "--spectrum-colorarea-border-color-rgb",
"--spectrum-colorarea-border-radius",
"--spectrum-colorarea-border-width",
"--spectrum-colorarea-disabled-background-color",
@@ -38,8 +40,10 @@
"--spectrum-colorarea-min-width",
"--spectrum-colorarea-width"
],
- "global": ["--spectrum-disabled-background-color"],
- "system-theme": [],
+ "global": [
+ "--spectrum-disabled-background-color",
+ "--spectrum-gray-1000-rgb"
+ ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-colorarea-border-color",
diff --git a/components/colorarea/metadata/mods.md b/components/colorarea/metadata/mods.md
deleted file mode 100644
index f0dfdb9b956..00000000000
--- a/components/colorarea/metadata/mods.md
+++ /dev/null
@@ -1,10 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------- |
-| `--mod-colorarea-border-color` |
-| `--mod-colorarea-border-radius` |
-| `--mod-colorarea-border-width` |
-| `--mod-colorarea-disabled-background-color` |
-| `--mod-colorarea-height` |
-| `--mod-colorarea-min-height` |
-| `--mod-colorarea-min-width` |
-| `--mod-colorarea-width` |
diff --git a/components/colorarea/package.json b/components/colorarea/package.json
index 1fa61f7fe6e..7f8abd8a69b 100644
--- a/components/colorarea/package.json
+++ b/components/colorarea/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/colorarea",
- "version": "5.2.0",
+ "version": "6.0.0-next.0",
"description": "The Spectrum CSS Color Area component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/colorhandle": ">=8",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/colorhandle": ">=9.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/colorhandle": "workspace:^",
diff --git a/components/colorarea/stories/colorarea.mdx b/components/colorarea/stories/colorarea.mdx
deleted file mode 100644
index 2dd6f56f540..00000000000
--- a/components/colorarea/stories/colorarea.mdx
+++ /dev/null
@@ -1,47 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as ColorAreaStories from "./colorarea.stories";
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/colorarea/themes/spectrum.css b/components/colorarea/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/colorarea/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/colorhandle/CHANGELOG.md b/components/colorhandle/CHANGELOG.md
index 48c13f14659..5658dc6120b 100644
--- a/components/colorhandle/CHANGELOG.md
+++ b/components/colorhandle/CHANGELOG.md
@@ -1,5 +1,263 @@
# Change Log
+## 9.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`b91a202`](https://github.com/adobe/spectrum-css/commit/b91a2020be7a590a794938546e2f85f3fd9eef3e), [`eda9897`](https://github.com/adobe/spectrum-css/commit/eda9897f1a6e9ecaa4e000985e55b62ecdb9a586)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/colorloupe@6.0.0-next.0
+ - @spectrum-css/opacitycheckerboard@3.0.0-next.0
+
+## 9.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.16
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.16
+
+## 9.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.15
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.15
+
+## 9.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.14
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 9.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.13
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 9.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#3016](https://github.com/adobe/spectrum-css/pull/3016) [`9dd8558`](https://github.com/adobe/spectrum-css/commit/9dd85581dff69b051a16a3b71054fa65334d106b) Thanks [@cdransf](https://github.com/cdransf)! - Move the color handle passthrough modifiers out of the theme to the base index.css.
+
+## 9.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.12
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 9.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.11
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 9.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.10
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 9.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.9
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 9.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.8
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 9.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.7
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 9.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.6
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.6
+
+## 9.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.5
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 9.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.4
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 9.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.3
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 9.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.2
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 9.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.1
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 9.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.0
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.0
+
## 8.2.0
### Minor Changes
@@ -18,6 +276,15 @@
- [#3271](https://github.com/adobe/spectrum-css/pull/3271) [`055906c`](https://github.com/adobe/spectrum-css/commit/055906cddb04bdf34ac64125d95a63697b922760) Thanks [@cdransf](https://github.com/cdransf)! - Disables lint violation and moves comment to stylelint-disable description.
+- Updated dependencies [[`a354b16`](https://github.com/adobe/spectrum-css/commit/a354b166727fb34b17300bcd3a6118a00034e344)]:
+ - @spectrum-css/colorloupe@5.1.4
+
+## 8.1.4
+
+### Patch Changes
+
+- [#3271](https://github.com/adobe/spectrum-css/pull/3271) [`055906c`](https://github.com/adobe/spectrum-css/commit/055906cddb04bdf34ac64125d95a63697b922760) Thanks [@cdransf](https://github.com/cdransf)! - Disables lint violation and moves comment to stylelint-disable description.
+
- Updated dependencies [[`a354b16`](https://github.com/adobe/spectrum-css/commit/a354b166727fb34b17300bcd3a6118a00034e344)]:
- @spectrum-css/colorloupe@5.1.4
@@ -77,8 +344,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.1.4...@spectrum-css/colorhandle@8.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.1.4...@spectrum-css/colorhandle@8.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
@@ -94,8 +360,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.1.3...@spectrum-css/colorhandle@7.1.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.1.3...@spectrum-css/colorhandle@7.1.4)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -103,8 +368,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.1.2...@spectrum-css/colorhandle@7.1.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.1.2...@spectrum-css/colorhandle@7.1.3)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -112,8 +376,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.1.1...@spectrum-css/colorhandle@7.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.1.1...@spectrum-css/colorhandle@7.1.2)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -121,8 +384,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -130,8 +392,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.17...@spectrum-css/colorhandle@7.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.17...@spectrum-css/colorhandle@7.1.0)
### ✨ Features
@@ -141,8 +402,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.17
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.16...@spectrum-css/colorhandle@7.0.17)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.16...@spectrum-css/colorhandle@7.0.17)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -150,8 +410,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.16
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.15...@spectrum-css/colorhandle@7.0.16)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.15...@spectrum-css/colorhandle@7.0.16)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -159,8 +418,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.15
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.13...@spectrum-css/colorhandle@7.0.15)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.13...@spectrum-css/colorhandle@7.0.15)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -168,8 +426,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.14
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.13...@spectrum-css/colorhandle@7.0.14)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.13...@spectrum-css/colorhandle@7.0.14)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -177,8 +434,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.13
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.12...@spectrum-css/colorhandle@7.0.13)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.12...@spectrum-css/colorhandle@7.0.13)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -186,8 +442,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.12
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.11...@spectrum-css/colorhandle@7.0.12)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.11...@spectrum-css/colorhandle@7.0.12)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -195,8 +450,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.11
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.10...@spectrum-css/colorhandle@7.0.11)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.10...@spectrum-css/colorhandle@7.0.11)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -204,8 +458,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.10
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.9...@spectrum-css/colorhandle@7.0.10)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.9...@spectrum-css/colorhandle@7.0.10)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -213,8 +466,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.9
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.8...@spectrum-css/colorhandle@7.0.9)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.8...@spectrum-css/colorhandle@7.0.9)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -222,8 +474,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.8
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.7...@spectrum-css/colorhandle@7.0.8)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.7...@spectrum-css/colorhandle@7.0.8)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -231,8 +482,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.7
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.6...@spectrum-css/colorhandle@7.0.7)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.6...@spectrum-css/colorhandle@7.0.7)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -240,8 +490,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.6
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.5...@spectrum-css/colorhandle@7.0.6)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.5...@spectrum-css/colorhandle@7.0.6)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -249,8 +498,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.5
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.4...@spectrum-css/colorhandle@7.0.5)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.4...@spectrum-css/colorhandle@7.0.5)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -258,8 +506,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.4
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.3...@spectrum-css/colorhandle@7.0.4)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.3...@spectrum-css/colorhandle@7.0.4)
### 🔙 Reverts
@@ -269,8 +516,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.3
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.2...@spectrum-css/colorhandle@7.0.3)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.2...@spectrum-css/colorhandle@7.0.3)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -278,8 +524,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.2
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.0...@spectrum-css/colorhandle@7.0.2)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.0...@spectrum-css/colorhandle@7.0.2)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -287,8 +532,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.1
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.0...@spectrum-css/colorhandle@7.0.1)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@7.0.0...@spectrum-css/colorhandle@7.0.1)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -296,8 +540,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.1.2...@spectrum-css/colorhandle@7.0.0)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.1.2...@spectrum-css/colorhandle@7.0.0)
\*refactor(colorhandle)!: replace focus-ring with focus-visible([3ede96d](https://github.com/adobe/spectrum-css/commit/3ede96d))
@@ -311,8 +554,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.2
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.1.1...@spectrum-css/colorhandle@6.1.2)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.1.1...@spectrum-css/colorhandle@6.1.2)
### 🐛 Bug fixes
@@ -322,8 +564,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.1
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.1.0...@spectrum-css/colorhandle@6.1.1)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.1.0...@spectrum-css/colorhandle@6.1.1)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -331,8 +572,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.0
-🗓
-2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.0.2...@spectrum-css/colorhandle@6.1.0)
+🗓 2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.0.2...@spectrum-css/colorhandle@6.1.0)
### ✨ Features
@@ -342,8 +582,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.2
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.0.1...@spectrum-css/colorhandle@6.0.2)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.0.1...@spectrum-css/colorhandle@6.0.2)
### 🐛 Bug fixes
@@ -353,8 +592,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.1
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.0.0...@spectrum-css/colorhandle@6.0.1)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@6.0.0...@spectrum-css/colorhandle@6.0.1)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -362,8 +600,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.15...@spectrum-css/colorhandle@6.0.0)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.15...@spectrum-css/colorhandle@6.0.0)
\*feat(opacitycheckerboard)!: new component (#1916)([24e9f06](https://github.com/adobe/spectrum-css/commit/24e9f06)), closes[#1916](https://github.com/adobe/spectrum-css/issues/1916)
@@ -413,8 +650,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.15
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.14...@spectrum-css/colorhandle@5.0.15)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.14...@spectrum-css/colorhandle@5.0.15)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -422,8 +658,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.14
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.13...@spectrum-css/colorhandle@5.0.14)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.13...@spectrum-css/colorhandle@5.0.14)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -431,8 +666,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.13
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.12...@spectrum-css/colorhandle@5.0.13)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.12...@spectrum-css/colorhandle@5.0.13)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -440,8 +674,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.12
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.11...@spectrum-css/colorhandle@5.0.12)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.11...@spectrum-css/colorhandle@5.0.12)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -449,8 +682,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.11
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.10...@spectrum-css/colorhandle@5.0.11)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.10...@spectrum-css/colorhandle@5.0.11)
### 🐛 Bug fixes
@@ -460,8 +692,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.10
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.9...@spectrum-css/colorhandle@5.0.10)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.9...@spectrum-css/colorhandle@5.0.10)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -469,8 +700,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.9
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.8...@spectrum-css/colorhandle@5.0.9)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.8...@spectrum-css/colorhandle@5.0.9)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -478,8 +708,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.8
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.7...@spectrum-css/colorhandle@5.0.8)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.7...@spectrum-css/colorhandle@5.0.8)
### 🐛 Bug fixes
@@ -489,8 +718,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.7
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.6...@spectrum-css/colorhandle@5.0.7)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.6...@spectrum-css/colorhandle@5.0.7)
**Note:** Version bump only for package @spectrum-css/colorhandle
@@ -498,8 +726,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.6
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.5...@spectrum-css/colorhandle@5.0.6)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorhandle@5.0.5...@spectrum-css/colorhandle@5.0.6)
**Note:** Version bump only for package @spectrum-css/colorhandle
diff --git a/components/colorhandle/index.css b/components/colorhandle/index.css
index dc1b901bfe7..b5d662d1103 100644
--- a/components/colorhandle/index.css
+++ b/components/colorhandle/index.css
@@ -11,80 +11,77 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
-.spectrum-ColorHandle {
- --spectrum-colorhandle-size: var(--spectrum-color-handle-size);
- --spectrum-colorhandle-focused-size: var(--spectrum-color-handle-size-key-focus);
- --spectrum-colorhandle-hitarea-size: var(--spectrum-color-control-track-width);
+@media (forced-colors: active) {
+ .spectrum-ColorHandle {
+ forced-color-adjust: none;
- --spectrum-colorhandle-animation-duration: var(--spectrum-animation-duration-100);
- --spectrum-colorhandle-animation-easing: ease-in-out;
+ &.is-disabled {
+ --highcontrast-colorhandle-border-color-disabled: GrayText;
+ --highcontrast-colorhandle-fill-color-disabled: Canvas;
+ }
+ }
+}
+.spectrum-ColorHandle {
/* outer border as box shadow on the colorhandle */
- --spectrum-colorhandle-outer-border-color: rgba(var(--spectrum-black-rgb), var(--spectrum-color-handle-outer-border-opacity)); /* TODO replace --spectrum-black-rgb with color-handle-outer-border-color when supported by RGBA */
+ /* TODO replace --spectrum-black-rgb with color-handle-outer-border-color when supported by RGBA */
+ --spectrum-colorhandle-outer-border-color: rgba(var(--spectrum-black-rgb), var(--spectrum-color-handle-outer-border-opacity));
--spectrum-colorhandle-outer-border-width: var(--spectrum-color-handle-outer-border-width);
/* inner border as inset boxshadow on the colorhandle-inner */
- --spectrum-colorhandle-inner-border-color: rgba(var(--spectrum-black-rgb), var(--spectrum-color-handle-inner-border-opacity)); /* TODO replace --spectrum-black-rgb with color-handle-inner-border-color when supported by RGBA */
- --spectrum-colorhandle-inner-border-width: var(--spectrum-color-handle-inner-border-width);
+ /* TODO replace --spectrum-black-rgb with color-handle-inner-border-color when supported by RGBA */
+ --spectrum-colorhandle-inner-border-color: rgba(var(--spectrum-black-rgb), var(--spectrum-color-handle-inner-border-opacity));
- /* primary border on color handle */
- --spectrum-colorhandle-border-width: var(--spectrum-color-handle-border-width);
- --spectrum-colorhandle-border-color: var(--spectrum-white);
- --spectrum-colorhandle-border-color-disabled: var(--spectrum-disabled-content-color);
- --spectrum-colorhandle-fill-color-disabled: var(--spectrum-disabled-background-color);
+ /* @passthrough -- opacity checkerboard customization */
--mod-opacity-checkerboard-position: 50%;
-}
-.spectrum-ColorHandle {
display: block;
position: absolute;
z-index: 1; /* Be above */
box-sizing: border-box;
- inline-size: var(--mod-colorhandle-size, var(--spectrum-colorhandle-size));
- block-size: var(--mod-colorhandle-size, var(--spectrum-colorhandle-size));
+ inline-size: var(--mod-colorhandle-size, var(--spectrum-color-handle-size));
+ block-size: var(--mod-colorhandle-size, var(--spectrum-color-handle-size));
- margin-inline: calc(-1 * calc(var(--mod-colorhandle-size, var(--spectrum-colorhandle-size)) / 2));
- margin-block: calc(-1 * calc(var(--mod-colorhandle-size, var(--spectrum-colorhandle-size)) / 2));
+ margin-inline: calc(-1 * calc(var(--mod-colorhandle-size, var(--spectrum-color-handle-size)) / 2));
+ margin-block: calc(-1 * calc(var(--mod-colorhandle-size, var(--spectrum-color-handle-size)) / 2));
- border-width: var(--mod-colorhandle-border-width, var(--spectrum-colorhandle-border-width));
- border-color: var(--highcontrast-colorhandle-border-color, var(--mod-colorhandle-border-color, var(--spectrum-colorhandle-border-color)));
+ border-width: var(--mod-colorhandle-border-width, var(--spectrum-color-handle-border-width));
+ border-color: var(--mod-colorhandle-border-color, var(--spectrum-white));
border-style: solid;
box-shadow: 0 0 0 var(--mod-colorhandle-outer-border-width, var(--spectrum-colorhandle-outer-border-width)) var(--mod-colorhandle-outer-border-color, var(--spectrum-colorhandle-outer-border-color));
border-radius: 100%;
+ transition: all var(--mod-colorhandle-animation-duration, var(--spectrum-animation-duration-100)) var(--mod-colorhandle-animation-easing, ease-in-out);
+
&::after {
content: "";
- inset-inline: calc(50% - calc(var(--mod-colorhandle-hitarea-size, var(--spectrum-colorhandle-hitarea-size)) / 2));
- inset-block: calc(50% - calc(var(--mod-colorhandle-hitarea-size, var(--spectrum-colorhandle-hitarea-size)) / 2));
+ inset-inline: calc(50% - calc(var(--mod-colorhandle-hitarea-size, var(--spectrum-color-control-track-width)) / 2));
+ inset-block: calc(50% - calc(var(--mod-colorhandle-hitarea-size, var(--spectrum-color-control-track-width)) / 2));
position: absolute;
display: block;
- inline-size: var(--mod-colorhandle-hitarea-size, var(--spectrum-colorhandle-hitarea-size));
- block-size: var(--mod-colorhandle-hitarea-size, var(--spectrum-colorhandle-hitarea-size));
+ inline-size: var(--mod-colorhandle-hitarea-size, var(--spectrum-color-control-track-width));
+ block-size: var(--mod-colorhandle-hitarea-size, var(--spectrum-color-control-track-width));
border-radius: var(--mod-colorhandle-hitarea-border-radius, 100%);
}
- transition: all var(--mod-colorhandle-animation-duration, var(--spectrum-colorhandle-animation-duration)) var(--mod-colorhandle-animation-easing, var(--spectrum-colorhandle-animation-easing));
-
&.is-focused,
&:focus-visible {
/* Bigger handle when focused */
- inline-size: var(--mod-colorhandle-focused-size, var(--spectrum-colorhandle-focused-size));
- block-size: var(--mod-colorhandle-focused-size, var(--spectrum-colorhandle-focused-size));
+ inline-size: var(--mod-colorhandle-focused-size, var(--spectrum-color-handle-size-key-focus));
+ block-size: var(--mod-colorhandle-focused-size, var(--spectrum-color-handle-size-key-focus));
- margin-inline: calc(-1 * var(--mod-colorhandle-size, var(--spectrum-colorhandle-size)));
- margin-block: calc(-1 * var(--mod-colorhandle-size, var(--spectrum-colorhandle-size)));
+ margin-inline: calc(-1 * var(--mod-colorhandle-size, var(--spectrum-color-handle-size)));
+ margin-block: calc(-1 * var(--mod-colorhandle-size, var(--spectrum-color-handle-size)));
outline: none;
}
&.is-disabled {
pointer-events: none;
- border-color: var(--highcontrast-colorhandle-border-color-disabled, var(--mod-colorhandle-border-color-disabled, var(--spectrum-colorhandle-border-color-disabled)));
- background: var(--highcontrast-colorhandle-fill-color-disabled, var(--mod-colorhandle-fill-color-disabled, var(--spectrum-colorhandle-fill-color-disabled)));
+ border-color: var(--highcontrast-colorhandle-border-color-disabled, var(--mod-colorhandle-border-color-disabled, var(--spectrum-disabled-content-color)));
+ background: var(--highcontrast-colorhandle-fill-color-disabled, var(--mod-colorhandle-fill-color-disabled, var(--spectrum-disabled-background-color)));
box-shadow: none;
.spectrum-ColorHandle-inner {
@@ -97,17 +94,6 @@
border-radius: 100%;
inline-size: 100%;
block-size: 100%;
- box-shadow: inset 0 0 0 var(--mod-colorhandle-inner-border-width, var(--spectrum-colorhandle-inner-border-width)) var(--mod-colorhandle-inner-border-color, var(--spectrum-colorhandle-inner-border-color));
+ box-shadow: inset 0 0 0 var(--mod-colorhandle-inner-border-width, var(--spectrum-color-handle-inner-border-width)) var(--mod-colorhandle-inner-border-color, var(--spectrum-colorhandle-inner-border-color));
background-color: var(--spectrum-picked-color);
}
-
-@media (forced-colors: active) {
- .spectrum-ColorHandle {
- forced-color-adjust: none;
-
- &.is-disabled {
- --highcontrast-colorhandle-border-color-disabled: GrayText;
- --highcontrast-colorhandle-fill-color-disabled: Canvas;
- }
- }
-}
diff --git a/components/colorhandle/metadata/metadata.json b/components/colorhandle/metadata/metadata.json
index 93493517b91..cbd2b5d599f 100644
--- a/components/colorhandle/metadata/metadata.json
+++ b/components/colorhandle/metadata/metadata.json
@@ -33,19 +33,9 @@
"--spectrum-color-handle-outer-border-width",
"--spectrum-color-handle-size",
"--spectrum-color-handle-size-key-focus",
- "--spectrum-colorhandle-animation-duration",
- "--spectrum-colorhandle-animation-easing",
- "--spectrum-colorhandle-border-color",
- "--spectrum-colorhandle-border-color-disabled",
- "--spectrum-colorhandle-border-width",
- "--spectrum-colorhandle-fill-color-disabled",
- "--spectrum-colorhandle-focused-size",
- "--spectrum-colorhandle-hitarea-size",
"--spectrum-colorhandle-inner-border-color",
- "--spectrum-colorhandle-inner-border-width",
"--spectrum-colorhandle-outer-border-color",
- "--spectrum-colorhandle-outer-border-width",
- "--spectrum-colorhandle-size"
+ "--spectrum-colorhandle-outer-border-width"
],
"global": [
"--spectrum-animation-duration-100",
@@ -56,10 +46,8 @@
"--spectrum-picked-color",
"--spectrum-white"
],
- "system-theme": [],
"passthroughs": ["--mod-opacity-checkerboard-position"],
"high-contrast": [
- "--highcontrast-colorhandle-border-color",
"--highcontrast-colorhandle-border-color-disabled",
"--highcontrast-colorhandle-fill-color-disabled"
]
diff --git a/components/colorhandle/metadata/mods.md b/components/colorhandle/metadata/mods.md
deleted file mode 100644
index 2a7b6fbbce8..00000000000
--- a/components/colorhandle/metadata/mods.md
+++ /dev/null
@@ -1,16 +0,0 @@
-| Modifiable custom properties |
-| ----------------------------------------- |
-| `--mod-colorhandle-animation-duration` |
-| `--mod-colorhandle-animation-easing` |
-| `--mod-colorhandle-border-color` |
-| `--mod-colorhandle-border-color-disabled` |
-| `--mod-colorhandle-border-width` |
-| `--mod-colorhandle-fill-color-disabled` |
-| `--mod-colorhandle-focused-size` |
-| `--mod-colorhandle-hitarea-border-radius` |
-| `--mod-colorhandle-hitarea-size` |
-| `--mod-colorhandle-inner-border-color` |
-| `--mod-colorhandle-inner-border-width` |
-| `--mod-colorhandle-outer-border-color` |
-| `--mod-colorhandle-outer-border-width` |
-| `--mod-colorhandle-size` |
diff --git a/components/colorhandle/package.json b/components/colorhandle/package.json
index a68a5f24382..903cca77bb3 100644
--- a/components/colorhandle/package.json
+++ b/components/colorhandle/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/colorhandle",
- "version": "8.2.0",
+ "version": "9.0.0-next.0",
"description": "The Spectrum CSS Color Handle component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,23 +17,24 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/colorloupe": ">=5",
- "@spectrum-css/opacitycheckerboard": ">=2",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/colorloupe": ">=6.0.0-next.0",
+ "@spectrum-css/opacitycheckerboard": ">=3.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/colorloupe": {
diff --git a/components/colorhandle/stories/colorhandle.mdx b/components/colorhandle/stories/colorhandle.mdx
deleted file mode 100644
index 9555652e7cc..00000000000
--- a/components/colorhandle/stories/colorhandle.mdx
+++ /dev/null
@@ -1,51 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as ColorHandleStories from "./colorhandle.stories";
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/colorhandle/themes/spectrum.css b/components/colorhandle/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/colorhandle/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/colorloupe/CHANGELOG.md b/components/colorloupe/CHANGELOG.md
index f911d4dc104..01c34523859 100644
--- a/components/colorloupe/CHANGELOG.md
+++ b/components/colorloupe/CHANGELOG.md
@@ -1,5 +1,221 @@
# Change Log
+## 6.0.0-next.0
+
+### Major Changes
+
+- [#3301](https://github.com/adobe/spectrum-css/pull/3301) [`b91a202`](https://github.com/adobe/spectrum-css/commit/b91a2020be7a590a794938546e2f85f3fd9eef3e) Thanks [@rise-erpelding](https://github.com/rise-erpelding)! - Migrates color loupe to Spectrum 2 tokens. Color loupe now uses the new drop shadow tokens `--spectrum-drop-shadow-elevated-x`, `--spectrum-drop-shadow-elevated-y`, `--spectrum-drop-shadow-elevated-blur`, and `--spectrum-drop-shadow-elevated-color` rather than specific color loupe tokens.
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+
+## 6.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -12,6 +228,12 @@
- [#3272](https://github.com/adobe/spectrum-css/pull/3272) [`a354b16`](https://github.com/adobe/spectrum-css/commit/a354b166727fb34b17300bcd3a6118a00034e344) Thanks [@cdransf](https://github.com/cdransf)! - Disables lint violation and moves comment to stylelint-disable description.
+## 5.1.4
+
+### Patch Changes
+
+- [#3272](https://github.com/adobe/spectrum-css/pull/3272) [`a354b16`](https://github.com/adobe/spectrum-css/commit/a354b166727fb34b17300bcd3a6118a00034e344) Thanks [@cdransf](https://github.com/cdransf)! - Disables lint violation and moves comment to stylelint-disable description.
+
## 5.1.3
### Patch Changes
@@ -54,16 +276,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.2.4...@spectrum-css/colorloupe@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.2.4...@spectrum-css/colorloupe@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -71,8 +290,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.2.3...@spectrum-css/colorloupe@4.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.2.3...@spectrum-css/colorloupe@4.2.4)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -80,8 +298,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.2.2...@spectrum-css/colorloupe@4.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.2.2...@spectrum-css/colorloupe@4.2.3)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -89,8 +306,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.2.1...@spectrum-css/colorloupe@4.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.2.1...@spectrum-css/colorloupe@4.2.2)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -98,8 +314,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -107,8 +322,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.28...@spectrum-css/colorloupe@4.2.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.28...@spectrum-css/colorloupe@4.2.0)
### ✨ Features
@@ -118,8 +332,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.28
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.27...@spectrum-css/colorloupe@4.1.28)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.27...@spectrum-css/colorloupe@4.1.28)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -127,8 +340,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.27
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.26...@spectrum-css/colorloupe@4.1.27)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.26...@spectrum-css/colorloupe@4.1.27)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -136,8 +348,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.26
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.24...@spectrum-css/colorloupe@4.1.26)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.24...@spectrum-css/colorloupe@4.1.26)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -145,8 +356,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.25
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.24...@spectrum-css/colorloupe@4.1.25)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.24...@spectrum-css/colorloupe@4.1.25)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -154,8 +364,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.24
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.23...@spectrum-css/colorloupe@4.1.24)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.23...@spectrum-css/colorloupe@4.1.24)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -163,8 +372,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.23
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.22...@spectrum-css/colorloupe@4.1.23)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.22...@spectrum-css/colorloupe@4.1.23)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -172,8 +380,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.22
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.21...@spectrum-css/colorloupe@4.1.22)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.21...@spectrum-css/colorloupe@4.1.22)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -181,8 +388,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.21
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.20...@spectrum-css/colorloupe@4.1.21)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.20...@spectrum-css/colorloupe@4.1.21)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -190,8 +396,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.20
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.19...@spectrum-css/colorloupe@4.1.20)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.19...@spectrum-css/colorloupe@4.1.20)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -199,8 +404,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.19
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.18...@spectrum-css/colorloupe@4.1.19)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.18...@spectrum-css/colorloupe@4.1.19)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -208,8 +412,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.18
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.17...@spectrum-css/colorloupe@4.1.18)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.17...@spectrum-css/colorloupe@4.1.18)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -217,8 +420,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.17
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.16...@spectrum-css/colorloupe@4.1.17)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.16...@spectrum-css/colorloupe@4.1.17)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -226,8 +428,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.16
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.15...@spectrum-css/colorloupe@4.1.16)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.15...@spectrum-css/colorloupe@4.1.16)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -235,8 +436,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.15
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.14...@spectrum-css/colorloupe@4.1.15)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.14...@spectrum-css/colorloupe@4.1.15)
### 🔙 Reverts
@@ -246,8 +446,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.14
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.13...@spectrum-css/colorloupe@4.1.14)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.13...@spectrum-css/colorloupe@4.1.14)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -255,8 +454,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.13
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.11...@spectrum-css/colorloupe@4.1.13)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.11...@spectrum-css/colorloupe@4.1.13)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -264,8 +462,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.12
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.11...@spectrum-css/colorloupe@4.1.12)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.11...@spectrum-css/colorloupe@4.1.12)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -273,8 +470,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.11
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.10...@spectrum-css/colorloupe@4.1.11)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.10...@spectrum-css/colorloupe@4.1.11)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -282,8 +478,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.10
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.9...@spectrum-css/colorloupe@4.1.10)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.9...@spectrum-css/colorloupe@4.1.10)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -291,8 +486,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.9
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.8...@spectrum-css/colorloupe@4.1.9)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.8...@spectrum-css/colorloupe@4.1.9)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -300,8 +494,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.8
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.7...@spectrum-css/colorloupe@4.1.8)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.7...@spectrum-css/colorloupe@4.1.8)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -309,8 +502,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.7
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.6...@spectrum-css/colorloupe@4.1.7)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.6...@spectrum-css/colorloupe@4.1.7)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -318,8 +510,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.6
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.5...@spectrum-css/colorloupe@4.1.6)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.5...@spectrum-css/colorloupe@4.1.6)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -327,8 +518,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.5
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.4...@spectrum-css/colorloupe@4.1.5)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.4...@spectrum-css/colorloupe@4.1.5)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -336,8 +526,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.4
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.3...@spectrum-css/colorloupe@4.1.4)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.3...@spectrum-css/colorloupe@4.1.4)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -345,8 +534,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.3
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.2...@spectrum-css/colorloupe@4.1.3)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.2...@spectrum-css/colorloupe@4.1.3)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -354,8 +542,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.2
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.1...@spectrum-css/colorloupe@4.1.2)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.1...@spectrum-css/colorloupe@4.1.2)
### 🐛 Bug fixes
@@ -365,8 +552,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.1
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.0...@spectrum-css/colorloupe@4.1.1)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.1.0...@spectrum-css/colorloupe@4.1.1)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -374,8 +560,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.0.8...@spectrum-css/colorloupe@4.1.0)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.0.8...@spectrum-css/colorloupe@4.1.0)
### ✨ Features
@@ -385,8 +570,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.0.7...@spectrum-css/colorloupe@4.0.8)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.0.7...@spectrum-css/colorloupe@4.0.8)
### 🐛 Bug fixes
@@ -396,8 +580,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.0.6...@spectrum-css/colorloupe@4.0.7)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.0.6...@spectrum-css/colorloupe@4.0.7)
**Note:** Version bump only for package @spectrum-css/colorloupe
@@ -405,8 +588,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.0.5...@spectrum-css/colorloupe@4.0.6)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorloupe@4.0.5...@spectrum-css/colorloupe@4.0.6)
**Note:** Version bump only for package @spectrum-css/colorloupe
diff --git a/components/colorloupe/index.css b/components/colorloupe/index.css
index 019f406aace..cbf3ffab4be 100644
--- a/components/colorloupe/index.css
+++ b/components/colorloupe/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-ColorLoupe {
--spectrum-colorloupe-width: var(--spectrum-color-loupe-width);
--spectrum-colorloupe-height: var(--spectrum-color-loupe-height);
@@ -20,10 +18,10 @@
--spectrum-colorloupe-offset: var(--spectrum-color-loupe-bottom-to-color-handle);
--spectrum-colorloupe-animation-distance: 8px; /* TODO: replace with forthcoming animation token */
- --spectrum-colorloupe-drop-shadow-x: var(--spectrum-drop-shadow-x);
- --spectrum-colorloupe-drop-shadow-y: var(--spectrum-color-loupe-drop-shadow-y);
- --spectrum-colorloupe-drop-shadow-blur: var(--spectrum-color-loupe-drop-shadow-blur);
- --spectrum-colorloupe-drop-shadow-color: var(--spectrum-color-loupe-drop-shadow-color);
+ --spectrum-colorloupe-drop-shadow-x: var(--spectrum-drop-shadow-elevated-x);
+ --spectrum-colorloupe-drop-shadow-y: var(--spectrum-drop-shadow-elevated-y);
+ --spectrum-colorloupe-drop-shadow-blur: var(--spectrum-drop-shadow-elevated-blur);
+ --spectrum-colorloupe-drop-shadow-color: var(--spectrum-drop-shadow-elevated-color);
--spectrum-colorloupe-outer-border-width: var(--spectrum-color-loupe-outer-border-width);
--spectrum-colorloupe-inner-border-width: var(--spectrum-color-loupe-inner-border-width);
@@ -32,9 +30,7 @@
--spectrum-colorloupe-checkerboard-dark-color: var(--spectrum-opacity-checkerboard-square-dark);
--spectrum-colorloupe-checkerboard-light-color: var(--spectrum-opacity-checkerboard-square-light);
-}
-.spectrum-ColorLoupe {
inline-size: var(--spectrum-colorloupe-width);
block-size: var(--spectrum-colorloupe-height);
@@ -63,6 +59,7 @@
}
.spectrum-ColorLoupe-inner-border {
+ /* Undefined variable allows custom stylesheet or JS to pass the value to this element */
fill: var(--spectrum-picked-color);
stroke: var(--mod-colorloupe-inner-border-color, var(--spectrum-colorloupe-inner-border-color));
stroke-width: var(--mod-colorloupe-inner-border-width, var(--spectrum-colorloupe-inner-border-width));
diff --git a/components/colorloupe/metadata/metadata.json b/components/colorloupe/metadata/metadata.json
index 4b3ff629453..6dc6d89d31f 100644
--- a/components/colorloupe/metadata/metadata.json
+++ b/components/colorloupe/metadata/metadata.json
@@ -25,9 +25,6 @@
],
"component": [
"--spectrum-color-loupe-bottom-to-color-handle",
- "--spectrum-color-loupe-drop-shadow-blur",
- "--spectrum-color-loupe-drop-shadow-color",
- "--spectrum-color-loupe-drop-shadow-y",
"--spectrum-color-loupe-height",
"--spectrum-color-loupe-inner-border",
"--spectrum-color-loupe-inner-border-width",
@@ -53,12 +50,14 @@
"global": [
"--spectrum-color-handle-outer-border-width",
"--spectrum-color-handle-size",
- "--spectrum-drop-shadow-x",
+ "--spectrum-drop-shadow-elevated-blur",
+ "--spectrum-drop-shadow-elevated-color",
+ "--spectrum-drop-shadow-elevated-x",
+ "--spectrum-drop-shadow-elevated-y",
"--spectrum-opacity-checkerboard-square-dark",
"--spectrum-opacity-checkerboard-square-light",
"--spectrum-picked-color"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": ["--highcontrast-colorloupe-outer-border-color"]
}
diff --git a/components/colorloupe/metadata/mods.md b/components/colorloupe/metadata/mods.md
deleted file mode 100644
index 980052dec82..00000000000
--- a/components/colorloupe/metadata/mods.md
+++ /dev/null
@@ -1,12 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------- |
-| `--mod-colorloupe-animation-distance` |
-| `--mod-colorloupe-drop-shadow-blur` |
-| `--mod-colorloupe-drop-shadow-color` |
-| `--mod-colorloupe-drop-shadow-x` |
-| `--mod-colorloupe-drop-shadow-y` |
-| `--mod-colorloupe-inner-border-color` |
-| `--mod-colorloupe-inner-border-width` |
-| `--mod-colorloupe-offset` |
-| `--mod-colorloupe-outer-border-color` |
-| `--mod-colorloupe-outer-border-width` |
diff --git a/components/colorloupe/package.json b/components/colorloupe/package.json
index 5873ba621c0..449138ae5b6 100644
--- a/components/colorloupe/package.json
+++ b/components/colorloupe/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/colorloupe",
- "version": "5.2.0",
+ "version": "6.0.0-next.0",
"description": "The Spectrum CSS Color Loupe component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/colorloupe/stories/colorloupe.mdx b/components/colorloupe/stories/colorloupe.mdx
deleted file mode 100644
index 034afcb7f35..00000000000
--- a/components/colorloupe/stories/colorloupe.mdx
+++ /dev/null
@@ -1,45 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as ColorLoupeStories from "./colorloupe.stories";
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/colorloupe/themes/spectrum.css b/components/colorloupe/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/colorloupe/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/colorslider/CHANGELOG.md b/components/colorslider/CHANGELOG.md
index 7106737fee3..71769a000d5 100644
--- a/components/colorslider/CHANGELOG.md
+++ b/components/colorslider/CHANGELOG.md
@@ -1,5 +1,268 @@
# Change Log
+## 7.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`eda9897`](https://github.com/adobe/spectrum-css/commit/eda9897f1a6e9ecaa4e000985e55b62ecdb9a586)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/opacitycheckerboard@3.0.0-next.0
+ - @spectrum-css/colorhandle@9.0.0-next.0
+
+## 7.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.16
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.17
+
+## 7.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.15
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.16
+
+## 7.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.14
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 7.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.13
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 7.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#3017](https://github.com/adobe/spectrum-css/pull/3017) [`2715979`](https://github.com/adobe/spectrum-css/commit/2715979ffef5eda39cf2701d0cccd18efd94136c) Thanks [@cdransf](https://github.com/cdransf)! - Move the color slider passthrough modifiers out of the theme to the base index.css.
+
+### Patch Changes
+
+- Updated dependencies [[`9dd8558`](https://github.com/adobe/spectrum-css/commit/9dd85581dff69b051a16a3b71054fa65334d106b)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.12
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.11
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 7.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.10
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 7.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.9
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 7.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.8
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 7.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.7
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 7.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.6
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.6
+
+## 7.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.5
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 7.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.4
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 7.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.3
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 7.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.2
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.1
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 7.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.0
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.0
+
## 6.2.0
### Minor Changes
@@ -24,6 +287,18 @@
- [#3284](https://github.com/adobe/spectrum-css/pull/3284) [`cc9afaa`](https://github.com/adobe/spectrum-css/commit/cc9afaaf4ac1aa9311028307c0a18c25d12c0193) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violations by removing unused custom properties.
+## 6.1.5
+
+### Patch Changes
+
+- [#3300](https://github.com/adobe/spectrum-css/pull/3300) [`89797d0`](https://github.com/adobe/spectrum-css/commit/89797d0324bcbf2195a28840ce87ed6959da24a5) Thanks [@castastrophe](https://github.com/castastrophe)! - Remove duplicate references
+
+## 6.1.4
+
+### Patch Changes
+
+- [#3284](https://github.com/adobe/spectrum-css/pull/3284) [`cc9afaa`](https://github.com/adobe/spectrum-css/commit/cc9afaaf4ac1aa9311028307c0a18c25d12c0193) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violations by removing unused custom properties.
+
## 6.1.3
### Patch Changes
@@ -80,8 +355,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.1.5...@spectrum-css/colorslider@6.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.1.5...@spectrum-css/colorslider@6.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
@@ -97,8 +371,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.1.4...@spectrum-css/colorslider@5.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.1.4...@spectrum-css/colorslider@5.1.5)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -106,8 +379,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.1.3...@spectrum-css/colorslider@5.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.1.3...@spectrum-css/colorslider@5.1.4)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -115,8 +387,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.1.2...@spectrum-css/colorslider@5.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.1.2...@spectrum-css/colorslider@5.1.3)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -124,8 +395,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.1.1...@spectrum-css/colorslider@5.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.1.1...@spectrum-css/colorslider@5.1.2)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -133,8 +403,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -142,8 +411,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.14...@spectrum-css/colorslider@5.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.14...@spectrum-css/colorslider@5.1.0)
### ✨ Features
@@ -153,8 +421,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.14
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.13...@spectrum-css/colorslider@5.0.14)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.13...@spectrum-css/colorslider@5.0.14)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -162,8 +429,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.13
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.12...@spectrum-css/colorslider@5.0.13)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.12...@spectrum-css/colorslider@5.0.13)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -171,8 +437,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.12
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.10...@spectrum-css/colorslider@5.0.12)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.10...@spectrum-css/colorslider@5.0.12)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -180,8 +445,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.11
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.10...@spectrum-css/colorslider@5.0.11)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.10...@spectrum-css/colorslider@5.0.11)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -189,8 +453,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.10
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.9...@spectrum-css/colorslider@5.0.10)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.9...@spectrum-css/colorslider@5.0.10)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -198,8 +461,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.9
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.8...@spectrum-css/colorslider@5.0.9)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.8...@spectrum-css/colorslider@5.0.9)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -207,8 +469,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.8
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.7...@spectrum-css/colorslider@5.0.8)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.7...@spectrum-css/colorslider@5.0.8)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -216,8 +477,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.7
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.6...@spectrum-css/colorslider@5.0.7)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.6...@spectrum-css/colorslider@5.0.7)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -225,8 +485,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.6
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.5...@spectrum-css/colorslider@5.0.6)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.5...@spectrum-css/colorslider@5.0.6)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -234,8 +493,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.5
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.4...@spectrum-css/colorslider@5.0.5)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.4...@spectrum-css/colorslider@5.0.5)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -243,8 +501,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.4
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.3...@spectrum-css/colorslider@5.0.4)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.3...@spectrum-css/colorslider@5.0.4)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -252,8 +509,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.3
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.2...@spectrum-css/colorslider@5.0.3)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.2...@spectrum-css/colorslider@5.0.3)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -261,8 +517,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.2
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.1...@spectrum-css/colorslider@5.0.2)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.1...@spectrum-css/colorslider@5.0.2)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -270,8 +525,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.1
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.0...@spectrum-css/colorslider@5.0.1)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@5.0.0...@spectrum-css/colorslider@5.0.1)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -279,8 +533,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.9...@spectrum-css/colorslider@5.0.0)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.9...@spectrum-css/colorslider@5.0.0)
### 🔙 Reverts
@@ -464,8 +717,7 @@ Update devDependencies to use latest version of tokens package.
## 4.0.9
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.8...@spectrum-css/colorslider@4.0.9)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.8...@spectrum-css/colorslider@4.0.9)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -473,8 +725,7 @@ Update devDependencies to use latest version of tokens package.
## 4.0.8
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.6...@spectrum-css/colorslider@4.0.8)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.6...@spectrum-css/colorslider@4.0.8)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -482,8 +733,7 @@ Update devDependencies to use latest version of tokens package.
## 4.0.7
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.6...@spectrum-css/colorslider@4.0.7)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.6...@spectrum-css/colorslider@4.0.7)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -491,8 +741,7 @@ Update devDependencies to use latest version of tokens package.
## 4.0.6
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.5...@spectrum-css/colorslider@4.0.6)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.5...@spectrum-css/colorslider@4.0.6)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -500,8 +749,7 @@ Update devDependencies to use latest version of tokens package.
## 4.0.5
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.4...@spectrum-css/colorslider@4.0.5)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.4...@spectrum-css/colorslider@4.0.5)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -509,8 +757,7 @@ Update devDependencies to use latest version of tokens package.
## 4.0.4
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.3...@spectrum-css/colorslider@4.0.4)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.3...@spectrum-css/colorslider@4.0.4)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -518,8 +765,7 @@ Update devDependencies to use latest version of tokens package.
## 4.0.3
-🗓
-2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.2...@spectrum-css/colorslider@4.0.3)
+🗓 2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.2...@spectrum-css/colorslider@4.0.3)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -527,8 +773,7 @@ Update devDependencies to use latest version of tokens package.
## 4.0.2
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.1...@spectrum-css/colorslider@4.0.2)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.1...@spectrum-css/colorslider@4.0.2)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -536,8 +781,7 @@ Update devDependencies to use latest version of tokens package.
## 4.0.1
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.0...@spectrum-css/colorslider@4.0.1)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@4.0.0...@spectrum-css/colorslider@4.0.1)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -545,8 +789,7 @@ Update devDependencies to use latest version of tokens package.
## 4.0.0
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.23...@spectrum-css/colorslider@4.0.0)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.23...@spectrum-css/colorslider@4.0.0)
\*feat(opacitycheckerboard)!: new component (#1916)([24e9f06](https://github.com/adobe/spectrum-css/commit/24e9f06)), closes[#1916](https://github.com/adobe/spectrum-css/issues/1916)
@@ -596,8 +839,7 @@ Update devDependencies to use latest version of tokens package.
## 3.0.23
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.22...@spectrum-css/colorslider@3.0.23)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.22...@spectrum-css/colorslider@3.0.23)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -605,8 +847,7 @@ Update devDependencies to use latest version of tokens package.
## 3.0.22
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.21...@spectrum-css/colorslider@3.0.22)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.21...@spectrum-css/colorslider@3.0.22)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -614,8 +855,7 @@ Update devDependencies to use latest version of tokens package.
## 3.0.21
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.20...@spectrum-css/colorslider@3.0.21)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.20...@spectrum-css/colorslider@3.0.21)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -623,8 +863,7 @@ Update devDependencies to use latest version of tokens package.
## 3.0.20
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.19...@spectrum-css/colorslider@3.0.20)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.19...@spectrum-css/colorslider@3.0.20)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -632,8 +871,7 @@ Update devDependencies to use latest version of tokens package.
## 3.0.19
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.18...@spectrum-css/colorslider@3.0.19)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.18...@spectrum-css/colorslider@3.0.19)
### 🐛 Bug fixes
@@ -643,8 +881,7 @@ Update devDependencies to use latest version of tokens package.
## 3.0.18
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.17...@spectrum-css/colorslider@3.0.18)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.17...@spectrum-css/colorslider@3.0.18)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -652,8 +889,7 @@ Update devDependencies to use latest version of tokens package.
## 3.0.17
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.16...@spectrum-css/colorslider@3.0.17)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.16...@spectrum-css/colorslider@3.0.17)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -661,8 +897,7 @@ Update devDependencies to use latest version of tokens package.
## 3.0.16
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.15...@spectrum-css/colorslider@3.0.16)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.15...@spectrum-css/colorslider@3.0.16)
### 🐛 Bug fixes
@@ -672,8 +907,7 @@ Update devDependencies to use latest version of tokens package.
## 3.0.15
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.14...@spectrum-css/colorslider@3.0.15)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.14...@spectrum-css/colorslider@3.0.15)
**Note:** Version bump only for package @spectrum-css/colorslider
@@ -681,8 +915,7 @@ Update devDependencies to use latest version of tokens package.
## 3.0.14
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.13...@spectrum-css/colorslider@3.0.14)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.13...@spectrum-css/colorslider@3.0.14)
**Note:** Version bump only for package @spectrum-css/colorslider
diff --git a/components/colorslider/index.css b/components/colorslider/index.css
index b9ed2d5598c..2876596753d 100644
--- a/components/colorslider/index.css
+++ b/components/colorslider/index.css
@@ -11,9 +11,7 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
- @media (forced-colors: active) {
+@media (forced-colors: active) {
.spectrum-ColorSlider {
--highcontrast-color-slider-border-color: CanvasText;
--highcontrast-color-slider-border-color-disabled: GrayText;
@@ -24,9 +22,9 @@
.spectrum-ColorSlider {
/* @todo Refactor with --spectrum-color-slider-border-color once gray rgb token is no longer necessary to workaround nested rgb color token value using rgba(). */
- --spectrum-color-slider-border-color-rgba: rgba(var(--spectrum-gray-900-rgb), var(--spectrum-color-slider-border-opacity));
+ --spectrum-color-slider-border-color-default: rgba(var(--spectrum-gray-900-rgb), var(--spectrum-color-slider-border-opacity));
- /* Settings for nested Color handle */
+ /* @passthrough -- settings for nested color handle */
--mod-colorhandle-hitarea-border-radius: var(--mod-color-slider-handle-hitarea-border-radius, 0px);
position: relative;
@@ -74,7 +72,7 @@
}
.spectrum-ColorSlider-checkerboard {
- --spectrum-color-slider-border-color-local: var(--highcontrast-color-slider-border-color, var(--mod-color-slider-border-color, var(--spectrum-color-slider-border-color-rgba)));
+ --spectrum-color-slider-border-color-local: var(--highcontrast-color-slider-border-color, var(--mod-color-slider-border-color, var(--spectrum-color-slider-border-color-default)));
/* Inset border on top of background, created with box-shadow. */
&::before {
diff --git a/components/colorslider/metadata/metadata.json b/components/colorslider/metadata/metadata.json
index c28f43e96de..de2b20d0bfa 100644
--- a/components/colorslider/metadata/metadata.json
+++ b/components/colorslider/metadata/metadata.json
@@ -32,8 +32,8 @@
"--mod-color-slider-vertical-minimum-height"
],
"component": [
+ "--spectrum-color-slider-border-color-default",
"--spectrum-color-slider-border-color-local",
- "--spectrum-color-slider-border-color-rgba",
"--spectrum-color-slider-border-opacity",
"--spectrum-color-slider-border-rounding",
"--spectrum-color-slider-border-width",
@@ -45,7 +45,6 @@
"--spectrum-disabled-background-color",
"--spectrum-gray-900-rgb"
],
- "system-theme": [],
"passthroughs": ["--mod-colorhandle-hitarea-border-radius"],
"high-contrast": [
"--highcontrast-color-slider-background-color-disabled",
diff --git a/components/colorslider/metadata/mods.md b/components/colorslider/metadata/mods.md
deleted file mode 100644
index a35666e043c..00000000000
--- a/components/colorslider/metadata/mods.md
+++ /dev/null
@@ -1,15 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------- |
-| `--mod-color-slider-background-color-disabled` |
-| `--mod-color-slider-border-color` |
-| `--mod-color-slider-border-color-disabled` |
-| `--mod-color-slider-border-rounding` |
-| `--mod-color-slider-border-width` |
-| `--mod-color-slider-control-track-height` |
-| `--mod-color-slider-control-track-width` |
-| `--mod-color-slider-handle-hitarea-border-radius` |
-| `--mod-color-slider-length` |
-| `--mod-color-slider-minimum-length` |
-| `--mod-color-slider-vertical-control-track-width` |
-| `--mod-color-slider-vertical-height` |
-| `--mod-color-slider-vertical-minimum-height` |
diff --git a/components/colorslider/package.json b/components/colorslider/package.json
index 889c092b831..9e92b5ee684 100644
--- a/components/colorslider/package.json
+++ b/components/colorslider/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/colorslider",
- "version": "6.2.0",
+ "version": "7.0.0-next.0",
"description": "The Spectrum CSS Color slider component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,23 +17,24 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/colorhandle": ">=8",
- "@spectrum-css/opacitycheckerboard": ">=2",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/colorhandle": ">=9.0.0-next.0",
+ "@spectrum-css/opacitycheckerboard": ">=3.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/colorhandle": "workspace:^",
diff --git a/components/colorslider/stories/colorslider.mdx b/components/colorslider/stories/colorslider.mdx
deleted file mode 100644
index 7e41a052594..00000000000
--- a/components/colorslider/stories/colorslider.mdx
+++ /dev/null
@@ -1,64 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as ColorSliderStories from "./colorslider.stories";
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
diff --git a/components/colorslider/themes/spectrum.css b/components/colorslider/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/colorslider/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/colorwheel/CHANGELOG.md b/components/colorwheel/CHANGELOG.md
index a9a9c3a50ea..b632dff6250 100644
--- a/components/colorwheel/CHANGELOG.md
+++ b/components/colorwheel/CHANGELOG.md
@@ -1,5 +1,275 @@
# Change Log
+## 5.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`8aa61a9`](https://github.com/adobe/spectrum-css/commit/8aa61a9a92974b4048ba18b4d33e756af9a37d8e), [`b91a202`](https://github.com/adobe/spectrum-css/commit/b91a2020be7a590a794938546e2f85f3fd9eef3e)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/colorarea@6.0.0-next.0
+ - @spectrum-css/colorloupe@6.0.0-next.0
+ - @spectrum-css/colorhandle@9.0.0-next.0
+
+## 5.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.17
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.16
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.16
+
+## 5.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.16
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.15
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.15
+
+## 5.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.15
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.14
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 5.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.14
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.13
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 5.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.12
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.12
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 5.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.11
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.11
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 5.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.10
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.10
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 5.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.9
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.9
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 5.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.8
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.8
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 5.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.7
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.7
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 5.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.6
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.6
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.6
+
+## 5.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.5
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.5
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 5.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.4
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.4
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 5.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.3
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.3
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 5.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.2
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.2
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 5.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.1
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.1
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 5.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/colorarea@6.0.0-s2-foundations.0
+ - @spectrum-css/colorhandle@9.0.0-s2-foundations.0
+ - @spectrum-css/colorloupe@6.0.0-s2-foundations.0
+
## 4.2.0
### Minor Changes
@@ -19,6 +289,16 @@
- [#3273](https://github.com/adobe/spectrum-css/pull/3273) [`c6205bb`](https://github.com/adobe/spectrum-css/commit/c6205bb247c9c56bb3d7cf8bd52c032fe3b9486f) Thanks [@cdransf](https://github.com/cdransf)! - Moves custom properties to resolve declaration order lint violation. Disable unused property violation and add comment as disable statement description.
+- Updated dependencies [[`055906c`](https://github.com/adobe/spectrum-css/commit/055906cddb04bdf34ac64125d95a63697b922760), [`a354b16`](https://github.com/adobe/spectrum-css/commit/a354b166727fb34b17300bcd3a6118a00034e344)]:
+ - @spectrum-css/colorhandle@8.1.4
+ - @spectrum-css/colorloupe@5.1.4
+
+## 4.1.4
+
+### Patch Changes
+
+- [#3273](https://github.com/adobe/spectrum-css/pull/3273) [`c6205bb`](https://github.com/adobe/spectrum-css/commit/c6205bb247c9c56bb3d7cf8bd52c032fe3b9486f) Thanks [@cdransf](https://github.com/cdransf)! - Moves custom properties to resolve declaration order lint violation. Disable unused property violation and add comment as disable statement description.
+
- Updated dependencies [[`055906c`](https://github.com/adobe/spectrum-css/commit/055906cddb04bdf34ac64125d95a63697b922760), [`a354b16`](https://github.com/adobe/spectrum-css/commit/a354b166727fb34b17300bcd3a6118a00034e344)]:
- @spectrum-css/colorhandle@8.1.4
- @spectrum-css/colorloupe@5.1.4
@@ -83,16 +363,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.1.5...@spectrum-css/colorwheel@4.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.1.5...@spectrum-css/colorwheel@4.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -100,8 +377,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.1.4...@spectrum-css/colorwheel@3.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.1.4...@spectrum-css/colorwheel@3.1.5)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -109,8 +385,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.1.3...@spectrum-css/colorwheel@3.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.1.3...@spectrum-css/colorwheel@3.1.4)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -118,8 +393,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.1.2...@spectrum-css/colorwheel@3.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.1.2...@spectrum-css/colorwheel@3.1.3)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -127,8 +401,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.1.1...@spectrum-css/colorwheel@3.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.1.1...@spectrum-css/colorwheel@3.1.2)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -136,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -145,8 +417,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.51...@spectrum-css/colorwheel@3.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.51...@spectrum-css/colorwheel@3.1.0)
### ✨ Features
@@ -156,8 +427,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.51
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.50...@spectrum-css/colorwheel@3.0.51)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.50...@spectrum-css/colorwheel@3.0.51)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -165,8 +435,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.50
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.49...@spectrum-css/colorwheel@3.0.50)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.49...@spectrum-css/colorwheel@3.0.50)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -174,8 +443,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.49
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.47...@spectrum-css/colorwheel@3.0.49)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.47...@spectrum-css/colorwheel@3.0.49)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -183,8 +451,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.48
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.47...@spectrum-css/colorwheel@3.0.48)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.47...@spectrum-css/colorwheel@3.0.48)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -192,8 +459,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.47
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.46...@spectrum-css/colorwheel@3.0.47)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.46...@spectrum-css/colorwheel@3.0.47)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -201,8 +467,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.46
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.45...@spectrum-css/colorwheel@3.0.46)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.45...@spectrum-css/colorwheel@3.0.46)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -210,8 +475,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.45
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.44...@spectrum-css/colorwheel@3.0.45)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.44...@spectrum-css/colorwheel@3.0.45)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -219,8 +483,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.44
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.43...@spectrum-css/colorwheel@3.0.44)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.43...@spectrum-css/colorwheel@3.0.44)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -228,8 +491,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.43
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.42...@spectrum-css/colorwheel@3.0.43)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.42...@spectrum-css/colorwheel@3.0.43)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -237,8 +499,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.42
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.41...@spectrum-css/colorwheel@3.0.42)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.41...@spectrum-css/colorwheel@3.0.42)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -246,8 +507,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.41
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.40...@spectrum-css/colorwheel@3.0.41)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.40...@spectrum-css/colorwheel@3.0.41)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -255,8 +515,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.40
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.39...@spectrum-css/colorwheel@3.0.40)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.39...@spectrum-css/colorwheel@3.0.40)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -264,8 +523,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.39
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.38...@spectrum-css/colorwheel@3.0.39)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.38...@spectrum-css/colorwheel@3.0.39)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -273,8 +531,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.38
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.37...@spectrum-css/colorwheel@3.0.38)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.37...@spectrum-css/colorwheel@3.0.38)
### 🔙 Reverts
@@ -284,8 +541,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.37
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.36...@spectrum-css/colorwheel@3.0.37)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.36...@spectrum-css/colorwheel@3.0.37)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -293,8 +549,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.36
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.34...@spectrum-css/colorwheel@3.0.36)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.34...@spectrum-css/colorwheel@3.0.36)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -302,8 +557,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.35
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.34...@spectrum-css/colorwheel@3.0.35)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.34...@spectrum-css/colorwheel@3.0.35)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -311,8 +565,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.34
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.33...@spectrum-css/colorwheel@3.0.34)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.33...@spectrum-css/colorwheel@3.0.34)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -320,8 +573,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.33
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.32...@spectrum-css/colorwheel@3.0.33)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.32...@spectrum-css/colorwheel@3.0.33)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -329,8 +581,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.32
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.31...@spectrum-css/colorwheel@3.0.32)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.31...@spectrum-css/colorwheel@3.0.32)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -338,8 +589,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.31
-🗓
-2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.30...@spectrum-css/colorwheel@3.0.31)
+🗓 2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.30...@spectrum-css/colorwheel@3.0.31)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -347,8 +597,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.30
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.29...@spectrum-css/colorwheel@3.0.30)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.29...@spectrum-css/colorwheel@3.0.30)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -356,8 +605,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.29
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.28...@spectrum-css/colorwheel@3.0.29)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.28...@spectrum-css/colorwheel@3.0.29)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -365,8 +613,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.28
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.27...@spectrum-css/colorwheel@3.0.28)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.27...@spectrum-css/colorwheel@3.0.28)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -374,8 +621,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.27
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.26...@spectrum-css/colorwheel@3.0.27)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.26...@spectrum-css/colorwheel@3.0.27)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -383,8 +629,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.26
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.25...@spectrum-css/colorwheel@3.0.26)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.25...@spectrum-css/colorwheel@3.0.26)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -392,8 +637,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.25
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.24...@spectrum-css/colorwheel@3.0.25)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.24...@spectrum-css/colorwheel@3.0.25)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -401,8 +645,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.24
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.23...@spectrum-css/colorwheel@3.0.24)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.23...@spectrum-css/colorwheel@3.0.24)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -410,8 +653,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.23
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.22...@spectrum-css/colorwheel@3.0.23)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.22...@spectrum-css/colorwheel@3.0.23)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -419,8 +661,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.22
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.21...@spectrum-css/colorwheel@3.0.22)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.21...@spectrum-css/colorwheel@3.0.22)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -428,8 +669,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.21
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.20...@spectrum-css/colorwheel@3.0.21)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.20...@spectrum-css/colorwheel@3.0.21)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -437,8 +677,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.20
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.19...@spectrum-css/colorwheel@3.0.20)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.19...@spectrum-css/colorwheel@3.0.20)
### 🐛 Bug fixes
@@ -448,8 +687,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.19
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.18...@spectrum-css/colorwheel@3.0.19)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.18...@spectrum-css/colorwheel@3.0.19)
**Note:** Version bump only for package @spectrum-css/colorwheel
@@ -457,8 +695,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.18
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.17...@spectrum-css/colorwheel@3.0.18)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorwheel@3.0.17...@spectrum-css/colorwheel@3.0.18)
**Note:** Version bump only for package @spectrum-css/colorwheel
diff --git a/components/colorwheel/index.css b/components/colorwheel/index.css
index 6a69e250074..5565fe9d88c 100644
--- a/components/colorwheel/index.css
+++ b/components/colorwheel/index.css
@@ -11,42 +11,35 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
-.spectrum-ColorWheel {
- --spectrum-colorwheel-width: var(--spectrum-color-wheel-width);
- --spectrum-colorwheel-min-width: var(--spectrum-color-wheel-minimum-width);
- --spectrum-colorwheel-height: var(--spectrum-color-wheel-width);
- --spectrum-colorwheel-border-color: var(--spectrum-transparent-black-200);
- --spectrum-colorwheel-border-width: var(--spectrum-border-width-100);
- --spectrum-colorwheel-fill-color-disabled: var(--spectrum-disabled-background-color);
- --spectrum-colorwheel-track-width: var(--spectrum-color-control-track-width);
- --spectrum-colorwheel-colorarea-margin: var(--spectrum-color-wheel-color-area-margin);
- --spectrum-colorwheel-colorhandle-position: calc((var(--spectrum-colorwheel-width) / 2) - (var(--spectrum-colorwheel-track-width) / 2));
-}
-
/* Windows High Contrast Mode */
@media (forced-colors: active) {
.spectrum-ColorWheel {
--highcontrast-colorwheel-border-color-disabled: GrayText;
--highcontrast-colorwheel-fill-color-disabled: Canvas;
- }
- .spectrum-ColorWheel {
forced-color-adjust: none;
}
}
.spectrum-ColorWheel {
- /* stylelint-disable spectrum-tools/no-unused-custom-properties, custom-property-pattern -- --track-width and --border-width to be used with JS in calculating the clip-path paths and colorarea-container-size */
- --track-width: var(--mod-colorwheel-track-width, var(--spectrum-colorwheel-track-width));
- --border-width: var(--mod-colorwheel-border-width, var(--spectrum-colorwheel-border-width));
+ --spectrum-colorwheel-width: var(--mod-colorwheel-width, var(--spectrum-color-wheel-width));
+ --spectrum-colorwheel-height: var(--mod-colorwheel-height, var(--spectrum-color-wheel-width));
+ --spectrum-colorwheel-fill-color-disabled: var(--mod-colorwheel-fill-color-disabled, var(--spectrum-disabled-background-color));
+ --spectrum-colorwheel-border-color: var(--spectrum-transparent-black-300);
+
+ --spectrum-colorwheel-border-width: var(--mod-colorwheel-border-width, var(--spectrum-border-width-100));
+ --spectrum-colorwheel-track-width: var(--mod-colorwheel-track-width, var(--spectrum-color-control-track-width));
+
+ /* stylelint-disable-next-line spectrum-tools/no-unused-custom-properties -- used with JS in calculating the clip-path paths and colorarea-container-size */
+ --_track-width: var(--spectrum-colorwheel-track-width);
+ /* stylelint-disable-next-line spectrum-tools/no-unused-custom-properties -- used with JS in calculating the clip-path paths and colorarea-container-size */
+ --_border-width: var(--spectrum-colorwheel-border-width);
position: relative;
display: block;
- min-inline-size: var(--mod-colorwheel-min-width, var(--spectrum-colorwheel-min-width));
- inline-size: var(--mod-colorwheel-width, var(--spectrum-colorwheel-width));
- block-size: var(--mod-colorwheel-height, var(--spectrum-colorwheel-height));
+ min-inline-size: var(--mod-colorwheel-min-width, var(--spectrum-color-wheel-minimum-width));
+ inline-size: var(--spectrum-colorwheel-width);
+ block-size: var(--spectrum-colorwheel-height);
user-select: none;
cursor: default;
@@ -82,7 +75,7 @@
display: flex;
align-items: center;
justify-content: center;
- margin: var(--mod-colorwheel-colorarea-margin, var(--spectrum-colorwheel-colorarea-margin));
+ margin: var(--mod-colorwheel-colorarea-margin, var(--spectrum-color-wheel-color-area-margin));
}
.spectrum-ColorWheel-slider {
@@ -98,7 +91,7 @@
}
.spectrum-ColorWheel-handle {
- transform: translate(var(--spectrum-colorwheel-colorhandle-position), 0);
+ transform: translate(calc(var(--spectrum-colorwheel-width) / 2 - var(--spectrum-colorwheel-track-width) / 2), 0);
inset-block-start: 50%;
inset-inline: 50%;
}
@@ -116,12 +109,12 @@
.spectrum-ColorWheel-border {
position: relative;
background-color: var(--mod-colorwheel-border-color, var(--spectrum-colorwheel-border-color));
- inline-size: var(--mod-colorwheel-width, var(--spectrum-colorwheel-width));
- block-size: var(--mod-colorwheel-height, var(--spectrum-colorwheel-height));
+ inline-size: var(--spectrum-colorwheel-width);
+ block-size: var(--spectrum-colorwheel-height);
clip-path: path(evenodd, var(--mod-colorwheel-path-borders, var(--spectrum-colorwheel-path-borders)));
&.is-disabled {
- background-color: var(--highcontrast-colorwheel-border-color-disabled, var(--mod-colorwheel-fill-color-disabled, var(--spectrum-colorwheel-fill-color-disabled)));
+ background-color: var(--highcontrast-colorwheel-border-color-disabled, var(--spectrum-colorwheel-fill-color-disabled));
}
}
@@ -134,6 +127,6 @@
&.is-disabled {
pointer-events: none;
- background: var(--highcontrast-colorwheel-fill-color-disabled, var(--mod-colorwheel-fill-color-disabled, var(--spectrum-colorwheel-fill-color-disabled)));
+ background: var(--highcontrast-colorwheel-fill-color-disabled, var(--spectrum-colorwheel-fill-color-disabled));
}
}
diff --git a/components/colorwheel/metadata/metadata.json b/components/colorwheel/metadata/metadata.json
index 1be9fe86c07..07c9f09723f 100644
--- a/components/colorwheel/metadata/metadata.json
+++ b/components/colorwheel/metadata/metadata.json
@@ -37,11 +37,8 @@
"--spectrum-colorwheel-border-color",
"--spectrum-colorwheel-border-width",
"--spectrum-colorwheel-colorarea-container-size",
- "--spectrum-colorwheel-colorarea-margin",
- "--spectrum-colorwheel-colorhandle-position",
"--spectrum-colorwheel-fill-color-disabled",
"--spectrum-colorwheel-height",
- "--spectrum-colorwheel-min-width",
"--spectrum-colorwheel-path",
"--spectrum-colorwheel-path-borders",
"--spectrum-colorwheel-track-width",
@@ -51,9 +48,8 @@
"--spectrum-border-width-100",
"--spectrum-color-control-track-width",
"--spectrum-disabled-background-color",
- "--spectrum-transparent-black-200"
+ "--spectrum-transparent-black-300"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-colorwheel-border-color-disabled",
diff --git a/components/colorwheel/metadata/mods.md b/components/colorwheel/metadata/mods.md
deleted file mode 100644
index 99cf0c7e1e9..00000000000
--- a/components/colorwheel/metadata/mods.md
+++ /dev/null
@@ -1,13 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------- |
-| `--mod-colorwheel-border-color` |
-| `--mod-colorwheel-border-width` |
-| `--mod-colorwheel-colorarea-container-size` |
-| `--mod-colorwheel-colorarea-margin` |
-| `--mod-colorwheel-fill-color-disabled` |
-| `--mod-colorwheel-height` |
-| `--mod-colorwheel-min-width` |
-| `--mod-colorwheel-path` |
-| `--mod-colorwheel-path-borders` |
-| `--mod-colorwheel-track-width` |
-| `--mod-colorwheel-width` |
diff --git a/components/colorwheel/package.json b/components/colorwheel/package.json
index 71e4df7db54..55217592556 100644
--- a/components/colorwheel/package.json
+++ b/components/colorwheel/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/colorwheel",
- "version": "4.2.0",
+ "version": "5.0.0-next.0",
"description": "The Spectrum CSS Color Area component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,24 +17,25 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/colorarea": ">=5",
- "@spectrum-css/colorhandle": ">=8",
- "@spectrum-css/colorloupe": ">=5",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/colorarea": ">=6.0.0-next.0",
+ "@spectrum-css/colorhandle": ">=9.0.0-next.0",
+ "@spectrum-css/colorloupe": ">=6.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/colorarea": {
diff --git a/components/colorwheel/stories/colorwheel.mdx b/components/colorwheel/stories/colorwheel.mdx
deleted file mode 100644
index 3a850b48f31..00000000000
--- a/components/colorwheel/stories/colorwheel.mdx
+++ /dev/null
@@ -1,59 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as ColorWheelStories from "./colorwheel.stories";
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/colorwheel/themes/spectrum.css b/components/colorwheel/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/colorwheel/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/combobox/CHANGELOG.md b/components/combobox/CHANGELOG.md
index 5fa87319865..0ab6087da53 100644
--- a/components/combobox/CHANGELOG.md
+++ b/components/combobox/CHANGELOG.md
@@ -1,5 +1,374 @@
# Change Log
+## 4.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/popover@8.0.0-next.0
+ - @spectrum-css/pickerbutton@6.0.0-next.0
+ - @spectrum-css/menu@8.0.0-next.0
+
+## 4.0.0-s2-foundations.21
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`79f2ae5`](https://github.com/adobe/spectrum-css/commit/79f2ae585464b2eca63232b37017bd1f96a7d970) Thanks [@pfulton](https://github.com/pfulton)! - Bug fix to retain border color values in S1 for combobox [SWC-582]
+
+- Updated dependencies [[`79f2ae5`](https://github.com/adobe/spectrum-css/commit/79f2ae585464b2eca63232b37017bd1f96a7d970)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.31
+
+## 4.0.0-s2-foundations.20
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`513256c`](https://github.com/adobe/spectrum-css/commit/513256c7c7587ac6a3741a819a41ab321d1cd965) Thanks [@pfulton](https://github.com/pfulton)! - Update border and background color values for Combobox states [SWC-582]
+
+### Patch Changes
+
+- Updated dependencies [[`da9a90a`](https://github.com/adobe/spectrum-css/commit/da9a90adb1b46abc7f3078d2b7cfcf84f7a41026), [`513256c`](https://github.com/adobe/spectrum-css/commit/513256c7c7587ac6a3741a819a41ab321d1cd965)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.30
+
+## 4.0.0-s2-foundations.19
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.16
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.17
+ - @spectrum-css/textfield@8.0.0-s2-foundations.17
+ - @spectrum-css/popover@8.0.0-s2-foundations.17
+ - @spectrum-css/menu@8.0.0-s2-foundations.17
+
+## 4.0.0-s2-foundations.18
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.15
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.16
+ - @spectrum-css/textfield@8.0.0-s2-foundations.16
+ - @spectrum-css/popover@8.0.0-s2-foundations.16
+ - @spectrum-css/menu@8.0.0-s2-foundations.15
+
+## 4.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.14
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.15
+ - @spectrum-css/textfield@8.0.0-s2-foundations.15
+ - @spectrum-css/popover@8.0.0-s2-foundations.15
+ - @spectrum-css/menu@8.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 4.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4e80ae6`](https://github.com/adobe/spectrum-css/commit/4e80ae67ddda329a5ed556b57426623c6f0f13f0) Thanks [@pfulton](https://github.com/pfulton)! - ActionButton:
+
+ - Correct --spectrum-actionbutton-background-color-selected-disabled to be --spectrum-actionbutton-(background|border)-color-disabled-selected
+
+ Combobox:
+
+ - Move --spectrum-combobox-min-inline-size and --spectrum-combobox-button-width to the index.css
+
+ FieldGroup:
+
+ - Swap gap back to margin-inline-end on FieldGroup
+
+ Typography:
+
+ - Remap body size to xs if xxs provided
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9ae725f`](https://github.com/adobe/spectrum-css/commit/9ae725f10ebbb78b62070c4c477cb41cfc1b1ed6) Thanks [@pfulton](https://github.com/pfulton)! - Combobox moved the quiet min-inline-size property to index.css from theme to pick up the t-shirt sizing for the calc.
+
+ Typography increases specificity for the t-shirt sizing.
+
+ Stepper fixes for the disabled + hovered states as well as regressions fixed for the quiet variant.
+
+## 4.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.13
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.14
+ - @spectrum-css/textfield@8.0.0-s2-foundations.14
+ - @spectrum-css/popover@8.0.0-s2-foundations.14
+ - @spectrum-css/menu@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 4.0.0-s2-foundations.14
+
+### Minor Changes
+
+- [#3036](https://github.com/adobe/spectrum-css/pull/3036) [`96686a5`](https://github.com/adobe/spectrum-css/commit/96686a56e2532bc747985b40686783ddd9b98221) Thanks [@rise-erpelding](https://github.com/rise-erpelding)! - [CSS-890]: adjusts --mods to be applied inside of index.css
+
+### Patch Changes
+
+- Updated dependencies [[`96686a5`](https://github.com/adobe/spectrum-css/commit/96686a56e2532bc747985b40686783ddd9b98221)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.18
+
+## 4.0.0-s2-foundations.13
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a0d6de4`](https://github.com/adobe/spectrum-css/commit/a0d6de45845c9158ca30da1a34e30461a9d0af31) Thanks [@pfulton](https://github.com/pfulton)! - [SWC-240] Quiet combobox picker button should have transparent borders
+
+## 4.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.12
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.12
+ - @spectrum-css/textfield@8.0.0-s2-foundations.12
+ - @spectrum-css/popover@8.0.0-s2-foundations.12
+ - @spectrum-css/menu@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 4.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.11
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.11
+ - @spectrum-css/textfield@8.0.0-s2-foundations.11
+ - @spectrum-css/popover@8.0.0-s2-foundations.11
+ - @spectrum-css/menu@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 4.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.10
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.10
+ - @spectrum-css/textfield@8.0.0-s2-foundations.10
+ - @spectrum-css/popover@8.0.0-s2-foundations.10
+ - @spectrum-css/menu@8.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 4.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`da47fa2`](https://github.com/adobe/spectrum-css/commit/da47fa2cb18373e74a6718775f2db90bb25868d4), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.9
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.9
+ - @spectrum-css/textfield@8.0.0-s2-foundations.9
+ - @spectrum-css/popover@8.0.0-s2-foundations.9
+ - @spectrum-css/menu@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 4.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.8
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.8
+ - @spectrum-css/textfield@8.0.0-s2-foundations.8
+ - @spectrum-css/popover@8.0.0-s2-foundations.8
+ - @spectrum-css/menu@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 4.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.7
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.7
+ - @spectrum-css/textfield@8.0.0-s2-foundations.7
+ - @spectrum-css/popover@8.0.0-s2-foundations.7
+ - @spectrum-css/menu@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 4.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.6
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.6
+ - @spectrum-css/textfield@8.0.0-s2-foundations.6
+ - @spectrum-css/popover@8.0.0-s2-foundations.6
+ - @spectrum-css/menu@8.0.0-s2-foundations.6
+
+## 4.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.5
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.5
+ - @spectrum-css/textfield@8.0.0-s2-foundations.5
+ - @spectrum-css/popover@8.0.0-s2-foundations.5
+ - @spectrum-css/menu@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 4.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.4
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.4
+ - @spectrum-css/textfield@8.0.0-s2-foundations.4
+ - @spectrum-css/popover@8.0.0-s2-foundations.4
+ - @spectrum-css/menu@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 4.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.3
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.3
+ - @spectrum-css/textfield@8.0.0-s2-foundations.3
+ - @spectrum-css/popover@8.0.0-s2-foundations.3
+ - @spectrum-css/menu@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 4.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.2
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.2
+ - @spectrum-css/textfield@8.0.0-s2-foundations.2
+ - @spectrum-css/popover@8.0.0-s2-foundations.2
+ - @spectrum-css/menu@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 4.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.1
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.1
+ - @spectrum-css/textfield@8.0.0-s2-foundations.1
+ - @spectrum-css/popover@8.0.0-s2-foundations.1
+ - @spectrum-css/menu@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 4.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.0
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.0
+ - @spectrum-css/textfield@8.0.0-s2-foundations.0
+ - @spectrum-css/popover@8.0.0-s2-foundations.0
+ - @spectrum-css/menu@8.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 3.3.0
### Minor Changes
@@ -95,8 +464,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.6...@spectrum-css/combobox@3.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.6...@spectrum-css/combobox@3.0.0)
### ✨ Features
@@ -104,11 +472,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -116,8 +482,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.6
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.5...@spectrum-css/combobox@2.1.6)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.5...@spectrum-css/combobox@2.1.6)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -125,8 +490,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.5
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.4...@spectrum-css/combobox@2.1.5)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.4...@spectrum-css/combobox@2.1.5)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -134,8 +498,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.4
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.3...@spectrum-css/combobox@2.1.4)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.3...@spectrum-css/combobox@2.1.4)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -143,8 +506,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.3
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.2...@spectrum-css/combobox@2.1.3)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.2...@spectrum-css/combobox@2.1.3)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -152,8 +514,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.2
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/combobox
@@ -161,8 +522,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.1
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.0...@spectrum-css/combobox@2.1.1)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.1.0...@spectrum-css/combobox@2.1.1)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -170,8 +530,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.48...@spectrum-css/combobox@2.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.48...@spectrum-css/combobox@2.1.0)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -179,8 +538,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.48
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.47...@spectrum-css/combobox@2.0.48)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.47...@spectrum-css/combobox@2.0.48)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -188,8 +546,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.47
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.46...@spectrum-css/combobox@2.0.47)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.46...@spectrum-css/combobox@2.0.47)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -197,8 +554,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.46
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.45...@spectrum-css/combobox@2.0.46)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.45...@spectrum-css/combobox@2.0.46)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -206,8 +562,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.45
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.43...@spectrum-css/combobox@2.0.45)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.43...@spectrum-css/combobox@2.0.45)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -215,8 +570,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.44
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.43...@spectrum-css/combobox@2.0.44)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.43...@spectrum-css/combobox@2.0.44)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -224,8 +578,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.43
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.42...@spectrum-css/combobox@2.0.43)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.42...@spectrum-css/combobox@2.0.43)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -233,8 +586,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.42
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.41...@spectrum-css/combobox@2.0.42)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.41...@spectrum-css/combobox@2.0.42)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -242,8 +594,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.41
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.40...@spectrum-css/combobox@2.0.41)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.40...@spectrum-css/combobox@2.0.41)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -251,8 +602,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.40
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.39...@spectrum-css/combobox@2.0.40)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.39...@spectrum-css/combobox@2.0.40)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -260,8 +610,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.39
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.38...@spectrum-css/combobox@2.0.39)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.38...@spectrum-css/combobox@2.0.39)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -269,8 +618,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.38
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.37...@spectrum-css/combobox@2.0.38)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.37...@spectrum-css/combobox@2.0.38)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -278,8 +626,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.37
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.36...@spectrum-css/combobox@2.0.37)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.36...@spectrum-css/combobox@2.0.37)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -287,8 +634,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.36
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.35...@spectrum-css/combobox@2.0.36)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.35...@spectrum-css/combobox@2.0.36)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -296,8 +642,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.35
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.34...@spectrum-css/combobox@2.0.35)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.34...@spectrum-css/combobox@2.0.35)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -305,8 +650,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.34
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.33...@spectrum-css/combobox@2.0.34)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.33...@spectrum-css/combobox@2.0.34)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -314,8 +658,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.33
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.32...@spectrum-css/combobox@2.0.33)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.32...@spectrum-css/combobox@2.0.33)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -323,8 +666,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.32
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.31...@spectrum-css/combobox@2.0.32)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.31...@spectrum-css/combobox@2.0.32)
### 🔙 Reverts
@@ -334,8 +676,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.31
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.30...@spectrum-css/combobox@2.0.31)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.30...@spectrum-css/combobox@2.0.31)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -343,8 +684,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.30
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.28...@spectrum-css/combobox@2.0.30)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.28...@spectrum-css/combobox@2.0.30)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -352,8 +692,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.29
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.28...@spectrum-css/combobox@2.0.29)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.28...@spectrum-css/combobox@2.0.29)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -361,8 +700,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.28
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.27...@spectrum-css/combobox@2.0.28)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.27...@spectrum-css/combobox@2.0.28)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -370,8 +708,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.27
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.26...@spectrum-css/combobox@2.0.27)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.26...@spectrum-css/combobox@2.0.27)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -379,8 +716,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.26
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.25...@spectrum-css/combobox@2.0.26)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.25...@spectrum-css/combobox@2.0.26)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -388,8 +724,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.25
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.24...@spectrum-css/combobox@2.0.25)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.24...@spectrum-css/combobox@2.0.25)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -397,8 +732,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.24
-🗓
-2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.23...@spectrum-css/combobox@2.0.24)
+🗓 2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.23...@spectrum-css/combobox@2.0.24)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -406,8 +740,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.23
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.22...@spectrum-css/combobox@2.0.23)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.22...@spectrum-css/combobox@2.0.23)
### 🐛 Bug fixes
@@ -417,8 +750,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.22
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.21...@spectrum-css/combobox@2.0.22)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.21...@spectrum-css/combobox@2.0.22)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -426,8 +758,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.21
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.20...@spectrum-css/combobox@2.0.21)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.20...@spectrum-css/combobox@2.0.21)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -435,8 +766,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.20
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.19...@spectrum-css/combobox@2.0.20)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.19...@spectrum-css/combobox@2.0.20)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -444,8 +774,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.19
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.18...@spectrum-css/combobox@2.0.19)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.18...@spectrum-css/combobox@2.0.19)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -453,8 +782,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.18
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.17...@spectrum-css/combobox@2.0.18)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.17...@spectrum-css/combobox@2.0.18)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -462,8 +790,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.17
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.16...@spectrum-css/combobox@2.0.17)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.16...@spectrum-css/combobox@2.0.17)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -471,8 +798,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.16
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.15...@spectrum-css/combobox@2.0.16)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.15...@spectrum-css/combobox@2.0.16)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -480,8 +806,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.15
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.14...@spectrum-css/combobox@2.0.15)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.14...@spectrum-css/combobox@2.0.15)
### 🐛 Bug fixes
@@ -491,8 +816,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.14
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.13...@spectrum-css/combobox@2.0.14)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.13...@spectrum-css/combobox@2.0.14)
**Note:** Version bump only for package @spectrum-css/combobox
@@ -500,8 +824,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.13
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.12...@spectrum-css/combobox@2.0.13)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/combobox@2.0.12...@spectrum-css/combobox@2.0.13)
**Note:** Version bump only for package @spectrum-css/combobox
diff --git a/components/combobox/index.css b/components/combobox/index.css
index 4a7c2ae3906..c96fb576eb5 100644
--- a/components/combobox/index.css
+++ b/components/combobox/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Combobox {
--spectrum-combobox-inline-size: var(--spectrum-field-width);
--spectrum-combobox-block-size: var(--spectrum-component-height-100);
@@ -42,6 +40,14 @@
--spectrum-combobox-font-style: var(--spectrum-default-font-style);
--spectrum-combobox-line-height: var(--spectrum-line-height-100);
+ --spectrum-combobox-background-color-disabled: var(--spectrum-gray-25);
+
+ --spectrum-combobox-border-color-default: var(--spectrum-gray-500);
+ --spectrum-combobox-border-color-hover: var(--spectrum-gray-600);
+ --spectrum-combobox-border-color-focus: var(--spectrum-gray-800);
+ --spectrum-combobox-border-color-focus-hover: var(--spectrum-gray-900);
+ --spectrum-combobox-border-color-key-focus: var(--spectrum-gray-800);
+
--spectrum-combobox-border-color-invalid-default: var(--spectrum-negative-border-color-default);
--spectrum-combobox-border-color-invalid-hover: var(--spectrum-negative-border-color-hover);
--spectrum-combobox-border-color-invalid-focus: var(--spectrum-negative-border-color-focus);
@@ -54,7 +60,7 @@
--mod-textfield-focus-indicator-color: var(--mod-combobox-focus-indicator-color, var(--spectrum-combobox-focus-indicator-color));
--mod-textfield-background-color: var(--mod-combobox-background-color-default);
- --mod-textfield-background-color-disabled: var(--mod-combobox-background-color-disabled);
+ --mod-textfield-background-color-disabled: var(--mod-combobox-background-color-disabled, var(--spectrum-combobox-background-color-disabled));
--mod-textfield-font-family: var(--mod-combobox-font-family);
--mod-textfield-font-weight: var(--mod-combobox-font-weight);
@@ -115,21 +121,6 @@
--spectrum-combobox-spacing-inline-end-edge-to-text: var(--spectrum-component-edge-to-text-75);
}
-.spectrum-Combobox--sizeM {
- --spectrum-combobox-block-size: var(--spectrum-component-height-100);
- --spectrum-combobox-icon-size: var(--spectrum-workflow-icon-size-100);
- --spectrum-combobox-font-size: var(--spectrum-font-size-100);
-
- --spectrum-combobox-spacing-inline-icon-to-button: var(--spectrum-combo-box-visual-to-field-button-medium);
- --spectrum-combobox-block-spacing-edge-to-progress-circle: var(--spectrum-field-top-to-progress-circle-medium);
- --spectrum-combobox-block-spacing-edge-to-alert: var(--spectrum-field-top-to-alert-icon-medium);
- --spectrum-combobox-spacing-edge-to-menu: var(--spectrum-component-to-menu-medium);
- --spectrum-combobox-spacing-block-start-edge-to-text: var(--spectrum-component-top-to-text-100);
- --spectrum-combobox-spacing-block-end-edge-to-text: var(--spectrum-component-bottom-to-text-100);
- --spectrum-combobox-spacing-inline-start-edge-to-text: var(--spectrum-component-edge-to-text-100);
- --spectrum-combobox-spacing-inline-end-edge-to-text: var(--spectrum-component-edge-to-text-100);
-}
-
.spectrum-Combobox--sizeL {
--spectrum-combobox-block-size: var(--spectrum-component-height-200);
--spectrum-combobox-icon-size: var(--spectrum-workflow-icon-size-200);
@@ -171,10 +162,6 @@
--spectrum-combobox-spacing-label-to-combobox: var(--spectrum-field-label-to-component-quiet-small);
}
- &.spectrum-Combobox--sizeM {
- --spectrum-combobox-spacing-label-to-combobox: var(--spectrum-field-label-to-component-quiet-medium);
- }
-
&.spectrum-Combobox--sizeL {
--spectrum-combobox-spacing-label-to-combobox: var(--spectrum-field-label-to-component-quiet-large);
}
@@ -369,16 +356,19 @@
/* Focus */
.spectrum-Combobox-textfield.is-focused &,
&:focus {
+ --mod-combobox-border-color-default: var(--spectrum-combobox-border-color-focus);
--mod-textfield-background-color: var(--mod-combobox-background-color-focus);
/* Focus + Hover */
&:hover {
+ --mod-combobox-border-color-default: var(--spectrum-combobox-border-color-focus-hover);
--mod-textfield-background-color: var(--mod-combobox-background-color-focus-hover);
}
}
/* Keyboard Focus */
.spectrum-Combobox-textfield.is-keyboardFocused & {
+ --mod-combobox-border-color-default: var(--spectrum-combobox-border-color-key-focus);
--mod-textfield-background-color: var(--mod-combobox-background-color-key-focus);
}
diff --git a/components/combobox/metadata/metadata.json b/components/combobox/metadata/metadata.json
index 1d540154453..ffb9fd0036b 100644
--- a/components/combobox/metadata/metadata.json
+++ b/components/combobox/metadata/metadata.json
@@ -14,11 +14,9 @@
".spectrum-Combobox--quiet .spectrum-Combobox-textfield.is-readOnly.is-disabled .spectrum-Combobox-input:read-only",
".spectrum-Combobox--quiet .spectrum-Combobox-textfield.is-readOnly.is-invalid > .spectrum-Combobox-input:read-only",
".spectrum-Combobox--quiet.spectrum-Combobox--sizeL",
- ".spectrum-Combobox--quiet.spectrum-Combobox--sizeM",
".spectrum-Combobox--quiet.spectrum-Combobox--sizeS",
".spectrum-Combobox--quiet.spectrum-Combobox--sizeXL",
".spectrum-Combobox--sizeL",
- ".spectrum-Combobox--sizeM",
".spectrum-Combobox--sizeS",
".spectrum-Combobox--sizeXL",
".spectrum-Combobox-button",
@@ -142,6 +140,7 @@
"--spectrum-combo-box-visual-to-field-button-medium",
"--spectrum-combo-box-visual-to-field-button-quiet",
"--spectrum-combo-box-visual-to-field-button-small",
+ "--spectrum-combobox-background-color-disabled",
"--spectrum-combobox-block-size",
"--spectrum-combobox-block-spacing-edge-to-alert",
"--spectrum-combobox-block-spacing-edge-to-progress-circle",
@@ -231,7 +230,7 @@
"--spectrum-font-size-200",
"--spectrum-font-size-300",
"--spectrum-font-size-75",
- "--spectrum-gray-400",
+ "--spectrum-gray-25",
"--spectrum-gray-50",
"--spectrum-gray-500",
"--spectrum-gray-600",
@@ -248,13 +247,6 @@
"--spectrum-workflow-icon-size-300",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [
- "--system-spectrum-combobox-border-color-default",
- "--system-spectrum-combobox-border-color-focus",
- "--system-spectrum-combobox-border-color-focus-hover",
- "--system-spectrum-combobox-border-color-hover",
- "--system-spectrum-combobox-border-color-key-focus"
- ],
"passthroughs": [
"--mod-picker-button-background-color",
"--mod-picker-button-background-color-disabled",
diff --git a/components/combobox/metadata/mods.md b/components/combobox/metadata/mods.md
deleted file mode 100644
index 38f0e27b249..00000000000
--- a/components/combobox/metadata/mods.md
+++ /dev/null
@@ -1,53 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------ |
-| `--mod-combobox-alert-icon-color` |
-| `--mod-combobox-background-color-default` |
-| `--mod-combobox-background-color-disabled` |
-| `--mod-combobox-background-color-focus` |
-| `--mod-combobox-background-color-focus-hover` |
-| `--mod-combobox-background-color-hover` |
-| `--mod-combobox-background-color-key-focus` |
-| `--mod-combobox-block-size` |
-| `--mod-combobox-block-spacing-edge-to-alert` |
-| `--mod-combobox-block-spacing-edge-to-progress-circle` |
-| `--mod-combobox-border-color-default` |
-| `--mod-combobox-border-color-disabled` |
-| `--mod-combobox-border-color-focus` |
-| `--mod-combobox-border-color-focus-hover` |
-| `--mod-combobox-border-color-hover` |
-| `--mod-combobox-border-color-invalid-default` |
-| `--mod-combobox-border-color-invalid-focus` |
-| `--mod-combobox-border-color-invalid-focus-hover` |
-| `--mod-combobox-border-color-invalid-hover` |
-| `--mod-combobox-border-color-invalid-key-focus` |
-| `--mod-combobox-border-color-key-focus` |
-| `--mod-combobox-border-radius` |
-| `--mod-combobox-border-width` |
-| `--mod-combobox-button-inline-offset` |
-| `--mod-combobox-button-width` |
-| `--mod-combobox-focus-indicator-color` |
-| `--mod-combobox-focus-indicator-gap` |
-| `--mod-combobox-focus-indicator-thickness` |
-| `--mod-combobox-font-color-default` |
-| `--mod-combobox-font-color-disabled` |
-| `--mod-combobox-font-color-focus` |
-| `--mod-combobox-font-color-focus-hover` |
-| `--mod-combobox-font-color-hover` |
-| `--mod-combobox-font-color-key-focus` |
-| `--mod-combobox-font-color-placeholder` |
-| `--mod-combobox-font-family` |
-| `--mod-combobox-font-size` |
-| `--mod-combobox-font-style` |
-| `--mod-combobox-font-weight` |
-| `--mod-combobox-icon-size` |
-| `--mod-combobox-inline-size` |
-| `--mod-combobox-line-height` |
-| `--mod-combobox-min-inline-size` |
-| `--mod-combobox-readonly-input-border-color` |
-| `--mod-combobox-spacing-block-end-edge-to-text` |
-| `--mod-combobox-spacing-block-start-edge-to-text` |
-| `--mod-combobox-spacing-edge-to-menu` |
-| `--mod-combobox-spacing-inline-end-edge-to-text` |
-| `--mod-combobox-spacing-inline-icon-to-button` |
-| `--mod-combobox-spacing-inline-start-edge-to-text` |
-| `--mod-combobox-spacing-label-to-combobox` |
diff --git a/components/combobox/package.json b/components/combobox/package.json
index f49c3be06d2..a64b9d24e46 100644
--- a/components/combobox/package.json
+++ b/components/combobox/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/combobox",
- "version": "3.3.0",
+ "version": "4.0.0-next.0",
"description": "The Spectrum CSS combobox component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,26 +17,27 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/menu": ">=7",
- "@spectrum-css/pickerbutton": ">=5",
- "@spectrum-css/popover": ">=7",
- "@spectrum-css/progresscircle": ">=3",
- "@spectrum-css/textfield": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/menu": ">=8.0.0-next.0",
+ "@spectrum-css/pickerbutton": ">=6.0.0-next.0",
+ "@spectrum-css/popover": ">=8.0.0-next.0",
+ "@spectrum-css/progresscircle": ">=4.0.0-s2-foundations.0",
+ "@spectrum-css/textfield": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.10"
},
"peerDependenciesMeta": {
"@spectrum-css/progresscircle": {
diff --git a/components/combobox/stories/combobox.stories.js b/components/combobox/stories/combobox.stories.js
index 11e8123be01..73bafe45e9d 100644
--- a/components/combobox/stories/combobox.stories.js
+++ b/components/combobox/stories/combobox.stories.js
@@ -137,6 +137,10 @@ export default {
],
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=727-2550",
+ },
packageJson,
metadata,
},
diff --git a/components/combobox/themes/express.css b/components/combobox/themes/express.css
deleted file mode 100644
index 96606718a8c..00000000000
--- a/components/combobox/themes/express.css
+++ /dev/null
@@ -1,24 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Combobox {
- --spectrum-combobox-border-color-default: var(--spectrum-gray-400);
- --spectrum-combobox-border-color-hover: var(--spectrum-gray-500);
- --spectrum-combobox-border-color-focus: var(--spectrum-gray-900);
- --spectrum-combobox-border-color-focus-hover: var(--spectrum-gray-800);
- --spectrum-combobox-border-color-key-focus: var(--spectrum-gray-900);
- }
-}
diff --git a/components/combobox/themes/spectrum.css b/components/combobox/themes/spectrum.css
deleted file mode 100644
index 31c5e848d42..00000000000
--- a/components/combobox/themes/spectrum.css
+++ /dev/null
@@ -1,22 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Combobox {
- --spectrum-combobox-border-color-default: var(--spectrum-gray-500);
- --spectrum-combobox-border-color-hover: var(--spectrum-gray-600);
- --spectrum-combobox-border-color-focus: var(--spectrum-gray-500);
- --spectrum-combobox-border-color-focus-hover: var(--spectrum-gray-600);
- --spectrum-combobox-border-color-key-focus: var(--spectrum-gray-600);
- }
-}
diff --git a/components/commons/CHANGELOG.md b/components/commons/CHANGELOG.md
index a1221c1b9b1..6479f85cf10 100644
--- a/components/commons/CHANGELOG.md
+++ b/components/commons/CHANGELOG.md
@@ -1,5 +1,178 @@
# Change Log
+## 11.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 11.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 11.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 11.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 11.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 11.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 11.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 11.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 11.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 11.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 11.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 11.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 11.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 11.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 11.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 11.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 10.1.0
### Minor Changes
@@ -19,8 +192,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 10.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@9.1.2...@spectrum-css/commons@10.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@9.1.2...@spectrum-css/commons@10.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
@@ -36,8 +208,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@9.1.1...@spectrum-css/commons@9.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@9.1.1...@spectrum-css/commons@9.1.2)
**Note:** Version bump only for package @spectrum-css/commons
@@ -45,8 +216,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/commons
@@ -54,8 +224,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@9.0.2...@spectrum-css/commons@9.1.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@9.0.2...@spectrum-css/commons@9.1.0)
### ✨ Features
@@ -69,8 +238,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.2
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@9.0.1...@spectrum-css/commons@9.0.2)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@9.0.1...@spectrum-css/commons@9.0.2)
**Note:** Version bump only for package @spectrum-css/commons
@@ -78,8 +246,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.1
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@9.0.0...@spectrum-css/commons@9.0.1)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@9.0.0...@spectrum-css/commons@9.0.1)
**Note:** Version bump only for package @spectrum-css/commons
@@ -87,8 +254,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.0
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@8.0.1...@spectrum-css/commons@9.0.0)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@8.0.1...@spectrum-css/commons@9.0.0)
\*feat(overlay)!: migrate to spectrum-tokens (#2165)([0331dae](https://github.com/adobe/spectrum-css/commit/0331dae)), closes[#2165](https://github.com/adobe/spectrum-css/issues/2165)
@@ -106,8 +272,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.1
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@8.0.0...@spectrum-css/commons@8.0.1)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@8.0.0...@spectrum-css/commons@8.0.1)
**Note:** Version bump only for package @spectrum-css/commons
@@ -115,8 +280,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.0
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@7.0.8...@spectrum-css/commons@8.0.0)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@7.0.8...@spectrum-css/commons@8.0.0)
\*refactor(button)!: replace focus-ring with focus-visible([5ec4849](https://github.com/adobe/spectrum-css/commit/5ec4849))
@@ -130,8 +294,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.8
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@7.0.7...@spectrum-css/commons@7.0.8)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@7.0.7...@spectrum-css/commons@7.0.8)
### 🐛 Bug fixes
@@ -141,8 +304,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.7
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@7.0.6...@spectrum-css/commons@7.0.7)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/commons@7.0.6...@spectrum-css/commons@7.0.7)
**Note:** Version bump only for package @spectrum-css/commons
diff --git a/components/commons/basebutton.css b/components/commons/basebutton.css
index 4d16c2fac24..31ab966bf95 100644
--- a/components/commons/basebutton.css
+++ b/components/commons/basebutton.css
@@ -29,37 +29,40 @@
/* Remove button the margin in Firefox and Safari. */
margin: 0;
- /* @deprecation --mod-sans-font-family-stack has been renamed and will be removed in a future version. */
- font-family: var(--mod-button-font-family, var(--mod-sans-font-family-stack, var(--spectrum-sans-font-family-stack)));
+ font-family: var(--mod-button-font-family, var(--spectrum-sans-font-family-stack));
- /* @deprecation --mod-line-height-100 has been renamed and will be removed in a future version. */
- line-height: var(--mod-button-line-height, var(--mod-line-height-100, var(--spectrum-line-height-100)));
+ /* Adjacent buttons should be aligned correctly */
+ vertical-align: top;
+
+ -webkit-font-smoothing: antialiased;
+
+ /* Font smoothing for Firefox */
+ -moz-osx-font-smoothing: grayscale;
+
+ line-height: var(--mod-button-line-height, var(--spectrum-line-height-100));
text-decoration: none;
/* Remove the inheritance of text transform on button in Edge, Firefox, and IE. */
text-transform: none;
- /* Adjacent buttons should be aligned correctly */
- vertical-align: top;
-
/* stylelint-disable-next-line property-no-vendor-prefix -- Correct the inability to style clickable types in iOS and Safari (normalize). */
-webkit-appearance: button;
- border-style: solid;
-
transition:
- background var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out,
- border-color var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out,
- color var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out,
- box-shadow var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out;
-
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+ background var(--mod-button-animation-duration, var(--spectrum-animation-duration-100)) ease-out,
+ border-color var(--mod-button-animation-duration, var(--spectrum-animation-duration-100)) ease-out,
+ color var(--mod-button-animation-duration, var(--spectrum-animation-duration-100)) ease-out,
+ box-shadow var(--mod-button-animation-duration, var(--spectrum-animation-duration-100)) ease-out;
- /* Remove the inner border and padding in Firefox (normalize). */
+ /* Fix Firefox */
&::-moz-focus-inner {
- border-style: none;
+ margin-block-start: -2px;
+ margin-block-end: -2px;
padding: 0;
+ border: 0;
+
+ /* Remove the inner border and padding for button in Firefox. */
+ border-style: none;
}
&:focus {
@@ -88,18 +91,15 @@
inset-inline-end: 0;
display: block;
+ margin: calc(var(--mod-button-focus-indicator-gap, var(--spectrum-focus-indicator-gap)) * -1);
- /* @deprecation --mod-focus-indicator-gap has been renamed and will be removed in a future version. */
- margin: calc(var(--mod-button-focus-indicator-gap, var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))) * -1);
-
- /* @deprecation --mod-animation-duration-100 has been renamed and will be removed in a future version. */
transition:
- opacity var(--mod-button-animation-duration, var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)))) ease-out,
- margin var(--mod-button-animation-duration, var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)))) ease-out;
+ opacity var(--mod-button-animation-duration, var(--spectrum-animation-duration-100)) ease-out,
+ margin var(--mod-button-animation-duration, var(--spectrum-animation-duration-100)) ease-out;
}
&:focus-visible::after {
- margin: calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)) * -2);
+ margin: calc(var(--mod-button-focus-indicator-gap, var(--spectrum-focus-indicator-gap)) * -2);
}
}
diff --git a/components/commons/overlay.css b/components/commons/overlay.css
index c3a57da85dd..fc40b564b05 100644
--- a/components/commons/overlay.css
+++ b/components/commons/overlay.css
@@ -13,7 +13,7 @@
/* TODO: replace legacy animation variables with core tokens when available */
-/** @note used in modal, popover, quickaction, tooltip, underlay */
+/** @note used in modal, tooltip, underlay */
%spectrum-overlay {
pointer-events: none;
visibility: hidden;
@@ -24,30 +24,10 @@
visibility 0ms linear var(--mod-overlay-animation-duration, var(--spectrum-animation-duration-100, 130ms));
}
-/** @note used in modal, popover, quickaction, tooltip, underlay */
+/** @note used in modal, tooltip, underlay */
%spectrum-overlay--open {
pointer-events: auto;
visibility: visible;
opacity: 1;
transition-delay: var(--mod-overlay-animation-duration-opened, var(--spectrum-animation-duration-0, 0ms));
}
-
-/** @note currently unused */
-%spectrum-overlay--bottom--open {
- transform: translateY(var(--mod-overlay-animation-distance, var(--spectrum-overlay-animation-distance, 6px)));
-}
-
-/** @note currently unused */
-%spectrum-overlay--top--open {
- transform: translateY(calc(-1 * var(--mod-overlay-animation-distance, var(--spectrum-overlay-animation-distance, 6px))));
-}
-
-/** @note used in quickaction */
-%spectrum-overlay--right--open {
- transform: translateX(var(--mod-overlay-animation-distance, var(--spectrum-overlay-animation-distance, 6px)));
-}
-
-/** @note used in quickaction */
-%spectrum-overlay--left--open {
- transform: translateX(calc(-1 * var(--mod-overlay-animation-distance, var(--spectrum-overlay-animation-distance, 6px))));
-}
diff --git a/components/commons/package.json b/components/commons/package.json
index 2e480bf4bb2..96bb78e2a97 100644
--- a/components/commons/package.json
+++ b/components/commons/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/commons",
- "version": "10.1.0",
+ "version": "9.1.4-next.1",
"description": "Common mixins for Spectrum CSS components",
"license": "Apache-2.0",
"author": "Adobe",
@@ -13,9 +13,17 @@
"bugs": {
"url": "https://github.com/adobe/spectrum-css/issues"
},
+ "exports": {
+ ".": "./index.css",
+ "./*.css": "./*.css",
+ "./CHANGELOG.md": "./CHANGELOG.md",
+ "./README.md": "./README.md",
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
+ },
"main": "index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/contextualhelp/CHANGELOG.md b/components/contextualhelp/CHANGELOG.md
index 81f65ec8e02..0e5fd978273 100644
--- a/components/contextualhelp/CHANGELOG.md
+++ b/components/contextualhelp/CHANGELOG.md
@@ -1,5 +1,284 @@
# Change Log
+## 4.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/popover@8.0.0-next.0
+
+## 4.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.24
+ - @spectrum-css/popover@8.0.0-s2-foundations.17
+ - @spectrum-css/link@6.0.0-s2-foundations.16
+
+## 4.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`1da2494`](https://github.com/adobe/spectrum-css/commit/1da249479a0014287a6124dc0f900ee99ab6b946) Thanks [@pfulton](https://github.com/pfulton)! - added contextual-help-content-spacing custom property definition
+
+### Patch Changes
+
+- Updated dependencies [[`1da2494`](https://github.com/adobe/spectrum-css/commit/1da249479a0014287a6124dc0f900ee99ab6b946)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.23
+
+## 4.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.21
+ - @spectrum-css/popover@8.0.0-s2-foundations.16
+ - @spectrum-css/link@6.0.0-s2-foundations.15
+
+## 4.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.20
+ - @spectrum-css/popover@8.0.0-s2-foundations.15
+ - @spectrum-css/link@6.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 4.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.18
+ - @spectrum-css/popover@8.0.0-s2-foundations.14
+ - @spectrum-css/link@6.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 4.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.13
+ - @spectrum-css/popover@8.0.0-s2-foundations.12
+ - @spectrum-css/link@6.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 4.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.12
+ - @spectrum-css/popover@8.0.0-s2-foundations.11
+ - @spectrum-css/link@6.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 4.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.10
+ - @spectrum-css/popover@8.0.0-s2-foundations.10
+ - @spectrum-css/link@6.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 4.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.9
+ - @spectrum-css/popover@8.0.0-s2-foundations.9
+ - @spectrum-css/link@6.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 4.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.8
+ - @spectrum-css/popover@8.0.0-s2-foundations.8
+ - @spectrum-css/link@6.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 4.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.7
+ - @spectrum-css/popover@8.0.0-s2-foundations.7
+ - @spectrum-css/link@6.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 4.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.6
+ - @spectrum-css/popover@8.0.0-s2-foundations.6
+ - @spectrum-css/link@6.0.0-s2-foundations.6
+
+## 4.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.5
+ - @spectrum-css/popover@8.0.0-s2-foundations.5
+ - @spectrum-css/link@6.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 4.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.4
+ - @spectrum-css/popover@8.0.0-s2-foundations.4
+ - @spectrum-css/link@6.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 4.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.3
+ - @spectrum-css/popover@8.0.0-s2-foundations.3
+ - @spectrum-css/link@6.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 4.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.2
+ - @spectrum-css/popover@8.0.0-s2-foundations.2
+ - @spectrum-css/link@6.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 4.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.1
+ - @spectrum-css/popover@8.0.0-s2-foundations.1
+ - @spectrum-css/link@6.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 4.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.0
+ - @spectrum-css/popover@8.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/link@6.0.0-s2-foundations.0
+
## 3.3.0
### Minor Changes
@@ -21,6 +300,17 @@
### Patch Changes
+- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
+ - @spectrum-css/tokens@14.5.0
+
+## 3.2.0
+
+### Minor Changes
+
+- [#3253](https://github.com/adobe/spectrum-css/pull/3253) [`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86) Thanks [@castastrophe](https://github.com/castastrophe)! - This update removes tokens defined locally that belonged in the global scope. To ensure no regressions, please upgrade your @spectrum-css/tokens package at the same time so you will pick up the component-level definitions now in the global tokens scope. References to `.spectrum--(light|dark|darkest|medium|large)` have been removed.
+
+### Patch Changes
+
- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
- @spectrum-css/tokens@14.5.0
@@ -84,16 +374,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.1.5...@spectrum-css/contextualhelp@3.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.1.5...@spectrum-css/contextualhelp@3.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -101,8 +388,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.1.4...@spectrum-css/contextualhelp@2.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.1.4...@spectrum-css/contextualhelp@2.1.5)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -110,8 +396,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.1.3...@spectrum-css/contextualhelp@2.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.1.3...@spectrum-css/contextualhelp@2.1.4)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -119,8 +404,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.1.2...@spectrum-css/contextualhelp@2.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.1.2...@spectrum-css/contextualhelp@2.1.3)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -128,8 +412,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.1.1...@spectrum-css/contextualhelp@2.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.1.1...@spectrum-css/contextualhelp@2.1.2)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -137,8 +420,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -146,8 +428,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.45...@spectrum-css/contextualhelp@2.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.45...@spectrum-css/contextualhelp@2.1.0)
### ✨ Features
@@ -157,8 +438,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.45
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.44...@spectrum-css/contextualhelp@2.0.45)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.44...@spectrum-css/contextualhelp@2.0.45)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -166,8 +446,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.44
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.43...@spectrum-css/contextualhelp@2.0.44)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.43...@spectrum-css/contextualhelp@2.0.44)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -175,8 +454,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.43
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.41...@spectrum-css/contextualhelp@2.0.43)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.41...@spectrum-css/contextualhelp@2.0.43)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -184,8 +462,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.42
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.41...@spectrum-css/contextualhelp@2.0.42)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.41...@spectrum-css/contextualhelp@2.0.42)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -193,8 +470,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.41
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.40...@spectrum-css/contextualhelp@2.0.41)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.40...@spectrum-css/contextualhelp@2.0.41)
### 🐛 Bug fixes
@@ -204,8 +480,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.40
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.39...@spectrum-css/contextualhelp@2.0.40)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.39...@spectrum-css/contextualhelp@2.0.40)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -213,8 +488,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.39
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.38...@spectrum-css/contextualhelp@2.0.39)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.38...@spectrum-css/contextualhelp@2.0.39)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -222,8 +496,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.38
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.37...@spectrum-css/contextualhelp@2.0.38)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.37...@spectrum-css/contextualhelp@2.0.38)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -231,8 +504,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.37
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.36...@spectrum-css/contextualhelp@2.0.37)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.36...@spectrum-css/contextualhelp@2.0.37)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -240,8 +512,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.36
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.35...@spectrum-css/contextualhelp@2.0.36)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.35...@spectrum-css/contextualhelp@2.0.36)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -249,8 +520,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.35
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.34...@spectrum-css/contextualhelp@2.0.35)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.34...@spectrum-css/contextualhelp@2.0.35)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -258,8 +528,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.34
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.33...@spectrum-css/contextualhelp@2.0.34)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.33...@spectrum-css/contextualhelp@2.0.34)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -267,8 +536,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.33
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.32...@spectrum-css/contextualhelp@2.0.33)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.32...@spectrum-css/contextualhelp@2.0.33)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -276,8 +544,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.32
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.31...@spectrum-css/contextualhelp@2.0.32)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.31...@spectrum-css/contextualhelp@2.0.32)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -285,8 +552,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.31
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.30...@spectrum-css/contextualhelp@2.0.31)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.30...@spectrum-css/contextualhelp@2.0.31)
### 🔙 Reverts
@@ -296,8 +562,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.30
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.29...@spectrum-css/contextualhelp@2.0.30)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.29...@spectrum-css/contextualhelp@2.0.30)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -305,8 +570,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.29
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.27...@spectrum-css/contextualhelp@2.0.29)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.27...@spectrum-css/contextualhelp@2.0.29)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -314,8 +578,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.28
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.27...@spectrum-css/contextualhelp@2.0.28)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.27...@spectrum-css/contextualhelp@2.0.28)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -323,8 +586,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.27
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.26...@spectrum-css/contextualhelp@2.0.27)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.26...@spectrum-css/contextualhelp@2.0.27)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -332,8 +594,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.26
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.25...@spectrum-css/contextualhelp@2.0.26)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.25...@spectrum-css/contextualhelp@2.0.26)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -341,8 +602,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.25
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.24...@spectrum-css/contextualhelp@2.0.25)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.24...@spectrum-css/contextualhelp@2.0.25)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -350,8 +610,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.24
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.23...@spectrum-css/contextualhelp@2.0.24)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.23...@spectrum-css/contextualhelp@2.0.24)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -359,8 +618,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.23
-🗓
-2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.22...@spectrum-css/contextualhelp@2.0.23)
+🗓 2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.22...@spectrum-css/contextualhelp@2.0.23)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -368,8 +626,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.22
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.21...@spectrum-css/contextualhelp@2.0.22)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.21...@spectrum-css/contextualhelp@2.0.22)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -377,8 +634,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.21
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.20...@spectrum-css/contextualhelp@2.0.21)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.20...@spectrum-css/contextualhelp@2.0.21)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -386,8 +642,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.20
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.19...@spectrum-css/contextualhelp@2.0.20)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.19...@spectrum-css/contextualhelp@2.0.20)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -395,8 +650,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.19
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.18...@spectrum-css/contextualhelp@2.0.19)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.18...@spectrum-css/contextualhelp@2.0.19)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -404,8 +658,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.18
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.17...@spectrum-css/contextualhelp@2.0.18)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.17...@spectrum-css/contextualhelp@2.0.18)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -413,8 +666,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.17
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.16...@spectrum-css/contextualhelp@2.0.17)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.16...@spectrum-css/contextualhelp@2.0.17)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -422,8 +674,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.16
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.15...@spectrum-css/contextualhelp@2.0.16)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.15...@spectrum-css/contextualhelp@2.0.16)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -431,8 +682,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.15
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.14...@spectrum-css/contextualhelp@2.0.15)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.14...@spectrum-css/contextualhelp@2.0.15)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -440,8 +690,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.14
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.13...@spectrum-css/contextualhelp@2.0.14)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.13...@spectrum-css/contextualhelp@2.0.14)
### 🐛 Bug fixes
@@ -451,8 +700,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.13
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.12...@spectrum-css/contextualhelp@2.0.13)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.12...@spectrum-css/contextualhelp@2.0.13)
**Note:** Version bump only for package @spectrum-css/contextualhelp
@@ -460,8 +708,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.12
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.11...@spectrum-css/contextualhelp@2.0.12)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/contextualhelp@2.0.11...@spectrum-css/contextualhelp@2.0.12)
**Note:** Version bump only for package @spectrum-css/contextualhelp
diff --git a/components/contextualhelp/index.css b/components/contextualhelp/index.css
index 21cdfa4c8be..194fbc5936c 100644
--- a/components/contextualhelp/index.css
+++ b/components/contextualhelp/index.css
@@ -11,18 +11,7 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-ContextualHelp {
- /* Layout Variables */
- --spectrum-contextual-help-padding: var(--spectrum-spacing-400);
- --spectrum-contextual-help-link-spacing: var(--spectrum-spacing-300);
-
- /* Typography Variables */
- --spectrum-contextual-help-heading-size: var(--spectrum-contextual-help-title-size);
- --spectrum-contextual-help-heading-color: var(--spectrum-heading-color);
- --spectrum-contextual-help-body-color: var(--spectrum-body-color);
-
position: relative;
min-inline-size: var(--mod-spectrum-contextual-help-minimum-width, var(--spectrum-contextual-help-minimum-width));
}
@@ -32,10 +21,10 @@
}
.spectrum-ContextualHelp-popover {
- padding-block: var(--mod-spectrum-contextual-help-padding, var(--spectrum-contextual-help-padding));
- padding-inline: var(--mod-spectrum-contextual-help-padding, var(--spectrum-contextual-help-padding));
+ padding-block: var(--mod-spectrum-contextual-help-padding, var(--spectrum-spacing-400));
+ padding-inline: var(--mod-spectrum-contextual-help-padding, var(--spectrum-spacing-400));
font-size: var(--mod-spectrum-contextual-help-body-size, var(--spectrum-contextual-help-body-size));
- color: var(--highcontrast-contextual-help-body-color, var(--mod-contextual-help-body-color, var(--spectrum-contextual-help-body-color)));
+ color: var(--highcontrast-contextual-help-body-color, var(--mod-contextual-help-body-color, var(--spectrum-body-color)));
.spectrum-ContextualHelp-heading,
.spectrum-ContextualHelp-body {
@@ -44,13 +33,13 @@
.spectrum-ContextualHelp-heading {
margin-block-end: var(--mod-spectrum-contextual-help-content-spacing, var(--spectrum-contextual-help-content-spacing));
- font-size: var(--mod-spectrum-contextual-help-heading-size, var(--spectrum-contextual-help-heading-size));
- color: var(--highcontrast-contextual-help-heading-color, var(--mod-contextual-help-heading-color, var(--spectrum-contextual-help-heading-color)));
+ font-size: var(--mod-spectrum-contextual-help-heading-size, var(--spectrum-contextual-help-title-size));
+ color: var(--highcontrast-contextual-help-heading-color, var(--mod-contextual-help-heading-color, var(--spectrum-heading-color)));
}
}
.spectrum-ContextualHelp-link {
- margin-block-start: var(--mod-spectrum-contextual-help-link-spacing, var(--spectrum-contextual-help-link-spacing));
+ margin-block-start: var(--mod-spectrum-contextual-help-link-spacing, var(--spectrum-spacing-300));
}
@media (forced-colors: active) {
diff --git a/components/contextualhelp/metadata/metadata.json b/components/contextualhelp/metadata/metadata.json
index e3952ec7081..a65b12747bf 100644
--- a/components/contextualhelp/metadata/metadata.json
+++ b/components/contextualhelp/metadata/metadata.json
@@ -19,14 +19,9 @@
"--mod-spectrum-contextual-help-padding"
],
"component": [
- "--spectrum-contextual-help-body-color",
"--spectrum-contextual-help-body-size",
"--spectrum-contextual-help-content-spacing",
- "--spectrum-contextual-help-heading-color",
- "--spectrum-contextual-help-heading-size",
- "--spectrum-contextual-help-link-spacing",
"--spectrum-contextual-help-minimum-width",
- "--spectrum-contextual-help-padding",
"--spectrum-contextual-help-title-size"
],
"global": [
@@ -35,7 +30,6 @@
"--spectrum-spacing-300",
"--spectrum-spacing-400"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-contextual-help-body-color",
diff --git a/components/contextualhelp/metadata/mods.md b/components/contextualhelp/metadata/mods.md
deleted file mode 100644
index ff5ad9c050f..00000000000
--- a/components/contextualhelp/metadata/mods.md
+++ /dev/null
@@ -1,10 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------ |
-| `--mod-contextual-help-body-color` |
-| `--mod-contextual-help-heading-color` |
-| `--mod-spectrum-contextual-help-body-size` |
-| `--mod-spectrum-contextual-help-content-spacing` |
-| `--mod-spectrum-contextual-help-heading-size` |
-| `--mod-spectrum-contextual-help-link-spacing` |
-| `--mod-spectrum-contextual-help-minimum-width` |
-| `--mod-spectrum-contextual-help-padding` |
diff --git a/components/contextualhelp/package.json b/components/contextualhelp/package.json
index 40e540604aa..b6ab4d5c2b7 100644
--- a/components/contextualhelp/package.json
+++ b/components/contextualhelp/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/contextualhelp",
- "version": "3.3.0",
+ "version": "4.0.0-next.0",
"description": "The Spectrum CSS contextualhelp component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,24 +17,25 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/actionbutton": ">=6",
- "@spectrum-css/link": ">=5",
- "@spectrum-css/popover": ">=7",
- "@spectrum-css/tokens": ">=14.5.0"
+ "@spectrum-css/actionbutton": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/link": ">=6.0.0-s2-foundations.0",
+ "@spectrum-css/popover": ">=8.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/link": {
diff --git a/components/contextualhelp/stories/contextualhelp.mdx b/components/contextualhelp/stories/contextualhelp.mdx
deleted file mode 100644
index d9511f7f5cc..00000000000
--- a/components/contextualhelp/stories/contextualhelp.mdx
+++ /dev/null
@@ -1,63 +0,0 @@
-import {
- Canvas,
- ArgTypes,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as ContextualHelpStories from "./contextualhelp.stories";
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/contextualhelp/themes/spectrum.css b/components/contextualhelp/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/contextualhelp/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/datepicker/CHANGELOG.md b/components/datepicker/CHANGELOG.md
index 09af8dfa683..11f9fa14886 100644
--- a/components/datepicker/CHANGELOG.md
+++ b/components/datepicker/CHANGELOG.md
@@ -1,5 +1,300 @@
# Change Log
+## 4.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/popover@8.0.0-next.0
+ - @spectrum-css/pickerbutton@6.0.0-next.0
+
+## 4.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.17
+ - @spectrum-css/textfield@8.0.0-s2-foundations.17
+ - @spectrum-css/calendar@6.0.0-s2-foundations.16
+ - @spectrum-css/popover@8.0.0-s2-foundations.17
+
+## 4.0.0-s2-foundations.16
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57e187f`](https://github.com/adobe/spectrum-css/commit/57e187f5a52e9782e8573defc825cef0399b99e4) Thanks [@pfulton](https://github.com/pfulton)! - Minor bug fixes for datepicker and radio; tokens released for alignment
+
+- Updated dependencies [[`57e187f`](https://github.com/adobe/spectrum-css/commit/57e187f5a52e9782e8573defc825cef0399b99e4)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.26
+
+## 4.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.16
+ - @spectrum-css/textfield@8.0.0-s2-foundations.16
+ - @spectrum-css/calendar@6.0.0-s2-foundations.15
+ - @spectrum-css/popover@8.0.0-s2-foundations.16
+
+## 4.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.15
+ - @spectrum-css/textfield@8.0.0-s2-foundations.15
+ - @spectrum-css/calendar@6.0.0-s2-foundations.14
+ - @spectrum-css/popover@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 4.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.14
+ - @spectrum-css/textfield@8.0.0-s2-foundations.14
+ - @spectrum-css/calendar@6.0.0-s2-foundations.13
+ - @spectrum-css/popover@8.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 4.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.12
+ - @spectrum-css/textfield@8.0.0-s2-foundations.12
+ - @spectrum-css/calendar@6.0.0-s2-foundations.12
+ - @spectrum-css/popover@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 4.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.11
+ - @spectrum-css/textfield@8.0.0-s2-foundations.11
+ - @spectrum-css/calendar@6.0.0-s2-foundations.11
+ - @spectrum-css/popover@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 4.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.10
+ - @spectrum-css/textfield@8.0.0-s2-foundations.10
+ - @spectrum-css/calendar@6.0.0-s2-foundations.10
+ - @spectrum-css/popover@8.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 4.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`da47fa2`](https://github.com/adobe/spectrum-css/commit/da47fa2cb18373e74a6718775f2db90bb25868d4), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.9
+ - @spectrum-css/textfield@8.0.0-s2-foundations.9
+ - @spectrum-css/calendar@6.0.0-s2-foundations.9
+ - @spectrum-css/popover@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 4.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.8
+ - @spectrum-css/textfield@8.0.0-s2-foundations.8
+ - @spectrum-css/calendar@6.0.0-s2-foundations.8
+ - @spectrum-css/popover@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 4.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.7
+ - @spectrum-css/textfield@8.0.0-s2-foundations.7
+ - @spectrum-css/calendar@6.0.0-s2-foundations.7
+ - @spectrum-css/popover@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 4.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.6
+ - @spectrum-css/textfield@8.0.0-s2-foundations.6
+ - @spectrum-css/calendar@6.0.0-s2-foundations.6
+ - @spectrum-css/popover@8.0.0-s2-foundations.6
+
+## 4.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.5
+ - @spectrum-css/textfield@8.0.0-s2-foundations.5
+ - @spectrum-css/calendar@6.0.0-s2-foundations.5
+ - @spectrum-css/popover@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 4.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.4
+ - @spectrum-css/textfield@8.0.0-s2-foundations.4
+ - @spectrum-css/calendar@6.0.0-s2-foundations.4
+ - @spectrum-css/popover@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 4.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.3
+ - @spectrum-css/textfield@8.0.0-s2-foundations.3
+ - @spectrum-css/calendar@6.0.0-s2-foundations.3
+ - @spectrum-css/popover@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 4.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.2
+ - @spectrum-css/textfield@8.0.0-s2-foundations.2
+ - @spectrum-css/calendar@6.0.0-s2-foundations.2
+ - @spectrum-css/popover@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 4.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.1
+ - @spectrum-css/textfield@8.0.0-s2-foundations.1
+ - @spectrum-css/calendar@6.0.0-s2-foundations.1
+ - @spectrum-css/popover@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 4.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/pickerbutton@6.0.0-s2-foundations.0
+ - @spectrum-css/textfield@8.0.0-s2-foundations.0
+ - @spectrum-css/popover@8.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/calendar@6.0.0-s2-foundations.0
+
## 3.3.0
### Minor Changes
@@ -26,6 +321,18 @@
- [#3285](https://github.com/adobe/spectrum-css/pull/3285) [`727ccd0`](https://github.com/adobe/spectrum-css/commit/727ccd0eda8ef6f975cda52c7ef4e3516818e383) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violation in datepicker by adjusting nesting depth.
+## 3.2.5
+
+### Patch Changes
+
+- [#3300](https://github.com/adobe/spectrum-css/pull/3300) [`89797d0`](https://github.com/adobe/spectrum-css/commit/89797d0324bcbf2195a28840ce87ed6959da24a5) Thanks [@castastrophe](https://github.com/castastrophe)! - Add passthrough markers to prevent unnecessary warnings about unused custom properties
+
+## 3.2.4
+
+### Patch Changes
+
+- [#3285](https://github.com/adobe/spectrum-css/pull/3285) [`727ccd0`](https://github.com/adobe/spectrum-css/commit/727ccd0eda8ef6f975cda52c7ef4e3516818e383) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violation in datepicker by adjusting nesting depth.
+
## 3.2.3
### Patch Changes
@@ -102,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.1.4...@spectrum-css/datepicker@3.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.1.4...@spectrum-css/datepicker@3.0.0)
### ✨ Features
@@ -111,11 +417,8 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -123,8 +426,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.1.3...@spectrum-css/datepicker@2.1.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.1.3...@spectrum-css/datepicker@2.1.4)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -132,8 +434,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.1.2...@spectrum-css/datepicker@2.1.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.1.2...@spectrum-css/datepicker@2.1.3)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -141,8 +442,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.1.1...@spectrum-css/datepicker@2.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.1.1...@spectrum-css/datepicker@2.1.2)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -150,8 +450,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -159,8 +458,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.5...@spectrum-css/datepicker@2.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.5...@spectrum-css/datepicker@2.1.0)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -168,8 +466,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.5
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.4...@spectrum-css/datepicker@2.0.5)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.4...@spectrum-css/datepicker@2.0.5)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -177,8 +474,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.4
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.3...@spectrum-css/datepicker@2.0.4)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.3...@spectrum-css/datepicker@2.0.4)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -186,8 +482,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.3
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.2...@spectrum-css/datepicker@2.0.3)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.2...@spectrum-css/datepicker@2.0.3)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -195,8 +490,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.2
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.0...@spectrum-css/datepicker@2.0.2)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.0...@spectrum-css/datepicker@2.0.2)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -204,8 +498,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.1
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.0...@spectrum-css/datepicker@2.0.1)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@2.0.0...@spectrum-css/datepicker@2.0.1)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -213,13 +506,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.0
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.55...@spectrum-css/datepicker@2.0.0)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.55...@spectrum-css/datepicker@2.0.0)
\*refactor(datepicker)!: migrate to use spectrum-tokens (#2185)([7de0da2](https://github.com/adobe/spectrum-css/commit/7de0da2)), closes[#2185](https://github.com/adobe/spectrum-css/issues/2185)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates DatePicker to use `@adobe/spectrum-tokens`
@@ -294,8 +585,7 @@ Additionally:
## 1.0.55
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.54...@spectrum-css/datepicker@1.0.55)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.54...@spectrum-css/datepicker@1.0.55)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -303,8 +593,7 @@ Additionally:
## 1.0.54
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.53...@spectrum-css/datepicker@1.0.54)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.53...@spectrum-css/datepicker@1.0.54)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -312,8 +601,7 @@ Additionally:
## 1.0.53
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.52...@spectrum-css/datepicker@1.0.53)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.52...@spectrum-css/datepicker@1.0.53)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -321,8 +609,7 @@ Additionally:
## 1.0.52
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.51...@spectrum-css/datepicker@1.0.52)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.51...@spectrum-css/datepicker@1.0.52)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -330,8 +617,7 @@ Additionally:
## 1.0.51
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.50...@spectrum-css/datepicker@1.0.51)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.50...@spectrum-css/datepicker@1.0.51)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -339,8 +625,7 @@ Additionally:
## 1.0.50
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.49...@spectrum-css/datepicker@1.0.50)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.49...@spectrum-css/datepicker@1.0.50)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -348,8 +633,7 @@ Additionally:
## 1.0.49
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.48...@spectrum-css/datepicker@1.0.49)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.48...@spectrum-css/datepicker@1.0.49)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -357,8 +641,7 @@ Additionally:
## 1.0.48
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.47...@spectrum-css/datepicker@1.0.48)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.47...@spectrum-css/datepicker@1.0.48)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -366,8 +649,7 @@ Additionally:
## 1.0.47
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.46...@spectrum-css/datepicker@1.0.47)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.46...@spectrum-css/datepicker@1.0.47)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -375,8 +657,7 @@ Additionally:
## 1.0.46
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.45...@spectrum-css/datepicker@1.0.46)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.45...@spectrum-css/datepicker@1.0.46)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -384,8 +665,7 @@ Additionally:
## 1.0.45
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.44...@spectrum-css/datepicker@1.0.45)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.44...@spectrum-css/datepicker@1.0.45)
### 🔙 Reverts
@@ -395,8 +675,7 @@ Additionally:
## 1.0.44
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.43...@spectrum-css/datepicker@1.0.44)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.43...@spectrum-css/datepicker@1.0.44)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -404,8 +683,7 @@ Additionally:
## 1.0.43
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.41...@spectrum-css/datepicker@1.0.43)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.41...@spectrum-css/datepicker@1.0.43)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -413,8 +691,7 @@ Additionally:
## 1.0.42
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.41...@spectrum-css/datepicker@1.0.42)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.41...@spectrum-css/datepicker@1.0.42)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -422,8 +699,7 @@ Additionally:
## 1.0.41
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.40...@spectrum-css/datepicker@1.0.41)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.40...@spectrum-css/datepicker@1.0.41)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -431,8 +707,7 @@ Additionally:
## 1.0.40
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.39...@spectrum-css/datepicker@1.0.40)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.39...@spectrum-css/datepicker@1.0.40)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -440,8 +715,7 @@ Additionally:
## 1.0.39
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.38...@spectrum-css/datepicker@1.0.39)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.38...@spectrum-css/datepicker@1.0.39)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -449,8 +723,7 @@ Additionally:
## 1.0.38
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.37...@spectrum-css/datepicker@1.0.38)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.37...@spectrum-css/datepicker@1.0.38)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -458,8 +731,7 @@ Additionally:
## 1.0.37
-🗓
-2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.36...@spectrum-css/datepicker@1.0.37)
+🗓 2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.36...@spectrum-css/datepicker@1.0.37)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -467,8 +739,7 @@ Additionally:
## 1.0.36
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.35...@spectrum-css/datepicker@1.0.36)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.35...@spectrum-css/datepicker@1.0.36)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -476,8 +747,7 @@ Additionally:
## 1.0.35
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.34...@spectrum-css/datepicker@1.0.35)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.34...@spectrum-css/datepicker@1.0.35)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -485,8 +755,7 @@ Additionally:
## 1.0.34
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.33...@spectrum-css/datepicker@1.0.34)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.33...@spectrum-css/datepicker@1.0.34)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -494,8 +763,7 @@ Additionally:
## 1.0.33
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.32...@spectrum-css/datepicker@1.0.33)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.32...@spectrum-css/datepicker@1.0.33)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -503,8 +771,7 @@ Additionally:
## 1.0.32
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.31...@spectrum-css/datepicker@1.0.32)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.31...@spectrum-css/datepicker@1.0.32)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -512,8 +779,7 @@ Additionally:
## 1.0.31
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.30...@spectrum-css/datepicker@1.0.31)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.30...@spectrum-css/datepicker@1.0.31)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -521,8 +787,7 @@ Additionally:
## 1.0.30
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.29...@spectrum-css/datepicker@1.0.30)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.29...@spectrum-css/datepicker@1.0.30)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -530,8 +795,7 @@ Additionally:
## 1.0.29
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.28...@spectrum-css/datepicker@1.0.29)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.28...@spectrum-css/datepicker@1.0.29)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -539,8 +803,7 @@ Additionally:
## 1.0.28
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.27...@spectrum-css/datepicker@1.0.28)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.27...@spectrum-css/datepicker@1.0.28)
### 🐛 Bug fixes
@@ -550,8 +813,7 @@ Additionally:
## 1.0.27
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.26...@spectrum-css/datepicker@1.0.27)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.26...@spectrum-css/datepicker@1.0.27)
**Note:** Version bump only for package @spectrum-css/datepicker
@@ -559,8 +821,7 @@ Additionally:
## 1.0.26
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.25...@spectrum-css/datepicker@1.0.26)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/datepicker@1.0.25...@spectrum-css/datepicker@1.0.26)
**Note:** Version bump only for package @spectrum-css/datepicker
diff --git a/components/datepicker/index.css b/components/datepicker/index.css
index 84845e4d18a..d4520f2027b 100644
--- a/components/datepicker/index.css
+++ b/components/datepicker/index.css
@@ -11,178 +11,184 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-DatePicker {
- --spectrum-datepicker-border-radius: var(--spectrum-corner-radius-100);
- --spectrum-datepicker-border-radius-quiet: 0;
+ --spectrum-datepicker-border-radius: var(--mod-datepicker-border-radius, var(--spectrum-corner-radius-100));
+ --spectrum-datepicker-border-radius-quiet: var(--mod-datepicker-border-radius-quiet, 0);
--spectrum-datepicker-border-width: var(--spectrum-border-width-100);
- --spectrum-datepicker-min-width: var(--spectrum-field-width);
+ --spectrum-datepicker-min-width: var(--mod-datepicker-min-width, var(--spectrum-field-width));
+ --spectrum-datepicker-initial-height: var(--spectrum-component-height-100);
--spectrum-datepicker-icon-size: var(--spectrum-workflow-icon-size-100);
/* button */
- --spectrum-datepicker-pickerbutton-border-color: var(--spectrum-gray-500);
- --spectrum-datepicker-pickerbutton-border-color-invalid: var(--spectrum-negative-border-color-default);
- --spectrum-datepicker-pickerbutton-width: calc((var(--spectrum-field-edge-to-disclosure-icon-100) * 2) + var(--spectrum-workflow-icon-size-100));
- --spectrum-datepicker-pickerbutton-width-quiet: calc(var(--spectrum-datepicker-pickerbutton-width) - var(--spectrum-datepicker-quiet-button-offset));
- --spectrum-datepicker-quiet-button-offset: var(--spectrum-text-to-visual-100);
- --spectrum-datepicker-icon-to-button: var(--spectrum-text-to-visual-100);
+ --spectrum-datepicker-pickerbutton-border-color: var(--highcontrast-datepicker-pickerbutton-border-color, var(--mod-datepicker-pickerbutton-border-color, var(--spectrum-gray-500)));
+ --spectrum-datepicker-pickerbutton-border-color-invalid: var(--highcontrast-datepicker-pickerbutton-border-color, var(--mod-datepicker-pickerbutton-border-color-invalid, var(--spectrum-negative-border-color-default)));
+ --spectrum-datepicker-pickerbutton-width: calc(var(--spectrum-field-edge-to-disclosure-icon-100) * 2 + var(--spectrum-workflow-icon-size-100));
+ --spectrum-datepicker-quiet-button-offset: var(--mod-datepicker-quiet-button-offset, var(--spectrum-text-to-visual-100));
--spectrum-datepicker-icon-to-text: var(--spectrum-component-edge-to-text-100);
+ /* Calculated as width minus offset */
+ --spectrum-datepicker-pickerbutton-width-quiet: calc(var(--spectrum-datepicker-pickerbutton-width) - var(--spectrum-datepicker-quiet-button-offset));
+
/* focus */
- --spectrum-datepicker-focus-ring-gap: var(--spectrum-focus-indicator-gap);
- --spectrum-datepicker-focus-thickness: var(--spectrum-focus-indicator-thickness);
- --spectrum-datepicker-focus-animation: var(--spectrum-animation-duration-100);
- --spectrum-datepicker-focus-ring-width: var(--spectrum-border-width-100);
- --spectrum-datepicker-focus-ring-color: var(--spectrum-focus-indicator-color);
- --spectrum-datepicker-focus-line-gap: var(--spectrum-spacing-75);
+ --spectrum-datepicker-focus-ring-gap: var(--mod-datepicker-focus-ring-gap, var(--spectrum-focus-indicator-gap));
+ --spectrum-datepicker-focus-thickness: var(--mod-datepicker-focus-thickness, var(--spectrum-focus-indicator-thickness));
+ --spectrum-datepicker-focus-animation: var(--mod-datepicker-focus-animation, var(--spectrum-animation-duration-100));
+ --spectrum-datepicker-focus-ring-width: var(--mod-datepicker-focus-ring-width, var(--spectrum-border-width-100));
+ --spectrum-datepicker-focus-ring-color: var(--highcontrast-datepicker-focus-ring-color, var(--mod-datepicker-focus-ring-color, var(--spectrum-focus-indicator-color)));
+ --spectrum-datepicker-focus-line-gap: var(--mod-datepicker-focus-line-gap, var(--spectrum-spacing-75));
/* color */
- --spectrum-datepicker-invalid-quiet-color: var(--spectrum-negative-border-color-default);
- --spectrum-datepicker-quiet-border-color-hover: var(--spectrum-gray-500);
- --spectrum-datepicker-border-color-disabled: var(--spectrum-disabled-border-color);
+ --spectrum-datepicker-invalid-quiet-color: var(--mod-datepicker-invalid-quiet-color, var(--spectrum-negative-border-color-default));
+ --spectrum-datepicker-quiet-border-color-hover: var(--mod-datepicker-quiet-border-color-hover, var(--spectrum-gray-500));
+ --spectrum-datepicker-border-color-disabled: var(--mod-datepicker-border-color-disabled, var(--spectrum-disabled-border-color));
/* dash */
- --spectrum-datepicker-dash-font-size: var(--spectrum-font-size-100);
- --spectrum-datepicker-dash-color: var(--spectrum-neutral-content-color-default);
- --spectrum-datepicker-dash-color-disabled: var(--spectrum-disabled-content-color);
- --spectrum-datepicker-range-dash-marin-inline-start: calc(-0.5 * var(--spectrum-datepicker-dash-font-size));
- --spectrum-datepicker-range-dash-padding-top: 0;
+ --spectrum-datepicker-dash-font-size: var(--mod-datepicker-dash-font-size, var(--spectrum-font-size-100));
+ --spectrum-datepicker-dash-color: var(--highcontrast-datepicker-dash-color, var(--mod-datepicker-dash-color, var(--spectrum-neutral-content-color-default)));
+ --spectrum-datepicker-range-dash-padding-top: var(--mod-datepicker-range-dash-padding-top, 0);
+
+ /* Calculated as negative half of font-size */
+ --spectrum-datepicker-range-dash-marin-inline-start: var(--mod-datepicker-range-dash-margin-left, calc(-0.5 * var(--spectrum-datepicker-dash-font-size)));
/* calculating widths */
- /* todo: if we add t-shirt sizing, this will be wrong ❤️ */
+ /* initial-width and generic-padding are being served from the global tokens package */
+ --spectrum-datepicker-range-input-width-first: var(--mod-datepicker-range-input-width-first, calc(var(--spectrum-datepicker-initial-width) - 2 * var(--spectrum-datepicker-generic-padding)));
--spectrum-datepicker-input-width-base: calc(var(--spectrum-datepicker-range-input-width-first) + var(--spectrum-datepicker-icon-size));
- --spectrum-datepicker-input-width: calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-datepicker-initial-height));
- --spectrum-datepicker-input-width-quiet: calc(var(--spectrum-datepicker-range-input-width-quiet-first) + var(--spectrum-datepicker-icon-size) + var(--spectrum-datepicker-initial-height));
- --spectrum-datepicker-range-input-width-first: calc(var(--spectrum-datepicker-initial-width) - 2 * var(--spectrum-datepicker-generic-padding));
- --spectrum-datepicker-range-input-width-quiet-first: calc(var(--spectrum-datepicker-width-quiet-first) + var(--spectrum-datepicker-width-quiet-second));
+ --spectrum-datepicker-input-width: var(--mod-datepicker-input-width, calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-datepicker-initial-height)));
+ --spectrum-datepicker-range-input-width-quiet-first: var(--mod-datepicker-range-input-width-quiet-first, calc(var(--spectrum-datepicker-width-quiet-first) + var(--spectrum-datepicker-width-quiet-second)));
+ --spectrum-datepicker-input-width-quiet: var(--mod-datepicker-input-width-quiet, calc(var(--spectrum-datepicker-range-input-width-quiet-first) + var(--spectrum-datepicker-icon-size) + var(--spectrum-datepicker-initial-height)));
+
- --spectrum-datepicker-datetime-input-width-first: calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-datepicker-datetime-width-first));
- --spectrum-datepicker-datetime-input-width: calc(var(--spectrum-datepicker-datetime-input-width-first) + var(--spectrum-datepicker-icon-size) + var(--spectrum-datepicker-initial-height));
- --spectrum-datepicker-datetime-quiet-input-width-first: calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-datepicker-input-datetime-width));
- --spectrum-datepicker-datetime-quiet-input-width: calc(var(--spectrum-datepicker-datetime-quiet-input-width-first) + var(--spectrum-datepicker-icon-size) + var(--spectrum-datepicker-initial-height));
+ --spectrum-datepicker-datetime-input-width-first: var(--mod-datepicker-datetime-input-width-first, calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-datepicker-datetime-width-first)));
+ --spectrum-datepicker-datetime-input-width: var(--mod-datepicker-datetime-input-width, calc(var(--spectrum-datepicker-datetime-input-width-first) + var(--spectrum-datepicker-icon-size) + var(--spectrum-datepicker-initial-height)));
+ --spectrum-datepicker-datetime-quiet-input-width-first: var(--mod-datepicker-datetime-quiet-input-width-first, calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-datepicker-input-datetime-width)));
+ --spectrum-datepicker-datetime-quiet-input-width: var(--mod-datepicker-datetime-quiet-input-width, calc(var(--spectrum-datepicker-datetime-quiet-input-width-first) + var(--spectrum-datepicker-icon-size) + var(--spectrum-datepicker-initial-height)));
/* padding inline end */
- --spectrum-datepicker-padding-inline-end: calc(var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100) - (var(--spectrum-datepicker-border-width) * 2));
- --spectrum-datepicker-padding-inline-end-quiet: calc((var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100)) - var(--spectrum-datepicker-quiet-button-offset));
- --spectrum-datepicker-padding-inline-end-invalid: calc(var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100) + var(--spectrum-datepicker-icon-to-button) + var(--spectrum-datepicker-icon-size) - (var(--spectrum-datepicker-border-width) * 2));
- --spectrum-datepicker-padding-inline-end-invalid-quiet: calc(var(--spectrum-datepicker-pickerbutton-width-quiet) + var(--spectrum-datepicker-icon-size) + var(--spectrum-datepicker-icon-to-text));
-}
+ --spectrum-datepicker-padding-inline-end: var(--mod-datepicker-padding-inline, calc(var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100) - var(--spectrum-datepicker-border-width) * 2));
+ --spectrum-datepicker-padding-inline-end-quiet: var(--mod-datepicker-padding-inline-quiet, calc((var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100)) - var(--spectrum-datepicker-quiet-button-offset)));
+ --spectrum-datepicker-padding-inline-end-invalid-quiet: var(--mod-datepicker-padding-inline-end-invalid-quiet, calc(var(--spectrum-datepicker-pickerbutton-width-quiet) + var(--spectrum-datepicker-icon-size) + var(--spectrum-datepicker-icon-to-text)));
-.spectrum-DatePicker {
position: relative;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
- min-inline-size: var(--mod-datepicker-min-width, var(--spectrum-datepicker-min-width));
- border-radius: var(--mod-datepicker-border-radius, var(--spectrum-datepicker-border-radius));
+ min-inline-size: var(--spectrum-datepicker-min-width);
+ border-radius: var(--spectrum-datepicker-border-radius);
&.is-disabled {
- .spectrum-DatePicker-rangeDash {
- color: var(--highcontrast-datepicker-dash-color-disabled, var(--mod-datepicker-dash-color-disabled, var(--spectrum-datepicker-dash-color-disabled)));
- }
+ --mod-datepicker-dash-color: var(--mod-datepicker-dash-color-disabled, var(--spectrum-disabled-content-color));
}
&.is-invalid {
--mod-textfield-icon-spacing-inline-end-invalid: calc(var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-datepicker-invalid-icon-to-button));
--mod-textfield-icon-spacing-inline-end-quiet-invalid: calc(var(--spectrum-datepicker-pickerbutton-width-quiet) + var(--spectrum-datepicker-invalid-icon-to-button-quiet));
}
-}
-.spectrum-DatePicker:not(.spectrum-DatePicker--quiet, .is-disabled) {
- /* @passthrough -- ensures picker button border color matches the textfield border color */
- --mod-picker-button-border-color: var(--highcontrast-datepicker-pickerbutton-border-color, var(--mod-datepicker-pickerbutton-border-color, var(--spectrum-datepicker-pickerbutton-border-color)));
+ &:not(.spectrum-DatePicker--quiet, .is-disabled) {
+ /* @passthrough -- ensures picker button border color matches the textfield border color */
+ --mod-picker-button-border-color: var(--spectrum-datepicker-pickerbutton-border-color);
- &.is-invalid {
- /* @passthrough */
- --mod-picker-button-border-color: var(--highcontrast-datepicker-pickerbutton-border-color, var(--mod-datepicker-pickerbutton-border-color-invalid, var(--spectrum-datepicker-pickerbutton-border-color-invalid)));
+ &.is-invalid {
+ /* @passthrough */
+ --mod-picker-button-border-color: var(--spectrum-datepicker-pickerbutton-border-color-invalid);
+ }
}
}
-/* input padding inline end */
-/* standard and range */
.spectrum-DatePicker-input {
- padding-inline-end: var(--mod-datepicker-padding-inline, var(--spectrum-datepicker-padding-inline-end));
-
- &.spectrum-DatePicker-endField {
- padding-inline-end: var(--mod-datepicker-padding-inline, var(--spectrum-datepicker-padding-inline-end));
- }
-}
-
-/* standard and range invalid */
-.is-invalid .spectrum-DatePicker-input {
- padding-inline-end: var(--mod-datepicker-padding-inline-end-invalid, var(--spectrum-datepicker-padding-inline-end-invalid));
-}
+ /* fill space */
+ flex: 1;
+ inline-size: 100%;
+ padding-inline-end: var(--spectrum-datepicker-padding-inline-end);
-/* quiet */
-.spectrum-DatePicker--quiet {
- .spectrum-DatePicker-input {
- padding-inline-end: var(--mod-datepicker-padding-inline-end-quiet, var(--spectrum-datepicker-padding-inline-end-quiet));
- }
+ &.spectrum-DatePicker-startField {
+ padding-inline-end: var(--mod-datepicker-generic-padding, var(--spectrum-datepicker-generic-padding));
- /* quiet invalid and quiet range invalid */
- .is-invalid .spectrum-DatePicker-input:not(.spectrum-DatePicker-startField) {
- padding-inline-end: var(--mod-datepicker-padding-inline-end-invalid-quiet, var(--spectrum-datepicker-padding-inline-end-invalid-quiet));
+ border-inline-end: 0;
+ border-start-end-radius: 0;
+ border-end-end-radius: 0;
}
-}
-/* quiet range */
-.spectrum-DatePicker--quiet .spectrum-DatePicker-input {
&.spectrum-DatePicker-endField {
- padding-inline-end: var(--mod-datepicker-padding-inline-end-quiet, var(--spectrum-datepicker-padding-inline-end-quiet));
+ border-inline-start: 0;
+ border-start-start-radius: 0;
+ border-end-start-radius: 0;
+ padding-inline-start: var(--mod-datepicker-generic-padding, var(--spectrum-datepicker-generic-padding));
}
}
+/* Nested Picker Button */
.spectrum-DatePicker-button {
/* Be above textfield so box shadow shines through */
position: absolute;
inset-inline-end: 0;
}
-.spectrum-DatePicker--quiet {
- border-radius: var(--mod-datepicker-border-radius-quiet, var(--spectrum-datepicker-border-radius-quiet));
+/* "-" between inputs */
+.spectrum-DatePicker-rangeDash {
+ color: var(--spectrum-datepicker-dash-color);
+ line-height: var(--mod-datepicker-dash-line-height, var(--spectrum-datepicker-dash-line-height));
+ padding-block-start: var(--spectrum-datepicker-range-dash-padding-top);
+ flex: initial;
+ inline-size: 0;
+ z-index: 1;
- .spectrum-DatePicker-button {
- inline-size: auto;
- inset-inline-end: calc(-1 * var(--mod-datepicker-quiet-button-offset, var(--spectrum-datepicker-quiet-button-offset)));
+ &::before {
+ content: "–";
+ display: inline-block;
+ margin-block: 0;
+ margin-inline: var(--spectrum-datepicker-range-dash-marin-inline-start);
+ overflow: hidden;
+ text-align: center;
+ vertical-align: middle;
+ inline-size: var(--spectrum-datepicker-dash-font-size);
+ }
+}
- &:disabled,
- &:disabled:hover {
- border-color: var(--mod-datepicker-border-color-disabled, var(--spectrum-datepicker-border-color-disabled));
- }
+/* quiet */
+.spectrum-DatePicker--quiet {
+ --mod-datepicker-border-radius: var(--spectrum-datepicker-border-radius-quiet);
+ --mod-datepicker-padding-inline: var(--spectrum-datepicker-padding-inline-end-quiet);
- &:disabled:not(.is-open) {
- .spectrum-PickerButton-fill {
- border-color: transparent;
- }
- }
+ /* @passthrough start -- quiet variant nested button styles */
+ --mod-picker-button-border-color-disabled: var(--spectrum-datepicker-border-color-disabled);
+ --mod-picker-button-background-color-hover-disabled: var(--spectrum-datepicker-border-color-disabled);
+ /* @passthrough end */
- &:not(:disabled, .is-open) {
- .spectrum-PickerButton-fill {
- background-color: transparent;
- }
- }
+ /* quiet invalid and quiet range invalid */
+ &.is-invalid .spectrum-DatePicker-input:not(.spectrum-DatePicker-startField) {
+ padding-inline-end: var(--spectrum-datepicker-padding-inline-end-invalid-quiet);
}
&:hover:not(.is-focused, .is-keyboardFocused, .is-disabled, .is-invalid) {
- .spectrum-DatePicker-input,
- .spectrum-DatePicker-button {
- border-color: var(--mod-datepicker-quiet-border-color-hover, var(--spectrum-datepicker-quiet-border-color-hover));
- }
+ /* @passthrough -- nested border colors */
+ --mod-picker-button-border-color: var(--spectrum-datepicker-quiet-border-color-hover);
}
- /* invalid bottom border color */
&.is-invalid {
- .spectrum-DatePicker-input,
- .spectrum-DatePicker-button {
- border-color: var(--highcontrast-datepicker-invalid-quiet-color, var(--mod-datepicker-invalid-quiet-color, var(--spectrum-datepicker-invalid-quiet-color)));
+ /* @passthrough -- invalid bottom border color */
+ --mod-picker-button-border-color: var(--spectrum-datepicker-invalid-quiet-color);
+ }
+
+ /* Nested Picker Button */
+ .spectrum-DatePicker-button {
+ inline-size: auto;
+ inset-inline-end: calc(-1 * var(--spectrum-datepicker-quiet-button-offset));
+
+ &:not(.is-open) {
+ --mod-picker-button-border-color-disabled: transparent;
+ }
+
+ &:not(:disabled, .is-open) {
+ --mod-picker-button-background-color: transparent;
}
}
}
.spectrum-DatePicker--range {
- border-radius: var(--mod-datepicker-border-radius, var(--spectrum-datepicker-border-radius));
+ --mod-datepicker-border-radius: var(--spectrum-datepicker-border-radius);
/* focus-ring */
&::after {
@@ -190,17 +196,17 @@
content: "";
position: absolute;
inset: 0;
- margin: calc(var(--mod-datepicker-focus-ring-gap, var(--spectrum-datepicker-focus-ring-gap)) * -1);
- border-radius: calc(var(--mod-datepicker-border-radius, var(--spectrum-datepicker-border-radius)) + var(--mod-datepicker-focus-ring-gap, var(--spectrum-datepicker-focus-ring-gap)));
+ margin: calc(var(--spectrum-datepicker-focus-ring-gap) * -1);
+ border-radius: calc(var(--spectrum-datepicker-border-radius) + var(--spectrum-datepicker-focus-ring-gap));
border-color: transparent;
transition:
- box-shadow var(--mod-datepicker-focus-animation, var(--spectrum-datepicker-focus-animation)) ease-in-out,
- border-color var(--mod-datepicker-focus-animation, var(--spectrum-datepicker-focus-animation)) ease-in-out;
+ box-shadow var(--spectrum-datepicker-focus-animation) ease-in-out,
+ border-color var(--spectrum-datepicker-focus-animation) ease-in-out;
}
&.is-keyboardFocused:not(.spectrum-DatePicker--quiet) {
&::after {
- box-shadow: 0 0 0 var(--mod-datepicker-focus-ring-width, var(--spectrum-datepicker-focus-ring-width)) var(--highcontrast-datepicker-focus-ring-color, var(--mod-datepicker-focus-ring-color, var(--spectrum-datepicker-focus-ring-color)));
+ box-shadow: 0 0 0 var(--spectrum-datepicker-focus-ring-width) var(--spectrum-datepicker-focus-ring-color);
}
.spectrum-DatePicker-textfield::after {
@@ -208,27 +214,25 @@
}
}
- &.is-keyboardFocused.spectrum-DatePicker--quiet {
+ /* Input Group */
+ &.spectrum-DatePicker--quiet {
+ --mod-datepicker-border-radius: var(--spectrum-datepicker-border-radius-quiet);
+
/* quiet variant bottom border focus indicator */
- &::after {
+ &.is-keyboardFocused::after {
margin: 0;
box-shadow: none;
border-radius: 0;
- border-block-end: var(--mod-datepicker-focus-thickness, var(--spectrum-datepicker-focus-thickness)) solid var(--highcontrast-datepicker-focus-ring-color, var(--mod-datepicker-focus-ring-color, var(--spectrum-datepicker-focus-ring-color)));
- inset-block-end: calc(-1 * var(--mod-datepicker-focus-line-gap, var(--spectrum-datepicker-focus-line-gap)));
+ border-block-end: var(--spectrum-datepicker-focus-thickness) solid var(--spectrum-datepicker-focus-ring-color);
+ inset-block-end: calc(-1 * var(--spectrum-datepicker-focus-line-gap));
}
- }
-
- /* Input Group */
- &.spectrum-DatePicker--quiet {
- border-radius: var(--mod-datepicker-border-radius-quiet, var(--spectrum-datepicker-border-radius-quiet));
.spectrum-DatePicker-textfield {
min-inline-size: 0;
- inline-size: var(--mod-datepicker-input-width-quiet, var(--spectrum-datepicker-input-width-quiet));
+ inline-size: var(--spectrum-datepicker-input-width-quiet);
&:first-of-type {
- inline-size: var(--mod-datepicker-range-input-width-quiet-first, var(--spectrum-datepicker-range-input-width-quiet-first));
+ inline-size: var(--spectrum-datepicker-range-input-width-quiet-first);
}
}
}
@@ -237,21 +241,19 @@
&.spectrum-DatePicker--datetimeRange {
/* Inputs */
.spectrum-DatePicker-textfield {
- inline-size: var(--mod-datepicker-datetime-input-width, var(--spectrum-datepicker-datetime-input-width));
+ inline-size: var(--spectrum-datepicker-datetime-input-width);
min-inline-size: 0;
&:first-of-type {
- inline-size: var(--mod-datepicker-datetime-input-width-first, var(--spectrum-datepicker-datetime-input-width-first));
+ inline-size: var(--spectrum-datepicker-datetime-input-width-first);
}
}
- &.spectrum-DatePicker--quiet {
- .spectrum-DatePicker-textfield {
- inline-size: var(--mod-datepicker-datetime-quiet-input-width, var(--spectrum-datepicker-datetime-quiet-input-width));
- }
+ &.spectrum-DatePicker--quiet .spectrum-DatePicker-textfield {
+ inline-size: var(--spectrum-datepicker-datetime-quiet-input-width);
- .spectrum-DatePicker-textfield:first-of-type {
- inline-size: var(--mod-datepicker-datetime-quiet-input-width-first, var(--spectrum-datepicker-datetime-quiet-input-width-first));
+ &:first-of-type {
+ inline-size: var(--spectrum-datepicker-datetime-quiet-input-width-first);
}
}
}
@@ -260,62 +262,27 @@
.spectrum-DatePicker-textfield {
flex: initial;
min-inline-size: 0;
- inline-size: var(--mod-datepicker-input-width, var(--spectrum-datepicker-input-width));
+ inline-size: var(--spectrum-datepicker-input-width);
&:first-of-type {
- inline-size: var(--mod-datepicker-range-input-width-first, var(--spectrum-datepicker-range-input-width-first));
+ inline-size: var(--spectrum-datepicker-range-input-width-first);
}
}
}
-.spectrum-DatePicker-input {
- /* fill space */
- flex: 1;
- inline-size: 100%;
-
- &.spectrum-DatePicker-startField {
- border-inline-end: 0;
- border-start-end-radius: 0;
- border-end-end-radius: 0;
- padding-inline-end: var(--mod-datepicker-generic-padding, var(--spectrum-datepicker-generic-padding));
- }
-
- &.spectrum-DatePicker-endField {
- border-inline-start: 0;
- border-start-start-radius: 0;
- border-end-start-radius: 0;
- padding-inline-start: var(--mod-datepicker-generic-padding, var(--spectrum-datepicker-generic-padding));
- }
-}
-
-/* "-" between inputs */
-.spectrum-DatePicker-rangeDash {
- color: var(--highcontrast-datepicker-dash-color, var(--mod-datepicker-dash-color, var(--spectrum-datepicker-dash-color)));
- line-height: var(--mod-datepicker-dash-line-height, var(--spectrum-datepicker-dash-line-height));
- padding-block-start: var(--mod-datepicker-range-dash-padding-top, var(--spectrum-datepicker-range-dash-padding-top));
- flex: initial;
- inline-size: 0;
- z-index: 1;
-
- &::before {
- content: "–";
- display: inline-block;
- margin-block: 0;
- margin-inline: var(--mod-datepicker-range-dash-margin-left, var(--spectrum-datepicker-range-dash-marin-inline-start));
- overflow: hidden;
- text-align: center;
- vertical-align: middle;
- inline-size: var(--mod-datepicker-dash-font-size, var(--spectrum-datepicker-dash-font-size));
- }
-}
-
/********* WHCM *********/
@media (forced-colors: active) {
.spectrum-DatePicker {
--highcontrast-datepicker-dash-color: CanvasText;
- --highcontrast-datepicker-dash-color-disabled: GrayText;
--highcontrast-datepicker-focus-ring-color: Highlight;
--highcontrast-datepicker-pickerbutton-border-color: Highlight;
- --highcontrast-datepicker-invalid-quiet-color: Highlight;
+
+ &.is-disabled {
+ --highcontrast-datepicker-dash-color: GrayText;
+ }
+
+ &.spectrum-DatePicker--quiet.is-invalid {
+ --highcontrast-datepicker-pickerbutton-border-color: Highlight;
+ }
}
}
diff --git a/components/datepicker/metadata/metadata.json b/components/datepicker/metadata/metadata.json
index 35711fc2d3d..fefc1302915 100644
--- a/components/datepicker/metadata/metadata.json
+++ b/components/datepicker/metadata/metadata.json
@@ -1,25 +1,17 @@
{
"sourceFile": "index.css",
"selectors": [
- ".is-invalid .spectrum-DatePicker-input",
".spectrum-DatePicker",
".spectrum-DatePicker--quiet",
- ".spectrum-DatePicker--quiet .is-invalid .spectrum-DatePicker-input:not(.spectrum-DatePicker-startField)",
".spectrum-DatePicker--quiet .spectrum-DatePicker-button",
- ".spectrum-DatePicker--quiet .spectrum-DatePicker-button:disabled",
- ".spectrum-DatePicker--quiet .spectrum-DatePicker-button:disabled:hover",
- ".spectrum-DatePicker--quiet .spectrum-DatePicker-button:disabled:not(.is-open) .spectrum-PickerButton-fill",
- ".spectrum-DatePicker--quiet .spectrum-DatePicker-button:not(:disabled, .is-open) .spectrum-PickerButton-fill",
- ".spectrum-DatePicker--quiet .spectrum-DatePicker-input",
- ".spectrum-DatePicker--quiet .spectrum-DatePicker-input.spectrum-DatePicker-endField",
- ".spectrum-DatePicker--quiet.is-invalid .spectrum-DatePicker-button",
- ".spectrum-DatePicker--quiet.is-invalid .spectrum-DatePicker-input",
- ".spectrum-DatePicker--quiet:hover:not(.is-focused, .is-keyboardFocused, .is-disabled, .is-invalid) .spectrum-DatePicker-button",
- ".spectrum-DatePicker--quiet:hover:not(.is-focused, .is-keyboardFocused, .is-disabled, .is-invalid) .spectrum-DatePicker-input",
+ ".spectrum-DatePicker--quiet .spectrum-DatePicker-button:not(.is-open)",
+ ".spectrum-DatePicker--quiet .spectrum-DatePicker-button:not(:disabled, .is-open)",
+ ".spectrum-DatePicker--quiet.is-invalid",
+ ".spectrum-DatePicker--quiet.is-invalid .spectrum-DatePicker-input:not(.spectrum-DatePicker-startField)",
+ ".spectrum-DatePicker--quiet:hover:not(.is-focused, .is-keyboardFocused, .is-disabled, .is-invalid)",
".spectrum-DatePicker--range",
".spectrum-DatePicker--range .spectrum-DatePicker-textfield",
".spectrum-DatePicker--range .spectrum-DatePicker-textfield:first-of-type",
- ".spectrum-DatePicker--range.is-keyboardFocused.spectrum-DatePicker--quiet:after",
".spectrum-DatePicker--range.is-keyboardFocused:not(.spectrum-DatePicker--quiet) .spectrum-DatePicker-textfield:after",
".spectrum-DatePicker--range.is-keyboardFocused:not(.spectrum-DatePicker--quiet):after",
".spectrum-DatePicker--range.spectrum-DatePicker--datetimeRange .spectrum-DatePicker-textfield",
@@ -29,6 +21,7 @@
".spectrum-DatePicker--range.spectrum-DatePicker--quiet",
".spectrum-DatePicker--range.spectrum-DatePicker--quiet .spectrum-DatePicker-textfield",
".spectrum-DatePicker--range.spectrum-DatePicker--quiet .spectrum-DatePicker-textfield:first-of-type",
+ ".spectrum-DatePicker--range.spectrum-DatePicker--quiet.is-keyboardFocused:after",
".spectrum-DatePicker--range:after",
".spectrum-DatePicker-button",
".spectrum-DatePicker-input",
@@ -36,9 +29,10 @@
".spectrum-DatePicker-input.spectrum-DatePicker-startField",
".spectrum-DatePicker-rangeDash",
".spectrum-DatePicker-rangeDash:before",
- ".spectrum-DatePicker.is-disabled .spectrum-DatePicker-rangeDash",
+ ".spectrum-DatePicker.is-disabled",
".spectrum-DatePicker.is-invalid",
".spectrum-DatePicker.is-invalid:not(.spectrum-DatePicker--quiet, .is-disabled)",
+ ".spectrum-DatePicker.spectrum-DatePicker--quiet.is-invalid",
".spectrum-DatePicker:not(.spectrum-DatePicker--quiet, .is-disabled)"
],
"modifiers": [
@@ -65,9 +59,8 @@
"--mod-datepicker-invalid-quiet-color",
"--mod-datepicker-min-width",
"--mod-datepicker-padding-inline",
- "--mod-datepicker-padding-inline-end-invalid",
"--mod-datepicker-padding-inline-end-invalid-quiet",
- "--mod-datepicker-padding-inline-end-quiet",
+ "--mod-datepicker-padding-inline-quiet",
"--mod-datepicker-pickerbutton-border-color",
"--mod-datepicker-pickerbutton-border-color-invalid",
"--mod-datepicker-quiet-border-color-hover",
@@ -83,7 +76,6 @@
"--spectrum-datepicker-border-radius-quiet",
"--spectrum-datepicker-border-width",
"--spectrum-datepicker-dash-color",
- "--spectrum-datepicker-dash-color-disabled",
"--spectrum-datepicker-dash-font-size",
"--spectrum-datepicker-dash-line-height",
"--spectrum-datepicker-datetime-input-width",
@@ -99,7 +91,6 @@
"--spectrum-datepicker-focus-thickness",
"--spectrum-datepicker-generic-padding",
"--spectrum-datepicker-icon-size",
- "--spectrum-datepicker-icon-to-button",
"--spectrum-datepicker-icon-to-text",
"--spectrum-datepicker-initial-height",
"--spectrum-datepicker-initial-width",
@@ -112,7 +103,6 @@
"--spectrum-datepicker-invalid-quiet-color",
"--spectrum-datepicker-min-width",
"--spectrum-datepicker-padding-inline-end",
- "--spectrum-datepicker-padding-inline-end-invalid",
"--spectrum-datepicker-padding-inline-end-invalid-quiet",
"--spectrum-datepicker-padding-inline-end-quiet",
"--spectrum-datepicker-pickerbutton-border-color",
@@ -133,7 +123,6 @@
"--spectrum-border-width-100",
"--spectrum-component-edge-to-text-100",
"--spectrum-component-height-100",
- "--spectrum-component-height-75",
"--spectrum-corner-radius-100",
"--spectrum-disabled-border-color",
"--spectrum-disabled-content-color",
@@ -150,17 +139,17 @@
"--spectrum-text-to-visual-100",
"--spectrum-workflow-icon-size-100"
],
- "system-theme": ["--system-spectrum-datepicker-initial-height"],
"passthroughs": [
+ "--mod-picker-button-background-color",
+ "--mod-picker-button-background-color-hover-disabled",
"--mod-picker-button-border-color",
+ "--mod-picker-button-border-color-disabled",
"--mod-textfield-icon-spacing-inline-end-invalid",
"--mod-textfield-icon-spacing-inline-end-quiet-invalid"
],
"high-contrast": [
"--highcontrast-datepicker-dash-color",
- "--highcontrast-datepicker-dash-color-disabled",
"--highcontrast-datepicker-focus-ring-color",
- "--highcontrast-datepicker-invalid-quiet-color",
"--highcontrast-datepicker-pickerbutton-border-color"
]
}
diff --git a/components/datepicker/metadata/mods.md b/components/datepicker/metadata/mods.md
deleted file mode 100644
index e92f2d8bad9..00000000000
--- a/components/datepicker/metadata/mods.md
+++ /dev/null
@@ -1,36 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------------------- |
-| `--mod-datepicker-border-color-disabled` |
-| `--mod-datepicker-border-radius` |
-| `--mod-datepicker-border-radius-quiet` |
-| `--mod-datepicker-dash-color` |
-| `--mod-datepicker-dash-color-disabled` |
-| `--mod-datepicker-dash-font-size` |
-| `--mod-datepicker-dash-line-height` |
-| `--mod-datepicker-datetime-input-width` |
-| `--mod-datepicker-datetime-input-width-first` |
-| `--mod-datepicker-datetime-quiet-input-width` |
-| `--mod-datepicker-datetime-quiet-input-width-first` |
-| `--mod-datepicker-focus-animation` |
-| `--mod-datepicker-focus-line-gap` |
-| `--mod-datepicker-focus-ring-color` |
-| `--mod-datepicker-focus-ring-gap` |
-| `--mod-datepicker-focus-ring-width` |
-| `--mod-datepicker-focus-thickness` |
-| `--mod-datepicker-generic-padding` |
-| `--mod-datepicker-input-width` |
-| `--mod-datepicker-input-width-quiet` |
-| `--mod-datepicker-invalid-quiet-color` |
-| `--mod-datepicker-min-width` |
-| `--mod-datepicker-padding-inline` |
-| `--mod-datepicker-padding-inline-end-invalid` |
-| `--mod-datepicker-padding-inline-end-invalid-quiet` |
-| `--mod-datepicker-padding-inline-end-quiet` |
-| `--mod-datepicker-pickerbutton-border-color` |
-| `--mod-datepicker-pickerbutton-border-color-invalid` |
-| `--mod-datepicker-quiet-border-color-hover` |
-| `--mod-datepicker-quiet-button-offset` |
-| `--mod-datepicker-range-dash-margin-left` |
-| `--mod-datepicker-range-dash-padding-top` |
-| `--mod-datepicker-range-input-width-first` |
-| `--mod-datepicker-range-input-width-quiet-first` |
diff --git a/components/datepicker/package.json b/components/datepicker/package.json
index 15d38b0963d..3dcbf64262f 100644
--- a/components/datepicker/package.json
+++ b/components/datepicker/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/datepicker",
- "version": "3.3.0",
+ "version": "4.0.0-next.0",
"description": "The Spectrum CSS datepicker component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,25 +17,26 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/calendar": ">=5",
- "@spectrum-css/pickerbutton": ">=5",
- "@spectrum-css/popover": ">=7",
- "@spectrum-css/textfield": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/calendar": ">=6.0.0-s2-foundations.0",
+ "@spectrum-css/pickerbutton": ">=6.0.0-next.0",
+ "@spectrum-css/popover": ">=8.0.0-next.0",
+ "@spectrum-css/textfield": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.10"
},
"devDependencies": {
"@spectrum-css/calendar": "workspace:^",
diff --git a/components/datepicker/stories/datepicker.mdx b/components/datepicker/stories/datepicker.mdx
deleted file mode 100644
index e6fd0a9ca4c..00000000000
--- a/components/datepicker/stories/datepicker.mdx
+++ /dev/null
@@ -1,86 +0,0 @@
-import {
- Canvas,
- ArgTypes,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as DatePickerStories from "./datepicker.stories";
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-DatePicker {
- --spectrum-datepicker-initial-height: var(--spectrum-component-height-75);
- }
-}
diff --git a/components/datepicker/themes/spectrum.css b/components/datepicker/themes/spectrum.css
deleted file mode 100644
index c409dbd2e9a..00000000000
--- a/components/datepicker/themes/spectrum.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-DatePicker {
- --spectrum-datepicker-initial-height: var(--spectrum-component-height-100);
- }
-}
diff --git a/components/dial/CHANGELOG.md b/components/dial/CHANGELOG.md
index b79901aae5a..a55f1f38310 100644
--- a/components/dial/CHANGELOG.md
+++ b/components/dial/CHANGELOG.md
@@ -1,5 +1,210 @@
# Change Log
+## 4.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 4.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 4.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 4.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 4.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 4.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 4.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 4.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 4.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 4.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 4.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 4.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 4.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 4.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 4.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 4.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 4.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 3.2.0
### Minor Changes
@@ -12,6 +217,12 @@
- [#3286](https://github.com/adobe/spectrum-css/pull/3286) [`3d5c39a`](https://github.com/adobe/spectrum-css/commit/3d5c39ab4b79316563f9659eb4b19afe81f9debf) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violations for dial by removing unused properties and moving todo comment into stylelint-disable description.
+## 3.1.4
+
+### Patch Changes
+
+- [#3286](https://github.com/adobe/spectrum-css/pull/3286) [`3d5c39a`](https://github.com/adobe/spectrum-css/commit/3d5c39ab4b79316563f9659eb4b19afe81f9debf) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violations for dial by removing unused properties and moving todo comment into stylelint-disable description.
+
## 3.1.3
### Patch Changes
@@ -54,16 +265,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.2.4...@spectrum-css/dial@3.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.2.4...@spectrum-css/dial@3.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -71,8 +279,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.2.3...@spectrum-css/dial@2.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.2.3...@spectrum-css/dial@2.2.4)
**Note:** Version bump only for package @spectrum-css/dial
@@ -80,8 +287,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.2.2...@spectrum-css/dial@2.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.2.2...@spectrum-css/dial@2.2.3)
**Note:** Version bump only for package @spectrum-css/dial
@@ -89,8 +295,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.2.1...@spectrum-css/dial@2.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.2.1...@spectrum-css/dial@2.2.2)
**Note:** Version bump only for package @spectrum-css/dial
@@ -98,8 +303,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/dial
@@ -107,8 +311,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.1.0...@spectrum-css/dial@2.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.1.0...@spectrum-css/dial@2.2.0)
**Note:** Version bump only for package @spectrum-css/dial
@@ -116,8 +319,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.5...@spectrum-css/dial@2.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.5...@spectrum-css/dial@2.1.0)
### ✨ Features
@@ -127,8 +329,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.5
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.4...@spectrum-css/dial@2.0.5)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.4...@spectrum-css/dial@2.0.5)
**Note:** Version bump only for package @spectrum-css/dial
@@ -136,8 +337,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.4
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.3...@spectrum-css/dial@2.0.4)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.3...@spectrum-css/dial@2.0.4)
**Note:** Version bump only for package @spectrum-css/dial
@@ -145,8 +345,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.3
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.1...@spectrum-css/dial@2.0.3)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.1...@spectrum-css/dial@2.0.3)
**Note:** Version bump only for package @spectrum-css/dial
@@ -154,8 +353,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.2
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.1...@spectrum-css/dial@2.0.2)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.1...@spectrum-css/dial@2.0.2)
**Note:** Version bump only for package @spectrum-css/dial
@@ -163,8 +361,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.1
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.0...@spectrum-css/dial@2.0.1)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@2.0.0...@spectrum-css/dial@2.0.1)
**Note:** Version bump only for package @spectrum-css/dial
@@ -172,13 +369,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.0
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.55...@spectrum-css/dial@2.0.0)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.55...@spectrum-css/dial@2.0.0)
\*feat(dial)!: migrate to use `@adobe/spectrum-tokens` (#1971)([f116b7e](https://github.com/adobe/spectrum-css/commit/f116b7e)), closes[#1971](https://github.com/adobe/spectrum-css/issues/1971)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates the Dial component to `@adobe/spectrum-tokens`
@@ -221,8 +416,7 @@ Uses correct colors & removes duplicate properties
## 1.0.55
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.54...@spectrum-css/dial@1.0.55)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.54...@spectrum-css/dial@1.0.55)
**Note:** Version bump only for package @spectrum-css/dial
@@ -230,8 +424,7 @@ Uses correct colors & removes duplicate properties
## 1.0.54
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.53...@spectrum-css/dial@1.0.54)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.53...@spectrum-css/dial@1.0.54)
### 🔙 Reverts
@@ -241,8 +434,7 @@ Uses correct colors & removes duplicate properties
## 1.0.53
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.52...@spectrum-css/dial@1.0.53)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.52...@spectrum-css/dial@1.0.53)
**Note:** Version bump only for package @spectrum-css/dial
@@ -250,8 +442,7 @@ Uses correct colors & removes duplicate properties
## 1.0.52
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.51...@spectrum-css/dial@1.0.52)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.51...@spectrum-css/dial@1.0.52)
**Note:** Version bump only for package @spectrum-css/dial
@@ -259,8 +450,7 @@ Uses correct colors & removes duplicate properties
## 1.0.51
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.50...@spectrum-css/dial@1.0.51)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.50...@spectrum-css/dial@1.0.51)
**Note:** Version bump only for package @spectrum-css/dial
@@ -268,8 +458,7 @@ Uses correct colors & removes duplicate properties
## 1.0.50
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.49...@spectrum-css/dial@1.0.50)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.49...@spectrum-css/dial@1.0.50)
**Note:** Version bump only for package @spectrum-css/dial
@@ -277,8 +466,7 @@ Uses correct colors & removes duplicate properties
## 1.0.49
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.48...@spectrum-css/dial@1.0.49)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.48...@spectrum-css/dial@1.0.49)
**Note:** Version bump only for package @spectrum-css/dial
@@ -286,8 +474,7 @@ Uses correct colors & removes duplicate properties
## 1.0.48
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.47...@spectrum-css/dial@1.0.48)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.47...@spectrum-css/dial@1.0.48)
**Note:** Version bump only for package @spectrum-css/dial
@@ -295,8 +482,7 @@ Uses correct colors & removes duplicate properties
## 1.0.47
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.46...@spectrum-css/dial@1.0.47)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.46...@spectrum-css/dial@1.0.47)
### 🐛 Bug fixes
@@ -306,8 +492,7 @@ Uses correct colors & removes duplicate properties
## 1.0.46
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.45...@spectrum-css/dial@1.0.46)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.45...@spectrum-css/dial@1.0.46)
**Note:** Version bump only for package @spectrum-css/dial
@@ -315,8 +500,7 @@ Uses correct colors & removes duplicate properties
## 1.0.45
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.44...@spectrum-css/dial@1.0.45)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dial@1.0.44...@spectrum-css/dial@1.0.45)
**Note:** Version bump only for package @spectrum-css/dial
diff --git a/components/dial/index.css b/components/dial/index.css
index 4fe71ce612a..2e7b4510d0a 100644
--- a/components/dial/index.css
+++ b/components/dial/index.css
@@ -11,26 +11,19 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Dial {
- --spectrum-dial-background-color-default: var(--spectrum-gray-100);
+ --spectrum-dial-background-color-default: var(--spectrum-gray-75);
+
+ --spectrum-dial-handle-marker-color-disabled: var(--spectrum-gray-200);
+ --spectrum-dial-border-color-disabled: var(--spectrum-gray-200);
--spectrum-dial-handle-marker-color: var(--spectrum-gray-700);
--spectrum-dial-border-color: var(--spectrum-gray-700);
- --spectrum-dial-handle-marker-color-hover: var(--spectrum-gray-800);
- --spectrum-dial-border-color-hover: var(--spectrum-gray-800);
-
- --spectrum-dial-handle-marker-color-key-focus: var(--spectrum-gray-50);
-
- --spectrum-dial-handle-marker-color-mouse-focus: var(--spectrum-gray-700);
-
--spectrum-dial-min-max-tick-color: var(--spectrum-gray-600);
- --spectrum-dial-label-text-color: var(--spectrum-gray-700);
- --spectrum-dial-label-text-color-disabled: var(--spectrum-gray-700);
- --spectrum-dial-handle-border-color-disabled: var(--spectrum-gray-400);
+ --spectrum-dial-handle-marker-color-key-focus: var(--spectrum-gray-25);
+ --spectrum-dial-border-color-key-focus: var(--spectrum-gray-25);
--spectrum-dial-container-width: 48px;
@@ -51,14 +44,12 @@
--spectrum-dial-handle-border-size: var(--spectrum-border-width-200);
--spectrum-dial-label-text-size: var(--spectrum-font-size-75);
--spectrum-dial-label-line-height: var(--spectrum-line-height-200);
-}
-.spectrum-Dial--small {
- --spectrum-dial-width: 24px;
- --spectrum-dial-height: 24px;
-}
+ &.spectrum-Dial--small {
+ --spectrum-dial-width: 24px;
+ --spectrum-dial-height: 24px;
+ }
-.spectrum-Dial {
position: relative;
/* Don't let z-index'd child elements float above other things on the page */
@@ -70,6 +61,30 @@
min-inline-size: var(--mod-dial-min-height, var(--spectrum-dial-min-height));
min-block-size: var(--mod-dial-min-height, var(--spectrum-dial-min-height));
inline-size: var(--mod-dial-container-width, var(--spectrum-dial-container-width));
+
+ &.is-disabled {
+ .spectrum-Dial-labelContainer {
+ color: var(--highcontrast-dial-label-text-color-disabled, var(--mod-dial-label-text-color-disabled, var(--spectrum-dial-label-text-color-disabled)));
+ }
+
+ .spectrum-Dial-controls {
+ &::after,
+ &::before {
+ background-color: var(--highcontrast-dial-handle-border-color-disabled, var(--mod-dial-handle-border-color-disabled, var(--spectrum-dial-handle-border-color-disabled)));
+ }
+ }
+
+ .spectrum-Dial-handle {
+ cursor: default;
+ border-color: var(--highcontrast-dial-handle-border-color-disabled, var(--mod-dial-handle-border-color-disabled, var(--spectrum-dial-handle-border-color-disabled)));
+ background: var(--mod-dial-background-color-default, var(--spectrum-dial-background-color-default));
+
+ &::after,
+ &::before {
+ background-color: var(--highcontrast-dial-handle-border-color-disabled, var(--mod-dial-handle-border-color-disabled, var(--spectrum-dial-handle-border-color-disabled)));
+ }
+ }
+ }
}
.spectrum-Dial-label {
@@ -89,7 +104,7 @@
}
.spectrum-Dial-labelContainer {
- color: var(--highcontrast-dial-label-text-color, var(--mod-dial-label-text-color, var(--spectrum-dial-label-text-color)));
+ color: var(--mod-dial-label-text-color, var(--spectrum-dial-label-text-color));
display: flex;
position: relative;
inline-size: auto;
@@ -203,8 +218,8 @@
&:focus-visible,
&:focus-within {
- background-color: var(--highcontrast-dial-handle-marker-color-mouse-focus, var(--mod-dial-handle-marker-color-mouse-focus, var(--spectrum-dial-handle-marker-color-mouse-focus)));
- border-color: var(--highcontrast-dial-handle-marker-color-mouse-focus, var(--mod-dial-handle-marker-color-mouse-focus, var(--spectrum-dial-handle-marker-color-mouse-focus)));
+ background-color: var(--mod-dial-handle-marker-color-mouse-focus, var(--spectrum-dial-handle-marker-color-mouse-focus));
+ border-color: var(--mod-dial-handle-marker-color-mouse-focus, var(--spectrum-dial-handle-marker-color-mouse-focus));
&::after {
background-color: var(--highcontrast-dial-handle-marker-color-key-focus, var(--mod-dial-handle-marker-color-key-focus, var(--spectrum-dial-handle-marker-color-key-focus)));
@@ -247,32 +262,7 @@
}
}
-.spectrum-Dial {
- &.is-disabled {
- .spectrum-Dial-labelContainer {
- color: var(--highcontrast-dial-label-text-color-disabled, var(--mod-dial-label-text-color-disabled, var(--spectrum-dial-label-text-color-disabled)));
- }
-
- .spectrum-Dial-controls {
- &::after,
- &::before {
- background-color: var(--highcontrast-dial-handle-border-color-disabled, var(--mod-dial-handle-border-color-disabled, var(--spectrum-dial-handle-border-color-disabled)));
- }
- }
-
- .spectrum-Dial-handle {
- cursor: default;
- border-color: var(--highcontrast-dial-handle-border-color-disabled, var(--mod-dial-handle-border-color-disabled, var(--spectrum-dial-handle-border-color-disabled)));
- background: var(--highcontrast-dial-background-color-default, var(--mod-dial-background-color-default, var(--spectrum-dial-background-color-default)));
-
- &::after,
- &::before {
- background-color: var(--highcontrast-dial-handle-border-color-disabled, var(--mod-dial-handle-border-color-disabled, var(--spectrum-dial-handle-border-color-disabled)));
- }
- }
- }
-}
-
+/* @deprecated .u- prefixed states are a legacy implementation still supported */
.u-isGrabbing {
cursor: ns-resize;
/* stylelint-disable-next-line -- required for webkit cursor grab/grabbing support */
diff --git a/components/dial/metadata/metadata.json b/components/dial/metadata/metadata.json
index e137edbe349..b0cdd9b9106 100644
--- a/components/dial/metadata/metadata.json
+++ b/components/dial/metadata/metadata.json
@@ -4,7 +4,6 @@
".js-focus-within .spectrum-Dial-handle[focus-within]",
".js-focus-within .spectrum-Dial-handle[focus-within]:after",
".spectrum-Dial",
- ".spectrum-Dial--small",
".spectrum-Dial-controls",
".spectrum-Dial-controls:after",
".spectrum-Dial-controls:before",
@@ -35,6 +34,7 @@
".spectrum-Dial.is-disabled .spectrum-Dial-handle:after",
".spectrum-Dial.is-disabled .spectrum-Dial-handle:before",
".spectrum-Dial.is-disabled .spectrum-Dial-labelContainer",
+ ".spectrum-Dial.spectrum-Dial--small",
".u-isGrabbing",
".u-isGrabbing .spectrum-Dial .spectrum-Dial-label",
".u-isGrabbing .spectrum-Dial .spectrum-Dial-value"
@@ -75,7 +75,9 @@
"component": [
"--spectrum-dial-background-color-default",
"--spectrum-dial-border-color",
+ "--spectrum-dial-border-color-disabled",
"--spectrum-dial-border-color-hover",
+ "--spectrum-dial-border-color-key-focus",
"--spectrum-dial-border-radius",
"--spectrum-dial-container-width",
"--spectrum-dial-controls-margin",
@@ -86,6 +88,7 @@
"--spectrum-dial-handle-inline-margin",
"--spectrum-dial-handle-marker-border-radius",
"--spectrum-dial-handle-marker-color",
+ "--spectrum-dial-handle-marker-color-disabled",
"--spectrum-dial-handle-marker-color-hover",
"--spectrum-dial-handle-marker-color-key-focus",
"--spectrum-dial-handle-marker-color-mouse-focus",
@@ -108,26 +111,21 @@
"global": [
"--spectrum-border-width-200",
"--spectrum-font-size-75",
- "--spectrum-gray-100",
- "--spectrum-gray-400",
- "--spectrum-gray-50",
+ "--spectrum-gray-200",
+ "--spectrum-gray-25",
"--spectrum-gray-600",
"--spectrum-gray-700",
- "--spectrum-gray-800",
+ "--spectrum-gray-75",
"--spectrum-line-height-200"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
- "--highcontrast-dial-background-color-default",
"--highcontrast-dial-border-color",
"--highcontrast-dial-border-color-hover",
"--highcontrast-dial-handle-border-color-disabled",
"--highcontrast-dial-handle-marker-color",
"--highcontrast-dial-handle-marker-color-hover",
"--highcontrast-dial-handle-marker-color-key-focus",
- "--highcontrast-dial-handle-marker-color-mouse-focus",
- "--highcontrast-dial-label-text-color",
"--highcontrast-dial-label-text-color-disabled",
"--highcontrast-dial-min-max-tick-color"
]
diff --git a/components/dial/metadata/mods.md b/components/dial/metadata/mods.md
deleted file mode 100644
index 9eadc683d1f..00000000000
--- a/components/dial/metadata/mods.md
+++ /dev/null
@@ -1,33 +0,0 @@
-| Modifiable custom properties |
-| -------------------------------------------- |
-| `--mod-dial-background-color-default` |
-| `--mod-dial-border-color` |
-| `--mod-dial-border-color-hover` |
-| `--mod-dial-border-radius` |
-| `--mod-dial-container-width` |
-| `--mod-dial-controls-margin` |
-| `--mod-dial-controls-min-height` |
-| `--mod-dial-handle-block-margin` |
-| `--mod-dial-handle-border-color-disabled` |
-| `--mod-dial-handle-border-size` |
-| `--mod-dial-handle-inline-margin` |
-| `--mod-dial-handle-marker-border-radius` |
-| `--mod-dial-handle-marker-color` |
-| `--mod-dial-handle-marker-color-hover` |
-| `--mod-dial-handle-marker-color-key-focus` |
-| `--mod-dial-handle-marker-color-mouse-focus` |
-| `--mod-dial-handle-marker-height` |
-| `--mod-dial-handle-marker-width` |
-| `--mod-dial-handle-position` |
-| `--mod-dial-handle-size` |
-| `--mod-dial-height` |
-| `--mod-dial-label-container-top-to-text` |
-| `--mod-dial-label-gap-y` |
-| `--mod-dial-label-line-height` |
-| `--mod-dial-label-text-color` |
-| `--mod-dial-label-text-color-disabled` |
-| `--mod-dial-label-text-size` |
-| `--mod-dial-min-height` |
-| `--mod-dial-min-max-tick-angles` |
-| `--mod-dial-min-max-tick-color` |
-| `--mod-dial-width` |
diff --git a/components/dial/package.json b/components/dial/package.json
index 0ba00453d5e..a8ca95fee5a 100644
--- a/components/dial/package.json
+++ b/components/dial/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/dial",
- "version": "3.2.0",
+ "version": "4.0.0-s2-foundations.16",
"description": "The Spectrum CSS dial component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/dial/stories/dial.stories.js b/components/dial/stories/dial.stories.js
index 723c93deb4f..fbe8e354dac 100644
--- a/components/dial/stories/dial.stories.js
+++ b/components/dial/stories/dial.stories.js
@@ -36,6 +36,7 @@ export default {
packageJson,
metadata,
},
+ tags: ["migrated"],
};
export const Default = DialGroup.bind();
diff --git a/components/dial/themes/express.css b/components/dial/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/dial/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/dial/themes/spectrum.css b/components/dial/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/dial/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/dialog/CHANGELOG.md b/components/dialog/CHANGELOG.md
index e9e691ae04a..d707ff77a93 100644
--- a/components/dialog/CHANGELOG.md
+++ b/components/dialog/CHANGELOG.md
@@ -1,5 +1,340 @@
# Change Log
+## 11.0.0-next.0
+
+### Major Changes
+
+- [#2860](https://github.com/adobe/spectrum-css/pull/2860) [`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - Spectrum 2 Standard Dialog Migration
+
+ This is the migration for standard dialog. The Divider component is no longer supported in S2 dialogs. In addition, some new and updated tokens are in place to update dialog corner rounding, font treatments, spacing/padding, and maximum/minimum widths. There were several new elements implemented as well, including optional header and footer content, hero/cover images, checkbox and text-only options in the footer content area.
+
+ The `.spectrum-Dialog--small`, `.spectrum-Dialog--medium`, and `.spectrum-Dialog--large` sizing classes were deprecated and removed from the CSS in favor of the t-shirt sizes. Additionally, the spelling of the `.spectrum-Dialog--dismissable` class was corrected to `.spectrum-Dialog--dismissible`.
+
+ Mod properties are either "new," have been renamed to reflect the respective dialog language, or were removed:
+
+ _New Mods_
+ `--mod-standard-dialog-spacing-title-to-header-content`
+ `--mod-standard-dialog-spacing-title-to-description`
+ `--mod-standard-dialog-header-content-font-size`
+
+ _Renamed Mods_
+ `--mod-dialog-confirm-small-width` > `--mod-standard-dialog-max-width-small`
+ `--mod-dialog-confirm-medium-width` > `--mod-standard-dialog-max-width`
+ `--mod-dialog-confirm-large-width` > `--mod-standard-dialog-max-width-large`
+ `--mod-dialog-confirm-border-radius` > `--mod-standard-dialog-border-radius`
+ `--mod-dialog-confirm-description-text-size` > `--mod-standard-dialog-description-font-size`
+ `--mod-dialog-confirm-description-text-line-height` > `--mod-standard-dialog-description-line-height`
+ `--mod-dialog-confirm-description-text-color` > `--mod-standard-dialog-description-text-color`
+ `--mod-dialog-confirm-description-font-weight` > `--mod-standard-dialog-description-font-weight`
+ `--mod-dialog-heading-font-weight` > `--mod-standard-dialog-heading-font-weight`
+ `--mod-dialog-confirm-title-text-line-height` > `--mod-standard-dialog-heading-line-height`
+ `--mod-dialog-confirm-title-text-color` > `--mod-standard-dialog-heading-text-color`
+ `--mod-dialog-confirm-title-text-size` > `--mod-standard-dialog-heading-font-size`
+ `--mod-dialog-confirm-hero-height` > `--mod-standard-dialog-hero-block-size`
+ `--mod-dialog-min-inline-size` > `--mod-standard-dialog-min-inline-size`
+ `--mod-dialog-confirm-padding-grid` > `--mod-standard-dialog-spacing-grid-padding`
+ `--mod-dialog-confirm-footer-padding-top` > `--mod-standard-dialog-spacing-description-to-footer`
+ `--mod-dialog-confirm-close-button-padding` > `--mod-standard-dialog-spacing-edge-to-close-button`
+ `--mod-dialog-confirm-gap-size` > `--mod-standard-dialog-spacing-footer-to-button-group`
+
+ _Removed Mods_
+ `--mod-dialog-confirm-buttongroup-padding-top`
+ `--mod-dialog-confirm-close-button-size`
+ `--mod-dialog-confirm-description-margin`
+ `--mod-dialog-confirm-description-padding`
+ `--mod-dialog-confirm-divider-block-spacing-end`
+ `--mod-dialog-confirm-divider-block-spacing-start`
+ `--mod-dialog-confirm-divider-height`
+
+ Modal and underlay updates
+
+ - Modal component now uses the updated corner rounding.
+ - Underlay has an updated comment that addresses the overlay-color/overlay-opacity tokens.
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/modal@5.1.1-next.0
+ - @spectrum-css/underlay@4.1.1-next.0
+
+## 11.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.17
+ - @spectrum-css/underlay@5.0.0-s2-foundations.16
+ - @spectrum-css/divider@4.0.0-s2-foundations.16
+ - @spectrum-css/modal@6.0.0-s2-foundations.17
+
+## 11.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.16
+ - @spectrum-css/underlay@5.0.0-s2-foundations.15
+ - @spectrum-css/divider@4.0.0-s2-foundations.15
+ - @spectrum-css/modal@6.0.0-s2-foundations.16
+
+## 11.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.15
+ - @spectrum-css/underlay@5.0.0-s2-foundations.14
+ - @spectrum-css/divider@4.0.0-s2-foundations.14
+ - @spectrum-css/modal@6.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 11.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.14
+ - @spectrum-css/underlay@5.0.0-s2-foundations.13
+ - @spectrum-css/divider@4.0.0-s2-foundations.13
+ - @spectrum-css/modal@6.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 11.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.12
+ - @spectrum-css/underlay@5.0.0-s2-foundations.12
+ - @spectrum-css/divider@4.0.0-s2-foundations.12
+ - @spectrum-css/modal@6.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 11.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.11
+ - @spectrum-css/underlay@5.0.0-s2-foundations.11
+ - @spectrum-css/divider@4.0.0-s2-foundations.11
+ - @spectrum-css/modal@6.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 11.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.10
+ - @spectrum-css/underlay@5.0.0-s2-foundations.10
+ - @spectrum-css/divider@4.0.0-s2-foundations.10
+ - @spectrum-css/modal@6.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 11.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.9
+ - @spectrum-css/underlay@5.0.0-s2-foundations.9
+ - @spectrum-css/divider@4.0.0-s2-foundations.9
+ - @spectrum-css/modal@6.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 11.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.8
+ - @spectrum-css/underlay@5.0.0-s2-foundations.8
+ - @spectrum-css/divider@4.0.0-s2-foundations.8
+ - @spectrum-css/modal@6.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 11.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.7
+ - @spectrum-css/underlay@5.0.0-s2-foundations.7
+ - @spectrum-css/divider@4.0.0-s2-foundations.7
+ - @spectrum-css/modal@6.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 11.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.6
+ - @spectrum-css/underlay@5.0.0-s2-foundations.6
+ - @spectrum-css/divider@4.0.0-s2-foundations.6
+ - @spectrum-css/modal@6.0.0-s2-foundations.6
+
+## 11.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.5
+ - @spectrum-css/underlay@5.0.0-s2-foundations.5
+ - @spectrum-css/divider@4.0.0-s2-foundations.5
+ - @spectrum-css/modal@6.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 11.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.4
+ - @spectrum-css/underlay@5.0.0-s2-foundations.4
+ - @spectrum-css/divider@4.0.0-s2-foundations.4
+ - @spectrum-css/modal@6.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 11.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.3
+ - @spectrum-css/underlay@5.0.0-s2-foundations.3
+ - @spectrum-css/divider@4.0.0-s2-foundations.3
+ - @spectrum-css/modal@6.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 11.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.2
+ - @spectrum-css/underlay@5.0.0-s2-foundations.2
+ - @spectrum-css/divider@4.0.0-s2-foundations.2
+ - @spectrum-css/modal@6.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 11.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.1
+ - @spectrum-css/underlay@5.0.0-s2-foundations.1
+ - @spectrum-css/divider@4.0.0-s2-foundations.1
+ - @spectrum-css/modal@6.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 11.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.0
+ - @spectrum-css/divider@4.0.0-s2-foundations.0
+ - @spectrum-css/modal@6.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/underlay@5.0.0-s2-foundations.0
+
## 10.2.0
### Minor Changes
@@ -98,8 +433,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 10.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.2.4...@spectrum-css/dialog@10.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.2.4...@spectrum-css/dialog@10.0.0)
### ✨ Features
@@ -107,11 +441,8 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -119,8 +450,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.2.3...@spectrum-css/dialog@9.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.2.3...@spectrum-css/dialog@9.2.4)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -128,8 +458,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.2.2...@spectrum-css/dialog@9.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.2.2...@spectrum-css/dialog@9.2.3)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -137,8 +466,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.2.1...@spectrum-css/dialog@9.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.2.1...@spectrum-css/dialog@9.2.2)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -146,8 +474,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/dialog
@@ -155,8 +482,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.1.0...@spectrum-css/dialog@9.2.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.1.0...@spectrum-css/dialog@9.2.0)
### ✨ Features
@@ -166,8 +492,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.5...@spectrum-css/dialog@9.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.5...@spectrum-css/dialog@9.1.0)
### ✨ Features
@@ -177,8 +502,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.5
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.4...@spectrum-css/dialog@9.0.5)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.4...@spectrum-css/dialog@9.0.5)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -186,8 +510,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.4
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.3...@spectrum-css/dialog@9.0.4)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.3...@spectrum-css/dialog@9.0.4)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -195,8 +518,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.3
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.1...@spectrum-css/dialog@9.0.3)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.1...@spectrum-css/dialog@9.0.3)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -204,8 +526,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.2
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.1...@spectrum-css/dialog@9.0.2)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.1...@spectrum-css/dialog@9.0.2)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -213,8 +534,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.1
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.0...@spectrum-css/dialog@9.0.1)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@9.0.0...@spectrum-css/dialog@9.0.1)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -222,13 +542,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.0
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.8...@spectrum-css/dialog@9.0.0)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.8...@spectrum-css/dialog@9.0.0)
\*feat(dialog)!: migrate to spectrum-tokens (#2168)([0811386](https://github.com/adobe/spectrum-css/commit/0811386)), closes[#2168](https://github.com/adobe/spectrum-css/issues/2168)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates to use `@adobe/spectrum-tokens`
@@ -242,8 +560,7 @@ Additionally:
## 8.0.8
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.7...@spectrum-css/dialog@8.0.8)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.7...@spectrum-css/dialog@8.0.8)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -251,8 +568,7 @@ Additionally:
## 8.0.7
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.6...@spectrum-css/dialog@8.0.7)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.6...@spectrum-css/dialog@8.0.7)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -260,8 +576,7 @@ Additionally:
## 8.0.6
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.5...@spectrum-css/dialog@8.0.6)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.5...@spectrum-css/dialog@8.0.6)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -269,8 +584,7 @@ Additionally:
## 8.0.5
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.4...@spectrum-css/dialog@8.0.5)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.4...@spectrum-css/dialog@8.0.5)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -278,8 +592,7 @@ Additionally:
## 8.0.4
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.3...@spectrum-css/dialog@8.0.4)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.3...@spectrum-css/dialog@8.0.4)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -287,8 +600,7 @@ Additionally:
## 8.0.3
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.2...@spectrum-css/dialog@8.0.3)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.2...@spectrum-css/dialog@8.0.3)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -296,8 +608,7 @@ Additionally:
## 8.0.2
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.1...@spectrum-css/dialog@8.0.2)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.1...@spectrum-css/dialog@8.0.2)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -305,8 +616,7 @@ Additionally:
## 8.0.1
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.0...@spectrum-css/dialog@8.0.1)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@8.0.0...@spectrum-css/dialog@8.0.1)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -314,8 +624,7 @@ Additionally:
## 8.0.0
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@7.0.1...@spectrum-css/dialog@8.0.0)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@7.0.1...@spectrum-css/dialog@8.0.0)
### 🔙 Reverts
@@ -323,8 +632,7 @@ Additionally:
\*feat(underlay)!: migrate to use spectrum-tokens (#2096)([2e0651a](https://github.com/adobe/spectrum-css/commit/2e0651a)), closes[#2096](https://github.com/adobe/spectrum-css/issues/2096)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates Underlay to use `@adobe/spectrum-tokens`
@@ -361,8 +669,7 @@ Additionally:
## 7.0.1
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@7.0.0...@spectrum-css/dialog@7.0.1)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@7.0.0...@spectrum-css/dialog@7.0.1)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -370,13 +677,11 @@ Additionally:
## 7.0.0
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.67...@spectrum-css/dialog@7.0.0)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.67...@spectrum-css/dialog@7.0.0)
\*feat(dialog)!: major layout updates([526d505](https://github.com/adobe/spectrum-css/commit/526d505))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
Alert variants of Dialog have been removed and placed inside of Alert Dialog
@@ -385,8 +690,7 @@ Additionally:
## 6.0.68
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.67...@spectrum-css/dialog@6.0.68)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.67...@spectrum-css/dialog@6.0.68)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -394,8 +698,7 @@ Additionally:
## 6.0.67
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.66...@spectrum-css/dialog@6.0.67)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.66...@spectrum-css/dialog@6.0.67)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -403,8 +706,7 @@ Additionally:
## 6.0.66
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.65...@spectrum-css/dialog@6.0.66)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.65...@spectrum-css/dialog@6.0.66)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -412,8 +714,7 @@ Additionally:
## 6.0.65
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.64...@spectrum-css/dialog@6.0.65)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.64...@spectrum-css/dialog@6.0.65)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -421,8 +722,7 @@ Additionally:
## 6.0.64
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.63...@spectrum-css/dialog@6.0.64)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.63...@spectrum-css/dialog@6.0.64)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -430,8 +730,7 @@ Additionally:
## 6.0.63
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.62...@spectrum-css/dialog@6.0.63)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.62...@spectrum-css/dialog@6.0.63)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -439,8 +738,7 @@ Additionally:
## 6.0.62
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.61...@spectrum-css/dialog@6.0.62)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.61...@spectrum-css/dialog@6.0.62)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -448,8 +746,7 @@ Additionally:
## 6.0.61
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.60...@spectrum-css/dialog@6.0.61)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.60...@spectrum-css/dialog@6.0.61)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -457,8 +754,7 @@ Additionally:
## 6.0.60
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.59...@spectrum-css/dialog@6.0.60)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.59...@spectrum-css/dialog@6.0.60)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -466,8 +762,7 @@ Additionally:
## 6.0.59
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.58...@spectrum-css/dialog@6.0.59)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.58...@spectrum-css/dialog@6.0.59)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -475,8 +770,7 @@ Additionally:
## 6.0.58
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.57...@spectrum-css/dialog@6.0.58)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.57...@spectrum-css/dialog@6.0.58)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -484,8 +778,7 @@ Additionally:
## 6.0.57
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.56...@spectrum-css/dialog@6.0.57)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.56...@spectrum-css/dialog@6.0.57)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -493,8 +786,7 @@ Additionally:
## 6.0.56
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.55...@spectrum-css/dialog@6.0.56)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.55...@spectrum-css/dialog@6.0.56)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -502,8 +794,7 @@ Additionally:
## 6.0.55
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.54...@spectrum-css/dialog@6.0.55)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.54...@spectrum-css/dialog@6.0.55)
### 🐛 Bug fixes
@@ -513,8 +804,7 @@ Additionally:
## 6.0.54
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.53...@spectrum-css/dialog@6.0.54)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.53...@spectrum-css/dialog@6.0.54)
**Note:** Version bump only for package @spectrum-css/dialog
@@ -522,8 +812,7 @@ Additionally:
## 6.0.53
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.52...@spectrum-css/dialog@6.0.53)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dialog@6.0.52...@spectrum-css/dialog@6.0.53)
**Note:** Version bump only for package @spectrum-css/dialog
diff --git a/components/dialog/index.css b/components/dialog/index.css
index 513da55f2c3..d83c7920258 100644
--- a/components/dialog/index.css
+++ b/components/dialog/index.css
@@ -11,225 +11,228 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Dialog {
- /* The font-size of the fullscreen dialog header */
- --spectrum-dialog-fullscreen-header-text-size: 28px;
- --spectrum-dialog-min-inline-size: 288px;
- --spectrum-dialog-confirm-small-width: 400px;
- --spectrum-dialog-confirm-medium-width: 480px;
- --spectrum-dialog-confirm-large-width: 640px;
- --spectrum-dialog-confirm-divider-block-spacing-start: var(--spectrum-spacing-300);
- --spectrum-dialog-confirm-divider-block-spacing-end: var(--spectrum-spacing-200);
- --spectrum-dialog-confirm-description-text-color: var(--spectrum-gray-800);
- --spectrum-dialog-confirm-title-text-color: var(--spectrum-gray-900);
- --spectrum-dialog-confirm-description-text-line-height: var(--spectrum-line-height-100);
- --spectrum-dialog-confirm-title-text-line-height: var(--spectrum-line-height-100);
- --spectrum-dialog-heading-font-weight: var(--spectrum-heading-sans-serif-font-weight);
-
- --spectrum-dialog-confirm-description-padding: var(--spectrum-spacing-50);
- --spectrum-dialog-confirm-description-margin: calc(var(--spectrum-spacing-50) * -1);
- --spectrum-dialog-confirm-footer-padding-top: var(--spectrum-spacing-600);
- --spectrum-dialog-confirm-gap-size: var(--spectrum-component-pill-edge-to-text-100);
- --spectrum-dialog-confirm-buttongroup-padding-top: var(--spectrum-spacing-600);
- --spectrum-dialog-confirm-close-button-size: var(--spectrum-component-height-100);
- --spectrum-dialog-confirm-close-button-padding: calc(26px - var(--spectrum-component-bottom-to-text-300));
- --spectrum-dialog-confirm-divider-height: var(--spectrum-spacing-50);
+ --spectrum-standard-dialog-max-width: var(--spectrum-standard-dialog-maximum-width-medium);
+ --spectrum-standard-dialog-min-inline-size: var(--spectrum-standard-dialog-minimum-width);
+ --spectrum-standard-dialog-border-radius: var(--spectrum-corner-radius-extra-large-default);
+
+ /* Fonts */
+ --spectrum-standard-dialog-heading-font-weight: var(--spectrum-title-sans-serif-font-weight);
+ --spectrum-standard-dialog-heading-font-size: var(--spectrum-standard-dialog-title-font-size);
+ --spectrum-standard-dialog-heading-font-style: var(--spectrum-title-sans-serif-font-style);
+ --spectrum-standard-dialog-heading-font-family: var(--spectrum-sans-font-family-stack);
+ --spectrum-standard-dialog-description-font-weight: var(--spectrum-body-sans-serif-font-weight);
+ --spectrum-standard-dialog-description-font-size: var(--spectrum-standard-dialog-body-font-size);
+ --spectrum-standard-dialog-description-font-style: var(--spectrum-body-sans-serif-font-style);
+ --spectrum-standard-dialog-description-font-family: var(--spectrum-sans-font-family-stack);
+ --spectrum-standard-dialog-header-content-font-size: var(--spectrum-standard-dialog-body-font-size);
+
+ --spectrum-standard-dialog-heading-line-height: var(--spectrum-title-line-height);
+ --spectrum-standard-dialog-description-line-height: var(--spectrum-line-height-200);
+
+ /* Colors */
+ --spectrum-standard-dialog-heading-text-color: var(--spectrum-heading-color);
+ --spectrum-standard-dialog-description-text-color: var(--spectrum-body-color);
+ --spectrum-standard-dialog-background-color: var(--spectrum-background-layer-2-color);
+
+ /* Spacing */
+ --spectrum-standard-dialog-padding: var(--spectrum-standard-dialog-spacing-edge-to-content);
+ --spectrum-standard-dialog-spacing-title-to-description: var(--spectrum-spacing-300);
+ --spectrum-standard-dialog-spacing-description-to-footer: var(--spectrum-spacing-500);
+ --spectrum-standard-dialog-spacing-title-to-header-content: var(--spectrum-spacing-400);
+ --spectrum-standard-dialog-spacing-edge-to-header-content-inline-end: var(--spectrum-spacing-400);
+ --spectrum-standard-dialog-spacing-footer-to-button-group: var(--spectrum-spacing-400);
+
+ /* Grid */
+ --spectrum-standard-dialog-spacing-grid-padding: var(--spectrum-standard-dialog-padding);
+ --spectrum-standard-dialog-spacing-edge-to-close-button: var(--spectrum-spacing-200);
+
+ /* Hero */
+ --spectrum-standard-dialog-hero-block-size: 140px;
+
+ /* Passthrough for nested component(s) */
+ --mod-buttongroup-justify-content: flex-end;
+ --mod-buttongroup-flex-wrap: nowrap;
}
-/* @deprecated .spectrum-Dialog--medium */
-.spectrum-Dialog,
-.spectrum-Dialog--medium {
+.spectrum-Dialog {
/* Be a flexbox to allow a full sized content area that scrolls */
display: flex;
/* Allow 100% width, taking into account padding */
box-sizing: border-box;
- /* Be no bigger than max-width, but also be 90% if the viewport is smaller than max-width */
- inline-size: var(--mod-dialog-confirm-medium-width, var(--spectrum-dialog-confirm-medium-width));
- min-inline-size: var(--mod-dialog-min-inline-size, var(--spectrum-dialog-min-inline-size));
+ /* Be no bigger than max-width, but also be 90% if the viewport is smaller than max-width */
+ inline-size: var(--mod-standard-dialog-max-width, var(--spectrum-standard-dialog-max-width));
+ min-inline-size: var(--mod-standard-dialog-min-inline-size, var(--spectrum-standard-dialog-min-inline-size));
max-inline-size: 100%;
-
max-block-size: inherit;
-
+ background-color: var(--mod-standard-dialog-background-color, var(--spectrum-standard-dialog-background-color));
outline: none;
+ border-radius: var(--mod-standard-dialog-border-radius, var(--spectrum-standard-dialog-border-radius));
+ overflow: hidden;
}
-/* @deprecated .spectrum-Dialog--small */
-.spectrum-Dialog--sizeS,
-.spectrum-Dialog--small {
- inline-size: var(--mod-dialog-confirm-small-width, var(--spectrum-dialog-confirm-small-width));
+.spectrum-Dialog--sizeS {
+ --spectrum-standard-dialog-max-width: var(--spectrum-standard-dialog-maximum-width-small);
+ inline-size: var(--mod-standard-dialog-max-width-small, var(--spectrum-standard-dialog-max-width));
}
-/* @deprecated .spectrum-Dialog--large */
-.spectrum-Dialog--sizeL,
-.spectrum-Dialog--large {
- inline-size: var(--mod-dialog-confirm-large-width, var(--spectrum-dialog-confirm-large-width));
+.spectrum-Dialog--sizeL {
+ --spectrum-standard-dialog-max-width: var(--spectrum-standard-dialog-maximum-width-large);
+ inline-size: var(--mod-standard-dialog-max-width-large, var(--spectrum-standard-dialog-max-width));
}
.spectrum-Dialog-hero {
grid-area: hero;
- block-size: var(--mod-dialog-confirm-hero-height, var(--spectrum-dialog-confirm-hero-height));
- border-start-start-radius: var(--mod-dialog-confirm-border-radius, var(--spectrum-dialog-confirm-border-radius));
- border-start-end-radius: var(--mod-dialog-confirm-border-radius, var(--spectrum-dialog-confirm-border-radius));
+ block-size: var(--mod-standard-dialog-hero-block-size, var(--spectrum-standard-dialog-hero-block-size));
background-size: cover;
background-position: center center;
- overflow: hidden;
}
-.spectrum-Dialog .spectrum-Dialog-grid {
+/* Non-Dismissible Dialog (no close button) */
+.spectrum-Dialog-grid {
display: grid;
grid-template-columns:
- var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto 1fr auto minmax(0, auto)
- var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
- grid-template-rows: auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto auto 1fr auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ auto
+ 1fr
+ auto
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ minmax(0, auto)
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
+ grid-template-rows:
+ auto
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ auto
+ 1fr
+ auto
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
grid-template-areas:
- "hero hero hero hero hero hero"
- ". . . . . ."
- ". heading header header header ."
- ". divider divider divider divider ."
- ". content content content content ."
- ". footer footer buttonGroup buttonGroup ."
- ". . . . . .";
+ "hero hero hero hero hero hero hero"
+ ". . . . . . ."
+ ". heading header header header header ."
+ ". content content content content content ."
+ ". footer footer footer buttonGroup buttonGroup ."
+ ". . . . . . .";
inline-size: 100%;
}
+/* the dialog's heading/title */
.spectrum-Dialog-heading {
grid-area: heading;
- margin: 0;
-
- font-size: var(--mod-dialog-confirm-title-text-size, var(--spectrum-dialog-confirm-title-text-size));
- font-weight: var(--mod-dialog-heading-font-weight, var(--spectrum-dialog-heading-font-weight));
- line-height: var(--mod-dialog-confirm-title-text-line-height, var(--spectrum-dialog-confirm-title-text-line-height));
- color: var(--mod-dialog-confirm-title-text-color, var(--spectrum-dialog-confirm-title-text-color));
+ margin-block: 0;
+ font-size: var(--mod-standard-dialog-heading-font-size, var(--spectrum-standard-dialog-heading-font-size));
+ font-weight: var(--mod-standard-dialog-heading-font-weight, var(--spectrum-standard-dialog-heading-font-weight));
+ font-style: var(--spectrum-standard-dialog-heading-font-style);
+ font-family: var(--spectrum-standard-dialog-heading-font-family);
+ line-height: var(--mod-standard-dialog-heading-line-height, var(--spectrum-standard-dialog-heading-line-height));
+ color: var(--mod-standard-dialog-heading-text-color, var(--spectrum-standard-dialog-heading-text-color));
outline: none; /* Hide focus outline */
-
- padding-inline-end: var(--mod-dialog-confirm-gap-size, var(--spectrum-dialog-confirm-gap-size));
-
- &.spectrum-Dialog-heading--noHeader {
- grid-area: heading-start / heading-start / header-end / header-end;
- padding-inline-end: 0;
- }
}
+/* the container for the heading and any additional header content */
.spectrum-Dialog-header {
grid-area: header;
display: flex;
+ max-inline-size: 100%;
+ margin-block-end: var(--mod-standard-dialog-spacing-title-to-description, var(--spectrum-standard-dialog-spacing-title-to-description));
+ gap: var(--mod-standard-dialog-spacing-title-to-header-content, var(--spectrum-standard-dialog-spacing-title-to-header-content));
- /* Without this, buttons will be stretched */
- align-items: center;
- justify-content: flex-end;
+ /* Without this, buttons will be stretched */
+ align-items: flex-start;
+ justify-content: space-between;
box-sizing: border-box;
outline: none; /* Hide focus outline around header */
-}
-
-.spectrum-Dialog .spectrum-Dialog-divider {
- grid-area: divider;
- inline-size: 100%;
- margin-block-start: var(--mod-dialog-confirm-divider-block-spacing-end, var(--spectrum-dialog-confirm-divider-block-spacing-end));
- margin-block-end: var(--mod-dialog-confirm-divider-block-spacing-start, var(--spectrum-dialog-confirm-divider-block-spacing-start));
-}
-
-/* remove top vertical padding of spectrum-Dialog-content from bottom margin of first divider after heading */
-.spectrum-Dialog--fullscreen .spectrum-Dialog-heading + .spectrum-Dialog-divider {
- margin-block-end: calc(var(--mod-dialog-confirm-divider-block-spacing-start, var(--spectrum-dialog-confirm-divider-block-spacing-start)) - (var(--mod-dialog-confirm-description-padding, var(--spectrum-dialog-confirm-description-padding)) * 2));
-}
-.spectrum-Dialog--noDivider {
- .spectrum-Dialog-divider {
- display: none;
- }
-
- .spectrum-Dialog-heading {
- padding-block-end: calc(var(--mod-dialog-confirm-divider-block-spacing-end, var(--spectrum-dialog-confirm-divider-block-spacing-end)) + var(--mod-dialog-confirm-divider-block-spacing-start, var(--spectrum-dialog-confirm-divider-block-spacing-start)) + var(--mod-dialog-confirm-divider-height, var(--spectrum-dialog-confirm-divider-height)));
+ /* additional header content should grow/shrink with the text, but only until it takes up half of the header */
+ > .spectrum-Dialog-header-content {
+ max-inline-size: fit-content;
+ flex: 1 1 100%;
+ font-size: var(--mod-standard-dialog-header-content-font-size, var(--spectrum-standard-dialog-header-content-font-size));
+ text-wrap: pretty;
}
}
.spectrum-Dialog-content {
grid-area: content;
box-sizing: border-box;
-
- /*
- v2 is currently worse, inputs that get focus rings get a slight clipping unless overflow: visible replaces this line
- we should think of a better way to handle this, see padding/margin below for fix
- */
overflow-y: auto;
-webkit-overflow-scrolling: touch;
outline: none; /* Hide focus outline */
-
- font-size: var(--mod-dialog-confirm-description-text-size, var(--spectrum-dialog-confirm-description-text-size));
- font-weight: var(--mod-dialog-confirm-description-font-weight, var(--spectrum-regular-font-weight));
- line-height: var(--mod-dialog-confirm-description-text-line-height, var(--spectrum-dialog-confirm-description-text-line-height));
- color: var(--mod-dialog-confirm-description-text-color, var(--spectrum-dialog-confirm-description-text-color));
-
- /* this is kinda dumb, but needed for the keyboard focus rings so they don't get clipped. is there a better way to treat this */
- padding: calc(var(--mod-dialog-confirm-description-padding, var(--spectrum-dialog-confirm-description-padding)) * 2);
- margin: 0 var(--mod-dialog-confirm-description-margin, var(--spectrum-dialog-confirm-description-margin));
+ font-size: var(--mod-standard-dialog-description-font-size, var(--spectrum-standard-dialog-description-font-size));
+ font-weight: var(--mod-standard-dialog-description-font-weight, var(--spectrum-standard-dialog-description-font-weight));
+ font-family: var(--spectrum-standard-dialog-description-font-family);
+ font-style: var(--spectrum-standard-dialog-description-font-style);
+ line-height: var(--mod-standard-dialog-description-line-height, var(--spectrum-standard-dialog-description-line-height));
+ color: var(--mod-standard-dialog-description-text-color, var(--spectrum-standard-dialog-description-text-color));
}
.spectrum-Dialog-footer {
- grid-area: footer;
+ grid-area: footer / footer / buttonGroup / buttonGroup;
+ max-inline-size: 100%;
+ display: flex;
+ align-items: flex-end;
- /* this padding isn't built into the grid because it disappears with this footer */
- padding-block-start: var(--mod-dialog-confirm-footer-padding-top, var(--spectrum-dialog-confirm-footer-padding-top));
+ /* this recreates padding between the footer content and button group. It should be safe as button group is always end aligned */
+ gap: var(--mod-standard-dialog-spacing-footer-to-button-group, var(--spectrum-standard-dialog-spacing-footer-to-button-group));
- display: flex;
- flex-wrap: wrap;
+ /* this padding isn't built into the grid because it disappears with this footer */
+ padding-block-start: var(--mod-standard-dialog-spacing-description-to-footer, var(--spectrum-standard-dialog-spacing-description-to-footer));
outline: none; /* Hide focus outline */
- /* Both selectors are required to override the button + button rule */
- > *,
- > .spectrum-Button + .spectrum-Button {
- margin-block-end: 0;
+ .spectrum-Dialog-footer-content {
+ /* this attempts to give as much space as possible for the button group, particularly to avoid stacking on mobile. Some sizes still may have to stack. */
+ flex: 1 1 100%;
+ }
+
+ &:has(.spectrum-Dialog-footer-content),
+ &:has(.spectrum-Dialog-buttonGroup) {
+ justify-content: space-between;
}
}
.spectrum-Dialog-buttonGroup {
grid-area: buttonGroup;
+}
- /* this padding isn't built into the grid because it disappears with this buttonGroup */
- padding-block-start: var(--mod-dialog-confirm-buttongroup-padding-top, var(--spectrum-dialog-confirm-buttongroup-padding-top));
- display: flex;
- justify-content: flex-end;
-
- /* this padding should be safe as button group is always end aligned */
- padding-inline-start: var(--mod-dialog-confirm-gap-size, var(--spectrum-dialog-confirm-gap-size));
-
- &.spectrum-Dialog-buttonGroup--noFooter {
- grid-area: footer-start / footer-start / buttonGroup-end / buttonGroup-end;
- }
+.spectrum-Dialog-buttonGroup--noFooter {
+ padding-block-start: var(--mod-standard-dialog-spacing-description-to-footer, var(--spectrum-standard-dialog-spacing-description-to-footer));
}
-.spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid {
+/* Dismissible Dialog (with close button) */
+.spectrum-Dialog--dismissible .spectrum-Dialog-grid {
grid-template-columns:
- var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto 1fr auto minmax(0, auto)
- minmax(0, var(--mod-dialog-confirm-close-button-size, var(--spectrum-dialog-confirm-close-button-size))) var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
- grid-template-rows: auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto auto 1fr auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ auto
+ 1fr
+ auto
+ minmax(0, var(--spectrum-standard-dialog-spacing-edge-to-header-content-inline-end))
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
+ grid-template-rows:
+ auto
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ auto
+ 1fr
+ auto
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
grid-template-areas:
- "hero hero hero hero hero hero hero"
- ". . . . . closeButton closeButton"
- ". heading header header typeIcon closeButton closeButton"
- ". divider divider divider divider divider ."
- ". content content content content content ."
- ". footer footer buttonGroup buttonGroup buttonGroup ."
- ". . . . . . .";
-
- .spectrum-Dialog-buttonGroup {
- display: none;
- }
+ "hero hero hero hero hero hero"
+ ". . . . closeButton closeButton"
+ ". heading header header closeButton closeButton"
+ ". content content content content ."
+ ". footer footer footer footer ."
+ ". . . . . .";
.spectrum-Dialog-footer {
- grid-area: footer / footer/ buttonGroup / buttonGroup;
- color: var(--mod-dialog-confirm-description-text-color, var(--spectrum-dialog-confirm-description-text-color));
+ grid-area: footer;
}
}
@@ -240,8 +243,8 @@
align-self: start;
justify-self: end;
- margin-inline-end: var(--mod-dialog-confirm-close-button-padding, var(--spectrum-dialog-confirm-close-button-padding));
- margin-block-start: var(--mod-dialog-confirm-close-button-padding, var(--spectrum-dialog-confirm-close-button-padding));
+ margin-block-start: var(--mod-standard-dialog-spacing-edge-to-close-button, var(--spectrum-standard-dialog-spacing-edge-to-close-button));
+ margin-inline-end: var(--mod-standard-dialog-spacing-edge-to-close-button, var(--spectrum-standard-dialog-spacing-edge-to-close-button));
}
.spectrum-Dialog--fullscreen {
@@ -252,7 +255,6 @@
.spectrum-Dialog--fullscreenTakeover {
inline-size: 100%;
block-size: 100%;
-
border-radius: 0;
}
@@ -261,29 +263,36 @@
max-block-size: none;
max-inline-size: none;
- &.spectrum-Dialog .spectrum-Dialog-grid {
+ .spectrum-Dialog-grid {
display: grid;
- grid-template-columns: var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) 1fr auto auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
- grid-template-rows: var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto auto 1fr var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
+ grid-template-columns:
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ 1fr
+ auto
+ auto
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
+ grid-template-rows:
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ auto
+ 1fr
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
grid-template-areas:
". . . . ."
". heading header buttonGroup ."
- ". divider divider divider ."
". content content content ."
". . . . .";
}
- .spectrum-Dialog-heading {
- font-size: var(--mod-dialog-fullscreen-header-text-size, var(--spectrum-dialog-fullscreen-header-text-size));
+ .spectrum-Dialog-header {
+ grid-area: heading;
}
- .spectrum-Dialog-content {
- max-block-size: none;
+ .spectrum-Dialog-closeButton {
+ display: none;
}
- .spectrum-Dialog-footer,
- .spectrum-Dialog-buttonGroup {
- padding-block-start: 0;
+ .spectrum-Dialog-content {
+ max-block-size: none;
}
.spectrum-Dialog-footer {
@@ -292,75 +301,119 @@
.spectrum-Dialog-buttonGroup {
grid-area: buttonGroup;
- align-self: start;
}
}
@media screen and (width <= 700px) {
- .spectrum-Dialog .spectrum-Dialog-grid {
+ .spectrum-Dialog-grid {
grid-template-columns:
- var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto 1fr auto minmax(0, auto)
- var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
- grid-template-rows: auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto auto auto 1fr auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ auto
+ 1fr
+ auto
+ minmax(0, auto)
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
+ grid-template-rows:
+ auto
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ auto
+ auto
+ 1fr
+ auto
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
+
+ /* TODO: investigate if we could refactor the grid to make the footer text/checkbox stack on top of the button group */
grid-template-areas:
"hero hero hero hero hero hero"
". . . . . ."
- ". heading heading heading heading ."
+ ". heading heading heading heading ."
". header header header header ."
- ". divider divider divider divider ."
". content content content content ."
". footer footer buttonGroup buttonGroup ."
". . . . . .";
}
- .spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid {
+ .spectrum-Dialog-footer {
+ flex-direction: column;
+ }
+
+ .spectrum-Dialog--dismissible .spectrum-Dialog-grid {
grid-template-columns:
- var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto 1fr auto minmax(0, auto)
- minmax(0, var(--mod-dialog-confirm-close-button-size, var(--spectrum-dialog-confirm-close-button-size))) var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
- grid-template-rows: auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto auto auto 1fr auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ auto
+ 1fr
+ auto
+ minmax(0, auto)
+ minmax(0, calc(var(--spectrum-standard-dialog-spacing-edge-to-content) - var(--spectrum-standard-dialog-spacing-edge-to-close-button)))
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
+ grid-template-rows:
+ auto
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ auto
+ auto
+ 1fr
+ auto
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
grid-template-areas:
"hero hero hero hero hero hero hero"
". . . . . closeButton closeButton"
- ". heading heading heading heading closeButton closeButton"
+ ". heading heading heading heading closeButton closeButton"
". header header header header header ."
- ". divider divider divider divider divider ."
". content content content content content ."
- ". footer footer buttonGroup buttonGroup buttonGroup ."
+ ". footer footer footer footer footer ."
". . . . . . .";
}
.spectrum-Dialog .spectrum-Dialog-header {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
justify-content: flex-start;
+ gap: 0;
}
.spectrum-Dialog--fullscreen,
.spectrum-Dialog--fullscreenTakeover {
&.spectrum-Dialog .spectrum-Dialog-grid {
display: grid;
- grid-template-columns: var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) 1fr var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
- grid-template-rows: var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid)) auto auto auto 1fr auto var(--mod-dialog-confirm-padding-grid, var(--spectrum-dialog-confirm-padding-grid));
+ grid-template-columns:
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ 1fr
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
+ grid-template-rows:
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ auto
+ auto
+ 1fr
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding))
+ auto
+ var(--mod-standard-dialog-spacing-grid-padding, var(--spectrum-standard-dialog-spacing-grid-padding));
grid-template-areas:
". . ."
". heading ."
". header ."
- ". divider ."
". content ."
+ ". . ."
". buttonGroup ."
". . .";
}
- .spectrum-Dialog-buttonGroup {
- padding-block-start: var(--mod-dialog-confirm-buttongroup-padding-top, var(--spectrum-dialog-confirm-buttongroup-padding-top));
+ .spectrum-Dialog-header {
+ margin-inline-end: 0;
}
.spectrum-Dialog-heading {
- font-size: var(--mod-dialog-confirm-title-text-size, var(--spectrum-dialog-confirm-title-text-size));
+ margin-inline-end: 0;
}
}
+
+ .spectrum-Dialog-heading {
+ margin-block-end: var(--spectrum-standard-dialog-spacing-title-to-description);
+ }
}
@media (forced-colors: active) {
.spectrum-Dialog {
- border: solid;
+ border: 1px solid var(--highcontrast-standard-dialog-border-color, rgba(var(--spectrum-black-rgb), var(--spectrum-overlay-opacity)));
}
}
diff --git a/components/dialog/metadata/metadata.json b/components/dialog/metadata/metadata.json
index 44cd1a85b8e..7a0c521ff2b 100644
--- a/components/dialog/metadata/metadata.json
+++ b/components/dialog/metadata/metadata.json
@@ -2,114 +2,123 @@
"sourceFile": "index.css",
"selectors": [
".spectrum-Dialog",
- ".spectrum-Dialog .spectrum-Dialog-divider",
- ".spectrum-Dialog .spectrum-Dialog-grid",
".spectrum-Dialog .spectrum-Dialog-header",
+ ".spectrum-Dialog--dismissible .spectrum-Dialog-grid",
+ ".spectrum-Dialog--dismissible .spectrum-Dialog-grid .spectrum-Dialog-footer",
".spectrum-Dialog--fullscreen",
".spectrum-Dialog--fullscreen .spectrum-Dialog-buttonGroup",
+ ".spectrum-Dialog--fullscreen .spectrum-Dialog-closeButton",
".spectrum-Dialog--fullscreen .spectrum-Dialog-content",
".spectrum-Dialog--fullscreen .spectrum-Dialog-footer",
+ ".spectrum-Dialog--fullscreen .spectrum-Dialog-grid",
+ ".spectrum-Dialog--fullscreen .spectrum-Dialog-header",
".spectrum-Dialog--fullscreen .spectrum-Dialog-heading",
- ".spectrum-Dialog--fullscreen .spectrum-Dialog-heading + .spectrum-Dialog-divider",
".spectrum-Dialog--fullscreen.spectrum-Dialog .spectrum-Dialog-grid",
".spectrum-Dialog--fullscreenTakeover",
".spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-buttonGroup",
+ ".spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-closeButton",
".spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-content",
".spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-footer",
+ ".spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-grid",
+ ".spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-header",
".spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-heading",
".spectrum-Dialog--fullscreenTakeover.spectrum-Dialog .spectrum-Dialog-grid",
- ".spectrum-Dialog--large",
- ".spectrum-Dialog--medium",
- ".spectrum-Dialog--noDivider .spectrum-Dialog-divider",
- ".spectrum-Dialog--noDivider .spectrum-Dialog-heading",
".spectrum-Dialog--sizeL",
".spectrum-Dialog--sizeS",
- ".spectrum-Dialog--small",
".spectrum-Dialog-buttonGroup",
- ".spectrum-Dialog-buttonGroup.spectrum-Dialog-buttonGroup--noFooter",
+ ".spectrum-Dialog-buttonGroup--noFooter",
".spectrum-Dialog-closeButton",
".spectrum-Dialog-content",
".spectrum-Dialog-footer",
- ".spectrum-Dialog-footer > *",
- ".spectrum-Dialog-footer > .spectrum-Button + .spectrum-Button",
+ ".spectrum-Dialog-footer .spectrum-Dialog-footer-content",
+ ".spectrum-Dialog-footer:has(.spectrum-Dialog-buttonGroup)",
+ ".spectrum-Dialog-footer:has(.spectrum-Dialog-footer-content)",
+ ".spectrum-Dialog-grid",
".spectrum-Dialog-header",
+ ".spectrum-Dialog-header > .spectrum-Dialog-header-content",
".spectrum-Dialog-heading",
- ".spectrum-Dialog-heading.spectrum-Dialog-heading--noHeader",
- ".spectrum-Dialog-hero",
- ".spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid",
- ".spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid .spectrum-Dialog-buttonGroup",
- ".spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid .spectrum-Dialog-footer"
+ ".spectrum-Dialog-hero"
],
"modifiers": [
- "--mod-dialog-confirm-border-radius",
- "--mod-dialog-confirm-buttongroup-padding-top",
- "--mod-dialog-confirm-close-button-padding",
- "--mod-dialog-confirm-close-button-size",
- "--mod-dialog-confirm-description-font-weight",
- "--mod-dialog-confirm-description-margin",
- "--mod-dialog-confirm-description-padding",
- "--mod-dialog-confirm-description-text-color",
- "--mod-dialog-confirm-description-text-line-height",
- "--mod-dialog-confirm-description-text-size",
- "--mod-dialog-confirm-divider-block-spacing-end",
- "--mod-dialog-confirm-divider-block-spacing-start",
- "--mod-dialog-confirm-divider-height",
- "--mod-dialog-confirm-footer-padding-top",
- "--mod-dialog-confirm-gap-size",
- "--mod-dialog-confirm-hero-height",
- "--mod-dialog-confirm-large-width",
- "--mod-dialog-confirm-medium-width",
- "--mod-dialog-confirm-padding-grid",
- "--mod-dialog-confirm-small-width",
- "--mod-dialog-confirm-title-text-color",
- "--mod-dialog-confirm-title-text-line-height",
- "--mod-dialog-confirm-title-text-size",
- "--mod-dialog-fullscreen-header-text-size",
- "--mod-dialog-heading-font-weight",
- "--mod-dialog-min-inline-size"
- ],
- "component": [
- "--spectrum-dialog-confirm-border-radius",
- "--spectrum-dialog-confirm-buttongroup-padding-top",
- "--spectrum-dialog-confirm-close-button-padding",
- "--spectrum-dialog-confirm-close-button-size",
- "--spectrum-dialog-confirm-description-margin",
- "--spectrum-dialog-confirm-description-padding",
- "--spectrum-dialog-confirm-description-text-color",
- "--spectrum-dialog-confirm-description-text-line-height",
- "--spectrum-dialog-confirm-description-text-size",
- "--spectrum-dialog-confirm-divider-block-spacing-end",
- "--spectrum-dialog-confirm-divider-block-spacing-start",
- "--spectrum-dialog-confirm-divider-height",
- "--spectrum-dialog-confirm-footer-padding-top",
- "--spectrum-dialog-confirm-gap-size",
- "--spectrum-dialog-confirm-hero-height",
- "--spectrum-dialog-confirm-large-width",
- "--spectrum-dialog-confirm-medium-width",
- "--spectrum-dialog-confirm-padding-grid",
- "--spectrum-dialog-confirm-small-width",
- "--spectrum-dialog-confirm-title-text-color",
- "--spectrum-dialog-confirm-title-text-line-height",
- "--spectrum-dialog-confirm-title-text-size",
- "--spectrum-dialog-fullscreen-header-text-size",
- "--spectrum-dialog-heading-font-weight",
- "--spectrum-dialog-min-inline-size"
+ "--mod-standard-dialog-background-color",
+ "--mod-standard-dialog-border-radius",
+ "--mod-standard-dialog-description-font-size",
+ "--mod-standard-dialog-description-font-weight",
+ "--mod-standard-dialog-description-line-height",
+ "--mod-standard-dialog-description-text-color",
+ "--mod-standard-dialog-header-content-font-size",
+ "--mod-standard-dialog-heading-font-size",
+ "--mod-standard-dialog-heading-font-weight",
+ "--mod-standard-dialog-heading-line-height",
+ "--mod-standard-dialog-heading-text-color",
+ "--mod-standard-dialog-hero-block-size",
+ "--mod-standard-dialog-max-width",
+ "--mod-standard-dialog-max-width-large",
+ "--mod-standard-dialog-max-width-small",
+ "--mod-standard-dialog-min-inline-size",
+ "--mod-standard-dialog-spacing-description-to-footer",
+ "--mod-standard-dialog-spacing-edge-to-close-button",
+ "--mod-standard-dialog-spacing-footer-to-button-group",
+ "--mod-standard-dialog-spacing-grid-padding",
+ "--mod-standard-dialog-spacing-title-to-description",
+ "--mod-standard-dialog-spacing-title-to-header-content"
],
+ "component": [],
"global": [
- "--spectrum-component-bottom-to-text-300",
- "--spectrum-component-height-100",
- "--spectrum-component-pill-edge-to-text-100",
- "--spectrum-gray-800",
- "--spectrum-gray-900",
- "--spectrum-heading-sans-serif-font-weight",
- "--spectrum-line-height-100",
- "--spectrum-regular-font-weight",
+ "--spectrum-background-layer-2-color",
+ "--spectrum-black-rgb",
+ "--spectrum-body-color",
+ "--spectrum-body-sans-serif-font-style",
+ "--spectrum-body-sans-serif-font-weight",
+ "--spectrum-corner-radius-extra-large-default",
+ "--spectrum-heading-color",
+ "--spectrum-line-height-200",
+ "--spectrum-overlay-opacity",
+ "--spectrum-sans-font-family-stack",
"--spectrum-spacing-200",
"--spectrum-spacing-300",
- "--spectrum-spacing-50",
- "--spectrum-spacing-600"
+ "--spectrum-spacing-400",
+ "--spectrum-spacing-500",
+ "--spectrum-standard-dialog-background-color",
+ "--spectrum-standard-dialog-body-font-size",
+ "--spectrum-standard-dialog-border-radius",
+ "--spectrum-standard-dialog-description-font-family",
+ "--spectrum-standard-dialog-description-font-size",
+ "--spectrum-standard-dialog-description-font-style",
+ "--spectrum-standard-dialog-description-font-weight",
+ "--spectrum-standard-dialog-description-line-height",
+ "--spectrum-standard-dialog-description-text-color",
+ "--spectrum-standard-dialog-header-content-font-size",
+ "--spectrum-standard-dialog-heading-font-family",
+ "--spectrum-standard-dialog-heading-font-size",
+ "--spectrum-standard-dialog-heading-font-style",
+ "--spectrum-standard-dialog-heading-font-weight",
+ "--spectrum-standard-dialog-heading-line-height",
+ "--spectrum-standard-dialog-heading-text-color",
+ "--spectrum-standard-dialog-hero-block-size",
+ "--spectrum-standard-dialog-max-width",
+ "--spectrum-standard-dialog-maximum-width-large",
+ "--spectrum-standard-dialog-maximum-width-medium",
+ "--spectrum-standard-dialog-maximum-width-small",
+ "--spectrum-standard-dialog-min-inline-size",
+ "--spectrum-standard-dialog-minimum-width",
+ "--spectrum-standard-dialog-padding",
+ "--spectrum-standard-dialog-spacing-description-to-footer",
+ "--spectrum-standard-dialog-spacing-edge-to-close-button",
+ "--spectrum-standard-dialog-spacing-edge-to-content",
+ "--spectrum-standard-dialog-spacing-edge-to-header-content-inline-end",
+ "--spectrum-standard-dialog-spacing-footer-to-button-group",
+ "--spectrum-standard-dialog-spacing-grid-padding",
+ "--spectrum-standard-dialog-spacing-title-to-description",
+ "--spectrum-standard-dialog-spacing-title-to-header-content",
+ "--spectrum-standard-dialog-title-font-size",
+ "--spectrum-title-line-height",
+ "--spectrum-title-sans-serif-font-style",
+ "--spectrum-title-sans-serif-font-weight"
+ ],
+ "passthroughs": [
+ "--mod-buttongroup-flex-wrap",
+ "--mod-buttongroup-justify-content"
],
- "system-theme": [],
- "passthroughs": [],
- "high-contrast": []
+ "high-contrast": ["--highcontrast-standard-dialog-border-color"]
}
diff --git a/components/dialog/metadata/mods.md b/components/dialog/metadata/mods.md
deleted file mode 100644
index 2be49da8f6e..00000000000
--- a/components/dialog/metadata/mods.md
+++ /dev/null
@@ -1,28 +0,0 @@
-| Modifiable custom properties |
-| --------------------------------------------------- |
-| `--mod-dialog-confirm-border-radius` |
-| `--mod-dialog-confirm-buttongroup-padding-top` |
-| `--mod-dialog-confirm-close-button-padding` |
-| `--mod-dialog-confirm-close-button-size` |
-| `--mod-dialog-confirm-description-font-weight` |
-| `--mod-dialog-confirm-description-margin` |
-| `--mod-dialog-confirm-description-padding` |
-| `--mod-dialog-confirm-description-text-color` |
-| `--mod-dialog-confirm-description-text-line-height` |
-| `--mod-dialog-confirm-description-text-size` |
-| `--mod-dialog-confirm-divider-block-spacing-end` |
-| `--mod-dialog-confirm-divider-block-spacing-start` |
-| `--mod-dialog-confirm-divider-height` |
-| `--mod-dialog-confirm-footer-padding-top` |
-| `--mod-dialog-confirm-gap-size` |
-| `--mod-dialog-confirm-hero-height` |
-| `--mod-dialog-confirm-large-width` |
-| `--mod-dialog-confirm-medium-width` |
-| `--mod-dialog-confirm-padding-grid` |
-| `--mod-dialog-confirm-small-width` |
-| `--mod-dialog-confirm-title-text-color` |
-| `--mod-dialog-confirm-title-text-line-height` |
-| `--mod-dialog-confirm-title-text-size` |
-| `--mod-dialog-fullscreen-header-text-size` |
-| `--mod-dialog-heading-font-weight` |
-| `--mod-dialog-min-inline-size` |
diff --git a/components/dialog/package.json b/components/dialog/package.json
index 128c8e408c0..296d3de379f 100644
--- a/components/dialog/package.json
+++ b/components/dialog/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/dialog",
- "version": "10.2.0",
+ "version": "11.0.0-next.0",
"description": "The Spectrum CSS dialog component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,33 +17,42 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/closebutton": ">=5",
- "@spectrum-css/divider": ">=3",
- "@spectrum-css/modal": ">=5",
- "@spectrum-css/tokens": ">=14",
- "@spectrum-css/underlay": ">=4"
+ "@spectrum-css/buttongroup": ">=7.0.0-next.0",
+ "@spectrum-css/checkbox": ">=10.0.0-s2-foundations.0",
+ "@spectrum-css/closebutton": ">=5.0.0-next.0",
+ "@spectrum-css/modal": ">=5.1.1-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.10",
+ "@spectrum-css/typography": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/underlay": ">=4.1.1-next.0"
},
"peerDependenciesMeta": {
- "@spectrum-css/divider": {
+ "@spectrum-css/checkbox": {
+ "optional": true
+ },
+ "@spectrum-css/closebutton": {
"optional": true
},
"@spectrum-css/modal": {
"optional": true
},
+ "@spectrum-css/typography": {
+ "optional": true
+ },
"@spectrum-css/underlay": {
"optional": true
}
diff --git a/components/dialog/stories/dialog.stories.js b/components/dialog/stories/dialog.stories.js
index 3e40c848883..81f2048e984 100644
--- a/components/dialog/stories/dialog.stories.js
+++ b/components/dialog/stories/dialog.stories.js
@@ -1,6 +1,6 @@
import { withUnderlayWrapper } from "@spectrum-css/preview/decorators";
import { disableDefaultModes } from "@spectrum-css/preview/modes";
-import { isOpen } from "@spectrum-css/preview/types";
+import { size } from "@spectrum-css/preview/types";
import { Template as Typography } from "@spectrum-css/typography/stories/template.js";
import metadata from "../metadata/metadata.json";
import packageJson from "../package.json";
@@ -8,16 +8,31 @@ import { DialogFullscreen, DialogFullscreenTakeover, DialogGroup } from "./dialo
import { Template } from "./template.js";
/**
- * A dialog displays important information that users need to acknowledge. They appear over the interface and block further interactions.
+ * A dialog displays important information that users need to acknowledge. They appear over the interface and block further interactions. Standard dialogs are the most frequent type of dialogs. They appear in the center of the screen over the interface and should be used for moderately complex tasks. Takeover dialogs are large types of dialogs. They use the totality of the screen and should be used for modal experiences with complex workflows.
*
- * The alert variants that were previously a part of Dialog were moved to their own component, [Alert Dialog](/docs/components-alert-dialog--docs).
+ * ## Usage with modal component
+ * When a dialog component is used in tandem with a [modal](/docs/components-modal--docs), implementations should set `--mod-modal-background-color` to `transparent`. This will prevent any background color used in the modal from peeking through from behind the dialog at the rounded corners, allowing the dialog's background color to take precedence.
+ *
+ * The alert variants that were previously a part of Dialog were moved to their own component, [alert dialog](/docs/components-alert-dialog--docs).
*/
export default {
title: "Dialog",
component: "Dialog",
argTypes: {
+ size: size(["s", "m", "l"]),
heading: {
name: "Heading",
+ description: "Title for the dialog.",
+ type: { name: "string" },
+ table: {
+ type: { summary: "string" },
+ category: "Content",
+ },
+ control: { type: "text" },
+ },
+ header: {
+ name: "Additional header content",
+ description: "Controls header content.",
type: { name: "string" },
table: {
type: { summary: "string" },
@@ -28,6 +43,7 @@ export default {
content: { table: { disable: true } },
hasFooter: {
name: "Has footer",
+ description: "Adds a footer to the dialog, containing the button group, checkbox, and footer text. Currently only supported in the default layout.",
type: { name: "boolean" },
table: {
type: { summary: "boolean" },
@@ -35,16 +51,27 @@ export default {
},
control: "boolean",
},
- footer: { table: { disable: true } },
- size: {
- name: "Size",
- type: { name: "string", required: true },
+ footer: {
+ name: "Footer text",
+ description: "Text content of the dialog footer. Represents the checkbox label if a checkbox is present, or stands alone if there is no checkbox. Currently only supported in the default layout.",
+ type: { name: "string" },
table: {
type: { summary: "string" },
- category: "Component",
+ category: "Content",
},
- options: ["small", "medium", "large"],
- control: "select",
+ control: { type: "text" },
+ if: { arg: "hasFooter", truthy: true, },
+ },
+ hasCheckbox: {
+ name: "Has checkbox",
+ description: "Adds a checkbox to the footer content. Currently only supported in the default layout.",
+ type: { name: "boolean" },
+ table: {
+ type: { summary: "boolean" },
+ category: "Content",
+ },
+ control: { type: "boolean" },
+ if: { arg: "hasFooter", truthy: true, },
},
layout: {
name: "Layout",
@@ -54,6 +81,7 @@ export default {
type: { summary: "string" },
category: "Component",
defaultValue: { summary: "Default" },
+ disable: true,
},
options: ["default", "fullscreen", "fullscreenTakeover"],
control: "select",
@@ -86,33 +114,46 @@ export default {
},
control: "boolean",
},
- isOpen,
+ hasHeroImage: {
+ name: "Has hero image",
+ type: { name: "boolean" },
+ description: "Adds a cover image to the header of a dialog.",
+ table: {
+ type: { summary: "boolean" },
+ category: "Content",
+ },
+ control: "boolean",
+ if: { arg: "layout", eq: "default" },
+ },
heroImageUrl: {
name: "Hero Image",
type: { name: "string" },
- description: "Adds a cover image to the header of a dialog.",
+ description: "Select a cover image for the hero section of a dialog.",
+ defaultValue: "example-card-portrait.png",
table: {
type: { summary: "string" },
category: "Content",
+ defaultValue: { summary: "example-card-portrait.png" },
},
control: { type: "file", accept: ".svg,.png,.jpg,.jpeg,.webc" },
- if: { arg: "layout", eq: "default" },
+ if: { arg: "hasHeroImage", truthy: true },
},
},
args: {
rootClass: "spectrum-Dialog",
hasFooter: true,
+ footer: "Do not show this message again.",
isDismissible: false,
- hasDivider: true,
isOpen: true,
- showModal: true,
- size: "medium",
+ showModal: false,
+ size: "m",
layout: "default",
+ hasCheckbox: true,
+ hasHeroImage: false,
},
parameters: {
- layout: "fullscreen",
actions: {
- handles: ["click .spectrum-Dialog button"],
+ handles: [],
},
docs: {
story: {
@@ -120,24 +161,31 @@ export default {
height: "500px",
},
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=839-1128",
+ },
packageJson,
metadata,
},
decorators: [
withUnderlayWrapper,
],
+ tags: ["migrated"],
};
-const ExampleContent = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Auctor augue mauris augue neque gravida. Libero volutpat sed ornare arcu. Quisque egestas diam in arcu cursus euismod quis viverra. Posuere ac ut consequat semper viverra nam libero justo laoreet. Enim ut tellus elementum sagittis vitae et leo duis ut. Neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Diam volutpat commodo sed egestas egestas. Dolor magna eget est lorem ipsum dolor. Vitae suscipit tellus mauris a diam maecenas sed. Turpis in eu mi bibendum neque egestas congue. Rhoncus est pellentesque elit ullamcorper dignissim cras lobortis.";
+const ExampleContent = "Standard dialog description. This should briefly communicate any additional information or context about the standard dialog title, to help users make one of the decisions offered by the buttons. Make it no more than a few short sentences.";
/**
- * The default size for dialog is medium.
+ * The default size for dialog is medium. The default dialog also has a checkbox in the footer.
*/
export const Default = DialogGroup.bind({});
Default.args = {
heading: "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
+ header: "* Required",
+ showModal: true,
content: [
- (passthroughs, context) => Typography({
+ (passthroughs, context) => Typography({
semantics: "body",
size: "m",
content: [ ExampleContent ],
@@ -155,7 +203,7 @@ DefaultSmall.parameters = {
};
DefaultSmall.args = {
...Default.args,
- size: "small",
+ size: "s",
};
export const DefaultLarge = Template.bind({});
@@ -166,11 +214,11 @@ DefaultLarge.parameters = {
};
DefaultLarge.args = {
...Default.args,
- size: "large",
+ size: "l",
};
/**
- * A dialog that can be dismissed without taking an action. Dismissible dialogs should never have buttons.
+ * A dialog that can be dismissed without taking an action.
*/
export const Dismissible = Template.bind({});
Dismissible.tags = ["!dev"];
@@ -182,25 +230,12 @@ Dismissible.args = {
isDismissible: true,
};
-/**
- * Dialogs can forgo the divider if they have content that spans the entire width of the dialog.
- */
-export const NoDivider = Template.bind({});
-NoDivider.tags = ["!dev"];
-NoDivider.parameters = {
- chromatic: { disableSnapshot: true },
-};
-NoDivider.args = {
- ...Default.args,
- isDismissible: true,
- hasDivider: false,
-};
-
/**
* Dialogs can have a hero or cover image header.
*/
export const WithHero = Template.bind({});
WithHero.tags = ["!dev"];
+WithHero.storyName = "With hero image";
WithHero.parameters = {
docs: {
story: {
@@ -211,9 +246,7 @@ WithHero.parameters = {
};
WithHero.args = {
...Default.args,
- isDismissible: true,
hasHeroImage: true,
- heroImageUrl: "example-card-portrait.png",
};
/**
@@ -222,46 +255,59 @@ WithHero.args = {
export const WithScroll = Template.bind({});
WithScroll.args = {
...Default.args,
+ content: [ ExampleContent, ExampleContent, ExampleContent, ExampleContent ],
customStyles: {
"max-block-size": "400px",
}
};
+WithScroll.storyName = "Scrollable";
WithScroll.tags = ["!dev"];
WithScroll.parameters = {
chromatic: { disableSnapshot: true },
};
/**
- * A fullscreen dialog will automatically fill almost all of the available screen space. A margin is included around the outside of the dialog.
+ * The full screen variant shows a large dialog background, only revealing a small portion of the page around the outside of the dialog, behind an overlay. The size of the dialog varies with the size of the screen, in both width and height.
*/
export const Fullscreen = DialogFullscreen.bind({});
-Fullscreen.parameters = {
- chromatic: { disableSnapshot: true },
-};
Fullscreen.args = {
...Default.args,
layout: "fullscreen",
+ hasFooter: false,
+};
+Fullscreen.parameters = {
+ chromatic: { disableSnapshot: true },
+};
+
+// TODO: Because storybook doesn't support for multiple conditionals, we've removed the hasFooter
+// arg from the control table for the fullscreen and fullscreenTakeover stories only. Ideally, we
+// could have some of our controls display when more than one arg is met to avoid custom argTypes.
+// For instance, hasCheckbox would appear when layout: "default", AND footer is truthy.
+// https://github.com/storybookjs/storybook/discussions/18542
+Fullscreen.argTypes = {
+ hasFooter: { table: { disable: true, } },
};
/**
- * A fullscreen takeover dialog will fill all of the available screen space.
+ * The full screen takeover variant is similar to the full screen variant except that the background covers the entire screen. The page behind the dialog is not visible. This variant should be reserved for workflows where displaying a second dialog on top of the first one is to be expected.
*/
export const FullscreenTakeover = DialogFullscreenTakeover.bind({});
+FullscreenTakeover.storyName = "Fullscreen takeover";
FullscreenTakeover.parameters = {
chromatic: { disableSnapshot: true },
};
FullscreenTakeover.args = {
...Default.args,
layout: "fullscreenTakeover",
- content: [ () => Typography({
- semantics: "body",
- size: "m",
- content: [ ExampleContent, ExampleContent, ExampleContent, ExampleContent ],
- })],
+ hasFooter: false,
+ content: [ ExampleContent, ExampleContent, ExampleContent, ExampleContent, ExampleContent, ExampleContent, ExampleContent, ExampleContent ],
+};
+FullscreenTakeover.argTypes = {
+ hasFooter: { table: { disable: true, } },
};
// ********* VRT ONLY ********* //
-export const WithForcedColors = DialogGroup.bind({});
+export const WithForcedColors = Default.bind({});
WithForcedColors.args = Default.args;
WithForcedColors.tags = ["!autodocs", "!dev"];
WithForcedColors.parameters = {
diff --git a/components/dialog/stories/dialog.test.js b/components/dialog/stories/dialog.test.js
index a6686207675..dbccfd16d7e 100644
--- a/components/dialog/stories/dialog.test.js
+++ b/components/dialog/stories/dialog.test.js
@@ -51,40 +51,6 @@ export const DialogGroup = Variants({
"background-color": "var(--spectrum-gray-50)"
},
},
- {
- testHeading: "No divider",
- hasDivider: false,
- wrapperStyles: {
- "background-color": "var(--spectrum-gray-50)"
- },
- },
- {
- testHeading: "No divider, dismissible",
- hasDivider: false,
- isDismissible: true,
- hasFooter: false,
- wrapperStyles: {
- "background-color": "var(--spectrum-gray-50)"
- },
- },
- {
- testHeading: "With hero/cover image, no divider",
- hasDivider: false,
- heroImageUrl: "example-card-portrait.png",
- wrapperStyles: {
- "background-color": "var(--spectrum-gray-50)"
- },
- },
- {
- testHeading: "With hero/cover image, no divider, dismissible",
- hasDivider: false,
- isDismissible: true,
- hasFooter: false,
- heroImageUrl: "example-card-portrait.png",
- wrapperStyles: {
- "background-color": "var(--spectrum-gray-50)"
- },
- },
],
});
@@ -115,4 +81,3 @@ export const DialogFullscreenTakeover = Variants({
},
],
});
-
diff --git a/components/dialog/stories/template.js b/components/dialog/stories/template.js
index 860bd6b6302..a9ab8ea61dc 100644
--- a/components/dialog/stories/template.js
+++ b/components/dialog/stories/template.js
@@ -1,8 +1,9 @@
import { Template as ButtonGroup } from "@spectrum-css/buttongroup/stories/template.js";
+import { Template as Checkbox } from "@spectrum-css/checkbox/stories/template.js";
import { Template as CloseButton } from "@spectrum-css/closebutton/stories/template.js";
-import { Template as Divider } from "@spectrum-css/divider/stories/template.js";
import { Template as Modal } from "@spectrum-css/modal/stories/template.js";
-import { getRandomId, renderContent } from "@spectrum-css/preview/decorators";
+import { getRandomId } from "@spectrum-css/preview/decorators";
+import { Template as Typography } from "@spectrum-css/typography/stories/template.js";
import { html } from "lit";
import { classMap } from "lit/directives/class-map.js";
import { ifDefined } from "lit/directives/if-defined.js";
@@ -14,31 +15,35 @@ import "../index.css";
export const Template = ({
rootClass = "spectrum-Dialog",
isDismissible = false,
- hasDivider = true,
isOpen = true,
showModal = false,
hasFooter = false,
heading,
+ header,
+ hasCheckbox = false,
content = [],
footer = [],
customClasses = [],
id = getRandomId("dialog"),
- size = "medium",
+ size = "m",
layout,
+ hasHeroImage = false,
heroImageUrl,
customStyles = {},
} = {}, context = {}) => {
const { updateArgs } = context;
- const toggleOpen = () => updateArgs({ isOpen: !isOpen });
+
+ const toggleOpen = function () {
+ updateArgs({ isOpen: !isOpen });
+ };
const Dialog = html`
layout !== l),
+ [`${rootClass}--dismissible`]: isDismissible && ["fullscreen", "fullscreenTakeover"].every(l => layout !== l),
[`${rootClass}--${layout}`]: typeof layout !== "undefined",
- [`${rootClass}--${size}`]: typeof size !== "undefined",
- [`${rootClass}--noDivider`]: !hasDivider,
+ [`${rootClass}--size${size?.toUpperCase()}`]: typeof size !== "undefined",
...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
})}
id=${ifDefined(id)}
@@ -48,75 +53,138 @@ export const Template = ({
style=${ifDefined(styleMap(customStyles))}
>
- ${when(typeof heroImageUrl !== "undefined", () =>
+ ${when(hasHeroImage, () =>
html`
-
+ style="background-image:url(${heroImageUrl ? heroImageUrl : "example-card-portrait.png"})">
`
)}
- ${when(heading, () => html`
-
${heading}
- `)}
- ${when(hasDivider, () =>
- Divider({
- horizontal: true,
- customClasses: [`${rootClass}-divider`],
- }, context),
+
+
${content.map((c) => (typeof c === "function" ? c({}) : c))}
+ ${when(isDismissible, () =>
CloseButton({
customClasses: [`${rootClass}-closeButton`],
onclick: toggleOpen,
}, context)
)}
+ ${when(layout === "fullscreen" || layout === "fullscreenTakeover", () => html`
+
+ ${ButtonGroup({
+ items: [
+ {
+ label: "Cancel",
+ treatment: "outline",
+ variant: "secondary",
+ },
+ {
+ label: "Save",
+ treatment: "fill",
+ variant: "accent"
+ },
+ ],
+ onclick: () => {
+ updateArgs(toggleOpen);
+ },
+ }, context)}
+
+ `)}
+ ${when(hasFooter, () => html`
+
+ `,
+ () => html`
+
+ `)}
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/dialog/themes/spectrum.css b/components/dialog/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/dialog/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/divider/CHANGELOG.md b/components/divider/CHANGELOG.md
index 421030f320e..a6f894a549a 100644
--- a/components/divider/CHANGELOG.md
+++ b/components/divider/CHANGELOG.md
@@ -1,5 +1,210 @@
# Change Log
+## 4.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 4.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 4.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 4.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 4.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 4.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 4.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 4.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 4.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 4.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 4.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 4.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 4.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 4.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 4.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 4.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 4.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 3.2.0
### Minor Changes
@@ -48,16 +253,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.2.5...@spectrum-css/divider@3.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.2.5...@spectrum-css/divider@3.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -65,8 +267,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.2.4...@spectrum-css/divider@2.2.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.2.4...@spectrum-css/divider@2.2.5)
**Note:** Version bump only for package @spectrum-css/divider
@@ -74,8 +275,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.2.3...@spectrum-css/divider@2.2.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.2.3...@spectrum-css/divider@2.2.4)
**Note:** Version bump only for package @spectrum-css/divider
@@ -83,8 +283,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.2.2...@spectrum-css/divider@2.2.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.2.2...@spectrum-css/divider@2.2.3)
**Note:** Version bump only for package @spectrum-css/divider
@@ -92,8 +291,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.2.1...@spectrum-css/divider@2.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.2.1...@spectrum-css/divider@2.2.2)
**Note:** Version bump only for package @spectrum-css/divider
@@ -101,8 +299,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/divider
@@ -110,8 +307,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.35...@spectrum-css/divider@2.2.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.35...@spectrum-css/divider@2.2.0)
### ✨ Features
@@ -121,8 +317,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.35
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.34...@spectrum-css/divider@2.1.35)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.34...@spectrum-css/divider@2.1.35)
**Note:** Version bump only for package @spectrum-css/divider
@@ -130,8 +325,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.34
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.33...@spectrum-css/divider@2.1.34)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.33...@spectrum-css/divider@2.1.34)
**Note:** Version bump only for package @spectrum-css/divider
@@ -139,8 +333,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.33
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.31...@spectrum-css/divider@2.1.33)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.31...@spectrum-css/divider@2.1.33)
**Note:** Version bump only for package @spectrum-css/divider
@@ -148,8 +341,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.32
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.31...@spectrum-css/divider@2.1.32)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.31...@spectrum-css/divider@2.1.32)
**Note:** Version bump only for package @spectrum-css/divider
@@ -157,8 +349,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.31
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.30...@spectrum-css/divider@2.1.31)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.30...@spectrum-css/divider@2.1.31)
**Note:** Version bump only for package @spectrum-css/divider
@@ -166,8 +357,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.30
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.29...@spectrum-css/divider@2.1.30)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.29...@spectrum-css/divider@2.1.30)
**Note:** Version bump only for package @spectrum-css/divider
@@ -175,8 +365,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.29
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.28...@spectrum-css/divider@2.1.29)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.28...@spectrum-css/divider@2.1.29)
**Note:** Version bump only for package @spectrum-css/divider
@@ -184,8 +373,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.28
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.27...@spectrum-css/divider@2.1.28)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.27...@spectrum-css/divider@2.1.28)
**Note:** Version bump only for package @spectrum-css/divider
@@ -193,8 +381,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.27
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.26...@spectrum-css/divider@2.1.27)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.26...@spectrum-css/divider@2.1.27)
**Note:** Version bump only for package @spectrum-css/divider
@@ -202,8 +389,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.26
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.25...@spectrum-css/divider@2.1.26)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.25...@spectrum-css/divider@2.1.26)
**Note:** Version bump only for package @spectrum-css/divider
@@ -211,8 +397,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.25
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.24...@spectrum-css/divider@2.1.25)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.24...@spectrum-css/divider@2.1.25)
**Note:** Version bump only for package @spectrum-css/divider
@@ -220,8 +405,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.24
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.23...@spectrum-css/divider@2.1.24)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.23...@spectrum-css/divider@2.1.24)
**Note:** Version bump only for package @spectrum-css/divider
@@ -229,8 +413,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.23
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.22...@spectrum-css/divider@2.1.23)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.22...@spectrum-css/divider@2.1.23)
**Note:** Version bump only for package @spectrum-css/divider
@@ -238,8 +421,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.22
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.21...@spectrum-css/divider@2.1.22)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.21...@spectrum-css/divider@2.1.22)
### 🔙 Reverts
@@ -249,8 +431,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.21
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.20...@spectrum-css/divider@2.1.21)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.20...@spectrum-css/divider@2.1.21)
**Note:** Version bump only for package @spectrum-css/divider
@@ -258,8 +439,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.20
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.18...@spectrum-css/divider@2.1.20)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.18...@spectrum-css/divider@2.1.20)
**Note:** Version bump only for package @spectrum-css/divider
@@ -267,8 +447,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.19
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.18...@spectrum-css/divider@2.1.19)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.18...@spectrum-css/divider@2.1.19)
**Note:** Version bump only for package @spectrum-css/divider
@@ -276,8 +455,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.18
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.17...@spectrum-css/divider@2.1.18)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.17...@spectrum-css/divider@2.1.18)
**Note:** Version bump only for package @spectrum-css/divider
@@ -285,8 +463,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.17
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.16...@spectrum-css/divider@2.1.17)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.16...@spectrum-css/divider@2.1.17)
**Note:** Version bump only for package @spectrum-css/divider
@@ -294,8 +471,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.16
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.15...@spectrum-css/divider@2.1.16)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.15...@spectrum-css/divider@2.1.16)
**Note:** Version bump only for package @spectrum-css/divider
@@ -303,8 +479,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.15
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.14...@spectrum-css/divider@2.1.15)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.14...@spectrum-css/divider@2.1.15)
**Note:** Version bump only for package @spectrum-css/divider
@@ -312,8 +487,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.14
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.13...@spectrum-css/divider@2.1.14)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.13...@spectrum-css/divider@2.1.14)
**Note:** Version bump only for package @spectrum-css/divider
@@ -321,8 +495,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.13
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.12...@spectrum-css/divider@2.1.13)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.12...@spectrum-css/divider@2.1.13)
**Note:** Version bump only for package @spectrum-css/divider
@@ -330,8 +503,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.12
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.11...@spectrum-css/divider@2.1.12)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.11...@spectrum-css/divider@2.1.12)
**Note:** Version bump only for package @spectrum-css/divider
@@ -339,8 +511,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.11
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.10...@spectrum-css/divider@2.1.11)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.10...@spectrum-css/divider@2.1.11)
**Note:** Version bump only for package @spectrum-css/divider
@@ -348,8 +519,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.10
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.9...@spectrum-css/divider@2.1.10)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.9...@spectrum-css/divider@2.1.10)
**Note:** Version bump only for package @spectrum-css/divider
@@ -357,8 +527,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.9
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.8...@spectrum-css/divider@2.1.9)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.8...@spectrum-css/divider@2.1.9)
**Note:** Version bump only for package @spectrum-css/divider
@@ -366,8 +535,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.8
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.7...@spectrum-css/divider@2.1.8)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.7...@spectrum-css/divider@2.1.8)
**Note:** Version bump only for package @spectrum-css/divider
@@ -375,8 +543,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.7
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.6...@spectrum-css/divider@2.1.7)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.6...@spectrum-css/divider@2.1.7)
**Note:** Version bump only for package @spectrum-css/divider
@@ -384,8 +551,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.6
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.5...@spectrum-css/divider@2.1.6)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.5...@spectrum-css/divider@2.1.6)
### 🐛 Bug fixes
@@ -395,8 +561,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.5
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.4...@spectrum-css/divider@2.1.5)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.4...@spectrum-css/divider@2.1.5)
**Note:** Version bump only for package @spectrum-css/divider
@@ -404,8 +569,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.4
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.3...@spectrum-css/divider@2.1.4)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/divider@2.1.3...@spectrum-css/divider@2.1.4)
**Note:** Version bump only for package @spectrum-css/divider
diff --git a/components/divider/index.css b/components/divider/index.css
index e947909bf6c..5a9d7a60546 100644
--- a/components/divider/index.css
+++ b/components/divider/index.css
@@ -11,18 +11,21 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
+/* windows high contrast mode */
+@media (forced-colors: active) {
+ .spectrum-Divider {
+ --highcontrast-divider-background-color: CanvasText;
+ }
+}
.spectrum-Divider {
- /* default thickness no size */
- --spectrum-divider-thickness: var(--spectrum-divider-thickness-medium);
-
/* default background color no size */
--spectrum-divider-background-color: var(--spectrum-divider-background-color-medium);
+ --spectrum-divider-thickness: var(--spectrum-divider-thickness-medium);
/* background colors */
- --spectrum-divider-background-color-small: var(--spectrum-gray-300);
- --spectrum-divider-background-color-medium: var(--spectrum-gray-300);
+ --spectrum-divider-background-color-small: var(--spectrum-gray-200);
+ --spectrum-divider-background-color-medium: var(--spectrum-gray-200);
--spectrum-divider-background-color-large: var(--spectrum-gray-800);
/* static white background colors */
@@ -36,88 +39,66 @@
--spectrum-divider-background-color-large-static-black: var(--spectrum-transparent-black-800);
}
-/* small divider */
.spectrum-Divider--sizeS {
--spectrum-divider-thickness: var(--spectrum-divider-thickness-small);
--spectrum-divider-background-color: var(--spectrum-divider-background-color-small);
}
-/* medium divider */
-.spectrum-Divider--sizeM {
- --spectrum-divider-thickness: var(--spectrum-divider-thickness-medium);
- --spectrum-divider-background-color: var(--spectrum-divider-background-color-medium);
-}
-
-/* large divider */
.spectrum-Divider--sizeL {
--spectrum-divider-thickness: var(--spectrum-divider-thickness-large);
--spectrum-divider-background-color: var(--spectrum-divider-background-color-large);
}
-/* windows high contrast mode */
-@media (forced-colors: active) {
- .spectrum-Divider,
- .spectrum-Divider--sizeS,
- .spectrum-Divider--sizeM,
- .spectrum-Divider--sizeL {
- --spectrum-divider-background-color: CanvasText;
- --spectrum-divider-background-color-small-static-white: CanvasText;
- --spectrum-divider-background-color-medium-static-white: CanvasText;
- --spectrum-divider-background-color-large-static-white: CanvasText;
- --spectrum-divider-background-color-small-static-black: CanvasText;
- --spectrum-divider-background-color-medium-static-black: CanvasText;
- --spectrum-divider-background-color-large-static-black: CanvasText;
- }
-}
-
-.spectrum-Divider {
- block-size: var(--mod-divider-thickness, var(--spectrum-divider-thickness));
- inline-size: 100%;
-
- /* Show the overflow for hr in Edge and IE. */
- overflow: visible;
-
- border: none;
- border-width: var(--mod-divider-thickness, var(--spectrum-divider-thickness));
- border-radius: var(--mod-divider-thickness, var(--spectrum-divider-thickness));
-
- background-color: var(--mod-divider-background-color, var(--spectrum-divider-background-color));
-}
-
/* static white variant colors */
.spectrum-Divider--staticWhite {
- &.spectrum-Divider--sizeS {
- --spectrum-divider-background-color: var(--mod-divider-background-color-small-static-white, var(--spectrum-divider-background-color-small-static-white));
- }
+ --mod-divider-background-color: var(--mod-divider-background-color-medium-static-white);
+ --spectrum-divider-background-color: var(--spectrum-divider-background-color-medium-static-white);
- &.spectrum-Divider--sizeM {
- --spectrum-divider-background-color: var(--mod-divider-background-color-medium-static-white, var(--spectrum-divider-background-color-medium-static-white));
+ &.spectrum-Divider--sizeS {
+ --mod-divider-background-color: var(--mod-divider-background-color-small-static-white);
+ --spectrum-divider-background-color: var(--spectrum-divider-background-color-small-static-white);
}
&.spectrum-Divider--sizeL {
- --spectrum-divider-background-color: var(--mod-divider-background-color-large-static-white, var(--spectrum-divider-background-color-large-static-white));
+ --mod-divider-background-color: var(--mod-divider-background-color-large-static-white);
+ --spectrum-divider-background-color: var(--spectrum-divider-background-color-large-static-white);
}
}
/* static black variant colors */
.spectrum-Divider--staticBlack {
- &.spectrum-Divider--sizeS {
- --spectrum-divider-background-color: var(--mod-divider-background-color-small-static-black, var(--spectrum-divider-background-color-small-static-black));
- }
+ --mod-divider-background-color: var(--mod-divider-background-color-medium-static-black);
+ --spectrum-divider-background-color: var(--spectrum-divider-background-color-medium-static-black);
- &.spectrum-Divider--sizeM {
- --spectrum-divider-background-color: var(--mod-divider-background-color-medium-static-black, var(--spectrum-divider-background-color-medium-static-black));
+ &.spectrum-Divider--sizeS {
+ --mod-divider-background-color: var(--mod-divider-background-color-small-static-black);
+ --spectrum-divider-background-color: var(--spectrum-divider-background-color-small-static-black);
}
&.spectrum-Divider--sizeL {
- --spectrum-divider-background-color: var(--mod-divider-background-color-large-static-black, var(--spectrum-divider-background-color-large-static-black));
+ --mod-divider-background-color: var(--mod-divider-background-color-large-static-black);
+ --spectrum-divider-background-color: var(--spectrum-divider-background-color-large-static-black);
}
}
+.spectrum-Divider {
+ block-size: var(--mod-divider-thickness, var(--spectrum-divider-thickness));
+ inline-size: 100%;
+
+ /* Show the overflow for hr in Edge and IE. */
+ overflow: visible;
+
+ border: none;
+ border-width: var(--mod-divider-thickness, var(--spectrum-divider-thickness));
+ border-radius: var(--mod-divider-thickness, var(--spectrum-divider-thickness));
+
+ background-color: var(--highcontrast-divider-background-color, var(--mod-divider-background-color, var(--spectrum-divider-background-color)));
+}
+
/* vertical dividers */
.spectrum-Divider--vertical {
inline-size: var(--mod-divider-thickness, var(--spectrum-divider-thickness));
- margin-block: var(--mod-divider-vertical-margin);
+ margin-block: var(--mod-divider-vertical-margin, 0);
block-size: var(--mod-divider-vertical-height, 100%);
- align-self: var(--mod-divider-vertical-align);
+ align-self: var(--mod-divider-vertical-align, flex-start);
}
diff --git a/components/divider/metadata/metadata.json b/components/divider/metadata/metadata.json
index 2c200f1bbff..d40394bc966 100644
--- a/components/divider/metadata/metadata.json
+++ b/components/divider/metadata/metadata.json
@@ -3,13 +3,12 @@
"selectors": [
".spectrum-Divider",
".spectrum-Divider--sizeL",
- ".spectrum-Divider--sizeM",
".spectrum-Divider--sizeS",
+ ".spectrum-Divider--staticBlack",
".spectrum-Divider--staticBlack.spectrum-Divider--sizeL",
- ".spectrum-Divider--staticBlack.spectrum-Divider--sizeM",
".spectrum-Divider--staticBlack.spectrum-Divider--sizeS",
+ ".spectrum-Divider--staticWhite",
".spectrum-Divider--staticWhite.spectrum-Divider--sizeL",
- ".spectrum-Divider--staticWhite.spectrum-Divider--sizeM",
".spectrum-Divider--staticWhite.spectrum-Divider--sizeS",
".spectrum-Divider--vertical"
],
@@ -43,14 +42,13 @@
"--spectrum-divider-thickness-small"
],
"global": [
- "--spectrum-gray-300",
+ "--spectrum-gray-200",
"--spectrum-gray-800",
"--spectrum-transparent-black-300",
"--spectrum-transparent-black-800",
"--spectrum-transparent-white-300",
"--spectrum-transparent-white-800"
],
- "system-theme": [],
"passthroughs": [],
- "high-contrast": []
+ "high-contrast": ["--highcontrast-divider-background-color"]
}
diff --git a/components/divider/metadata/mods.md b/components/divider/metadata/mods.md
deleted file mode 100644
index f628f3bf226..00000000000
--- a/components/divider/metadata/mods.md
+++ /dev/null
@@ -1,13 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------------------- |
-| `--mod-divider-background-color` |
-| `--mod-divider-background-color-large-static-black` |
-| `--mod-divider-background-color-large-static-white` |
-| `--mod-divider-background-color-medium-static-black` |
-| `--mod-divider-background-color-medium-static-white` |
-| `--mod-divider-background-color-small-static-black` |
-| `--mod-divider-background-color-small-static-white` |
-| `--mod-divider-thickness` |
-| `--mod-divider-vertical-align` |
-| `--mod-divider-vertical-height` |
-| `--mod-divider-vertical-margin` |
diff --git a/components/divider/package.json b/components/divider/package.json
index f9d255af819..823dfce2773 100644
--- a/components/divider/package.json
+++ b/components/divider/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/divider",
- "version": "3.2.0",
+ "version": "4.0.0-s2-foundations.16",
"description": "The Spectrum CSS divider component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/divider/stories/divider.stories.js b/components/divider/stories/divider.stories.js
index 45eb6b925cf..77734460505 100644
--- a/components/divider/stories/divider.stories.js
+++ b/components/divider/stories/divider.stories.js
@@ -34,6 +34,10 @@ export default {
minDimensionValues: true,
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=13642-334",
+ },
packageJson,
metadata,
},
diff --git a/components/divider/themes/express.css b/components/divider/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/divider/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/divider/themes/spectrum.css b/components/divider/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/divider/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/dropindicator/CHANGELOG.md b/components/dropindicator/CHANGELOG.md
index c77d7f72bf4..087dd133b6f 100644
--- a/components/dropindicator/CHANGELOG.md
+++ b/components/dropindicator/CHANGELOG.md
@@ -1,5 +1,231 @@
# Change Log
+## 6.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -63,16 +289,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.1.4...@spectrum-css/dropindicator@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.1.4...@spectrum-css/dropindicator@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -80,8 +303,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.1.3...@spectrum-css/dropindicator@4.1.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.1.3...@spectrum-css/dropindicator@4.1.4)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -89,8 +311,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.1.2...@spectrum-css/dropindicator@4.1.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.1.2...@spectrum-css/dropindicator@4.1.3)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -98,8 +319,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.1.1...@spectrum-css/dropindicator@4.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.1.1...@spectrum-css/dropindicator@4.1.2)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -107,8 +327,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -116,8 +335,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.0.4...@spectrum-css/dropindicator@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.0.4...@spectrum-css/dropindicator@4.1.0)
### ✨ Features
@@ -127,8 +345,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.0.3...@spectrum-css/dropindicator@4.0.4)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.0.3...@spectrum-css/dropindicator@4.0.4)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -136,8 +353,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.0.2...@spectrum-css/dropindicator@4.0.3)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.0.2...@spectrum-css/dropindicator@4.0.3)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -145,8 +361,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.0.0...@spectrum-css/dropindicator@4.0.2)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.0.0...@spectrum-css/dropindicator@4.0.2)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -154,8 +369,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.0.0...@spectrum-css/dropindicator@4.0.1)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@4.0.0...@spectrum-css/dropindicator@4.0.1)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -163,13 +377,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.54...@spectrum-css/dropindicator@4.0.0)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.54...@spectrum-css/dropindicator@4.0.0)
\*feat(dropindicator)!: migrate to spectrum tokens (#2198)([da24515](https://github.com/adobe/spectrum-css/commit/da24515)), closes[#2198](https://github.com/adobe/spectrum-css/issues/2198)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates DropIndicator to use `@adobe/spectrum-tokens`
@@ -178,8 +390,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.54
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.53...@spectrum-css/dropindicator@3.0.54)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.53...@spectrum-css/dropindicator@3.0.54)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -187,8 +398,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.53
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.52...@spectrum-css/dropindicator@3.0.53)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.52...@spectrum-css/dropindicator@3.0.53)
### 🔙 Reverts
@@ -198,8 +408,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.52
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.51...@spectrum-css/dropindicator@3.0.52)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.51...@spectrum-css/dropindicator@3.0.52)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -207,8 +416,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.51
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.50...@spectrum-css/dropindicator@3.0.51)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.50...@spectrum-css/dropindicator@3.0.51)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -216,8 +424,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.50
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.49...@spectrum-css/dropindicator@3.0.50)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.49...@spectrum-css/dropindicator@3.0.50)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -225,8 +432,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.49
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.48...@spectrum-css/dropindicator@3.0.49)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.48...@spectrum-css/dropindicator@3.0.49)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -234,8 +440,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.48
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.47...@spectrum-css/dropindicator@3.0.48)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.47...@spectrum-css/dropindicator@3.0.48)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -243,8 +448,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.47
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.46...@spectrum-css/dropindicator@3.0.47)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.46...@spectrum-css/dropindicator@3.0.47)
### 🐛 Bug fixes
@@ -254,8 +458,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.46
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.45...@spectrum-css/dropindicator@3.0.46)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.45...@spectrum-css/dropindicator@3.0.46)
**Note:** Version bump only for package @spectrum-css/dropindicator
@@ -263,8 +466,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.45
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.44...@spectrum-css/dropindicator@3.0.45)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropindicator@3.0.44...@spectrum-css/dropindicator@3.0.45)
**Note:** Version bump only for package @spectrum-css/dropindicator
diff --git a/components/dropindicator/index.css b/components/dropindicator/index.css
index a247b66bd6a..c603c785e02 100644
--- a/components/dropindicator/index.css
+++ b/components/dropindicator/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
@media (forced-colors: active) {
.spectrum-DropIndicator {
--highcontrast-dropindicator-color: Highlight;
@@ -20,15 +18,11 @@
}
.spectrum-DropIndicator {
- --spectrum-dropindicator-border-color: var(--spectrum-dropindicator-color);
- --spectrum-dropindicator-circle-color: var(--spectrum-dropindicator-color);
--spectrum-dropindicator-border-size: var(--spectrum-border-width-200);
--spectrum-dropindicator-circle-size: 12px;
-}
-.spectrum-DropIndicator {
position: relative;
- background: var(--highcontrast-dropindicator-color, var(--mod-dropindicator-border-color, var(--spectrum-dropindicator-border-color)));
+ background: var(--highcontrast-dropindicator-color, var(--mod-dropindicator-border-color, var(--spectrum-dropindicator-color)));
&::before,
&::after {
@@ -39,7 +33,7 @@
border-radius: 50%;
border: var(--mod-dropindicator-border-size, var(--spectrum-dropindicator-border-size)) solid;
box-sizing: border-box;
- border-color: var(--highcontrast-dropindicator-color, var(--mod-dropindicator-circle-color, var(--spectrum-dropindicator-circle-color)));
+ border-color: var(--highcontrast-dropindicator-color, var(--mod-dropindicator-circle-color, var(--spectrum-dropindicator-color)));
}
}
diff --git a/components/dropindicator/metadata/metadata.json b/components/dropindicator/metadata/metadata.json
index e8c125fbcd4..294d6ad70bb 100644
--- a/components/dropindicator/metadata/metadata.json
+++ b/components/dropindicator/metadata/metadata.json
@@ -18,14 +18,11 @@
"--mod-dropindicator-circle-size"
],
"component": [
- "--spectrum-dropindicator-border-color",
"--spectrum-dropindicator-border-size",
- "--spectrum-dropindicator-circle-color",
"--spectrum-dropindicator-circle-size",
"--spectrum-dropindicator-color"
],
"global": ["--spectrum-border-width-200"],
- "system-theme": [],
"passthroughs": [],
"high-contrast": ["--highcontrast-dropindicator-color"]
}
diff --git a/components/dropindicator/metadata/mods.md b/components/dropindicator/metadata/mods.md
deleted file mode 100644
index aff260beacc..00000000000
--- a/components/dropindicator/metadata/mods.md
+++ /dev/null
@@ -1,6 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------- |
-| `--mod-dropindicator-border-color` |
-| `--mod-dropindicator-border-size` |
-| `--mod-dropindicator-circle-color` |
-| `--mod-dropindicator-circle-size` |
diff --git a/components/dropindicator/package.json b/components/dropindicator/package.json
index dc07373203e..9eaeb313397 100644
--- a/components/dropindicator/package.json
+++ b/components/dropindicator/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/dropindicator",
- "version": "5.2.0",
+ "version": "6.0.0-s2-foundations.16",
"description": "The Spectrum CSS dropindicator component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/icon": "workspace:^",
diff --git a/components/dropindicator/themes/express.css b/components/dropindicator/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/dropindicator/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/dropindicator/themes/spectrum.css b/components/dropindicator/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/dropindicator/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/dropzone/CHANGELOG.md b/components/dropzone/CHANGELOG.md
index 63c56fbd223..7d3387f20b6 100644
--- a/components/dropzone/CHANGELOG.md
+++ b/components/dropzone/CHANGELOG.md
@@ -1,5 +1,271 @@
# Change Log
+## 7.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.16
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.24
+ - @spectrum-css/link@6.0.0-s2-foundations.16
+
+## 7.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.15
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.21
+ - @spectrum-css/link@6.0.0-s2-foundations.15
+
+## 7.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.14
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.20
+ - @spectrum-css/link@6.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 7.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.13
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.18
+ - @spectrum-css/link@6.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 7.0.0-s2-foundations.13
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`877ca25`](https://github.com/adobe/spectrum-css/commit/877ca2516363e9483e7b3ecbfddc900b4e6a9a65) Thanks [@pfulton](https://github.com/pfulton)! - [SWC-241] In order to show dropzone background color, --spectrum-drop-zone-background-color has been changed to --mod-drop-zone-background-color in &.is-dragged and &.is-filled
+
+## 7.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.12
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.13
+ - @spectrum-css/link@6.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.11
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.12
+ - @spectrum-css/link@6.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 7.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.10
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.10
+ - @spectrum-css/link@6.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 7.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.9
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.9
+ - @spectrum-css/link@6.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 7.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.8
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.8
+ - @spectrum-css/link@6.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 7.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.7
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.7
+ - @spectrum-css/link@6.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 7.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.6
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.6
+ - @spectrum-css/link@6.0.0-s2-foundations.6
+
+## 7.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.5
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.5
+ - @spectrum-css/link@6.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 7.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.4
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.4
+ - @spectrum-css/link@6.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 7.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.3
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.3
+ - @spectrum-css/link@6.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 7.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.2
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.2
+ - @spectrum-css/link@6.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.1
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.1
+ - @spectrum-css/link@6.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 7.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/illustratedmessage@8.0.0-s2-foundations.0
+ - @spectrum-css/link@6.0.0-s2-foundations.0
+
## 6.2.0
### Minor Changes
@@ -19,6 +285,12 @@
- [#3300](https://github.com/adobe/spectrum-css/pull/3300) [`89797d0`](https://github.com/adobe/spectrum-css/commit/89797d0324bcbf2195a28840ce87ed6959da24a5) Thanks [@castastrophe](https://github.com/castastrophe)! - Add passthrough markers to prevent unnecessary warnings about unused custom properties
+## 6.1.4
+
+### Patch Changes
+
+- [#3300](https://github.com/adobe/spectrum-css/pull/3300) [`89797d0`](https://github.com/adobe/spectrum-css/commit/89797d0324bcbf2195a28840ce87ed6959da24a5) Thanks [@castastrophe](https://github.com/castastrophe)! - Add passthrough markers to prevent unnecessary warnings about unused custom properties
+
## 6.1.3
### Patch Changes
@@ -79,16 +351,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.2.5...@spectrum-css/dropzone@6.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.2.5...@spectrum-css/dropzone@6.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -96,8 +365,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.2.4...@spectrum-css/dropzone@5.2.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.2.4...@spectrum-css/dropzone@5.2.5)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -105,8 +373,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.2.3...@spectrum-css/dropzone@5.2.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.2.3...@spectrum-css/dropzone@5.2.4)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -114,8 +381,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.2.2...@spectrum-css/dropzone@5.2.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.2.2...@spectrum-css/dropzone@5.2.3)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -123,8 +389,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.2.1...@spectrum-css/dropzone@5.2.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.2.1...@spectrum-css/dropzone@5.2.2)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -132,8 +397,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -141,8 +405,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.1.0...@spectrum-css/dropzone@5.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.1.0...@spectrum-css/dropzone@5.2.0)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -150,8 +413,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.31...@spectrum-css/dropzone@5.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.31...@spectrum-css/dropzone@5.1.0)
### ✨ Features
@@ -161,8 +423,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.31
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.30...@spectrum-css/dropzone@5.0.31)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.30...@spectrum-css/dropzone@5.0.31)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -170,8 +431,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.30
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.29...@spectrum-css/dropzone@5.0.30)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.29...@spectrum-css/dropzone@5.0.30)
### 🐛 Bug fixes
@@ -181,8 +441,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.29
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.27...@spectrum-css/dropzone@5.0.29)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.27...@spectrum-css/dropzone@5.0.29)
### 🐛 Bug fixes
@@ -192,8 +451,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.28
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.27...@spectrum-css/dropzone@5.0.28)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.27...@spectrum-css/dropzone@5.0.28)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -201,8 +459,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.27
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.26...@spectrum-css/dropzone@5.0.27)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.26...@spectrum-css/dropzone@5.0.27)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -210,8 +467,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.26
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.25...@spectrum-css/dropzone@5.0.26)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.25...@spectrum-css/dropzone@5.0.26)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -219,8 +475,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.25
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.24...@spectrum-css/dropzone@5.0.25)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.24...@spectrum-css/dropzone@5.0.25)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -228,8 +483,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.24
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.23...@spectrum-css/dropzone@5.0.24)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.23...@spectrum-css/dropzone@5.0.24)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -237,8 +491,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.23
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.22...@spectrum-css/dropzone@5.0.23)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.22...@spectrum-css/dropzone@5.0.23)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -246,8 +499,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.22
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.21...@spectrum-css/dropzone@5.0.22)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.21...@spectrum-css/dropzone@5.0.22)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -255,8 +507,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.21
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.20...@spectrum-css/dropzone@5.0.21)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.20...@spectrum-css/dropzone@5.0.21)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -264,8 +515,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.20
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.19...@spectrum-css/dropzone@5.0.20)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.19...@spectrum-css/dropzone@5.0.20)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -273,8 +523,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.19
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.18...@spectrum-css/dropzone@5.0.19)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.18...@spectrum-css/dropzone@5.0.19)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -282,8 +531,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.18
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.17...@spectrum-css/dropzone@5.0.18)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.17...@spectrum-css/dropzone@5.0.18)
### 🔙 Reverts
@@ -293,8 +541,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.17
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.16...@spectrum-css/dropzone@5.0.17)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.16...@spectrum-css/dropzone@5.0.17)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -302,8 +549,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.16
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.14...@spectrum-css/dropzone@5.0.16)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.14...@spectrum-css/dropzone@5.0.16)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -311,8 +557,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.15
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.14...@spectrum-css/dropzone@5.0.15)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.14...@spectrum-css/dropzone@5.0.15)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -320,8 +565,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.14
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.13...@spectrum-css/dropzone@5.0.14)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.13...@spectrum-css/dropzone@5.0.14)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -329,8 +573,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.13
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.12...@spectrum-css/dropzone@5.0.13)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.12...@spectrum-css/dropzone@5.0.13)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -338,8 +581,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.12
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.11...@spectrum-css/dropzone@5.0.12)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.11...@spectrum-css/dropzone@5.0.12)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -347,8 +589,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.11
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.10...@spectrum-css/dropzone@5.0.11)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.10...@spectrum-css/dropzone@5.0.11)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -356,8 +597,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.10
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.9...@spectrum-css/dropzone@5.0.10)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.9...@spectrum-css/dropzone@5.0.10)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -365,8 +605,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.9
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.8...@spectrum-css/dropzone@5.0.9)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.8...@spectrum-css/dropzone@5.0.9)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -374,8 +613,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.8
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.7...@spectrum-css/dropzone@5.0.8)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.7...@spectrum-css/dropzone@5.0.8)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -383,8 +621,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.7
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.6...@spectrum-css/dropzone@5.0.7)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.6...@spectrum-css/dropzone@5.0.7)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -392,8 +629,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.6
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.5...@spectrum-css/dropzone@5.0.6)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.5...@spectrum-css/dropzone@5.0.6)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -401,8 +637,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.5
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.4...@spectrum-css/dropzone@5.0.5)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.4...@spectrum-css/dropzone@5.0.5)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -410,8 +645,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.4
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.3...@spectrum-css/dropzone@5.0.4)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.3...@spectrum-css/dropzone@5.0.4)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -419,8 +653,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.3
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.2...@spectrum-css/dropzone@5.0.3)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.2...@spectrum-css/dropzone@5.0.3)
### 🐛 Bug fixes
@@ -430,8 +663,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.2
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.1...@spectrum-css/dropzone@5.0.2)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.1...@spectrum-css/dropzone@5.0.2)
**Note:** Version bump only for package @spectrum-css/dropzone
@@ -439,8 +671,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.1
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.0...@spectrum-css/dropzone@5.0.1)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/dropzone@5.0.0...@spectrum-css/dropzone@5.0.1)
**Note:** Version bump only for package @spectrum-css/dropzone
diff --git a/components/dropzone/index.css b/components/dropzone/index.css
index f46224d1a88..1b6dca201f7 100644
--- a/components/dropzone/index.css
+++ b/components/dropzone/index.css
@@ -1,3 +1,5 @@
+/* stylelint-disable spectrum-tools/no-unused-custom-properties -- changes have been made in the css782 PR */
+
/*!
* Copyright 2024 Adobe. All rights reserved.
*
@@ -11,86 +13,41 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-DropZone {
--spectrum-drop-zone-padding: var(--spectrum-spacing-400);
- --spectrum-drop-zone-illustration-to-heading: var(--spectrum-spacing-400);
- --spectrum-drop-zone-heading-to-body: var(--spectrum-spacing-75);
-
--spectrum-drop-zone-border-width: var(--spectrum-border-width-200);
- --spectrum-drop-zone-corner-radius: var(--spectrum-corner-radius-100);
- --spectrum-drop-zone-border-color: var(--spectrum-gray-300);
-
- --spectrum-drop-zone-heading-font-family: var(--spectrum-sans-font-family-stack);
- --spectrum-drop-zone-heading-font-weight: var(--spectrum-heading-sans-serif-font-weight);
- --spectrum-drop-zone-heading-font-style: var(--spectrum-heading-sans-serif-font-style);
- --spectrum-drop-zone-heading-font-size: var(--spectrum-drop-zone-title-size);
- --spectrum-drop-zone-heading-line-height: var(--spectrum-heading-line-height);
- --spectrum-drop-zone-heading-color: var(--spectrum-heading-color);
-
- --spectrum-drop-zone-body-font-family: var(--spectrum-sans-font-family-stack);
- --spectrum-drop-zone-body-font-weight: var(--spectrum-body-sans-serif-font-weight);
- --spectrum-drop-zone-body-font-style: var(--spectrum-body-sans-serif-font-style);
- --spectrum-drop-zone-body-font-size: var(--spectrum-drop-zone-body-size);
- --spectrum-drop-zone-body-line-height: var(--spectrum-body-line-height);
- --spectrum-drop-zone-body-color: var(--spectrum-body-color);
+ --spectrum-drop-zone-corner-radius: var(--spectrum-corner-radius-700);
+ --spectrum-drop-zone-border-color: var(--spectrum-gray-200);
--spectrum-drop-zone-background-color: var(--spectrum-drop-zone-background-color-rgb);
--spectrum-drop-zone-border-color-hover: var(--spectrum-accent-visual-color);
--spectrum-drop-zone-illustration-color: var(--spectrum-neutral-visual-color);
--spectrum-drop-zone-illustration-color-hover: var(--spectrum-accent-visual-color);
+ --spectrum-drop-zone-body-to-action: var(--spectrum-spacing-300);
/* Filled styles */
- --spectrum-drop-zone-content-height: var(--spectrum-component-height-300);
--spectrum-drop-zone-content-max-width: var(--spectrum-drop-zone-content-maximum-width);
- --spectrum-drop-zone-content-edge-to-text: var(--spectrum-component-edge-to-text-300);
--spectrum-drop-zone-content-top-to-text: var(--spectrum-component-top-to-text-300);
--spectrum-drop-zone-content-bottom-to-text: var(--spectrum-component-bottom-to-text-300);
--spectrum-drop-zone-content-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-drop-zone-content-font-weight: var(--spectrum-bold-font-weight);
--spectrum-drop-zone-content-font-style: var(--spectrum-default-font-style);
- --spectrum-drop-zone-content-font-size: var(--spectrum-font-size-300);
--spectrum-drop-zone-content-line-height: var(--spectrum-line-height-100);
--spectrum-drop-zone-content-background-color: var(--spectrum-accent-visual-color);
- --spectrum-drop-zone-content-color: var(--spectrum-white);
- /* @passthrough start -- settings for a nested illustrated message */
- --mod-illustrated-message-content-maximum-width: var(--mod-drop-zone-content-maximum-width, var(--spectrum-drop-zone-content-maximum-width));
+ /* Settings for a nested illustrated message */
+ --mod-illustrated-message-vertical-maximum-width: var(--mod-drop-zone-content-maximum-width, var(--spectrum-drop-zone-content-maximum-width));
--mod-illustrated-message-illustration-color: var(--mod-drop-zone-illustration-color, var(--spectrum-drop-zone-illustration-color));
- --mod-illustrated-message-title-to-heading: var(--mod-drop-zone-illustration-to-heading, var(--spectrum-drop-zone-illustration-to-heading));
- --mod-illustrated-message-heading-to-body: var(--mod-drop-zone-heading-to-body, var(--spectrum-drop-zone-heading-to-body));
- --mod-illustrated-message-title-font-family: var(--mod-drop-zone-heading-font-family, var(--spectrum-drop-zone-heading-font-family));
- --mod-illustrated-message-title-font-weight: var(--mod-drop-zone-heading-font-weight, var(--spectrum-drop-zone-heading-font-weight));
- --mod-illustrated-message-title-font-style: var(--mod-drop-zone-heading-font-style, var(--spectrum-drop-zone-heading-font-style));
- --mod-illustrated-message-title-font-size: var(--mod-drop-zone-heading-font-size, var(--spectrum-drop-zone-heading-font-size));
- --mod-illustrated-message-title-line-height: var(--mod-drop-zone-heading-line-height, var(--spectrum-drop-zone-heading-line-height));
- --mod-illustrated-message-title-color: var(--mod-drop-zone-heading-color, var(--spectrum-drop-zone-heading-color));
+
+ --mod-illustrated-message-description-to-action: var(--mod-drop-zone-body-to-action, var(--spectrum-drop-zone-body-to-action));
--mod-illustrated-message-description-position: relative;
--mod-illustrated-message-description-z-index: 10;
- --mod-illustrated-message-heading-to-description: 0;
- --mod-illustrated-message-description-font-family: var(--mod-drop-zone-body-font-family, var(--spectrum-drop-zone-body-font-family));
- --mod-illustrated-message-description-font-weight: var(--mod-drop-zone-body-font-weight, var(--spectrum-drop-zone-body-font-weight));
- --mod-illustrated-message-description-font-style: var(--mod-drop-zone-body-font-style, var(--spectrum-drop-zone-body-font-style));
--mod-illustrated-message-description-font-size: var(--mod-drop-zone-body-font-size, var(--spectrum-drop-zone-body-font-size));
- --mod-illustrated-message-description-line-height: var(--mod-drop-zone-body-line-height, var(--spectrum-drop-zone-body-line-height));
- --mod-illustrated-message-description-color: var(--mod-drop-zone-body-color, var(--spectrum-drop-zone-body-color));
- /* @passthrough end */
-
- /* @passthrough start -- settings for a nested actionbutton */
- --mod-actionbutton-font-size: var(--mod-drop-zone-content-font-size, var(--spectrum-drop-zone-content-font-size));
- --mod-actionbutton-label-color: var(--mod-drop-zone-content-color, var(--spectrum-drop-zone-content-color));
- --mod-actionbutton-edge-to-text: var(--mod-drop-zone-content-edge-to-text, var(--spectrum-drop-zone-content-edge-to-text));
- /* @passthrough end */
-
- /* cjk language support */
- &:lang(ja),
- &:lang(zh),
- &:lang(ko) {
- --spectrum-drop-zone-heading-font-size: var(--spectrum-drop-zone-cjk-title-size);
- }
+
+ --mod-drop-zone-content-display: flex;
+ --mod-drop-zone-content-height: 280px;
}
.spectrum-DropZone {
@@ -104,6 +61,7 @@
border-style: var(--mod-drop-zone-border-style, dashed);
background-size: cover;
background-color: var(--mod-drop-zone-background-color, var(--spectrum-drop-zone-background-color));
+ color: var(--spectrum-drop-zone-illustration-color);
&.is-dragged {
/* @deprecation --mod-drop-zone-border-style--dragged will be removed during the S2 migration; please update your code to --mod-drop-zone-border-style-dragged */
@@ -113,6 +71,7 @@
/* Updated values for a nested illustrated message when state changes */
--mod-illustrated-message-illustration-color: var(--mod-drop-zone-illustration-color-hover, var(--spectrum-drop-zone-illustration-color-hover));
+ color: var(--spectrum-drop-zone-illustration-color-hover);
}
&.is-filled {
@@ -124,7 +83,16 @@
}
&.is-filled.is-dragged {
- --mod-drop-zone-content-display: flex;
+ background-position: center;
+ display: var(--mod-drop-zone-content-display);
+ align-items: center;
+ justify-content: center;
+ block-size: var(--mod-drop-zone-content-height);
+ background-blend-mode: multiply;
+
+ .spectrum-DropZone-actions {
+ margin-block-start: 0;
+ }
}
&:focus-visible {
@@ -143,10 +111,14 @@
z-index: 10;
}
+.spectrum-DropZone-actions {
+ margin-block-start: var(--spectrum-drop-zone-body-to-action);
+}
+
.spectrum-DropZone-button {
box-sizing: border-box;
border: none;
- block-size: var(--mod-drop-zone-content-height, var(--spectrum-drop-zone-content-height));
+ block-size: auto;
max-inline-size: var(--mod-drop-zone-content-max-width, var(--spectrum-drop-zone-content-max-width));
padding-block-start: var(--mod-drop-zone-content-top-to-text, var(--spectrum-drop-zone-content-top-to-text));
padding-block-end: var(--mod-drop-zone-content-bottom-to-text, var(--spectrum-drop-zone-content-bottom-to-text));
@@ -170,7 +142,7 @@
--highcontrast-drop-zone-border-color-hover: Highlight;
- /* @passthrough -- updated values for a nested illustrated message when in a high contrast state */
+ /* Updated values for a nested illustrated message when in a high contrast state */
--highcontrast-illustrated-message-illustration-color: var(--highcontrast-drop-zone-illustration-color);
}
}
diff --git a/components/dropzone/metadata/metadata.json b/components/dropzone/metadata/metadata.json
index a3bbc3e93e8..169c542377d 100644
--- a/components/dropzone/metadata/metadata.json
+++ b/components/dropzone/metadata/metadata.json
@@ -2,6 +2,7 @@
"sourceFile": "index.css",
"selectors": [
".spectrum-DropZone",
+ ".spectrum-DropZone-actions",
".spectrum-DropZone-button",
".spectrum-DropZone-button:focus",
".spectrum-DropZone-button:hover",
@@ -9,6 +10,7 @@
".spectrum-DropZone.is-dragged",
".spectrum-DropZone.is-filled",
".spectrum-DropZone.is-filled.is-dragged",
+ ".spectrum-DropZone.is-filled.is-dragged .spectrum-DropZone-actions",
".spectrum-DropZone:focus-visible",
".spectrum-DropZone:lang(ja)",
".spectrum-DropZone:lang(ko)",
@@ -24,6 +26,7 @@
"--mod-drop-zone-body-font-style",
"--mod-drop-zone-body-font-weight",
"--mod-drop-zone-body-line-height",
+ "--mod-drop-zone-body-to-action",
"--mod-drop-zone-border-color",
"--mod-drop-zone-border-color-hover",
"--mod-drop-zone-border-style",
@@ -55,6 +58,7 @@
"--mod-drop-zone-illustration-color",
"--mod-drop-zone-illustration-color-hover",
"--mod-drop-zone-illustration-to-heading",
+ "--mod-drop-zone-illustration-to-title",
"--mod-drop-zone-padding",
"--mod-drop-zone-width"
],
@@ -70,6 +74,7 @@
"--spectrum-drop-zone-body-font-weight",
"--spectrum-drop-zone-body-line-height",
"--spectrum-drop-zone-body-size",
+ "--spectrum-drop-zone-body-to-action",
"--spectrum-drop-zone-border-color",
"--spectrum-drop-zone-border-color-hover",
"--spectrum-drop-zone-border-width",
@@ -98,6 +103,7 @@
"--spectrum-drop-zone-illustration-color",
"--spectrum-drop-zone-illustration-color-hover",
"--spectrum-drop-zone-illustration-to-heading",
+ "--spectrum-drop-zone-illustration-to-title",
"--spectrum-drop-zone-padding",
"--spectrum-drop-zone-title-size",
"--spectrum-drop-zone-width"
@@ -117,7 +123,7 @@
"--spectrum-corner-radius-100",
"--spectrum-default-font-style",
"--spectrum-font-size-300",
- "--spectrum-gray-300",
+ "--spectrum-gray-200",
"--spectrum-heading-color",
"--spectrum-heading-line-height",
"--spectrum-heading-sans-serif-font-style",
@@ -125,16 +131,16 @@
"--spectrum-line-height-100",
"--spectrum-neutral-visual-color",
"--spectrum-sans-font-family-stack",
+ "--spectrum-spacing-200",
+ "--spectrum-spacing-300",
"--spectrum-spacing-400",
"--spectrum-spacing-75",
"--spectrum-white"
],
- "system-theme": [],
"passthroughs": [
"--mod-actionbutton-edge-to-text",
"--mod-actionbutton-font-size",
"--mod-actionbutton-label-color",
- "--mod-illustrated-message-content-maximum-width",
"--mod-illustrated-message-description-color",
"--mod-illustrated-message-description-font-family",
"--mod-illustrated-message-description-font-size",
@@ -142,18 +148,20 @@
"--mod-illustrated-message-description-font-weight",
"--mod-illustrated-message-description-line-height",
"--mod-illustrated-message-description-position",
+ "--mod-illustrated-message-description-to-action",
"--mod-illustrated-message-description-z-index",
"--mod-illustrated-message-display",
- "--mod-illustrated-message-heading-to-body",
"--mod-illustrated-message-heading-to-description",
"--mod-illustrated-message-illustration-color",
+ "--mod-illustrated-message-illustration-to-content",
+ "--mod-illustrated-message-illustration-to-heading",
"--mod-illustrated-message-title-color",
"--mod-illustrated-message-title-font-family",
"--mod-illustrated-message-title-font-size",
"--mod-illustrated-message-title-font-style",
"--mod-illustrated-message-title-font-weight",
"--mod-illustrated-message-title-line-height",
- "--mod-illustrated-message-title-to-heading"
+ "--mod-illustrated-message-vertical-maximum-width"
],
"high-contrast": [
"--highcontrast-drop-zone-border-color-hover",
diff --git a/components/dropzone/metadata/mods.md b/components/dropzone/metadata/mods.md
deleted file mode 100644
index da00c42f335..00000000000
--- a/components/dropzone/metadata/mods.md
+++ /dev/null
@@ -1,44 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------- |
-| `--mod-drop-zone-background-color` |
-| `--mod-drop-zone-background-color-opacity` |
-| `--mod-drop-zone-background-color-opacity-filled` |
-| `--mod-drop-zone-body-color` |
-| `--mod-drop-zone-body-font-family` |
-| `--mod-drop-zone-body-font-size` |
-| `--mod-drop-zone-body-font-style` |
-| `--mod-drop-zone-body-font-weight` |
-| `--mod-drop-zone-body-line-height` |
-| `--mod-drop-zone-border-color` |
-| `--mod-drop-zone-border-color-hover` |
-| `--mod-drop-zone-border-style` |
-| `--mod-drop-zone-border-style--dragged` |
-| `--mod-drop-zone-border-style-dragged` |
-| `--mod-drop-zone-border-width` |
-| `--mod-drop-zone-content-background-color` |
-| `--mod-drop-zone-content-bottom-to-text` |
-| `--mod-drop-zone-content-color` |
-| `--mod-drop-zone-content-display` |
-| `--mod-drop-zone-content-edge-to-text` |
-| `--mod-drop-zone-content-font-family` |
-| `--mod-drop-zone-content-font-size` |
-| `--mod-drop-zone-content-font-style` |
-| `--mod-drop-zone-content-font-weight` |
-| `--mod-drop-zone-content-height` |
-| `--mod-drop-zone-content-line-height` |
-| `--mod-drop-zone-content-max-width` |
-| `--mod-drop-zone-content-maximum-width` |
-| `--mod-drop-zone-content-top-to-text` |
-| `--mod-drop-zone-corner-radius` |
-| `--mod-drop-zone-heading-color` |
-| `--mod-drop-zone-heading-font-family` |
-| `--mod-drop-zone-heading-font-size` |
-| `--mod-drop-zone-heading-font-style` |
-| `--mod-drop-zone-heading-font-weight` |
-| `--mod-drop-zone-heading-line-height` |
-| `--mod-drop-zone-heading-to-body` |
-| `--mod-drop-zone-illustration-color` |
-| `--mod-drop-zone-illustration-color-hover` |
-| `--mod-drop-zone-illustration-to-heading` |
-| `--mod-drop-zone-padding` |
-| `--mod-drop-zone-width` |
diff --git a/components/dropzone/package.json b/components/dropzone/package.json
index 4fb44cb6c3b..5929ff4b04b 100644
--- a/components/dropzone/package.json
+++ b/components/dropzone/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/dropzone",
- "version": "6.2.0",
+ "version": "7.0.0-s2-foundations.17",
"description": "The Spectrum CSS dropzone component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,24 +17,25 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/actionbutton": ">=6",
- "@spectrum-css/illustratedmessage": ">=7",
- "@spectrum-css/link": ">=5",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/actionbutton": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/illustratedmessage": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/link": ">=6.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"peerDependenciesMeta": {
"@spectrum-css/actionbutton": {
diff --git a/components/dropzone/stories/dropzone.stories.js b/components/dropzone/stories/dropzone.stories.js
index 7bd644a0969..a81b8b6ba32 100644
--- a/components/dropzone/stories/dropzone.stories.js
+++ b/components/dropzone/stories/dropzone.stories.js
@@ -1,4 +1,5 @@
import { default as ActionButton } from "@spectrum-css/actionbutton/stories/actionbutton.stories.js";
+import { SizingTemplate } from "@spectrum-css/dropzone/stories/template.js";
import { default as IllustratedMessage } from "@spectrum-css/illustratedmessage/stories/illustratedmessage.stories.js";
import { Template as Link } from "@spectrum-css/link/stories/template.js";
import { disableDefaultModes } from "@spectrum-css/preview/modes";
@@ -27,14 +28,22 @@ export default {
if: { arg: "isDragged", truthy: true },
},
...IllustratedMessage.argTypes,
+ hasButtons: { table: { disable: true }},
+ isHorizontal: { table: { disable: true }},
label: ActionButton.argTypes.label,
},
args: {
rootClass: "spectrum-DropZone",
isDragged: false,
isFilled: false,
+ heading: "Drag and drop your file",
+ description: "Or, select a file from your computer.",
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=13049-185",
+ },
packageJson,
metadata,
},
@@ -65,3 +74,11 @@ WithForcedColors.parameters = {
modes: disableDefaultModes
},
};
+
+
+export const Sizing = SizingTemplate.bind({});
+Sizing.args = {};
+Sizing.tags = ["!dev"];
+Sizing.parameters = {
+ chromatic: { disableSnapshot: true },
+};
diff --git a/components/dropzone/stories/template.js b/components/dropzone/stories/template.js
index 3363790eccc..cf00efc8f59 100644
--- a/components/dropzone/stories/template.js
+++ b/components/dropzone/stories/template.js
@@ -1,10 +1,12 @@
import { Template as ActionButton } from "@spectrum-css/actionbutton/stories/template.js";
+import { Template as Button } from "@spectrum-css/button/stories/template.js";
import { Template as IllustratedMessage } from "@spectrum-css/illustratedmessage/stories/template.js";
-import { getRandomId } from "@spectrum-css/preview/decorators";
+import { Template as Typography } from "@spectrum-css/typography/stories/template.js";
import { html } from "lit";
import { classMap } from "lit/directives/class-map.js";
import { ifDefined } from "lit/directives/if-defined.js";
-import { styleMap } from "lit/directives/style-map.js";
+
+
import "../index.css";
@@ -13,36 +15,74 @@ export const Template = ({
isDragged = false,
isFilled = false,
customClasses = [],
- customStyles = {},
heading,
description,
label,
- id = getRandomId("dropzone"),
-} = {}, context = {}) => {
- return html`
- html`
+
({ ...a, [c]: true }), {}),
- })}
- id=${ifDefined(id)}
- role="region"
- tabindex="0"
- style=${styleMap(customStyles)}
- >
- ${IllustratedMessage({ heading, description }, context)}
-
-
- ${ActionButton(
- {
- label,
- customClasses: [`${rootClass}-button`],
- },
- context
- )}
-
+ })}
+ id=${ifDefined(id)}
+ role="region"
+ tabindex="0"
+ style="${isDragged && isFilled ? `background-image:url(${image});` : null } width: 300px;"
+ >
+ ${IllustratedMessage({
+ ...globals,
+ heading: heading,
+ description: description,
+ customIllustration: customSvg,
+ size: size
+ })}
+
+ ${isDragged && isFilled
+ ? ActionButton({
+ label: label,
+ customClasses: [`${rootClass}-button`],
+ isSelected: true,
+ isEmphasized: true
+ })
+ : Button({
+ label: label,
+ size: size
+ })}
- `;
-};
+
+`;
+
+
+const customSvg = () => html`
+
+
+`;
+
+export const SizingTemplate = (args) => html`
+ ${["s", "m", "l"].map((size) => {
+ return html`
+ ${Typography({
+ semantics: "detail",
+ size: "s",
+ content: [
+ {
+ s: "Small",
+ m: "Medium",
+ l: "Large",
+ }[size],
+ ],
+ })}
+ ${Template({
+ ...args,
+ size,
+ })}
+
`;
+ })}
+`;
diff --git a/components/dropzone/themes/express.css b/components/dropzone/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/dropzone/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/dropzone/themes/spectrum.css b/components/dropzone/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/dropzone/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/fieldgroup/CHANGELOG.md b/components/fieldgroup/CHANGELOG.md
index 2a4db63b4e3..1fa653ee5a7 100644
--- a/components/fieldgroup/CHANGELOG.md
+++ b/components/fieldgroup/CHANGELOG.md
@@ -1,5 +1,296 @@
# Change Log
+## 6.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.20
+ - @spectrum-css/helptext@6.0.0-s2-foundations.16
+ - @spectrum-css/radio@10.0.0-s2-foundations.18
+
+## 6.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.18
+ - @spectrum-css/helptext@6.0.0-s2-foundations.15
+ - @spectrum-css/radio@10.0.0-s2-foundations.15
+
+## 6.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.17
+ - @spectrum-css/helptext@6.0.0-s2-foundations.14
+ - @spectrum-css/radio@10.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4e80ae6`](https://github.com/adobe/spectrum-css/commit/4e80ae67ddda329a5ed556b57426623c6f0f13f0) Thanks [@pfulton](https://github.com/pfulton)! - ActionButton:
+
+ - Correct --spectrum-actionbutton-background-color-selected-disabled to be --spectrum-actionbutton-(background|border)-color-disabled-selected
+
+ Combobox:
+
+ - Move --spectrum-combobox-min-inline-size and --spectrum-combobox-button-width to the index.css
+
+ FieldGroup:
+
+ - Swap gap back to margin-inline-end on FieldGroup
+
+ Typography:
+
+ - Remap body size to xs if xxs provided
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.16
+ - @spectrum-css/helptext@6.0.0-s2-foundations.13
+ - @spectrum-css/radio@10.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.12
+ - @spectrum-css/helptext@6.0.0-s2-foundations.12
+ - @spectrum-css/radio@10.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.11
+ - @spectrum-css/helptext@6.0.0-s2-foundations.11
+ - @spectrum-css/radio@10.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.10
+ - @spectrum-css/helptext@6.0.0-s2-foundations.10
+ - @spectrum-css/radio@10.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.9
+ - @spectrum-css/helptext@6.0.0-s2-foundations.9
+ - @spectrum-css/radio@10.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.8
+ - @spectrum-css/helptext@6.0.0-s2-foundations.8
+ - @spectrum-css/radio@10.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.7
+ - @spectrum-css/helptext@6.0.0-s2-foundations.7
+ - @spectrum-css/radio@10.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.6
+ - @spectrum-css/helptext@6.0.0-s2-foundations.6
+ - @spectrum-css/radio@10.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.5
+ - @spectrum-css/helptext@6.0.0-s2-foundations.5
+ - @spectrum-css/radio@10.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.4
+ - @spectrum-css/helptext@6.0.0-s2-foundations.4
+ - @spectrum-css/radio@10.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.3
+ - @spectrum-css/helptext@6.0.0-s2-foundations.3
+ - @spectrum-css/radio@10.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.2
+ - @spectrum-css/helptext@6.0.0-s2-foundations.2
+ - @spectrum-css/radio@10.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.1
+ - @spectrum-css/helptext@6.0.0-s2-foundations.1
+ - @spectrum-css/radio@10.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.0
+ - @spectrum-css/radio@10.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/helptext@6.0.0-s2-foundations.0
+
+## 5.3.0
+
+### Minor Changes
+
+- [#3328](https://github.com/adobe/spectrum-css/pull/3328) [`a0486b3`](https://github.com/adobe/spectrum-css/commit/a0486b341581c610ebc9b3acd1837be2b66eb348) Thanks [@jawinn](https://github.com/jawinn)! - The previous display of the read-only state checkboxes did not match up with any guidelines. This update removes the read-only specific styles for checkbox within the fieldgroup component, so that the boxes are still displayed and commas are not appended to the label. This includes the removal of `--spectrum-fieldgroup-readonly-delimiter` as it is no longer needed.
+
+### Patch Changes
+
+- Updated dependencies [[`a0486b3`](https://github.com/adobe/spectrum-css/commit/a0486b341581c610ebc9b3acd1837be2b66eb348)]:
+ - @spectrum-css/checkbox@9.2.1
+
## 5.3.0
### Minor Changes
@@ -84,16 +375,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.2.4...@spectrum-css/fieldgroup@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.2.4...@spectrum-css/fieldgroup@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -101,8 +389,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.2.3...@spectrum-css/fieldgroup@4.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.2.3...@spectrum-css/fieldgroup@4.2.4)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -110,8 +397,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.2.2...@spectrum-css/fieldgroup@4.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.2.2...@spectrum-css/fieldgroup@4.2.3)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -119,8 +405,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.2.1...@spectrum-css/fieldgroup@4.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.2.1...@spectrum-css/fieldgroup@4.2.2)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -128,8 +413,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -137,8 +421,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.1.1...@spectrum-css/fieldgroup@4.2.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.1.1...@spectrum-css/fieldgroup@4.2.0)
### ✨ Features
@@ -148,8 +431,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.1
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.1.0...@spectrum-css/fieldgroup@4.1.1)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.1.0...@spectrum-css/fieldgroup@4.1.1)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -157,8 +439,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.80...@spectrum-css/fieldgroup@4.1.0)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.80...@spectrum-css/fieldgroup@4.1.0)
### ✨ Features
@@ -168,8 +449,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.80
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.78...@spectrum-css/fieldgroup@4.0.80)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.78...@spectrum-css/fieldgroup@4.0.80)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -177,8 +457,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.79
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.78...@spectrum-css/fieldgroup@4.0.79)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.78...@spectrum-css/fieldgroup@4.0.79)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -186,8 +465,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.78
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.77...@spectrum-css/fieldgroup@4.0.78)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.77...@spectrum-css/fieldgroup@4.0.78)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -195,8 +473,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.77
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.76...@spectrum-css/fieldgroup@4.0.77)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.76...@spectrum-css/fieldgroup@4.0.77)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -204,8 +481,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.76
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.75...@spectrum-css/fieldgroup@4.0.76)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.75...@spectrum-css/fieldgroup@4.0.76)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -213,8 +489,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.75
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.74...@spectrum-css/fieldgroup@4.0.75)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.74...@spectrum-css/fieldgroup@4.0.75)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -222,8 +497,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.74
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.73...@spectrum-css/fieldgroup@4.0.74)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.73...@spectrum-css/fieldgroup@4.0.74)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -231,8 +505,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.73
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.72...@spectrum-css/fieldgroup@4.0.73)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.72...@spectrum-css/fieldgroup@4.0.73)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -240,8 +513,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.72
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.71...@spectrum-css/fieldgroup@4.0.72)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.71...@spectrum-css/fieldgroup@4.0.72)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -249,8 +521,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.71
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.70...@spectrum-css/fieldgroup@4.0.71)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.70...@spectrum-css/fieldgroup@4.0.71)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -258,8 +529,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.70
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.69...@spectrum-css/fieldgroup@4.0.70)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.69...@spectrum-css/fieldgroup@4.0.70)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -267,8 +537,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.69
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.68...@spectrum-css/fieldgroup@4.0.69)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.68...@spectrum-css/fieldgroup@4.0.69)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -276,8 +545,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.68
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.67...@spectrum-css/fieldgroup@4.0.68)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.67...@spectrum-css/fieldgroup@4.0.68)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -285,8 +553,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.67
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.66...@spectrum-css/fieldgroup@4.0.67)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.66...@spectrum-css/fieldgroup@4.0.67)
### 🔙 Reverts
@@ -296,8 +563,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.66
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.65...@spectrum-css/fieldgroup@4.0.66)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.65...@spectrum-css/fieldgroup@4.0.66)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -305,8 +571,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.65
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.63...@spectrum-css/fieldgroup@4.0.65)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.63...@spectrum-css/fieldgroup@4.0.65)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -314,8 +579,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.64
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.63...@spectrum-css/fieldgroup@4.0.64)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.63...@spectrum-css/fieldgroup@4.0.64)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -323,8 +587,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.63
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.62...@spectrum-css/fieldgroup@4.0.63)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.62...@spectrum-css/fieldgroup@4.0.63)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -332,8 +595,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.62
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.61...@spectrum-css/fieldgroup@4.0.62)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.61...@spectrum-css/fieldgroup@4.0.62)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -341,8 +603,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.61
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.60...@spectrum-css/fieldgroup@4.0.61)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.60...@spectrum-css/fieldgroup@4.0.61)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -350,8 +611,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.60
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.59...@spectrum-css/fieldgroup@4.0.60)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.59...@spectrum-css/fieldgroup@4.0.60)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -359,8 +619,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.59
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.58...@spectrum-css/fieldgroup@4.0.59)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.58...@spectrum-css/fieldgroup@4.0.59)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -368,8 +627,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.58
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.57...@spectrum-css/fieldgroup@4.0.58)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.57...@spectrum-css/fieldgroup@4.0.58)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -377,8 +635,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.57
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.56...@spectrum-css/fieldgroup@4.0.57)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.56...@spectrum-css/fieldgroup@4.0.57)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -386,8 +643,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.56
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.55...@spectrum-css/fieldgroup@4.0.56)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.55...@spectrum-css/fieldgroup@4.0.56)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -395,8 +651,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.55
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.54...@spectrum-css/fieldgroup@4.0.55)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.54...@spectrum-css/fieldgroup@4.0.55)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -404,8 +659,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.54
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.53...@spectrum-css/fieldgroup@4.0.54)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.53...@spectrum-css/fieldgroup@4.0.54)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -413,8 +667,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.53
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.52...@spectrum-css/fieldgroup@4.0.53)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.52...@spectrum-css/fieldgroup@4.0.53)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -422,8 +675,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.52
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.51...@spectrum-css/fieldgroup@4.0.52)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.51...@spectrum-css/fieldgroup@4.0.52)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -431,8 +683,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.51
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.50...@spectrum-css/fieldgroup@4.0.51)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.50...@spectrum-css/fieldgroup@4.0.51)
### 🐛 Bug fixes
@@ -442,8 +693,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.50
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.49...@spectrum-css/fieldgroup@4.0.50)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.49...@spectrum-css/fieldgroup@4.0.50)
**Note:** Version bump only for package @spectrum-css/fieldgroup
@@ -451,8 +701,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.49
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.48...@spectrum-css/fieldgroup@4.0.49)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldgroup@4.0.48...@spectrum-css/fieldgroup@4.0.49)
**Note:** Version bump only for package @spectrum-css/fieldgroup
diff --git a/components/fieldgroup/index.css b/components/fieldgroup/index.css
index dc2aef1d43a..6aedccbf085 100644
--- a/components/fieldgroup/index.css
+++ b/components/fieldgroup/index.css
@@ -11,12 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
-.spectrum-FieldGroup {
- --spectrum-fieldgroup-margin: var(--spectrum-spacing-300);
-}
-
/* field group */
.spectrum-FieldGroup {
display: flex;
@@ -49,7 +43,7 @@
/* space between horizontal fields */
.spectrum-FieldGroup-item:not(:last-child) {
- margin-inline-end: var(--spectrum-fieldgroup-margin);
+ margin-inline-end: var(--spectrum-spacing-300);
}
/* move help text down to new row */
diff --git a/components/fieldgroup/metadata/metadata.json b/components/fieldgroup/metadata/metadata.json
index 20528391a13..3c2343b1019 100644
--- a/components/fieldgroup/metadata/metadata.json
+++ b/components/fieldgroup/metadata/metadata.json
@@ -11,9 +11,8 @@
".spectrum-FieldGroupInputLayout"
],
"modifiers": [],
- "component": ["--spectrum-fieldgroup-margin"],
+ "component": [],
"global": ["--spectrum-spacing-300"],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/fieldgroup/metadata/mods.md b/components/fieldgroup/metadata/mods.md
deleted file mode 100644
index a98209f6e87..00000000000
--- a/components/fieldgroup/metadata/mods.md
+++ /dev/null
@@ -1,2 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------- |
diff --git a/components/fieldgroup/package.json b/components/fieldgroup/package.json
index 4cad0ed5664..fc0bf15b67f 100644
--- a/components/fieldgroup/package.json
+++ b/components/fieldgroup/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/fieldgroup",
- "version": "5.3.0",
+ "version": "6.0.0-s2-foundations.17",
"description": "The Spectrum CSS fieldgroup component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,24 +17,25 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/checkbox": ">=9",
- "@spectrum-css/helptext": ">=5",
- "@spectrum-css/radio": ">=9",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/checkbox": ">=10.0.0-s2-foundations.0",
+ "@spectrum-css/helptext": ">=6.0.0-s2-foundations.0",
+ "@spectrum-css/radio": ">=10.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"peerDependenciesMeta": {
"@spectrum-css/checkbox": {
diff --git a/components/fieldgroup/stories/fieldgroup.mdx b/components/fieldgroup/stories/fieldgroup.mdx
deleted file mode 100644
index 4ceef8fd355..00000000000
--- a/components/fieldgroup/stories/fieldgroup.mdx
+++ /dev/null
@@ -1,122 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
-} from "@spectrum-css/preview/blocks";
-
-import * as FieldGroupStories from "./fieldgroup.stories";
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/fieldgroup/themes/spectrum.css b/components/fieldgroup/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/fieldgroup/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/fieldlabel/CHANGELOG.md b/components/fieldlabel/CHANGELOG.md
index 5433f98d220..bd52bfb8b75 100644
--- a/components/fieldlabel/CHANGELOG.md
+++ b/components/fieldlabel/CHANGELOG.md
@@ -1,5 +1,240 @@
# Change Log
+## 9.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 9.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`085ecbc`](https://github.com/adobe/spectrum-css/commit/085ecbc739cf736e8d95377d605f2a7c4104bcc0) Thanks [@pfulton](https://github.com/pfulton)! - Pulled out _form_ from _fieldlabel_ package.
+ Pulled out _meter_ from _progressbar_ package.
+
+ [SWC-522] fix hover style regression
+
+## 9.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 9.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 9.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 9.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 9.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 9.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 9.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 9.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 9.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 9.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 9.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 9.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 9.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 9.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 9.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 9.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 8.2.0
### Minor Changes
@@ -63,16 +298,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.6...@spectrum-css/fieldlabel@8.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.6...@spectrum-css/fieldlabel@8.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -80,8 +312,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.3.6
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.5...@spectrum-css/fieldlabel@7.3.6)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.5...@spectrum-css/fieldlabel@7.3.6)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -89,8 +320,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.3.5
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.4...@spectrum-css/fieldlabel@7.3.5)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.4...@spectrum-css/fieldlabel@7.3.5)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -98,8 +328,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.3.4
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.3...@spectrum-css/fieldlabel@7.3.4)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.3...@spectrum-css/fieldlabel@7.3.4)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -107,8 +336,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.3.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.2...@spectrum-css/fieldlabel@7.3.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.2...@spectrum-css/fieldlabel@7.3.3)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -116,8 +344,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.3.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.1...@spectrum-css/fieldlabel@7.3.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.3.1...@spectrum-css/fieldlabel@7.3.2)
### 🐛 Bug fixes
@@ -127,8 +354,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.3.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -136,8 +362,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.3.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.2.1...@spectrum-css/fieldlabel@7.3.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.2.1...@spectrum-css/fieldlabel@7.3.0)
### ✨ Features
@@ -147,8 +372,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.2.1
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.2.0...@spectrum-css/fieldlabel@7.2.1)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.2.0...@spectrum-css/fieldlabel@7.2.1)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -156,8 +380,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.2.0
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.5...@spectrum-css/fieldlabel@7.2.0)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.5...@spectrum-css/fieldlabel@7.2.0)
### ✨ Features
@@ -167,8 +390,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.5
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.3...@spectrum-css/fieldlabel@7.1.5)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.3...@spectrum-css/fieldlabel@7.1.5)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -176,8 +398,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.4
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.3...@spectrum-css/fieldlabel@7.1.4)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.3...@spectrum-css/fieldlabel@7.1.4)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -185,8 +406,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.3
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.2...@spectrum-css/fieldlabel@7.1.3)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.2...@spectrum-css/fieldlabel@7.1.3)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -194,8 +414,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.2
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.1...@spectrum-css/fieldlabel@7.1.2)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.1...@spectrum-css/fieldlabel@7.1.2)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -203,8 +422,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.1
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.0...@spectrum-css/fieldlabel@7.1.1)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.1.0...@spectrum-css/fieldlabel@7.1.1)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -212,8 +430,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.0
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.35...@spectrum-css/fieldlabel@7.1.0)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.35...@spectrum-css/fieldlabel@7.1.0)
### ✨ Features
@@ -223,8 +440,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.35
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.34...@spectrum-css/fieldlabel@7.0.35)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.34...@spectrum-css/fieldlabel@7.0.35)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -232,8 +448,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.34
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.33...@spectrum-css/fieldlabel@7.0.34)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.33...@spectrum-css/fieldlabel@7.0.34)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -241,8 +456,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.33
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.32...@spectrum-css/fieldlabel@7.0.33)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.32...@spectrum-css/fieldlabel@7.0.33)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -250,8 +464,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.32
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.31...@spectrum-css/fieldlabel@7.0.32)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.31...@spectrum-css/fieldlabel@7.0.32)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -259,8 +472,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.31
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.30...@spectrum-css/fieldlabel@7.0.31)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.30...@spectrum-css/fieldlabel@7.0.31)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -268,8 +480,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.30
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.29...@spectrum-css/fieldlabel@7.0.30)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.29...@spectrum-css/fieldlabel@7.0.30)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -277,8 +488,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.29
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.28...@spectrum-css/fieldlabel@7.0.29)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.28...@spectrum-css/fieldlabel@7.0.29)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -286,8 +496,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.28
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.27...@spectrum-css/fieldlabel@7.0.28)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.27...@spectrum-css/fieldlabel@7.0.28)
### 🔙 Reverts
@@ -297,8 +506,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.27
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.26...@spectrum-css/fieldlabel@7.0.27)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.26...@spectrum-css/fieldlabel@7.0.27)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -306,8 +514,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.26
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.24...@spectrum-css/fieldlabel@7.0.26)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.24...@spectrum-css/fieldlabel@7.0.26)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -315,8 +522,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.25
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.24...@spectrum-css/fieldlabel@7.0.25)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.24...@spectrum-css/fieldlabel@7.0.25)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -324,8 +530,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.24
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.23...@spectrum-css/fieldlabel@7.0.24)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.23...@spectrum-css/fieldlabel@7.0.24)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -333,8 +538,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.23
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.22...@spectrum-css/fieldlabel@7.0.23)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.22...@spectrum-css/fieldlabel@7.0.23)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -342,8 +546,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.22
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.21...@spectrum-css/fieldlabel@7.0.22)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.21...@spectrum-css/fieldlabel@7.0.22)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -351,8 +554,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.21
-🗓
-2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.20...@spectrum-css/fieldlabel@7.0.21)
+🗓 2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.20...@spectrum-css/fieldlabel@7.0.21)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -360,8 +562,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.20
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.19...@spectrum-css/fieldlabel@7.0.20)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.19...@spectrum-css/fieldlabel@7.0.20)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -369,8 +570,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.19
-🗓
-2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.18...@spectrum-css/fieldlabel@7.0.19)
+🗓 2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.18...@spectrum-css/fieldlabel@7.0.19)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -378,8 +578,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.18
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.17...@spectrum-css/fieldlabel@7.0.18)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.17...@spectrum-css/fieldlabel@7.0.18)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -387,8 +586,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.17
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.16...@spectrum-css/fieldlabel@7.0.17)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.16...@spectrum-css/fieldlabel@7.0.17)
### 🐛 Bug fixes
@@ -398,8 +596,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.16
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.15...@spectrum-css/fieldlabel@7.0.16)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.15...@spectrum-css/fieldlabel@7.0.16)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -407,8 +604,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.15
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.14...@spectrum-css/fieldlabel@7.0.15)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.14...@spectrum-css/fieldlabel@7.0.15)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -416,8 +612,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.14
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.13...@spectrum-css/fieldlabel@7.0.14)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.13...@spectrum-css/fieldlabel@7.0.14)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -425,8 +620,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.13
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.12...@spectrum-css/fieldlabel@7.0.13)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.12...@spectrum-css/fieldlabel@7.0.13)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -434,8 +628,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.12
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.11...@spectrum-css/fieldlabel@7.0.12)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.11...@spectrum-css/fieldlabel@7.0.12)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -443,8 +636,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.11
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.10...@spectrum-css/fieldlabel@7.0.11)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.10...@spectrum-css/fieldlabel@7.0.11)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -452,8 +644,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.10
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.9...@spectrum-css/fieldlabel@7.0.10)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.9...@spectrum-css/fieldlabel@7.0.10)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -461,8 +652,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.9
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.8...@spectrum-css/fieldlabel@7.0.9)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.8...@spectrum-css/fieldlabel@7.0.9)
### 🐛 Bug fixes
@@ -472,8 +662,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.8
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.7...@spectrum-css/fieldlabel@7.0.8)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.7...@spectrum-css/fieldlabel@7.0.8)
**Note:** Version bump only for package @spectrum-css/fieldlabel
@@ -481,8 +670,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.7
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.6...@spectrum-css/fieldlabel@7.0.7)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/fieldlabel@7.0.6...@spectrum-css/fieldlabel@7.0.7)
**Note:** Version bump only for package @spectrum-css/fieldlabel
diff --git a/components/fieldlabel/index.css b/components/fieldlabel/index.css
index c52c4d4fae2..174875f109a 100644
--- a/components/fieldlabel/index.css
+++ b/components/fieldlabel/index.css
@@ -11,65 +11,76 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-FieldLabel {
- --spectrum-fieldlabel-min-height: var(--spectrum-component-height-75);
+ --spectrum-fieldlabel-min-height: var(--spectrum-component-height-100);
--spectrum-fieldlabel-color: var(--spectrum-neutral-subdued-content-color-default);
- --spectrum-field-label-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-medium);
+ --spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-100);
+ --spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-100);
+ --spectrum-fieldlabel-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-medium);
+ --spectrum-fieldlabel-font-size: var(--spectrum-font-size-100);
--spectrum-fieldlabel-font-weight: var(--spectrum-regular-font-weight);
--spectrum-fieldlabel-line-height: var(--spectrum-line-height-100);
- --spectrum-fieldlabel-line-height-cjk: var(--spectrum-cjk-line-height-100);
-}
-.spectrum-FieldLabel--sizeS {
- --spectrum-fieldlabel-min-height: var(--spectrum-component-height-75);
- --spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-75);
- --spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-75);
- --spectrum-fieldlabel-font-size: var(--spectrum-font-size-75);
+ --spectrum-fieldlabel-side-margin-block-start: var(--spectrum-field-label-top-margin-medium);
+ --spectrum-fieldlabel-side-padding-right: var(--spectrum-spacing-200);
- --spectrum-fieldlabel-side-margin-block-start: var(--spectrum-field-label-top-margin-small);
- --spectrum-fieldlabel-side-padding-right: var(--spectrum-spacing-100);
+ /* CJK (Chinese, Japanese, and Korean) language support */
+ &:lang(ja),
+ &:lang(zh),
+ &:lang(ko) {
+ --mod-fieldlabel-line-height: var(--mod-fieldlabel-line-height-cjk, var(--spectrum-cjk-line-height-100));
+ }
- --spectrum-field-label-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-small);
+ /********* Disabled state *********/
+ &.is-disabled {
+ --spectrum-fieldlabel-color: var(--highcontrast-fieldlabel-disabled-content-color, var(--spectrum-disabled-content-color));
+ }
}
-.spectrum-FieldLabel--sizeM {
+.spectrum-FieldLabel--sizeS {
--spectrum-fieldlabel-min-height: var(--spectrum-component-height-75);
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-75);
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-75);
- --spectrum-fieldlabel-font-size: var(--spectrum-font-size-75);
+ --spectrum-fieldlabel-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-small);
- --spectrum-fieldlabel-side-margin-block-start: var(--spectrum-field-label-top-margin-medium);
- --spectrum-fieldlabel-side-padding-right: var(--spectrum-spacing-200);
+ --spectrum-fieldlabel-font-size: var(--spectrum-font-size-75);
- --spectrum-field-label-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-medium);
+ --spectrum-fieldlabel-side-margin-block-start: var(--spectrum-field-label-top-margin-small);
+ --spectrum-fieldlabel-side-padding-right: var(--spectrum-spacing-100);
}
.spectrum-FieldLabel--sizeL {
- --spectrum-fieldlabel-min-height: var(--spectrum-component-height-100);
- --spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-100);
- --spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-100);
- --spectrum-fieldlabel-font-size: var(--spectrum-font-size-100);
+ --spectrum-fieldlabel-min-height: var(--spectrum-component-height-200);
+ --spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200);
+ --spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
+ --spectrum-fieldlabel-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-large);
+
+ --spectrum-fieldlabel-font-size: var(--spectrum-font-size-200);
--spectrum-fieldlabel-side-margin-block-start: var(--spectrum-field-label-top-margin-large);
--spectrum-fieldlabel-side-padding-right: var(--spectrum-spacing-200);
-
- --spectrum-field-label-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-large);
}
.spectrum-FieldLabel--sizeXL {
- --spectrum-fieldlabel-min-height: var(--spectrum-component-height-200);
- --spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200);
- --spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
- --spectrum-fieldlabel-font-size: var(--spectrum-font-size-200);
+ --spectrum-fieldlabel-min-height: var(--spectrum-component-height-300);
+ --spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300);
+ --spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300);
+ --spectrum-fieldlabel-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-extra-large);
+
+ --spectrum-fieldlabel-font-size: var(--spectrum-font-size-300);
--spectrum-fieldlabel-side-margin-block-start: var(--spectrum-field-label-top-margin-extra-large);
--spectrum-fieldlabel-side-padding-right: var(--spectrum-spacing-200);
+}
- --spectrum-field-label-text-to-asterisk: var(--spectrum-field-label-text-to-asterisk-extra-large);
+.spectrum-FieldLabel--staticBlack {
+ --spectrum-fieldlabel-color: var(--spectrum-black);
+}
+
+.spectrum-FieldLabel--staticWhite {
+ --spectrum-fieldlabel-color: var(--spectrum-white);
}
.spectrum-FieldLabel {
@@ -77,8 +88,8 @@
box-sizing: border-box;
min-block-size: var(--mod-fieldlabel-min-height, var(--spectrum-fieldlabel-min-height));
- padding-block: var(--mod-field-label-top-to-text, var(--spectrum-fieldlabel-top-to-text)) var(--mod-field-label-bottom-to-text, var(--spectrum-fieldlabel-bottom-to-text));
- padding-inline: 0;
+ padding-block: var(--mod-fieldlabel-top-to-text, var(--spectrum-fieldlabel-top-to-text)) var(--mod-fieldlabel-bottom-to-text, var(--spectrum-fieldlabel-bottom-to-text));
+ padding-inline: var(--mod-fieldlabel-padding-inline, 0);
font-size: var(--mod-fieldlabel-font-size, var(--spectrum-fieldlabel-font-size));
font-weight: var(--mod-fieldlabel-font-weight, var(--spectrum-fieldlabel-font-weight));
@@ -89,19 +100,13 @@
-moz-osx-font-smoothing: auto;
color: var(--spectrum-fieldlabel-color);
-
- /* CJK (Chinese, Japanese, and Korean) language support */
- &:lang(ja),
- &:lang(zh),
- &:lang(ko) {
- line-height: var(--mod-fieldlabel-line-height-cjk, var(--spectrum-fieldlabel-line-height-cjk));
- }
}
.spectrum-FieldLabel-requiredIcon {
+ color: inherit;
margin-block: 0;
- margin-inline: var(--mod-field-label-text-to-asterisk, var(--spectrum-field-label-text-to-asterisk)) 0;
- vertical-align: var(--mod-field-label-asterisk-vertical-align, baseline);
+ margin-inline: var(--mod-fieldlabel-text-to-asterisk, var(--spectrum-fieldlabel-text-to-asterisk)) 0;
+ vertical-align: var(--mod-fieldlabel-asterisk-vertical-align, baseline);
}
.spectrum-FieldLabel--left,
@@ -119,71 +124,9 @@
text-align: end;
}
-/********* Form *********/
-.spectrum-Form {
- --spectrum-tableform-item-block-spacing: var(--spectrum-spacing-300);
-
- margin: 0;
- display: grid;
- grid-template-columns: var(--mod-form-grid-template-columns, auto auto);
- inline-size: var(--mod-form-inline-size, fit-content);
- justify-content: start;
-
- /* @deprecation --mod-tableform-item-block-spacing has been renamed to
- --mod-form-item-block-spacing. The fallback will be removed in a future version. */
- row-gap: var(--mod-form-item-block-spacing, var(--mod-tableform-item-block-spacing, var(--spectrum-tableform-item-block-spacing)));
-}
-
-/* Row */
-.spectrum-Form-item {
- display: contents;
-}
-
-@supports (grid-template-columns: subgrid) {
- .spectrum-Form-item {
- display: grid;
- grid-column: span 2;
- grid-template-columns: subgrid;
- }
-}
-
-.spectrum-Form-itemLabel,
-.spectrum-Form-itemField {
- display: block;
-}
-
-/* Fix extra space after inline-flex elements such as stepper. */
-.spectrum-Form-itemField > * {
- vertical-align: top;
-}
-
-/* Rows with stacked alignment */
-.spectrum-Form--labelsAbove {
- /* @deprecation --mod-tableform-item-block-spacing-labels-above has been renamed to
- --mod-form-item-block-spacing-labels-above. The fallback will be removed in a future version. */
- --mod-form-item-block-spacing: var(--mod-form-item-block-spacing-labels-above, var(--mod-tableform-item-block-spacing-labels-above, var(--spectrum-spacing-200)));
- --mod-form-grid-template-columns: var(--mod-form-grid-template-columns-labels-above, auto);
-
- .spectrum-Form-item {
- display: block;
- }
-}
-
-/********* Disabled state *********/
-.spectrum-FieldLabel,
-.spectrum-Form-itemLabel {
- &.is-disabled {
- color: var(--highcontrast-disabled-content-color, var(--mod-disabled-content-color, var(--spectrum-disabled-content-color)));
-
- .spectrum-FieldLabel-requiredIcon {
- color: var(--highcontrast-disabled-content-color, var(--mod-disabled-content-color, var(--spectrum-disabled-content-color)));
- }
- }
-}
-
/********* WHCM *********/
@media (forced-colors: active) {
.spectrum-FieldLabel {
- --highcontrast-disabled-content-color: GrayText;
+ --highcontrast-fieldlabel-disabled-content-color: GrayText;
}
}
diff --git a/components/fieldlabel/metadata/metadata.json b/components/fieldlabel/metadata/metadata.json
index 409f73ab3ab..2a55dbd82f4 100644
--- a/components/fieldlabel/metadata/metadata.json
+++ b/components/fieldlabel/metadata/metadata.json
@@ -5,46 +5,31 @@
".spectrum-FieldLabel--left",
".spectrum-FieldLabel--right",
".spectrum-FieldLabel--sizeL",
- ".spectrum-FieldLabel--sizeM",
".spectrum-FieldLabel--sizeS",
".spectrum-FieldLabel--sizeXL",
+ ".spectrum-FieldLabel--staticBlack",
+ ".spectrum-FieldLabel--staticWhite",
".spectrum-FieldLabel-requiredIcon",
".spectrum-FieldLabel.is-disabled",
- ".spectrum-FieldLabel.is-disabled .spectrum-FieldLabel-requiredIcon",
".spectrum-FieldLabel:lang(ja)",
".spectrum-FieldLabel:lang(ko)",
- ".spectrum-FieldLabel:lang(zh)",
- ".spectrum-Form",
- ".spectrum-Form--labelsAbove",
- ".spectrum-Form--labelsAbove .spectrum-Form-item",
- ".spectrum-Form-item",
- ".spectrum-Form-itemField",
- ".spectrum-Form-itemField > *",
- ".spectrum-Form-itemLabel",
- ".spectrum-Form-itemLabel.is-disabled",
- ".spectrum-Form-itemLabel.is-disabled .spectrum-FieldLabel-requiredIcon"
+ ".spectrum-FieldLabel:lang(zh)"
],
"modifiers": [
- "--mod-disabled-content-color",
- "--mod-field-label-asterisk-vertical-align",
- "--mod-field-label-bottom-to-text",
- "--mod-field-label-text-to-asterisk",
- "--mod-field-label-top-to-text",
+ "--mod-fieldlabel-asterisk-vertical-align",
+ "--mod-fieldlabel-bottom-to-text",
"--mod-fieldlabel-font-size",
"--mod-fieldlabel-font-weight",
"--mod-fieldlabel-line-height",
"--mod-fieldlabel-line-height-cjk",
"--mod-fieldlabel-min-height",
+ "--mod-fieldlabel-padding-inline",
"--mod-fieldlabel-side-margin-block-start",
"--mod-fieldlabel-side-padding-right",
- "--mod-form-grid-template-columns",
- "--mod-form-grid-template-columns-labels-above",
- "--mod-form-inline-size",
- "--mod-form-item-block-spacing",
- "--mod-form-item-block-spacing-labels-above"
+ "--mod-fieldlabel-text-to-asterisk",
+ "--mod-fieldlabel-top-to-text"
],
"component": [
- "--spectrum-field-label-text-to-asterisk",
"--spectrum-field-label-text-to-asterisk-extra-large",
"--spectrum-field-label-text-to-asterisk-large",
"--spectrum-field-label-text-to-asterisk-medium",
@@ -58,39 +43,39 @@
"--spectrum-fieldlabel-font-size",
"--spectrum-fieldlabel-font-weight",
"--spectrum-fieldlabel-line-height",
- "--spectrum-fieldlabel-line-height-cjk",
"--spectrum-fieldlabel-min-height",
"--spectrum-fieldlabel-side-margin-block-start",
"--spectrum-fieldlabel-side-padding-right",
+ "--spectrum-fieldlabel-text-to-asterisk",
"--spectrum-fieldlabel-top-to-text"
],
"global": [
+ "--spectrum-black",
"--spectrum-cjk-line-height-100",
"--spectrum-component-bottom-to-text-100",
"--spectrum-component-bottom-to-text-200",
+ "--spectrum-component-bottom-to-text-300",
"--spectrum-component-bottom-to-text-75",
"--spectrum-component-height-100",
"--spectrum-component-height-200",
+ "--spectrum-component-height-300",
"--spectrum-component-height-75",
"--spectrum-component-top-to-text-100",
"--spectrum-component-top-to-text-200",
+ "--spectrum-component-top-to-text-300",
"--spectrum-component-top-to-text-75",
"--spectrum-disabled-content-color",
"--spectrum-font-size-100",
"--spectrum-font-size-200",
+ "--spectrum-font-size-300",
"--spectrum-font-size-75",
"--spectrum-line-height-100",
"--spectrum-neutral-subdued-content-color-default",
"--spectrum-regular-font-weight",
"--spectrum-spacing-100",
"--spectrum-spacing-200",
- "--spectrum-spacing-300",
- "--spectrum-tableform-item-block-spacing"
+ "--spectrum-white"
],
- "system-theme": [],
- "passthroughs": [
- "--mod-tableform-item-block-spacing",
- "--mod-tableform-item-block-spacing-labels-above"
- ],
- "high-contrast": ["--highcontrast-disabled-content-color"]
+ "passthroughs": [],
+ "high-contrast": ["--highcontrast-fieldlabel-disabled-content-color"]
}
diff --git a/components/fieldlabel/metadata/mods.md b/components/fieldlabel/metadata/mods.md
deleted file mode 100644
index 35f6422ca6a..00000000000
--- a/components/fieldlabel/metadata/mods.md
+++ /dev/null
@@ -1,19 +0,0 @@
-| Modifiable custom properties |
-| ----------------------------------------------- |
-| `--mod-disabled-content-color` |
-| `--mod-field-label-asterisk-vertical-align` |
-| `--mod-field-label-bottom-to-text` |
-| `--mod-field-label-text-to-asterisk` |
-| `--mod-field-label-top-to-text` |
-| `--mod-fieldlabel-font-size` |
-| `--mod-fieldlabel-font-weight` |
-| `--mod-fieldlabel-line-height` |
-| `--mod-fieldlabel-line-height-cjk` |
-| `--mod-fieldlabel-min-height` |
-| `--mod-fieldlabel-side-margin-block-start` |
-| `--mod-fieldlabel-side-padding-right` |
-| `--mod-form-grid-template-columns` |
-| `--mod-form-grid-template-columns-labels-above` |
-| `--mod-form-inline-size` |
-| `--mod-form-item-block-spacing` |
-| `--mod-form-item-block-spacing-labels-above` |
diff --git a/components/fieldlabel/package.json b/components/fieldlabel/package.json
index 3abf4885c02..41e44257f32 100644
--- a/components/fieldlabel/package.json
+++ b/components/fieldlabel/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/fieldlabel",
- "version": "8.2.0",
+ "version": "8.0.0-next.2",
"description": "The Spectrum CSS fieldlabel component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/icon": "workspace:^",
@@ -52,9 +53,6 @@
"guidelines": "https://spectrum.adobe.com/page/field-label",
"rootClass": "spectrum-FieldLabel",
"swc": "https://opensource.adobe.com/spectrum-web-components/components/field-label/"
- },
- {
- "rootClass": "spectrum-Form"
}
]
}
diff --git a/components/fieldlabel/stories/fieldlabel.stories.js b/components/fieldlabel/stories/fieldlabel.stories.js
index 36669ac1b37..6a84bb353d4 100644
--- a/components/fieldlabel/stories/fieldlabel.stories.js
+++ b/components/fieldlabel/stories/fieldlabel.stories.js
@@ -1,6 +1,6 @@
import { Sizes } from "@spectrum-css/preview/decorators";
import { disableDefaultModes } from "@spectrum-css/preview/modes";
-import { isDisabled, isRequired, size } from "@spectrum-css/preview/types";
+import { isDisabled, isRequired, size, staticColor } from "@spectrum-css/preview/types";
import metadata from "../metadata/metadata.json";
import packageJson from "../package.json";
import { FieldLabelGroup } from "./fieldlabel.test.js";
@@ -35,6 +35,7 @@ export default {
},
isDisabled,
isRequired,
+ staticColor,
},
args: {
rootClass: "spectrum-FieldLabel",
@@ -45,9 +46,14 @@ export default {
label: "Label",
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=16090-95",
+ },
packageJson,
metadata,
},
+ tags: ["migrated"],
};
/**
@@ -132,6 +138,32 @@ Disabled.parameters = {
chromatic: { disableSnapshot: true },
};
+/**
+ * Use static white on dark color or image backgrounds, regardless of color theme. Make sure that the background and the link color meet the minimum color contrast ratio.
+ */
+export const StaticWhite = Default.bind({});
+StaticWhite.storyName = "Static white";
+StaticWhite.args = {
+ staticColor: "white",
+};
+StaticWhite.tags = ["!dev"];
+StaticWhite.parameters = {
+ chromatic: { disableSnapshot: true },
+};
+
+/**
+ * Use static black on light color or image backgrounds, regardless of color theme. Make sure that the background and the link color meet the minimum color contrast ratio.
+ */
+export const StaticBlack = Default.bind({});
+StaticBlack.storyName = "Static black";
+StaticBlack.args = {
+ staticColor: "black",
+};
+StaticBlack.tags = ["!dev"];
+StaticBlack.parameters = {
+ chromatic: { disableSnapshot: true },
+};
+
// ********* VRT ONLY ********* //
export const WithForcedColors = FieldLabelGroup.bind({});
WithForcedColors.args = Default.args;
diff --git a/components/fieldlabel/stories/form.template.js b/components/fieldlabel/stories/form.template.js
deleted file mode 100644
index 0b04ff96cbf..00000000000
--- a/components/fieldlabel/stories/form.template.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Template as FieldLabel } from "@spectrum-css/fieldlabel/stories/template.js";
-import { getRandomId, renderContent } from "@spectrum-css/preview/decorators";
-import { html } from "lit";
-import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { repeat } from "lit/directives/repeat.js";
-import { styleMap } from "lit/directives/style-map.js";
-import { when } from "lit/directives/when.js";
-
-import "../index.css";
-
-export const Template = ({
- rootClass = "spectrum-Form",
- labelPosition = "top",
- fieldLabelAlignment = "left",
- customClasses = [],
- customStyles = {},
- id = getRandomId("form"),
- items = [],
-}, context) => html`
-
-`;
diff --git a/components/fieldlabel/stories/template.js b/components/fieldlabel/stories/template.js
index 7f5477e4d5f..d5e4a14b42e 100644
--- a/components/fieldlabel/stories/template.js
+++ b/components/fieldlabel/stories/template.js
@@ -5,6 +5,7 @@ import { classMap } from "lit/directives/class-map.js";
import { ifDefined } from "lit/directives/if-defined.js";
import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
+import { capitalize, lowerCase } from "lodash-es";
import "../index.css";
@@ -20,6 +21,7 @@ export const Template = ({
alignment,
isDisabled,
isRequired,
+ staticColor,
} = {}, context = {}) => {
if (!label) {
console.warn("FieldLabel: please provide a label for the field label.");
@@ -49,6 +51,7 @@ export const Template = ({
[`${rootClass}--size${size?.toUpperCase()}`]:
typeof size !== "undefined",
[`${rootClass}--${alignment}`]: typeof alignment !== "undefined",
+ [`${rootClass}--static${capitalize(lowerCase(staticColor))}`]: typeof staticColor !== "undefined",
"is-disabled": isDisabled,
...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
})}
diff --git a/components/fieldlabel/themes/express.css b/components/fieldlabel/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/fieldlabel/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/fieldlabel/themes/spectrum.css b/components/fieldlabel/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/fieldlabel/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/floatingactionbutton/CHANGELOG.md b/components/floatingactionbutton/CHANGELOG.md
index fe6a7559f7c..c90d6262213 100644
--- a/components/floatingactionbutton/CHANGELOG.md
+++ b/components/floatingactionbutton/CHANGELOG.md
@@ -1,5 +1,199 @@
# Change Log
+## 3.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 3.0.0-s2-foundations.14
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 3.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 3.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`43c7d40`](https://github.com/adobe/spectrum-css/commit/43c7d40cd97d75162fa954a9bd35cfcdbc37ccd1) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to static white background color and selected states
+
+### Patch Changes
+
+- Updated dependencies [[`6582314`](https://github.com/adobe/spectrum-css/commit/65823145e139caa56f5e73e8a36e73aff37672de)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.19
+
+## 3.0.0-s2-foundations.11
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 3.0.0-s2-foundations.10
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 3.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 3.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 3.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 3.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 3.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 3.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 3.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 3.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 3.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 3.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 2.2.0
### Minor Changes
@@ -48,16 +242,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.2.5...@spectrum-css/floatingactionbutton@2.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.2.5...@spectrum-css/floatingactionbutton@2.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -65,8 +256,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.2.4...@spectrum-css/floatingactionbutton@1.2.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.2.4...@spectrum-css/floatingactionbutton@1.2.5)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -74,8 +264,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.2.3...@spectrum-css/floatingactionbutton@1.2.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.2.3...@spectrum-css/floatingactionbutton@1.2.4)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -83,8 +272,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.2.2...@spectrum-css/floatingactionbutton@1.2.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.2.2...@spectrum-css/floatingactionbutton@1.2.3)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -92,8 +280,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.2.1...@spectrum-css/floatingactionbutton@1.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.2.1...@spectrum-css/floatingactionbutton@1.2.2)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -101,8 +288,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -110,8 +296,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.1.0...@spectrum-css/floatingactionbutton@1.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.1.0...@spectrum-css/floatingactionbutton@1.2.0)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -119,8 +304,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.37...@spectrum-css/floatingactionbutton@1.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.37...@spectrum-css/floatingactionbutton@1.1.0)
### ✨ Features
@@ -130,8 +314,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.37
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.36...@spectrum-css/floatingactionbutton@1.0.37)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.36...@spectrum-css/floatingactionbutton@1.0.37)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -139,8 +322,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.36
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.35...@spectrum-css/floatingactionbutton@1.0.36)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.35...@spectrum-css/floatingactionbutton@1.0.36)
### 🐛 Bug fixes
@@ -150,8 +332,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.35
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.33...@spectrum-css/floatingactionbutton@1.0.35)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.33...@spectrum-css/floatingactionbutton@1.0.35)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -159,8 +340,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.34
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.33...@spectrum-css/floatingactionbutton@1.0.34)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.33...@spectrum-css/floatingactionbutton@1.0.34)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -168,8 +348,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.33
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.32...@spectrum-css/floatingactionbutton@1.0.33)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.32...@spectrum-css/floatingactionbutton@1.0.33)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -177,8 +356,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.32
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.31...@spectrum-css/floatingactionbutton@1.0.32)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.31...@spectrum-css/floatingactionbutton@1.0.32)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -186,8 +364,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.31
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.30...@spectrum-css/floatingactionbutton@1.0.31)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.30...@spectrum-css/floatingactionbutton@1.0.31)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -195,8 +372,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.30
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.29...@spectrum-css/floatingactionbutton@1.0.30)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.29...@spectrum-css/floatingactionbutton@1.0.30)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -204,8 +380,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.29
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.28...@spectrum-css/floatingactionbutton@1.0.29)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.28...@spectrum-css/floatingactionbutton@1.0.29)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -213,8 +388,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.28
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.27...@spectrum-css/floatingactionbutton@1.0.28)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.27...@spectrum-css/floatingactionbutton@1.0.28)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -222,8 +396,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.27
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.26...@spectrum-css/floatingactionbutton@1.0.27)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.26...@spectrum-css/floatingactionbutton@1.0.27)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -231,8 +404,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.26
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.25...@spectrum-css/floatingactionbutton@1.0.26)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.25...@spectrum-css/floatingactionbutton@1.0.26)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -240,8 +412,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.25
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.24...@spectrum-css/floatingactionbutton@1.0.25)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.24...@spectrum-css/floatingactionbutton@1.0.25)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -249,8 +420,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.24
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.23...@spectrum-css/floatingactionbutton@1.0.24)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.23...@spectrum-css/floatingactionbutton@1.0.24)
### 🔙 Reverts
@@ -260,8 +430,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.23
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.22...@spectrum-css/floatingactionbutton@1.0.23)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.22...@spectrum-css/floatingactionbutton@1.0.23)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -269,8 +438,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.22
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.20...@spectrum-css/floatingactionbutton@1.0.22)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.20...@spectrum-css/floatingactionbutton@1.0.22)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -278,8 +446,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.21
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.20...@spectrum-css/floatingactionbutton@1.0.21)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.20...@spectrum-css/floatingactionbutton@1.0.21)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -287,8 +454,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.20
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.19...@spectrum-css/floatingactionbutton@1.0.20)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.19...@spectrum-css/floatingactionbutton@1.0.20)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -296,8 +462,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.19
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.18...@spectrum-css/floatingactionbutton@1.0.19)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.18...@spectrum-css/floatingactionbutton@1.0.19)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -305,8 +470,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.18
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.17...@spectrum-css/floatingactionbutton@1.0.18)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.17...@spectrum-css/floatingactionbutton@1.0.18)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -314,8 +478,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.17
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.16...@spectrum-css/floatingactionbutton@1.0.17)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.16...@spectrum-css/floatingactionbutton@1.0.17)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -323,8 +486,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.16
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.15...@spectrum-css/floatingactionbutton@1.0.16)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.15...@spectrum-css/floatingactionbutton@1.0.16)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -332,8 +494,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.15
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.14...@spectrum-css/floatingactionbutton@1.0.15)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.14...@spectrum-css/floatingactionbutton@1.0.15)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -341,8 +502,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.14
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.13...@spectrum-css/floatingactionbutton@1.0.14)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.13...@spectrum-css/floatingactionbutton@1.0.14)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -350,8 +510,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.13
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.12...@spectrum-css/floatingactionbutton@1.0.13)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.12...@spectrum-css/floatingactionbutton@1.0.13)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -359,8 +518,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.12
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.11...@spectrum-css/floatingactionbutton@1.0.12)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.11...@spectrum-css/floatingactionbutton@1.0.12)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -368,8 +526,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.11
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.10...@spectrum-css/floatingactionbutton@1.0.11)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.10...@spectrum-css/floatingactionbutton@1.0.11)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -377,8 +534,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.10
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.9...@spectrum-css/floatingactionbutton@1.0.10)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.9...@spectrum-css/floatingactionbutton@1.0.10)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -386,8 +542,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.9
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.8...@spectrum-css/floatingactionbutton@1.0.9)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.8...@spectrum-css/floatingactionbutton@1.0.9)
### 🐛 Bug fixes
@@ -397,8 +552,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.8
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.7...@spectrum-css/floatingactionbutton@1.0.8)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.7...@spectrum-css/floatingactionbutton@1.0.8)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
@@ -406,8 +560,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.7
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.6...@spectrum-css/floatingactionbutton@1.0.7)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/floatingactionbutton@1.0.6...@spectrum-css/floatingactionbutton@1.0.7)
**Note:** Version bump only for package @spectrum-css/floatingactionbutton
diff --git a/components/floatingactionbutton/index.css b/components/floatingactionbutton/index.css
index f44edcfd11a..fc4d7786fd7 100644
--- a/components/floatingactionbutton/index.css
+++ b/components/floatingactionbutton/index.css
@@ -11,23 +11,36 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
+@media (forced-colors: active) {
+ .spectrum-FloatingActionButton {
+ --highcontrast-floating-action-button-background-color: ButtonText;
+ --highcontrast-floating-action-button-background-color-hover: Highlight;
+ --highcontrast-floating-action-button-background-color-down: Highlight;
+ --highcontrast-floating-action-button-background-color-key-focus: Highlight;
+
+ --highcontrast-floating-action-button-icon-color: ButtonFace;
+ --highcontrast-floating-action-button-icon-color-hover: ButtonFace;
+ --highcontrast-floating-action-button-icon-color-down: ButtonFace;
+ --highcontrast-floating-action-button-icon-color-key-focus: ButtonFace;
+
+ &::after {
+ /* make sure focus-ring renders */
+ forced-color-adjust: none;
+ }
+ }
+}
.spectrum-FloatingActionButton {
--spectrum-floating-action-button-size: var(--spectrum-component-height-200);
--spectrum-floating-action-button-icon-size: var(--spectrum-workflow-icon-size-200);
--spectrum-floating-action-button-padding: var(--spectrum-component-pill-edge-to-visual-only-200);
--spectrum-floating-action-button-margin: var(--spectrum-spacing-200);
- --spectrum-floating-action-button-drop-shadow-x: var(--spectrum-drop-shadow-x);
-
- --spectrum-floating-action-button-focus-ring-width: var(--spectrum-focus-indicator-thickness);
- --spectrum-floating-action-button-focus-ring-gap: var(--spectrum-focus-indicator-gap);
- --spectrum-floating-action-button-focus-ring-color: var(--spectrum-focus-indicator-color);
--spectrum-floating-action-button-background-color: var(--spectrum-accent-background-color-default);
--spectrum-floating-action-button-background-color-hover: var(--spectrum-accent-background-color-hover);
--spectrum-floating-action-button-background-color-down: var(--spectrum-accent-background-color-down);
--spectrum-floating-action-button-background-color-key-focus: var(--spectrum-accent-background-color-key-focus);
+
--spectrum-floating-action-button-icon-color: var(--spectrum-white);
--spectrum-floating-action-button-icon-color-hover: var(--spectrum-white);
--spectrum-floating-action-button-icon-color-down: var(--spectrum-white);
@@ -39,31 +52,13 @@
--spectrum-floating-action-button-background-color-hover: var(--spectrum-background-layer-2-color);
--spectrum-floating-action-button-background-color-down: var(--spectrum-background-layer-2-color);
--spectrum-floating-action-button-background-color-key-focus: var(--spectrum-background-layer-2-color);
+
--spectrum-floating-action-button-icon-color: var(--spectrum-neutral-subdued-content-color-default);
--spectrum-floating-action-button-icon-color-hover: var(--spectrum-neutral-subdued-content-color-hover);
--spectrum-floating-action-button-icon-color-down: var(--spectrum-neutral-subdued-content-color-down);
--spectrum-floating-action-button-icon-color-key-focus: var(--spectrum-neutral-subdued-content-color-key-focus);
}
-@media (forced-colors: active) {
- .spectrum-FloatingActionButton {
- &::after {
- /* make sure focus-ring renders */
- forced-color-adjust: none;
- }
-
- --highcontrast-floating-action-button-background-color: ButtonText;
- --highcontrast-floating-action-button-background-color-hover: Highlight;
- --highcontrast-floating-action-button-background-color-down: Highlight;
- --highcontrast-floating-action-button-background-color-key-focus: Highlight;
-
- --highcontrast-floating-action-button-icon-color: ButtonFace;
- --highcontrast-floating-action-button-icon-color-hover: ButtonFace;
- --highcontrast-floating-action-button-icon-color-down: ButtonFace;
- --highcontrast-floating-action-button-icon-color-key-focus: ButtonFace;
- }
-}
-
.spectrum-FloatingActionButton {
cursor: pointer;
block-size: var(--mod-floating-action-button-size, var(--spectrum-floating-action-button-size));
@@ -74,7 +69,7 @@
margin-inline-end: var(--mod-floating-action-button-margin, var(--spectrum-floating-action-button-margin));
margin-block-end: var(--mod-floating-action-button-margin, var(--spectrum-floating-action-button-margin));
border: none;
- box-shadow: var(--mod-floating-action-button-drop-shadow-x, var(--spectrum-floating-action-button-drop-shadow-x)) var(--mod-floating-action-button-drop-shadow-y, var(--spectrum-floating-action-button-drop-shadow-y)) var(--mod-floating-action-button-drop-shadow-blur, var(--spectrum-floating-action-button-drop-shadow-blur)) var(--mod-floating-action-button-drop-shadow-color, var(--spectrum-floating-action-button-drop-shadow-color));
+ box-shadow: var(--mod-floating-action-button-drop-shadow-x, var(--spectrum-drop-shadow-x)) var(--mod-floating-action-button-drop-shadow-y, var(--spectrum-floating-action-button-drop-shadow-y)) var(--mod-floating-action-button-drop-shadow-blur, var(--spectrum-floating-action-button-drop-shadow-blur)) var(--mod-floating-action-button-drop-shadow-color, var(--spectrum-floating-action-button-drop-shadow-color));
position: relative;
/* default is primary */
@@ -107,8 +102,8 @@
&::after {
position: absolute;
inset: 0;
- margin: calc(-1 * var(--mod-floating-action-button-focus-ring-gap, var(--spectrum-floating-action-button-focus-ring-gap)));
- box-shadow: 0 0 0 var(--mod-floating-action-button-focus-ring-width, var(--spectrum-floating-action-button-focus-ring-width)) var(--highcontrast-floating-action-button-focus-ring-color, var(--mod-afloating-action-button-focus-ring-color, var(--spectrum-floating-action-button-focus-ring-color)));
+ margin: calc(-1 * var(--mod-floating-action-button-focus-ring-gap, var(--spectrum-focus-indicator-gap)));
+ box-shadow: 0 0 0 var(--mod-floating-action-button-focus-ring-width, var(--spectrum-focus-indicator-thickness)) var(--mod-afloating-action-button-focus-ring-color, var(--spectrum-focus-indicator-color));
border-radius: var(--mod-floating-action-button-border-radius, 50%);
pointer-events: none;
content: "";
diff --git a/components/floatingactionbutton/metadata/metadata.json b/components/floatingactionbutton/metadata/metadata.json
index 093c5517581..0ddd22d190a 100644
--- a/components/floatingactionbutton/metadata/metadata.json
+++ b/components/floatingactionbutton/metadata/metadata.json
@@ -42,11 +42,7 @@
"--spectrum-floating-action-button-background-color-key-focus",
"--spectrum-floating-action-button-drop-shadow-blur",
"--spectrum-floating-action-button-drop-shadow-color",
- "--spectrum-floating-action-button-drop-shadow-x",
"--spectrum-floating-action-button-drop-shadow-y",
- "--spectrum-floating-action-button-focus-ring-color",
- "--spectrum-floating-action-button-focus-ring-gap",
- "--spectrum-floating-action-button-focus-ring-width",
"--spectrum-floating-action-button-icon-color",
"--spectrum-floating-action-button-icon-color-down",
"--spectrum-floating-action-button-icon-color-hover",
@@ -76,14 +72,12 @@
"--spectrum-white",
"--spectrum-workflow-icon-size-200"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-floating-action-button-background-color",
"--highcontrast-floating-action-button-background-color-down",
"--highcontrast-floating-action-button-background-color-hover",
"--highcontrast-floating-action-button-background-color-key-focus",
- "--highcontrast-floating-action-button-focus-ring-color",
"--highcontrast-floating-action-button-icon-color",
"--highcontrast-floating-action-button-icon-color-down",
"--highcontrast-floating-action-button-icon-color-hover",
diff --git a/components/floatingactionbutton/metadata/mods.md b/components/floatingactionbutton/metadata/mods.md
deleted file mode 100644
index 6c08d819e74..00000000000
--- a/components/floatingactionbutton/metadata/mods.md
+++ /dev/null
@@ -1,22 +0,0 @@
-| Modifiable custom properties |
-| --------------------------------------------------------- |
-| `--mod-afloating-action-button-focus-ring-color` |
-| `--mod-floating-action-button-background-color` |
-| `--mod-floating-action-button-background-color-down` |
-| `--mod-floating-action-button-background-color-hover` |
-| `--mod-floating-action-button-background-color-key-focus` |
-| `--mod-floating-action-button-border-radius` |
-| `--mod-floating-action-button-drop-shadow-blur` |
-| `--mod-floating-action-button-drop-shadow-color` |
-| `--mod-floating-action-button-drop-shadow-x` |
-| `--mod-floating-action-button-drop-shadow-y` |
-| `--mod-floating-action-button-focus-ring-gap` |
-| `--mod-floating-action-button-focus-ring-width` |
-| `--mod-floating-action-button-icon-color` |
-| `--mod-floating-action-button-icon-color-down` |
-| `--mod-floating-action-button-icon-color-hover` |
-| `--mod-floating-action-button-icon-color-key-focus` |
-| `--mod-floating-action-button-icon-size` |
-| `--mod-floating-action-button-margin` |
-| `--mod-floating-action-button-padding` |
-| `--mod-floating-action-button-size` |
diff --git a/components/floatingactionbutton/package.json b/components/floatingactionbutton/package.json
index d7e065bc10f..5b12c6ce73f 100644
--- a/components/floatingactionbutton/package.json
+++ b/components/floatingactionbutton/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/floatingactionbutton",
- "version": "2.2.0",
+ "version": "3.0.0-s2-foundations.15",
"description": "The Spectrum CSS floatingactionbutton component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -18,21 +18,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/floatingactionbutton/themes/express.css b/components/floatingactionbutton/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/floatingactionbutton/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/floatingactionbutton/themes/spectrum.css b/components/floatingactionbutton/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/floatingactionbutton/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/form/CHANGELOG.md b/components/form/CHANGELOG.md
new file mode 100644
index 00000000000..884e0d2a496
--- /dev/null
+++ b/components/form/CHANGELOG.md
@@ -0,0 +1,42 @@
+# Change Log
+
+## 0.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 0.0.0-s2-foundations.1
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`085ecbc`](https://github.com/adobe/spectrum-css/commit/085ecbc739cf736e8d95377d605f2a7c4104bcc0) Thanks [@pfulton](https://github.com/pfulton)! - Pulled out _form_ from _fieldlabel_ package.
+ Pulled out _meter_ from _progressbar_ package.
+
+ [SWC-522] fix hover style regression
diff --git a/components/page/README.md b/components/form/README.md
similarity index 82%
rename from components/page/README.md
rename to components/form/README.md
index b9ab95ef3ff..7b4cce7b04f 100644
--- a/components/page/README.md
+++ b/components/form/README.md
@@ -1,6 +1,6 @@
-# @spectrum-css/page
+# @spectrum-css/form
-> The Spectrum CSS page component
+> The Spectrum CSS form component
This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).
diff --git a/components/form/index.css b/components/form/index.css
new file mode 100644
index 00000000000..9fce93f2ed7
--- /dev/null
+++ b/components/form/index.css
@@ -0,0 +1,81 @@
+/*!
+ * Copyright 2024 Adobe. All rights reserved.
+ *
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+.spectrum-Form {
+ --spectrum-form-item-block-spacing: var(--spectrum-spacing-300);
+ --spectrum-form-item-block-spacing-labels-above: var(--spectrum-spacing-200);
+
+ --spectrum-form-grid-template-columns: auto auto;
+ --spectrum-form-grid-template-columns-labels-above: auto;
+
+ --spectrum-form-item-disabled-content-color: var(--spectrum-disabled-content-color);
+
+ margin: 0;
+ display: grid;
+ grid-template-columns: var(--mod-form-grid-template-columns, var(--spectrum-form-grid-template-columns));
+ inline-size: var(--mod-form-inline-size, fit-content);
+ justify-content: start;
+ row-gap: var(--mod-form-item-block-spacing, var(--spectrum-form-item-block-spacing));
+
+}
+
+/* Row */
+.spectrum-Form-item {
+ display: contents;
+}
+
+@supports (grid-template-columns: subgrid) {
+ .spectrum-Form-item {
+ display: grid;
+ grid-column: span 2;
+ grid-template-columns: subgrid;
+ }
+}
+
+.spectrum-Form-itemLabel,
+.spectrum-Form-itemField {
+ display: block;
+}
+
+/* Fix extra space after inline-flex elements such as stepper. */
+.spectrum-Form-itemField > * {
+ vertical-align: top;
+}
+
+/* Rows with stacked alignment */
+.spectrum-Form--labelsAbove {
+ --mod-form-item-block-spacing: var(--mod-form-item-block-spacing-labels-above, var(--spectrum-form-item-block-spacing-labels-above));
+ --mod-form-grid-template-columns: var(--mod-form-grid-template-columns-labels-above, var(--spectrum-form-grid-template-columns-labels-above));
+
+ .spectrum-Form-item {
+ display: block;
+ }
+}
+
+/********* Disabled state *********/
+.spectrum-Form-itemLabel {
+ &.is-disabled {
+ color: var(--highcontrast-form-item-disabled-content-color, var(--mod-disabled-content-color, var(--spectrum-form-item-disabled-content-color)));
+
+ .spectrum-FieldLabel-requiredIcon {
+ color: var(--highcontrast-form-item-disabled-content-color, var(--mod-disabled-content-color, var(--spectrum-form-item-disabled-content-color)));
+ }
+ }
+}
+
+/********* WHCM *********/
+@media (forced-colors: active) {
+ .spectrum-Form {
+ --highcontrast-form-item-disabled-content-color: GrayText;
+ }
+}
diff --git a/components/form/metadata/metadata.json b/components/form/metadata/metadata.json
new file mode 100644
index 00000000000..c07dfdca8d9
--- /dev/null
+++ b/components/form/metadata/metadata.json
@@ -0,0 +1,36 @@
+{
+ "sourceFile": "index.css",
+ "selectors": [
+ ".spectrum-Form",
+ ".spectrum-Form--labelsAbove",
+ ".spectrum-Form--labelsAbove .spectrum-Form-item",
+ ".spectrum-Form-item",
+ ".spectrum-Form-itemField",
+ ".spectrum-Form-itemField > *",
+ ".spectrum-Form-itemLabel",
+ ".spectrum-Form-itemLabel.is-disabled",
+ ".spectrum-Form-itemLabel.is-disabled .spectrum-FieldLabel-requiredIcon"
+ ],
+ "modifiers": [
+ "--mod-disabled-content-color",
+ "--mod-form-grid-template-columns",
+ "--mod-form-grid-template-columns-labels-above",
+ "--mod-form-inline-size",
+ "--mod-form-item-block-spacing",
+ "--mod-form-item-block-spacing-labels-above"
+ ],
+ "component": [
+ "--spectrum-form-grid-template-columns",
+ "--spectrum-form-grid-template-columns-labels-above",
+ "--spectrum-form-item-block-spacing",
+ "--spectrum-form-item-block-spacing-labels-above",
+ "--spectrum-form-item-disabled-content-color"
+ ],
+ "global": [
+ "--spectrum-disabled-content-color",
+ "--spectrum-spacing-200",
+ "--spectrum-spacing-300"
+ ],
+ "passthroughs": [],
+ "high-contrast": ["--highcontrast-form-item-disabled-content-color"]
+}
diff --git a/components/page/package.json b/components/form/package.json
similarity index 68%
rename from components/page/package.json
rename to components/form/package.json
index 64690a19fa0..b345011946d 100644
--- a/components/page/package.json
+++ b/components/form/package.json
@@ -1,14 +1,14 @@
{
- "name": "@spectrum-css/page",
- "version": "8.2.0",
- "description": "The Spectrum CSS page component",
+ "name": "@spectrum-css/form",
+ "version": "0.0.0-s2-foundations.2",
+ "description": "The Spectrum CSS form component",
"license": "Apache-2.0",
"author": "Adobe",
- "homepage": "https://opensource.adobe.com/spectrum-css/page",
+ "homepage": "https://opensource.adobe.com/spectrum-css/form",
"repository": {
"type": "git",
"url": "https://github.com/adobe/spectrum-css.git",
- "directory": "components/page"
+ "directory": "components/form"
},
"bugs": {
"url": "https://github.com/adobe/spectrum-css/issues"
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/page/project.json b/components/form/project.json
similarity index 94%
rename from components/page/project.json
rename to components/form/project.json
index ba93abb5315..f419af393ec 100644
--- a/components/page/project.json
+++ b/components/form/project.json
@@ -1,6 +1,6 @@
{
"$schema": "../../node_modules/nx/schemas/project-schema.json",
- "name": "page",
+ "name": "form",
"tags": ["component"],
"targets": {
"build": {},
diff --git a/components/fieldlabel/stories/form.stories.js b/components/form/stories/form.stories.js
similarity index 98%
rename from components/fieldlabel/stories/form.stories.js
rename to components/form/stories/form.stories.js
index fb26920d530..13ffe62c1f2 100644
--- a/components/fieldlabel/stories/form.stories.js
+++ b/components/form/stories/form.stories.js
@@ -6,8 +6,8 @@ import { Template as Stepper } from "@spectrum-css/stepper/stories/template.js";
import { Template as TextField } from "@spectrum-css/textfield/stories/template.js";
import metadata from "../metadata/metadata.json";
import packageJson from "../package.json";
-import { Template } from "./form.template.js";
import { FormGroup } from "./form.test.js";
+import { Template } from "./template.js";
/**
* The form component is used for aligning multiple inputs and field groups within a form. It provides structure and spacing for your form fields.
@@ -108,6 +108,7 @@ export default {
packageJson,
metadata,
},
+ tags: ["migrated"],
};
/**
diff --git a/components/fieldlabel/stories/form.test.js b/components/form/stories/form.test.js
similarity index 88%
rename from components/fieldlabel/stories/form.test.js
rename to components/form/stories/form.test.js
index bd9fc862243..b2dc7e74327 100644
--- a/components/fieldlabel/stories/form.test.js
+++ b/components/form/stories/form.test.js
@@ -1,5 +1,5 @@
import { Variants } from "@spectrum-css/preview/decorators";
-import { Template } from "./form.template.js";
+import { Template } from "./template.js";
export const FormGroup = Variants({
Template,
diff --git a/components/form/stories/template.js b/components/form/stories/template.js
new file mode 100644
index 00000000000..1b176395bbe
--- /dev/null
+++ b/components/form/stories/template.js
@@ -0,0 +1,53 @@
+import { Template as FieldLabel } from "@spectrum-css/fieldlabel/stories/template.js";
+import { getRandomId, renderContent } from "@spectrum-css/preview/decorators";
+import { html } from "lit";
+import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { repeat } from "lit/directives/repeat.js";
+import { styleMap } from "lit/directives/style-map.js";
+import { when } from "lit/directives/when.js";
+
+import "../index.css";
+
+export const Template = ({
+ rootClass = "spectrum-Form",
+ labelPosition = "top",
+ fieldLabelAlignment = "left",
+ customClasses = [],
+ customStyles = {},
+ id = getRandomId("form"),
+ items = [],
+} = {}, context = {}) => {
+ return html`
+
+ `;
+};
diff --git a/components/helptext/CHANGELOG.md b/components/helptext/CHANGELOG.md
index 7ad4ed5aa84..d6f5c574b4a 100644
--- a/components/helptext/CHANGELOG.md
+++ b/components/helptext/CHANGELOG.md
@@ -1,5 +1,231 @@
# Change Log
+## 6.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -63,16 +289,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.1.5...@spectrum-css/helptext@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.1.5...@spectrum-css/helptext@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -80,8 +303,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.1.4...@spectrum-css/helptext@4.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.1.4...@spectrum-css/helptext@4.1.5)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -89,8 +311,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.1.3...@spectrum-css/helptext@4.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.1.3...@spectrum-css/helptext@4.1.4)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -98,8 +319,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.1.2...@spectrum-css/helptext@4.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.1.2...@spectrum-css/helptext@4.1.3)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -107,8 +327,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.1.1...@spectrum-css/helptext@4.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.1.1...@spectrum-css/helptext@4.1.2)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -116,8 +335,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/helptext
@@ -125,8 +343,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.64...@spectrum-css/helptext@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.64...@spectrum-css/helptext@4.1.0)
### ✨ Features
@@ -136,8 +353,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.64
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.63...@spectrum-css/helptext@4.0.64)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.63...@spectrum-css/helptext@4.0.64)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -145,8 +361,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.63
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.62...@spectrum-css/helptext@4.0.63)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.62...@spectrum-css/helptext@4.0.63)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -154,8 +369,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.62
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.60...@spectrum-css/helptext@4.0.62)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.60...@spectrum-css/helptext@4.0.62)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -163,8 +377,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.61
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.60...@spectrum-css/helptext@4.0.61)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.60...@spectrum-css/helptext@4.0.61)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -172,8 +385,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.60
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.59...@spectrum-css/helptext@4.0.60)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.59...@spectrum-css/helptext@4.0.60)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -181,8 +393,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.59
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.58...@spectrum-css/helptext@4.0.59)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.58...@spectrum-css/helptext@4.0.59)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -190,8 +401,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.58
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.57...@spectrum-css/helptext@4.0.58)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.57...@spectrum-css/helptext@4.0.58)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -199,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.57
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.56...@spectrum-css/helptext@4.0.57)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.56...@spectrum-css/helptext@4.0.57)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -208,8 +417,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.56
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.55...@spectrum-css/helptext@4.0.56)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.55...@spectrum-css/helptext@4.0.56)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -217,8 +425,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.55
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.54...@spectrum-css/helptext@4.0.55)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.54...@spectrum-css/helptext@4.0.55)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -226,8 +433,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.54
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.53...@spectrum-css/helptext@4.0.54)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.53...@spectrum-css/helptext@4.0.54)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -235,8 +441,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.53
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.52...@spectrum-css/helptext@4.0.53)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.52...@spectrum-css/helptext@4.0.53)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -244,8 +449,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.52
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.51...@spectrum-css/helptext@4.0.52)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.51...@spectrum-css/helptext@4.0.52)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -253,8 +457,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.51
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.50...@spectrum-css/helptext@4.0.51)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.50...@spectrum-css/helptext@4.0.51)
### 🔙 Reverts
@@ -264,8 +467,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.50
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.49...@spectrum-css/helptext@4.0.50)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.49...@spectrum-css/helptext@4.0.50)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -273,8 +475,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.49
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.47...@spectrum-css/helptext@4.0.49)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.47...@spectrum-css/helptext@4.0.49)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -282,8 +483,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.48
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.47...@spectrum-css/helptext@4.0.48)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.47...@spectrum-css/helptext@4.0.48)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -291,8 +491,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.47
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.46...@spectrum-css/helptext@4.0.47)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.46...@spectrum-css/helptext@4.0.47)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -300,8 +499,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.46
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.45...@spectrum-css/helptext@4.0.46)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.45...@spectrum-css/helptext@4.0.46)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -309,8 +507,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.45
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.44...@spectrum-css/helptext@4.0.45)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.44...@spectrum-css/helptext@4.0.45)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -318,8 +515,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.44
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.43...@spectrum-css/helptext@4.0.44)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.43...@spectrum-css/helptext@4.0.44)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -327,8 +523,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.43
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.42...@spectrum-css/helptext@4.0.43)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.42...@spectrum-css/helptext@4.0.43)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -336,8 +531,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.42
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.41...@spectrum-css/helptext@4.0.42)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.41...@spectrum-css/helptext@4.0.42)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -345,8 +539,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.41
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.40...@spectrum-css/helptext@4.0.41)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.40...@spectrum-css/helptext@4.0.41)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -354,8 +547,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.40
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.39...@spectrum-css/helptext@4.0.40)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.39...@spectrum-css/helptext@4.0.40)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -363,8 +555,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.39
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.38...@spectrum-css/helptext@4.0.39)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.38...@spectrum-css/helptext@4.0.39)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -372,8 +563,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.38
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.37...@spectrum-css/helptext@4.0.38)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.37...@spectrum-css/helptext@4.0.38)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -381,8 +571,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.37
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.36...@spectrum-css/helptext@4.0.37)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.36...@spectrum-css/helptext@4.0.37)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -390,8 +579,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.36
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.35...@spectrum-css/helptext@4.0.36)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.35...@spectrum-css/helptext@4.0.36)
### 🐛 Bug fixes
@@ -401,8 +589,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.35
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.34...@spectrum-css/helptext@4.0.35)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.34...@spectrum-css/helptext@4.0.35)
**Note:** Version bump only for package @spectrum-css/helptext
@@ -410,8 +597,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.34
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.33...@spectrum-css/helptext@4.0.34)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/helptext@4.0.33...@spectrum-css/helptext@4.0.34)
**Note:** Version bump only for package @spectrum-css/helptext
diff --git a/components/helptext/index.css b/components/helptext/index.css
index 1c477287c81..499c9e5cf44 100644
--- a/components/helptext/index.css
+++ b/components/helptext/index.css
@@ -11,48 +11,24 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
-.spectrum-HelpText {
- --spectrum-helptext-line-height: var(--spectrum-line-height-100);
- --spectrum-helptext-content-color-default: var(--spectrum-neutral-subdued-content-color-default);
- --spectrum-helptext-icon-color-default: var(--spectrum-neutral-subdued-content-color-default);
- --spectrum-helptext-disabled-content-color: var(--spectrum-disabled-content-color);
-
- &.spectrum-HelpText--neutral {
- --spectrum-helptext-content-color-default: var(--spectrum-neutral-subdued-content-color-default);
- --spectrum-helptext-icon-color-default: var(--spectrum-neutral-subdued-content-color-default);
- }
-
- &.spectrum-HelpText--negative {
- --spectrum-helptext-content-color-default: var(--spectrum-negative-color-900);
- --spectrum-helptext-icon-color-default: var(--spectrum-negative-color-900);
- }
+@media (forced-colors: active) {
+ .spectrum-HelpText {
+ --highcontrast-helptext-content-color-default: CanvasText;
+ --highcontrast-helptext-icon-color-default: CanvasText;
- &.is-disabled {
- --spectrum-helptext-content-color-default: var(--spectrum-helptext-disabled-content-color);
- --spectrum-helptext-icon-color-default: var(--spectrum-helptext-disabled-content-color);
- }
+ forced-color-adjust: none;
- &:lang(ja),
- &:lang(zh),
- &:lang(ko) {
- --spectrum-helptext-line-height-cjk: var(--spectrum-cjk-line-height-100);
+ .spectrum-HelpText-validationIcon,
+ .spectrum-HelpText-text {
+ forced-color-adjust: none;
+ }
}
}
-.spectrum-HelpText--sizeS {
- --spectrum-helptext-min-height: var(--spectrum-component-height-75);
- --spectrum-helptext-icon-size: var(--spectrum-workflow-icon-size-75);
- --spectrum-helptext-font-size: var(--spectrum-font-size-75);
- --spectrum-helptext-text-to-visual: var(--spectrum-text-to-visual-75);
- --spectrum-helptext-top-to-workflow-icon: var(--spectrum-help-text-top-to-workflow-icon-small);
- --spectrum-helptext-bottom-to-workflow-icon: var(--spectrum-helptext-top-to-workflow-icon);
- --spectrum-helptext-top-to-text: var(--spectrum-component-top-to-text-75);
- --spectrum-helptext-bottom-to-text: var(--spectrum-component-bottom-to-text-75);
-}
+.spectrum-HelpText {
+ --spectrum-helptext-content-color-default: var(--spectrum-neutral-subdued-content-color-default);
+ --spectrum-helptext-icon-color-default: var(--spectrum-neutral-subdued-content-color-default);
-.spectrum-HelpText--sizeM {
--spectrum-helptext-min-height: var(--spectrum-component-height-75);
--spectrum-helptext-icon-size: var(--spectrum-workflow-icon-size-100);
--spectrum-helptext-font-size: var(--spectrum-font-size-75);
@@ -61,50 +37,66 @@
--spectrum-helptext-bottom-to-workflow-icon: var(--spectrum-helptext-top-to-workflow-icon);
--spectrum-helptext-top-to-text: var(--spectrum-component-top-to-text-75);
--spectrum-helptext-bottom-to-text: var(--spectrum-component-bottom-to-text-75);
-}
-.spectrum-HelpText--sizeL {
- --spectrum-helptext-min-height: var(--spectrum-component-height-100);
- --spectrum-helptext-icon-size: var(--spectrum-workflow-icon-size-200);
- --spectrum-helptext-font-size: var(--spectrum-font-size-100);
- --spectrum-helptext-text-to-visual: var(--spectrum-text-to-visual-100);
- --spectrum-helptext-top-to-workflow-icon: var(--spectrum-help-text-top-to-workflow-icon-large);
- --spectrum-helptext-bottom-to-workflow-icon: var(--spectrum-helptext-top-to-workflow-icon);
- --spectrum-helptext-top-to-text: var(--spectrum-component-top-to-text-100);
- --spectrum-helptext-bottom-to-text: var(--spectrum-component-bottom-to-text-100);
-}
+ &.spectrum-HelpText--sizeS {
+ --spectrum-helptext-min-height: var(--spectrum-component-height-75);
+ --spectrum-helptext-icon-size: var(--spectrum-workflow-icon-size-75);
+ --spectrum-helptext-font-size: var(--spectrum-font-size-75);
+ --spectrum-helptext-text-to-visual: var(--spectrum-text-to-visual-75);
+ --spectrum-helptext-top-to-workflow-icon: var(--spectrum-help-text-top-to-workflow-icon-small);
+ --spectrum-helptext-bottom-to-workflow-icon: var(--spectrum-helptext-top-to-workflow-icon);
+ --spectrum-helptext-top-to-text: var(--spectrum-component-top-to-text-75);
+ --spectrum-helptext-bottom-to-text: var(--spectrum-component-bottom-to-text-75);
+ }
-.spectrum-HelpText--sizeXL {
- --spectrum-helptext-min-height: var(--spectrum-component-height-200);
- --spectrum-helptext-icon-size: var(--spectrum-workflow-icon-size-300);
- --spectrum-helptext-font-size: var(--spectrum-font-size-200);
- --spectrum-helptext-text-to-visual: var(--spectrum-text-to-visual-200);
- --spectrum-helptext-top-to-workflow-icon: var(--spectrum-help-text-top-to-workflow-icon-extra-large);
- --spectrum-helptext-bottom-to-workflow-icon: var(--spectrum-helptext-top-to-workflow-icon);
- --spectrum-helptext-top-to-text: var(--spectrum-component-top-to-text-200);
- --spectrum-helptext-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
-}
+ &.spectrum-HelpText--sizeL {
+ --spectrum-helptext-min-height: var(--spectrum-component-height-100);
+ --spectrum-helptext-icon-size: var(--spectrum-workflow-icon-size-200);
+ --spectrum-helptext-font-size: var(--spectrum-font-size-100);
+ --spectrum-helptext-text-to-visual: var(--spectrum-text-to-visual-100);
+ --spectrum-helptext-top-to-workflow-icon: var(--spectrum-help-text-top-to-workflow-icon-large);
+ --spectrum-helptext-bottom-to-workflow-icon: var(--spectrum-helptext-top-to-workflow-icon);
+ --spectrum-helptext-top-to-text: var(--spectrum-component-top-to-text-100);
+ --spectrum-helptext-bottom-to-text: var(--spectrum-component-bottom-to-text-100);
+ }
-@media (forced-colors: active) {
- .spectrum-HelpText {
- --highcontrast-helptext-content-color-default: CanvasText;
- --highcontrast-helptext-icon-color-default: CanvasText;
+ &.spectrum-HelpText--sizeXL {
+ --spectrum-helptext-min-height: var(--spectrum-component-height-200);
+ --spectrum-helptext-icon-size: var(--spectrum-workflow-icon-size-300);
+ --spectrum-helptext-font-size: var(--spectrum-font-size-200);
+ --spectrum-helptext-text-to-visual: var(--spectrum-text-to-visual-200);
+ --spectrum-helptext-top-to-workflow-icon: var(--spectrum-help-text-top-to-workflow-icon-extra-large);
+ --spectrum-helptext-bottom-to-workflow-icon: var(--spectrum-helptext-top-to-workflow-icon);
+ --spectrum-helptext-top-to-text: var(--spectrum-component-top-to-text-200);
+ --spectrum-helptext-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
+ }
- forced-color-adjust: none;
+ &.spectrum-HelpText--neutral {
+ --spectrum-helptext-content-color-default: var(--spectrum-neutral-subdued-content-color-default);
+ --spectrum-helptext-icon-color-default: var(--spectrum-neutral-subdued-content-color-default);
+ }
- .spectrum-HelpText-validationIcon,
- .spectrum-HelpText-text {
- forced-color-adjust: none;
- }
+ &.spectrum-HelpText--negative {
+ --spectrum-helptext-content-color-default: var(--spectrum-negative-color-900);
+ --spectrum-helptext-icon-color-default: var(--spectrum-negative-color-900);
+ }
+
+ &.is-disabled {
+ --spectrum-helptext-content-color-default: var(--spectrum-disabled-content-color);
+ --spectrum-helptext-icon-color-default: var(--spectrum-disabled-content-color);
}
-}
-.spectrum-HelpText {
color: var(--highcontrast-helptext-content-color-default, var(--mod-helptext-content-color-default, var(--spectrum-helptext-content-color-default)));
display: flex;
font-size: var(--mod-helptext-font-size, var(--spectrum-helptext-font-size));
min-block-size: var(--mod-helptext-min-height, var(--spectrum-helptext-min-height));
+ &:lang(ja),
+ &:lang(zh),
+ &:lang(ko) {
+ --mod-helptext-line-height: var(--mod-helptext-line-height-cjk, var(--spectrum-cjk-line-height-100));
+ }
+
.spectrum-HelpText-validationIcon {
margin-inline-end: var(--mod-helptext-text-to-visual, var(--spectrum-helptext-text-to-visual));
padding-block-start: var(--mod-helptext-top-to-workflow-icon, var(--spectrum-helptext-top-to-workflow-icon));
@@ -117,15 +109,7 @@
.spectrum-HelpText-text {
padding-block-start: var(--mod-helptext-top-to-text, var(--spectrum-helptext-top-to-text));
padding-block-end: var(--mod-helptext-bottom-to-text, var(--spectrum-helptext-bottom-to-text));
- line-height: var(--mod-helptext-line-height, var(--spectrum-helptext-line-height));
- }
-
- &:lang(ja),
- &:lang(zh),
- &:lang(ko) {
- .spectrum-HelpText-text {
- line-height: var(--mod-helptext-line-height-cjk, var(--spectrum-helptext-line-height-cjk));
- }
+ line-height: var(--mod-helptext-line-height, var(--spectrum-line-height-100));
}
&.spectrum-HelpText--neutral {
diff --git a/components/helptext/metadata/metadata.json b/components/helptext/metadata/metadata.json
index b6600329896..e4e65cbceb7 100644
--- a/components/helptext/metadata/metadata.json
+++ b/components/helptext/metadata/metadata.json
@@ -4,10 +4,6 @@
".spectrum-HelpText",
".spectrum-HelpText .spectrum-HelpText-text",
".spectrum-HelpText .spectrum-HelpText-validationIcon",
- ".spectrum-HelpText--sizeL",
- ".spectrum-HelpText--sizeM",
- ".spectrum-HelpText--sizeS",
- ".spectrum-HelpText--sizeXL",
".spectrum-HelpText.is-disabled",
".spectrum-HelpText.is-disabled .spectrum-HelpText-text",
".spectrum-HelpText.is-disabled .spectrum-HelpText-validationIcon",
@@ -17,12 +13,12 @@
".spectrum-HelpText.spectrum-HelpText--neutral",
".spectrum-HelpText.spectrum-HelpText--neutral .spectrum-HelpText-text",
".spectrum-HelpText.spectrum-HelpText--neutral .spectrum-HelpText-validationIcon",
+ ".spectrum-HelpText.spectrum-HelpText--sizeL",
+ ".spectrum-HelpText.spectrum-HelpText--sizeS",
+ ".spectrum-HelpText.spectrum-HelpText--sizeXL",
".spectrum-HelpText:lang(ja)",
- ".spectrum-HelpText:lang(ja) .spectrum-HelpText-text",
".spectrum-HelpText:lang(ko)",
- ".spectrum-HelpText:lang(ko) .spectrum-HelpText-text",
- ".spectrum-HelpText:lang(zh)",
- ".spectrum-HelpText:lang(zh) .spectrum-HelpText-text"
+ ".spectrum-HelpText:lang(zh)"
],
"modifiers": [
"--mod-helptext-bottom-to-text",
@@ -46,12 +42,9 @@
"--spectrum-helptext-bottom-to-text",
"--spectrum-helptext-bottom-to-workflow-icon",
"--spectrum-helptext-content-color-default",
- "--spectrum-helptext-disabled-content-color",
"--spectrum-helptext-font-size",
"--spectrum-helptext-icon-color-default",
"--spectrum-helptext-icon-size",
- "--spectrum-helptext-line-height",
- "--spectrum-helptext-line-height-cjk",
"--spectrum-helptext-min-height",
"--spectrum-helptext-text-to-visual",
"--spectrum-helptext-top-to-text",
@@ -83,7 +76,6 @@
"--spectrum-workflow-icon-size-300",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-helptext-content-color-default",
diff --git a/components/helptext/metadata/mods.md b/components/helptext/metadata/mods.md
deleted file mode 100644
index 41d2f53905b..00000000000
--- a/components/helptext/metadata/mods.md
+++ /dev/null
@@ -1,14 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------- |
-| `--mod-helptext-bottom-to-text` |
-| `--mod-helptext-bottom-to-workflow-icon` |
-| `--mod-helptext-content-color-default` |
-| `--mod-helptext-font-size` |
-| `--mod-helptext-icon-color-default` |
-| `--mod-helptext-icon-size` |
-| `--mod-helptext-line-height` |
-| `--mod-helptext-line-height-cjk` |
-| `--mod-helptext-min-height` |
-| `--mod-helptext-text-to-visual` |
-| `--mod-helptext-top-to-text` |
-| `--mod-helptext-top-to-workflow-icon` |
diff --git a/components/helptext/package.json b/components/helptext/package.json
index c09a64c5ff3..93f610f1f62 100644
--- a/components/helptext/package.json
+++ b/components/helptext/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/helptext",
- "version": "5.2.0",
+ "version": "6.0.0-s2-foundations.16",
"description": "The Spectrum CSS helptext component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/icon": "workspace:^",
diff --git a/components/helptext/stories/helptext.stories.js b/components/helptext/stories/helptext.stories.js
index e19f0ebef36..ef05dc29d45 100644
--- a/components/helptext/stories/helptext.stories.js
+++ b/components/helptext/stories/helptext.stories.js
@@ -57,6 +57,10 @@ export default {
size: "m",
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=13653-196",
+ },
packageJson,
metadata,
},
diff --git a/components/helptext/themes/express.css b/components/helptext/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/helptext/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/helptext/themes/spectrum.css b/components/helptext/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/helptext/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/icon/CHANGELOG.md b/components/icon/CHANGELOG.md
index b3ab1a66566..bd755c51120 100644
--- a/components/icon/CHANGELOG.md
+++ b/components/icon/CHANGELOG.md
@@ -1,5 +1,228 @@
# Change Log
+## 8.0.0-s2-foundations.18
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 8.0.0-s2-foundations.17
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 8.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 8.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 8.0.0-s2-foundations.14
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f38c66a`](https://github.com/adobe/spectrum-css/commit/f38c66a314c94058d7f8f084faa4967c89b20e7b) Thanks [@pfulton](https://github.com/pfulton)! - Fix icon sizing and checkbox border colors
+
+## 8.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 8.0.0-s2-foundations.12
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 8.0.0-s2-foundations.11
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 8.0.0-s2-foundations.10
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`494da11`](https://github.com/adobe/spectrum-css/commit/494da118554c2ecc425564e42d25424325efc331) Thanks [@pfulton](https://github.com/pfulton)! - ## Feature [@spectrum-css/icon]
+
+ Update source files to load the mappings from component-level to global tokens for size and transform values. This will allow for more consistent and predictable behavior when using the `size` and `transform` props on icons when switching between contexts for S1, S2, and Express.
+
+ ## Patch [@spectrum-css/typography]
+
+ Remove the sourcemap footer from compiled assets.
+
+## 8.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 8.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 8.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 8.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 8.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 8.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 8.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 8.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 8.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 8.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 7.2.0
### Minor Changes
@@ -55,16 +278,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@6.0.5...@spectrum-css/icon@7.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@6.0.5...@spectrum-css/icon@7.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -72,8 +291,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@6.0.4...@spectrum-css/icon@6.0.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@6.0.4...@spectrum-css/icon@6.0.5)
**Note:** Version bump only for package @spectrum-css/icon
@@ -81,8 +299,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@6.0.3...@spectrum-css/icon@6.0.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@6.0.3...@spectrum-css/icon@6.0.4)
**Note:** Version bump only for package @spectrum-css/icon
@@ -90,8 +307,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@6.0.2...@spectrum-css/icon@6.0.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@6.0.2...@spectrum-css/icon@6.0.3)
**Note:** Version bump only for package @spectrum-css/icon
@@ -99,8 +315,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@6.0.1...@spectrum-css/icon@6.0.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@6.0.1...@spectrum-css/icon@6.0.2)
**Note:** Version bump only for package @spectrum-css/icon
@@ -108,8 +323,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/icon
@@ -117,13 +331,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@5.1.0...@spectrum-css/icon@6.0.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@5.1.0...@spectrum-css/icon@6.0.0)
\*refactor(icon)!: tokens migration (#2347)([b63631a](https://github.com/adobe/spectrum-css/commit/b63631a)), closes[#2347](https://github.com/adobe/spectrum-css/issues/2347)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrate Icon from DNA tokens to Spectrum tokens.
@@ -244,8 +456,7 @@ includes the new custom-vars for the xxl and xxs workflow icon sizes.
## 5.1.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@5.0.1...@spectrum-css/icon@5.1.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@5.0.1...@spectrum-css/icon@5.1.0)
### ✨ Features
@@ -255,8 +466,7 @@ includes the new custom-vars for the xxl and xxs workflow icon sizes.
## 5.0.1
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@5.0.0...@spectrum-css/icon@5.0.1)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@5.0.0...@spectrum-css/icon@5.0.1)
**Note:** Version bump only for package @spectrum-css/icon
@@ -264,13 +474,11 @@ includes the new custom-vars for the xxl and xxs workflow icon sizes.
## 5.0.0
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.5...@spectrum-css/icon@5.0.0)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.5...@spectrum-css/icon@5.0.0)
\*feat(icon,ui-icons)!: migrate the icon compiler to a distinct package (#2343)([d73d594](https://github.com/adobe/spectrum-css/commit/d73d594)), closes[#2343](https://github.com/adobe/spectrum-css/issues/2343)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
- @spectrum-css/icon will no longer contain SVG assets; it will be a purely CSS package with all SVG assets migrated to the new @spectrum-css/ui-icons package.
@@ -281,8 +489,7 @@ includes the new custom-vars for the xxl and xxs workflow icon sizes.
## 4.0.5
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.3...@spectrum-css/icon@4.0.5)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.3...@spectrum-css/icon@4.0.5)
**Note:** Version bump only for package @spectrum-css/icon
@@ -290,8 +497,7 @@ includes the new custom-vars for the xxl and xxs workflow icon sizes.
## 4.0.4
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.3...@spectrum-css/icon@4.0.4)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.3...@spectrum-css/icon@4.0.4)
**Note:** Version bump only for package @spectrum-css/icon
@@ -299,8 +505,7 @@ includes the new custom-vars for the xxl and xxs workflow icon sizes.
## 4.0.3
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.2...@spectrum-css/icon@4.0.3)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.2...@spectrum-css/icon@4.0.3)
**Note:** Version bump only for package @spectrum-css/icon
@@ -308,8 +513,7 @@ includes the new custom-vars for the xxl and xxs workflow icon sizes.
## 4.0.2
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.1...@spectrum-css/icon@4.0.2)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.1...@spectrum-css/icon@4.0.2)
### 🔙 Reverts
@@ -319,8 +523,7 @@ includes the new custom-vars for the xxl and xxs workflow icon sizes.
## 4.0.1
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.0...@spectrum-css/icon@4.0.1)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@4.0.0...@spectrum-css/icon@4.0.1)
**Note:** Version bump only for package @spectrum-css/icon
@@ -328,13 +531,11 @@ includes the new custom-vars for the xxl and xxs workflow icon sizes.
## 4.0.0
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.50...@spectrum-css/icon@4.0.0)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.50...@spectrum-css/icon@4.0.0)
\*feat(sidenav)!: use spectrum-tokens (#1901)([8851dd9](https://github.com/adobe/spectrum-css/commit/8851dd9)), closes[#1901](https://github.com/adobe/spectrum-css/issues/1901)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
Migrates Side Nav to use `@adobe/spectrum-tokens`
@@ -441,8 +642,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.50
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.49...@spectrum-css/icon@3.0.50)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.49...@spectrum-css/icon@3.0.50)
### 🐛 Bug fixes
@@ -452,8 +652,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.49
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.48...@spectrum-css/icon@3.0.49)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.48...@spectrum-css/icon@3.0.49)
**Note:** Version bump only for package @spectrum-css/icon
@@ -461,8 +660,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.48
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.47...@spectrum-css/icon@3.0.48)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.47...@spectrum-css/icon@3.0.48)
**Note:** Version bump only for package @spectrum-css/icon
@@ -470,8 +668,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.47
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.46...@spectrum-css/icon@3.0.47)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.46...@spectrum-css/icon@3.0.47)
### 🐛 Bug fixes
@@ -481,8 +678,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.46
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.45...@spectrum-css/icon@3.0.46)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.45...@spectrum-css/icon@3.0.46)
**Note:** Version bump only for package @spectrum-css/icon
@@ -490,8 +686,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.45
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.44...@spectrum-css/icon@3.0.45)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/icon@3.0.44...@spectrum-css/icon@3.0.45)
**Note:** Version bump only for package @spectrum-css/icon
diff --git a/components/icon/index.css b/components/icon/index.css
index ac23de00cbb..4d5b7cc7a95 100644
--- a/components/icon/index.css
+++ b/components/icon/index.css
@@ -10,8 +10,6 @@
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
-
-@import "./themes/express.css";
@import "./icons.css";
@import "./workflow-icons.css";
@import "./ui-icons.css";
diff --git a/components/icon/metadata/metadata.json b/components/icon/metadata/metadata.json
index 7f5d27e3789..590503e05b8 100644
--- a/components/icon/metadata/metadata.json
+++ b/components/icon/metadata/metadata.json
@@ -170,7 +170,6 @@
"--spectrum-workflow-icon-size-xxl",
"--spectrum-workflow-icon-size-xxs"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/icon/metadata/mods.md b/components/icon/metadata/mods.md
deleted file mode 100644
index bc5f4cf56fe..00000000000
--- a/components/icon/metadata/mods.md
+++ /dev/null
@@ -1,8 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------ |
-| `--mod-icon-block-size` |
-| `--mod-icon-color` |
-| `--mod-icon-inline-size` |
-| `--mod-icon-size` |
-| `--mod-ui-icon-large-display` |
-| `--mod-ui-icon-medium-display` |
diff --git a/components/icon/package.json b/components/icon/package.json
index 293aeaf0f96..a9be370ab5d 100644
--- a/components/icon/package.json
+++ b/components/icon/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/icon",
- "version": "7.2.0",
+ "version": "8.0.0-s2-foundations.18",
"description": "The Spectrum CSS icon component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/icon/stories/icon.mdx b/components/icon/stories/icon.mdx
index 7a6ad6efaca..6425344761a 100644
--- a/components/icon/stories/icon.mdx
+++ b/components/icon/stories/icon.mdx
@@ -1,8 +1,8 @@
import { Canvas, ArgTypes, Meta, Description, Title } from "@storybook/blocks";
import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
+ ComponentDetails,
+ TaggedReleases,
+ PropertiesTable,
} from "@spectrum-css/preview/blocks";
import * as IconStories from "./icon.stories";
diff --git a/components/icon/stories/icon.stories.js b/components/icon/stories/icon.stories.js
index ea28140a2cb..01d8c6a3b92 100644
--- a/components/icon/stories/icon.stories.js
+++ b/components/icon/stories/icon.stories.js
@@ -104,7 +104,10 @@ WithForcedColors.tags = ["!autodocs", "!dev"];
WithForcedColors.parameters = {
chromatic: {
forcedColors: "active",
- modes: disableDefaultModes
+ modes: {
+ ...disableDefaultModes,
+ "Mobile": { disable: true },
+ },
},
};
diff --git a/components/icon/stories/template.js b/components/icon/stories/template.js
index cf4b2067091..4e7728b25c0 100644
--- a/components/icon/stories/template.js
+++ b/components/icon/stories/template.js
@@ -105,12 +105,13 @@ export const Template = ({
id = getRandomId("icon"),
customClasses = [],
icons,
- useRef = false,
+ useRef = true,
workflowIcons,
uiIcons,
uiIconSizes,
} = {}, context = {}) => {
const { globals = {}, loaded = {} } = context;
+
const scale = globals.scale ?? "medium";
if (!workflowIcons || !uiIcons || !uiIconSizes) {
diff --git a/components/icon/themes/express.css b/components/icon/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/icon/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/icon/themes/spectrum.css b/components/icon/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/icon/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/illustratedmessage/CHANGELOG.md b/components/illustratedmessage/CHANGELOG.md
index a79e098c865..cf86993d0f3 100644
--- a/components/illustratedmessage/CHANGELOG.md
+++ b/components/illustratedmessage/CHANGELOG.md
@@ -1,5 +1,231 @@
# Change Log
+## 8.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/typography@7.0.0-s2-foundations.18
+
+## 8.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.17
+
+## 8.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 8.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 8.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 8.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 8.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 8.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 8.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 8.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 8.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/typography@7.0.0-s2-foundations.6
+
+## 8.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 8.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 8.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 8.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 8.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/typography@7.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 8.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/typography@7.0.0-s2-foundations.0
+
## 7.2.0
### Minor Changes
@@ -63,16 +289,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.1.5...@spectrum-css/illustratedmessage@7.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.1.5...@spectrum-css/illustratedmessage@7.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -80,8 +303,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.1.4...@spectrum-css/illustratedmessage@6.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.1.4...@spectrum-css/illustratedmessage@6.1.5)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -89,8 +311,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.1.3...@spectrum-css/illustratedmessage@6.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.1.3...@spectrum-css/illustratedmessage@6.1.4)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -98,8 +319,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.1.2...@spectrum-css/illustratedmessage@6.1.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.1.2...@spectrum-css/illustratedmessage@6.1.3)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -107,8 +327,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.1.1...@spectrum-css/illustratedmessage@6.1.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.1.1...@spectrum-css/illustratedmessage@6.1.2)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -116,8 +335,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -125,8 +343,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.31...@spectrum-css/illustratedmessage@6.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.31...@spectrum-css/illustratedmessage@6.1.0)
### ✨ Features
@@ -136,8 +353,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.31
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.30...@spectrum-css/illustratedmessage@6.0.31)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.30...@spectrum-css/illustratedmessage@6.0.31)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -145,8 +361,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.30
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.29...@spectrum-css/illustratedmessage@6.0.30)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.29...@spectrum-css/illustratedmessage@6.0.30)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -154,8 +369,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.29
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.27...@spectrum-css/illustratedmessage@6.0.29)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.27...@spectrum-css/illustratedmessage@6.0.29)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -163,8 +377,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.28
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.27...@spectrum-css/illustratedmessage@6.0.28)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.27...@spectrum-css/illustratedmessage@6.0.28)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -172,8 +385,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.27
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.26...@spectrum-css/illustratedmessage@6.0.27)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.26...@spectrum-css/illustratedmessage@6.0.27)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -181,8 +393,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.26
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.25...@spectrum-css/illustratedmessage@6.0.26)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.25...@spectrum-css/illustratedmessage@6.0.26)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -190,8 +401,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.25
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.24...@spectrum-css/illustratedmessage@6.0.25)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.24...@spectrum-css/illustratedmessage@6.0.25)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -199,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.24
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.23...@spectrum-css/illustratedmessage@6.0.24)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.23...@spectrum-css/illustratedmessage@6.0.24)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -208,8 +417,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.23
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.22...@spectrum-css/illustratedmessage@6.0.23)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.22...@spectrum-css/illustratedmessage@6.0.23)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -217,8 +425,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.22
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.21...@spectrum-css/illustratedmessage@6.0.22)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.21...@spectrum-css/illustratedmessage@6.0.22)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -226,8 +433,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.21
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.20...@spectrum-css/illustratedmessage@6.0.21)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.20...@spectrum-css/illustratedmessage@6.0.21)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -235,8 +441,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.20
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.19...@spectrum-css/illustratedmessage@6.0.20)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.19...@spectrum-css/illustratedmessage@6.0.20)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -244,8 +449,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.19
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.18...@spectrum-css/illustratedmessage@6.0.19)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.18...@spectrum-css/illustratedmessage@6.0.19)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -253,8 +457,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.18
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.17...@spectrum-css/illustratedmessage@6.0.18)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.17...@spectrum-css/illustratedmessage@6.0.18)
### 🔙 Reverts
@@ -264,8 +467,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.17
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.16...@spectrum-css/illustratedmessage@6.0.17)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.16...@spectrum-css/illustratedmessage@6.0.17)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -273,8 +475,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.16
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.14...@spectrum-css/illustratedmessage@6.0.16)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.14...@spectrum-css/illustratedmessage@6.0.16)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -282,8 +483,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.15
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.14...@spectrum-css/illustratedmessage@6.0.15)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.14...@spectrum-css/illustratedmessage@6.0.15)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -291,8 +491,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.14
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.13...@spectrum-css/illustratedmessage@6.0.14)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.13...@spectrum-css/illustratedmessage@6.0.14)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -300,8 +499,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.13
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.12...@spectrum-css/illustratedmessage@6.0.13)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.12...@spectrum-css/illustratedmessage@6.0.13)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -309,8 +507,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.12
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.11...@spectrum-css/illustratedmessage@6.0.12)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.11...@spectrum-css/illustratedmessage@6.0.12)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -318,8 +515,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.11
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.10...@spectrum-css/illustratedmessage@6.0.11)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.10...@spectrum-css/illustratedmessage@6.0.11)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -327,8 +523,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.10
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.9...@spectrum-css/illustratedmessage@6.0.10)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.9...@spectrum-css/illustratedmessage@6.0.10)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -336,8 +531,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.9
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.8...@spectrum-css/illustratedmessage@6.0.9)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.8...@spectrum-css/illustratedmessage@6.0.9)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -345,8 +539,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.8
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.7...@spectrum-css/illustratedmessage@6.0.8)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.7...@spectrum-css/illustratedmessage@6.0.8)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -354,8 +547,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.7
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.6...@spectrum-css/illustratedmessage@6.0.7)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.6...@spectrum-css/illustratedmessage@6.0.7)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -363,8 +555,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.6
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.5...@spectrum-css/illustratedmessage@6.0.6)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.5...@spectrum-css/illustratedmessage@6.0.6)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -372,8 +563,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.5
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.4...@spectrum-css/illustratedmessage@6.0.5)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.4...@spectrum-css/illustratedmessage@6.0.5)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -381,8 +571,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.4
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.3...@spectrum-css/illustratedmessage@6.0.4)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.3...@spectrum-css/illustratedmessage@6.0.4)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -390,8 +579,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.3
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.2...@spectrum-css/illustratedmessage@6.0.3)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.2...@spectrum-css/illustratedmessage@6.0.3)
### 🐛 Bug fixes
@@ -401,8 +589,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.2
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.1...@spectrum-css/illustratedmessage@6.0.2)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.1...@spectrum-css/illustratedmessage@6.0.2)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
@@ -410,8 +597,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.1
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.0...@spectrum-css/illustratedmessage@6.0.1)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/illustratedmessage@6.0.0...@spectrum-css/illustratedmessage@6.0.1)
**Note:** Version bump only for package @spectrum-css/illustratedmessage
diff --git a/components/illustratedmessage/index.css b/components/illustratedmessage/index.css
index f51cba797af..93ee4d32b15 100644
--- a/components/illustratedmessage/index.css
+++ b/components/illustratedmessage/index.css
@@ -1,86 +1,114 @@
/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./themes/express.css";
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
.spectrum-IllustratedMessage {
/* Size & Spacing */
- --spectrum-illustrated-message-description-max-inline-size: var(--spectrum-illustrated-message-maximum-width);
- --spectrum-illustrated-message-heading-max-inline-size: var(--spectrum-illustrated-message-maximum-width);
- --spectrum-illustrated-message-title-to-heading: var(--spectrum-spacing-400);
--spectrum-illustrated-message-heading-to-description: var(--spectrum-spacing-75);
+ --spectrum-illustrated-message-illustration-to-heading: var(--spectrum-spacing-200);
+ --spectrum-illustrated-message-illustration-to-content: var(--spectrum-spacing-200);
+ --spectrum-illustrated-message-description-to-action: var(--spectrum-spacing-300);
+ --mod-buttongroup-justify-content: center;
/* Illustration */
- --spectrum-illustrated-message-illustration-color: var(--spectrum-neutral-visual-color);
- --spectrum-illustrated-message-illustration-accent-color: var(--spectrum-accent-visual-color);
+ --spectrum-illustrated-message-illustration-color: var(--spectrum-neutral-content-color-default);
+ --spectrum-illustrated-message-illustration-size: 96px;
/* Title */
--spectrum-illustrated-message-title-font-family: var(--spectrum-sans-font-family-stack);
- --spectrum-illustrated-message-title-font-weight: var(--spectrum-heading-sans-serif-font-weight);
- --spectrum-illustrated-message-title-font-style: var(--spectrum-heading-sans-serif-font-style);
- --spectrum-illustrated-message-title-font-size: var(--spectrum-illustrated-message-title-size);
- --spectrum-illustrated-message-title-line-height: var(--spectrum-heading-line-height);
+ --spectrum-illustrated-message-title-font-weight: var(--spectrum-title-sans-serif-font-weight);
+ --spectrum-illustrated-message-title-font-style: var(--spectrum-title-sans-serif-font-style);
+ --spectrum-illustrated-message-title-font-size: var(--spectrum-illustrated-message-medium-title-font-size);
+ --spectrum-illustrated-message-title-line-height: var(--spectrum-title-line-height);
--spectrum-illustrated-message-title-color: var(--spectrum-heading-color);
+ --spectrum-illustrated-message-cjk-title-font-size: var(--spectrum-illustrated-message-medium-cjk-title-font-size);
/* Description */
--spectrum-illustrated-message-description-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-illustrated-message-description-font-weight: var(--spectrum-body-sans-serif-font-weight);
--spectrum-illustrated-message-description-font-style: var(--spectrum-body-sans-serif-font-style);
- --spectrum-illustrated-message-description-font-size: var(--spectrum-illustrated-message-body-size);
- --spectrum-illustrated-message-description-line-height: var(--spectrum-body-line-height);
+ --spectrum-illustrated-message-description-font-size: var(--spectrum-illustrated-message-medium-body-font-size);
+ --spectrum-illustrated-message-description-line-height: var(--spectrum-line-height-200);
--spectrum-illustrated-message-description-color: var(--spectrum-body-color);
/* CJK (Chinese, Japanese, and Korean) language support */
&:lang(ja),
&:lang(zh),
&:lang(ko) {
- --spectrum-illustrated-message-title-font-size: var(--spectrum-illustrated-message-cjk-title-size);
+ --spectrum-illustrated-message-title-font-size: var(--spectrum-illustrated-message-medium-cjk-title-font-size);
}
}
-@media (forced-colors: active) {
- .spectrum-IllustratedMessage {
- --highcontrast-illustrated-message-illustration-color: CanvasText;
- --highcontrast-illustrated-message-illustration-accent-color: Highlight;
+.spectrum-IllustratedMessage--sizeS {
+ --spectrum-illustrated-message-title-font-size: var(--spectrum-illustrated-message-small-title-font-size);
+ --spectrum-illustrated-message-description-font-size: var(--spectrum-illustrated-message-small-body-font-size);
+
+ &:lang(ja),
+ &:lang(zh),
+ &:lang(ko) {
+ --spectrum-illustrated-message-title-font-size: var(--spectrum-illustrated-message-small-cjk-title-font-size);
}
}
-.spectrum-IllustratedMessage {
- block-size: 100%;
+.spectrum-IllustratedMessage--sizeL {
+ --spectrum-illustrated-message-illustration-size: 160px;
+ --spectrum-illustrated-message-illustration-to-heading: var(--spectrum-spacing-100);
+ --spectrum-illustrated-message-illustration-to-content: var(--spectrum-spacing-100);
+ --spectrum-illustrated-message-title-font-size: var(--spectrum-illustrated-message-large-title-font-size);
+ --spectrum-illustrated-message-description-font-size: var(--spectrum-illustrated-message-large-body-font-size);
- display: var(--mod-illustrated-message-display, flex);
- flex-direction: column;
- align-items: center;
- justify-content: center;
+ &:lang(ja),
+ &:lang(zh),
+ &:lang(ko) {
+ --spectrum-illustrated-message-title-font-size: var(--spectrum-illustrated-message-large-cjk-title-font-size);
+ }
+}
+
+.spectrum-IllustratedMessage--sizeS {
+ --spectrum-illustrated-message-illustration-size: 96px;
+ --spectrum-illustrated-message-illustration-to-heading: var(--spectrum-spacing-200);
+ --spectrum-illustrated-message-illustration-to-content: var(--spectrum-spacing-200);
+ --spectrum-illustrated-message-title-font-size: var(--spectrum-title-size-m);
+ --spectrum-illustrated-message-description-font-size: var(--spectrum-body-size-xs);
+ --spectrum-illustrated-message-cjk-title-font-size: var(--spectrum-title-cjk-size-m);
+}
+
+.spectrum-IllustratedMessage--sizeL {
+ --spectrum-illustrated-message-illustration-size: 160px;
+ --spectrum-illustrated-message-illustration-to-heading: var(--spectrum-spacing-100);
+ --spectrum-illustrated-message-illustration-to-content: var(--spectrum-spacing-100);
+ --spectrum-illustrated-message-title-font-size: var(--spectrum-title-size-xxl);
+ --spectrum-illustrated-message-description-font-size: var(--spectrum-body-size-s);
+ --spectrum-illustrated-message-cjk-title-font-size: var(--spectrum-title-cjk-size-xxl);
+}
+.spectrum-IllustratedMessage {
+ block-size: 100%;
+ display: var(--mod-illustrated-message-display, grid);
+ grid-template-areas:
+ ". illustration ."
+ "body body body";
text-align: center;
pointer-events: var(--mod-illustrated-message-pointer-events, auto);
- max-inline-size: var(--mod-illustrated-message-content-maximum-width);
+ max-inline-size: var(--mod-illustrated-message-vertical-maximum-width, var(--spectrum-illustrated-message-vertical-maximum-width));
}
.spectrum-IllustratedMessage-illustration {
- margin-block-end: var(--mod-illustrated-message-title-to-heading, var(--spectrum-illustrated-message-title-to-heading));
+ margin-block-end: var(--mod-illustrated-message-illustration-to-heading, var(--spectrum-illustrated-message-illustration-to-heading));
color: var(--highcontrast-illustrated-message-illustration-color, var(--mod-illustrated-message-illustration-color, var(--spectrum-illustrated-message-illustration-color)));
fill: currentColor;
stroke: currentColor;
-}
-
-.spectrum-IllustratedMessage-accent {
- color: var(--highcontrast-illustrated-message-illustration-accent-color, var(--mod-illustrated-message-illustration-accent-color, var(--spectrum-illustrated-message-illustration-accent-color)));
-
- /* Safari 16.3 🐛🛠️: Repeated stroke/fill properties is a workaround for a currentcolor bug that was fixed in 16.4. */
- fill: currentColor;
- stroke: currentColor;
+ block-size: var(--mod-illustrated-message-illustration-block-size, var(--mod-illustrated-message-illustration-size, var(--spectrum-illustrated-message-illustration-size)));
+ inline-size: var(--mod-illustrated-message-illustrated-inline-size, var(--mod-illustrated-message-illustration-size, var(--spectrum-illustrated-message-illustration-size)));
+ grid-area: illustration;
}
.spectrum-IllustratedMessage-heading {
@@ -92,9 +120,8 @@
color: var(--mod-illustrated-message-title-color, var(--spectrum-illustrated-message-title-color));
- max-inline-size: var(--mod-illustrated-message-heading-max-inline-size, var(--spectrum-illustrated-message-heading-max-inline-size));
margin-block-start: 0;
- margin-block-end: var(--mod-illustrated-message-heading-to-body, 0);
+ margin-block-end: var(--mod-illustrated-message-heading-to-description, var(--spectrum-illustrated-message-heading-to-description));
}
.spectrum-IllustratedMessage-description {
@@ -110,7 +137,52 @@
color: var(--mod-illustrated-message-description-color, var(--spectrum-illustrated-message-description-color));
- max-inline-size: var(--mod-illustrated-message-description-max-inline-size, var(--spectrum-illustrated-message-description-max-inline-size));
- margin-block-start: var(--mod-illustrated-message-heading-to-description, var(--spectrum-illustrated-message-heading-to-description));
- margin-block-end: 0;
+ margin-block: 0;
+}
+
+.spectrum-IllustratedMessage--horizontal {
+ --mod-buttongroup-justify-content: flex-start;
+ max-inline-size: var(--mod-illustrated-message-horizontal-maximum-width, var(--spectrum-illustrated-message-horizontal-maximum-width));
+ text-align: start;
+ gap: var(--mod-illustrated-message-illustration-to-content, var(--spectrum-illustrated-message-illustration-to-content));
+ grid-template-areas: "illustration body";
+ align-items: center;
+
+ .spectrum-IllustratedMessage-illustration {
+ margin-block-end: 0;
+ }
+}
+
+.spectrum-IllustratedMessage-actions {
+ margin-block-start: var(--mod-illustrated-message-description-to-action, var(--spectrum-illustrated-message-description-to-action));
+}
+
+.spectrum-IllustratedMessage-content {
+ grid-area: body;
+}
+
+@media (forced-colors: active) {
+ .spectrum-IllustratedMessage {
+ --highcontrast-illustrated-message-illustration-color: CanvasText;
+ }
+}
+
+.spectrum-IllustratedMessage--horizontal {
+ --mod-buttongroup-justify-content: flex-start;
+ max-inline-size: var(--spectrum-illustrated-message-horizontal-maximum-width);
+ flex-direction: row;
+ text-align: start;
+ gap: var(--spectrum-illustrated-message-illustration-to-content);
+
+ .spectrum-IllustratedMessage-illustration {
+ margin-block-end: 0;
+ }
+}
+
+.spectrum-IllustratedMessage--actions {
+ margin-block-start: var(--mod-illustrated-message-description-to-action, var(--spectrum-illustrated-message-description-to-action));
+}
+
+.spectrum-IllustratedMessage--content {
+ grid-area: body;
}
diff --git a/components/illustratedmessage/metadata/metadata.json b/components/illustratedmessage/metadata/metadata.json
index 24de798ac33..a4349fabd1b 100644
--- a/components/illustratedmessage/metadata/metadata.json
+++ b/components/illustratedmessage/metadata/metadata.json
@@ -2,7 +2,18 @@
"sourceFile": "index.css",
"selectors": [
".spectrum-IllustratedMessage",
- ".spectrum-IllustratedMessage-accent",
+ ".spectrum-IllustratedMessage--horizontal",
+ ".spectrum-IllustratedMessage--horizontal .spectrum-IllustratedMessage-illustration",
+ ".spectrum-IllustratedMessage--sizeL",
+ ".spectrum-IllustratedMessage--sizeL:lang(ja)",
+ ".spectrum-IllustratedMessage--sizeL:lang(ko)",
+ ".spectrum-IllustratedMessage--sizeL:lang(zh)",
+ ".spectrum-IllustratedMessage--sizeS",
+ ".spectrum-IllustratedMessage--sizeS:lang(ja)",
+ ".spectrum-IllustratedMessage--sizeS:lang(ko)",
+ ".spectrum-IllustratedMessage--sizeS:lang(zh)",
+ ".spectrum-IllustratedMessage-actions",
+ ".spectrum-IllustratedMessage-content",
".spectrum-IllustratedMessage-description",
".spectrum-IllustratedMessage-heading",
".spectrum-IllustratedMessage-illustration",
@@ -11,23 +22,25 @@
".spectrum-IllustratedMessage:lang(zh)"
],
"modifiers": [
- "--mod-illustrated-message-content-maximum-width",
"--mod-illustrated-message-description-color",
"--mod-illustrated-message-description-font-family",
"--mod-illustrated-message-description-font-size",
"--mod-illustrated-message-description-font-style",
"--mod-illustrated-message-description-font-weight",
"--mod-illustrated-message-description-line-height",
- "--mod-illustrated-message-description-max-inline-size",
"--mod-illustrated-message-description-pointer-events",
"--mod-illustrated-message-description-position",
+ "--mod-illustrated-message-description-to-action",
"--mod-illustrated-message-description-z-index",
"--mod-illustrated-message-display",
- "--mod-illustrated-message-heading-max-inline-size",
- "--mod-illustrated-message-heading-to-body",
"--mod-illustrated-message-heading-to-description",
- "--mod-illustrated-message-illustration-accent-color",
+ "--mod-illustrated-message-horizontal-maximum-width",
+ "--mod-illustrated-message-illustrated-inline-size",
+ "--mod-illustrated-message-illustration-block-size",
"--mod-illustrated-message-illustration-color",
+ "--mod-illustrated-message-illustration-size",
+ "--mod-illustrated-message-illustration-to-content",
+ "--mod-illustrated-message-illustration-to-heading",
"--mod-illustrated-message-pointer-events",
"--mod-illustrated-message-title-color",
"--mod-illustrated-message-title-font-family",
@@ -35,51 +48,55 @@
"--mod-illustrated-message-title-font-style",
"--mod-illustrated-message-title-font-weight",
"--mod-illustrated-message-title-line-height",
- "--mod-illustrated-message-title-to-heading"
+ "--mod-illustrated-message-vertical-maximum-width"
],
"component": [
- "--spectrum-illustrated-message-body-size",
- "--spectrum-illustrated-message-cjk-title-size",
"--spectrum-illustrated-message-description-color",
"--spectrum-illustrated-message-description-font-family",
"--spectrum-illustrated-message-description-font-size",
"--spectrum-illustrated-message-description-font-style",
"--spectrum-illustrated-message-description-font-weight",
"--spectrum-illustrated-message-description-line-height",
- "--spectrum-illustrated-message-description-max-inline-size",
- "--spectrum-illustrated-message-heading-max-inline-size",
+ "--spectrum-illustrated-message-description-to-action",
"--spectrum-illustrated-message-heading-to-description",
- "--spectrum-illustrated-message-illustration-accent-color",
+ "--spectrum-illustrated-message-horizontal-maximum-width",
"--spectrum-illustrated-message-illustration-color",
- "--spectrum-illustrated-message-maximum-width",
+ "--spectrum-illustrated-message-illustration-size",
+ "--spectrum-illustrated-message-illustration-to-content",
+ "--spectrum-illustrated-message-illustration-to-heading",
+ "--spectrum-illustrated-message-large-body-font-size",
+ "--spectrum-illustrated-message-large-cjk-title-font-size",
+ "--spectrum-illustrated-message-large-title-font-size",
+ "--spectrum-illustrated-message-medium-body-font-size",
+ "--spectrum-illustrated-message-medium-cjk-title-font-size",
+ "--spectrum-illustrated-message-medium-title-font-size",
+ "--spectrum-illustrated-message-small-body-font-size",
+ "--spectrum-illustrated-message-small-cjk-title-font-size",
+ "--spectrum-illustrated-message-small-title-font-size",
"--spectrum-illustrated-message-title-color",
"--spectrum-illustrated-message-title-font-family",
"--spectrum-illustrated-message-title-font-size",
"--spectrum-illustrated-message-title-font-style",
"--spectrum-illustrated-message-title-font-weight",
"--spectrum-illustrated-message-title-line-height",
- "--spectrum-illustrated-message-title-size",
- "--spectrum-illustrated-message-title-to-heading"
+ "--spectrum-illustrated-message-vertical-maximum-width"
],
"global": [
- "--spectrum-accent-visual-color",
"--spectrum-body-color",
- "--spectrum-body-line-height",
"--spectrum-body-sans-serif-font-style",
"--spectrum-body-sans-serif-font-weight",
"--spectrum-heading-color",
- "--spectrum-heading-line-height",
- "--spectrum-heading-sans-serif-font-style",
- "--spectrum-heading-sans-serif-font-weight",
- "--spectrum-neutral-visual-color",
+ "--spectrum-line-height-200",
+ "--spectrum-neutral-content-color-default",
"--spectrum-sans-font-family-stack",
- "--spectrum-spacing-400",
- "--spectrum-spacing-75"
+ "--spectrum-spacing-100",
+ "--spectrum-spacing-200",
+ "--spectrum-spacing-300",
+ "--spectrum-spacing-75",
+ "--spectrum-title-line-height",
+ "--spectrum-title-sans-serif-font-style",
+ "--spectrum-title-sans-serif-font-weight"
],
- "system-theme": [],
- "passthroughs": [],
- "high-contrast": [
- "--highcontrast-illustrated-message-illustration-accent-color",
- "--highcontrast-illustrated-message-illustration-color"
- ]
+ "passthroughs": ["--mod-buttongroup-justify-content"],
+ "high-contrast": ["--highcontrast-illustrated-message-illustration-color"]
}
diff --git a/components/illustratedmessage/metadata/mods.md b/components/illustratedmessage/metadata/mods.md
deleted file mode 100644
index c22bde611ef..00000000000
--- a/components/illustratedmessage/metadata/mods.md
+++ /dev/null
@@ -1,27 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------- |
-| `--mod-illustrated-message-content-maximum-width` |
-| `--mod-illustrated-message-description-color` |
-| `--mod-illustrated-message-description-font-family` |
-| `--mod-illustrated-message-description-font-size` |
-| `--mod-illustrated-message-description-font-style` |
-| `--mod-illustrated-message-description-font-weight` |
-| `--mod-illustrated-message-description-line-height` |
-| `--mod-illustrated-message-description-max-inline-size` |
-| `--mod-illustrated-message-description-pointer-events` |
-| `--mod-illustrated-message-description-position` |
-| `--mod-illustrated-message-description-z-index` |
-| `--mod-illustrated-message-display` |
-| `--mod-illustrated-message-heading-max-inline-size` |
-| `--mod-illustrated-message-heading-to-body` |
-| `--mod-illustrated-message-heading-to-description` |
-| `--mod-illustrated-message-illustration-accent-color` |
-| `--mod-illustrated-message-illustration-color` |
-| `--mod-illustrated-message-pointer-events` |
-| `--mod-illustrated-message-title-color` |
-| `--mod-illustrated-message-title-font-family` |
-| `--mod-illustrated-message-title-font-size` |
-| `--mod-illustrated-message-title-font-style` |
-| `--mod-illustrated-message-title-font-weight` |
-| `--mod-illustrated-message-title-line-height` |
-| `--mod-illustrated-message-title-to-heading` |
diff --git a/components/illustratedmessage/package.json b/components/illustratedmessage/package.json
index 91cbbb9f7e4..d7394db576a 100644
--- a/components/illustratedmessage/package.json
+++ b/components/illustratedmessage/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/illustratedmessage",
- "version": "7.2.0",
+ "version": "8.0.0-s2-foundations.16",
"description": "The Spectrum CSS illustratedmessage component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14",
- "@spectrum-css/typography": ">=6"
+ "@spectrum-css/tokens": ">=14.0.0-next.3",
+ "@spectrum-css/typography": ">=7.0.0-s2-foundations.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^",
diff --git a/components/illustratedmessage/stories/illustratedmessage.stories.js b/components/illustratedmessage/stories/illustratedmessage.stories.js
index 7daaa86e92a..8444f5e1d55 100644
--- a/components/illustratedmessage/stories/illustratedmessage.stories.js
+++ b/components/illustratedmessage/stories/illustratedmessage.stories.js
@@ -1,10 +1,8 @@
-import { Template as Link } from "@spectrum-css/link/stories/template.js";
import { disableDefaultModes } from "@spectrum-css/preview/modes";
-import { html } from "lit";
import metadata from "../metadata/metadata.json";
import packageJson from "../package.json";
import { IllustratedMessageGroup } from "./illustratedmessage.test.js";
-import { Template } from "./template.js";
+import { SizingTemplate, Template } from "./template.js";
/**
* The Illustrated Message displays an illustration along with a heading and description. Optionally, part of the illustration can use an accent color. It can be used for status and errors, or as a call to action. For example, the Drop Zone component makes use of Illustrated Message as an area to drag and drop files.
@@ -13,15 +11,6 @@ export default {
title: "Illustrated message",
component: "IllustratedMessage",
argTypes: {
- useAccentColor: {
- name: "Illustration accent color",
- type: { name: "boolean" },
- table: {
- type: { summary: "boolean" },
- category: "Component",
- },
- control: "boolean",
- },
heading: {
name: "Heading",
type: { name: "string" },
@@ -33,45 +22,84 @@ export default {
},
description: {
name: "Description",
+ type: { name: "string" },
table: {
+ type: { summary: "string" },
category: "Content",
- disable: true,
},
+ control: "text",
+ },
+ isHorizontal: {
+ name: "Horizontal orientation",
+ description: "The default content orientation is vertical. Add the horizontal class to align the illustration to the left.",
+ type: { name: "boolean" },
+ table: {
+ type: { summary: "boolean" },
+ category: "Component",
+ },
+ control: "boolean",
+ },
+ size: {
+ name: "Size",
+ type: { name: "string", required: true },
+ table: {
+ type: { summary: "string" },
+ category: "Component",
+ },
+ options: ["s", "m", "l"],
+ control: "select",
+ },
+ hasButtons: {
+ name: "Show button group",
+ type: { name: "boolean" },
+ table: {
+ type: { summary: "boolean" },
+ category: "Component",
+ },
+ control: "boolean",
+ },
+ orientation: {
+ name: "Orientation",
+ type: { name: "string" },
+ table: {
+ type: { summary: "string" },
+ category: "Component",
+ },
+ options: ["vertical", "horizontal"],
+ control: "select",
},
},
args: {
rootClass: "spectrum-IllustratedMessage",
- useAccentColor: false,
+ isHorizontal: false,
+ size: "m",
+ hasButtons: true,
+ heading: "Error 404: Page not found",
+ description: "This page isn't available. Try checking the URL or visit a different page.",
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=20032-601",
+ },
packageJson,
metadata,
+ layout: "centered"
},
};
export const Default = IllustratedMessageGroup.bind({});
-Default.args = {
- heading: "Error 404: Page not found",
- description: [
- "This page isn't available. Try checking the URL or visit a different page.",
- ],
-};
+Default.args = {};
/**
- * To use the accent color, the class `.spectrum-IllustratedMessage-accent` can be added to element(s) within the illustration SVG.
- */
-export const AccentColor = Template.bind({});
-AccentColor.tags = ["!dev"];
-AccentColor.args = {
- heading: "Drag and drop your file",
- description: [
- () => {
- return html`${Link({ url: "#", text: "Select a file" })} from your computer.`;
- },
- ],
- useAccentColor: true,
+ * Horizontal illustrated messages are displayed on extra large screen sizes or in a menu.
+*/
+export const Horizontal = Template.bind({});
+Horizontal.tags = ["!dev"];
+Horizontal.args = {
+ isHorizontal: true
};
-AccentColor.parameters = {
+Horizontal.parameters = {
chromatic: { disableSnapshot: true },
};
@@ -84,3 +112,15 @@ WithForcedColors.parameters = {
modes: disableDefaultModes
},
};
+/**
+ * Illustrated message comes in three sizes: small, medium, and large.
+ * - Small illustrated message is typically used in quick or in-line actions.
+ * - The medium size is the default, and often used in panels.
+ * - The large size illustrated message is generally used in full page layouts and dialogs.
+ */
+export const Sizing = SizingTemplate.bind({});
+Sizing.args = {};
+Sizing.tags = ["!dev"];
+Sizing.parameters = {
+ chromatic: { disableSnapshot: true },
+};
diff --git a/components/illustratedmessage/stories/illustratedmessage.test.js b/components/illustratedmessage/stories/illustratedmessage.test.js
index 2b7b85946a1..3e51e181ba4 100644
--- a/components/illustratedmessage/stories/illustratedmessage.test.js
+++ b/components/illustratedmessage/stories/illustratedmessage.test.js
@@ -1,7 +1,7 @@
import { Template as Link } from "@spectrum-css/link/stories/template.js";
import { Variants } from "@spectrum-css/preview/decorators";
import { html } from "lit";
-import { Template } from "./template.js";
+import { SizingTemplate, Template } from "./template.js";
export const IllustratedMessageGroup = Variants({
Template,
@@ -10,16 +10,27 @@ export const IllustratedMessageGroup = Variants({
description: [
"This page isn't available. Try checking the URL or visit a different page.",
],
- useAccentColor: false,
- }, {
- testHeading: "With accent color",
+ },
+ {
+ testHeading: "Horizontal layout",
+ isHorizontal: true
+ },
+ {
+ testHeading: "With link",
heading: "Drag and drop your file",
description: [
() => {
return html`${Link({ url: "#", text: "Select a file" })} from your computer.`;
},
],
- useAccentColor: true,
+ },
+ {
+ testHeading: "W/o button group",
+ hasButtons: false
+ },
+ {
+ Template: SizingTemplate
}
],
+ withSizes: false
});
diff --git a/components/illustratedmessage/stories/template.js b/components/illustratedmessage/stories/template.js
index 58b0a69076e..dd6618b185b 100644
--- a/components/illustratedmessage/stories/template.js
+++ b/components/illustratedmessage/stories/template.js
@@ -1,3 +1,4 @@
+import { Template as ButtonGroup } from "@spectrum-css/buttongroup/stories/template.js";
import { Template as Typography } from "@spectrum-css/typography/stories/template.js";
import { html } from "lit";
import { classMap } from "lit/directives/class-map.js";
@@ -10,106 +11,99 @@ export const Template = ({
heading,
description,
customClasses = [],
- useAccentColor = false,
-} = {}, context = {}) => html`
+ hasButtons = false,
+ isHorizontal = false,
+ size = "m",
+ customIllustration,
+}) => {
+ const descriptionContent = Array.isArray(description)
+ ? description
+ : [() => html`${description}`];
+ return html`
({ ...a, [c]: true }), {}),
})}
>
- ${illustrationSvgMarkup(useAccentColor)}
- ${when(heading, () =>
- Typography({
- semantics: "heading",
- "size": "m",
- customClasses: [`${rootClass}-heading`],
- content: [heading],
- }, context)
- )}
- ${when(description, () =>
- Typography({
- semantics: "body",
- "size": "s",
- customClasses: [`${rootClass}-description`],
- content: [
- ...description.map((c) => (typeof c === "function" ? c({}) : c))
- ],
- }, context)
- )}
+ ${customIllustration
+ ? customIllustration()
+ : illustrationSvgMarkup(size)}
+<<<<<<< HEAD
+
+=======
+
+>>>>>>> da506c0eb (feat(dropzone): adding dropzone migration)
+ ${when(
+ heading,
+ () =>
+ html`
+ ${heading}
+ `
+ )}
+ ${when(
+ descriptionContent,
+ () =>
+ html`
+ ${descriptionContent.map((c) =>
+ typeof c === "function" ? c({}) : c
+ )}
+
`
+ )}
+ ${when(hasButtons, () =>
+ ButtonGroup({
+ size,
+ customClasses: ["spectrum-IllustratedMessage-actions"],
+ items: [
+ {
+ variant: "secondary",
+ treatment: "outline",
+ label: "Remind me later",
+ },
+ {
+ variant: "accent",
+ treatment: "fill",
+ label: "Rate now",
+ },
+ ]
+ })
+ )}
+
`;
+};
-const illustrationSvgMarkup = (withAccentColorClass = false) => html`
-
-
-
-
-
+export const SizingTemplate = (args) => html`
+ ${["s", "m", "l"].map((size) => {
+ return html`
+ ${Typography({
+ semantics: "detail",
+ size: "s",
+ content: [
+ {
+ s: "Small",
+ m: "Medium",
+ l: "Large",
+ }[size],
+ ],
+ })}
+ ${Template({
+ ...args,
+ size,
+ })}
+
`;
+ })}
`;
diff --git a/components/illustratedmessage/themes/express.css b/components/illustratedmessage/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/illustratedmessage/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/illustratedmessage/themes/spectrum.css b/components/illustratedmessage/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/illustratedmessage/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/infieldbutton/CHANGELOG.md b/components/infieldbutton/CHANGELOG.md
index adb201756c4..af7b3e50d9e 100644
--- a/components/infieldbutton/CHANGELOG.md
+++ b/components/infieldbutton/CHANGELOG.md
@@ -1,5 +1,237 @@
# Change Log
+## 6.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 6.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 6.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#3040](https://github.com/adobe/spectrum-css/pull/3040) [`cf2e737`](https://github.com/adobe/spectrum-css/commit/cf2e73743b2c3d43d4c51fceeabfb99fda1ac4b5) Thanks [@aramos-adobe](https://github.com/aramos-adobe)! - Migrating --mod to index.css from infield button, logic button and table components
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -17,6 +249,12 @@
- [#3289](https://github.com/adobe/spectrum-css/pull/3289) [`d05f25f`](https://github.com/adobe/spectrum-css/commit/d05f25f971f2e0123ad0747c53ad0250c7cee707) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violation by removing unused custom property.
+## 5.1.4
+
+### Patch Changes
+
+- [#3289](https://github.com/adobe/spectrum-css/pull/3289) [`d05f25f`](https://github.com/adobe/spectrum-css/commit/d05f25f971f2e0123ad0747c53ad0250c7cee707) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violation by removing unused custom property.
+
## 5.1.3
### Patch Changes
@@ -69,16 +307,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.2.4...@spectrum-css/infieldbutton@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.2.4...@spectrum-css/infieldbutton@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -86,8 +320,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.2.3...@spectrum-css/infieldbutton@4.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.2.3...@spectrum-css/infieldbutton@4.2.4)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -95,8 +328,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.2.2...@spectrum-css/infieldbutton@4.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.2.2...@spectrum-css/infieldbutton@4.2.3)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -104,8 +336,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.2.1...@spectrum-css/infieldbutton@4.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.2.1...@spectrum-css/infieldbutton@4.2.2)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -113,8 +344,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -122,8 +352,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.1.0...@spectrum-css/infieldbutton@4.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.1.0...@spectrum-css/infieldbutton@4.2.0)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -131,8 +360,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.6...@spectrum-css/infieldbutton@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.6...@spectrum-css/infieldbutton@4.1.0)
### ✨ Features
@@ -148,8 +376,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.5...@spectrum-css/infieldbutton@4.0.6)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.5...@spectrum-css/infieldbutton@4.0.6)
### 🐛 Bug fixes
@@ -160,8 +387,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.4...@spectrum-css/infieldbutton@4.0.5)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.4...@spectrum-css/infieldbutton@4.0.5)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -169,8 +395,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.2...@spectrum-css/infieldbutton@4.0.4)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.2...@spectrum-css/infieldbutton@4.0.4)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -178,8 +403,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.2...@spectrum-css/infieldbutton@4.0.3)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.2...@spectrum-css/infieldbutton@4.0.3)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -187,8 +411,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.1...@spectrum-css/infieldbutton@4.0.2)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.1...@spectrum-css/infieldbutton@4.0.2)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -196,8 +419,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.0...@spectrum-css/infieldbutton@4.0.1)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@4.0.0...@spectrum-css/infieldbutton@4.0.1)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -205,13 +427,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.14...@spectrum-css/infieldbutton@4.0.0)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.14...@spectrum-css/infieldbutton@4.0.0)
\*feat(stepper)!: stepper migrate tokens (#1960)([3a4c217](https://github.com/adobe/spectrum-css/commit/3a4c217)), closes[#1960](https://github.com/adobe/spectrum-css/issues/1960)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates Stepper to use `@adobe/spectrum-tokens`
@@ -330,8 +550,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.14
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.13...@spectrum-css/infieldbutton@3.0.14)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.13...@spectrum-css/infieldbutton@3.0.14)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -339,8 +558,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.13
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.12...@spectrum-css/infieldbutton@3.0.13)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.12...@spectrum-css/infieldbutton@3.0.13)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -348,8 +566,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.12
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.11...@spectrum-css/infieldbutton@3.0.12)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.11...@spectrum-css/infieldbutton@3.0.12)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -357,8 +574,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.11
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.10...@spectrum-css/infieldbutton@3.0.11)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.10...@spectrum-css/infieldbutton@3.0.11)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -366,8 +582,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.10
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.9...@spectrum-css/infieldbutton@3.0.10)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.9...@spectrum-css/infieldbutton@3.0.10)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -375,8 +590,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.9
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.8...@spectrum-css/infieldbutton@3.0.9)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.8...@spectrum-css/infieldbutton@3.0.9)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -384,8 +598,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.8
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.7...@spectrum-css/infieldbutton@3.0.8)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.7...@spectrum-css/infieldbutton@3.0.8)
### 🔙 Reverts
@@ -395,8 +608,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.7
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.6...@spectrum-css/infieldbutton@3.0.7)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.6...@spectrum-css/infieldbutton@3.0.7)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -404,8 +616,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.6
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.4...@spectrum-css/infieldbutton@3.0.6)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.4...@spectrum-css/infieldbutton@3.0.6)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -413,8 +624,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.5
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.4...@spectrum-css/infieldbutton@3.0.5)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.4...@spectrum-css/infieldbutton@3.0.5)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -422,8 +632,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.4
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.3...@spectrum-css/infieldbutton@3.0.4)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.3...@spectrum-css/infieldbutton@3.0.4)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -431,8 +640,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.3
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.2...@spectrum-css/infieldbutton@3.0.3)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.2...@spectrum-css/infieldbutton@3.0.3)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -440,8 +648,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.2
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.1...@spectrum-css/infieldbutton@3.0.2)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.1...@spectrum-css/infieldbutton@3.0.2)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -449,8 +656,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.1
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.0...@spectrum-css/infieldbutton@3.0.1)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@3.0.0...@spectrum-css/infieldbutton@3.0.1)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -458,13 +664,11 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 3.0.0
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.27...@spectrum-css/infieldbutton@3.0.0)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.27...@spectrum-css/infieldbutton@3.0.0)
\*feat(infieldbutton)!: migrate to spectrum tokens([5198fe0](https://github.com/adobe/spectrum-css/commit/5198fe0))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
updates infield button to use `@adobe/spectrum-tokens`
@@ -475,8 +679,7 @@ docs(infieldbutton): remove small stacked variant from docs
## 2.0.27
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.26...@spectrum-css/infieldbutton@2.0.27)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.26...@spectrum-css/infieldbutton@2.0.27)
### 🐛 Bug fixes
@@ -486,8 +689,7 @@ docs(infieldbutton): remove small stacked variant from docs
## 2.0.26
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.25...@spectrum-css/infieldbutton@2.0.26)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.25...@spectrum-css/infieldbutton@2.0.26)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -495,8 +697,7 @@ docs(infieldbutton): remove small stacked variant from docs
## 2.0.25
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.24...@spectrum-css/infieldbutton@2.0.25)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.24...@spectrum-css/infieldbutton@2.0.25)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -504,8 +705,7 @@ docs(infieldbutton): remove small stacked variant from docs
## 2.0.24
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.23...@spectrum-css/infieldbutton@2.0.24)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.23...@spectrum-css/infieldbutton@2.0.24)
### 🐛 Bug fixes
@@ -515,8 +715,7 @@ docs(infieldbutton): remove small stacked variant from docs
## 2.0.23
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.22...@spectrum-css/infieldbutton@2.0.23)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.22...@spectrum-css/infieldbutton@2.0.23)
**Note:** Version bump only for package @spectrum-css/infieldbutton
@@ -524,8 +723,7 @@ docs(infieldbutton): remove small stacked variant from docs
## 2.0.22
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.21...@spectrum-css/infieldbutton@2.0.22)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/infieldbutton@2.0.21...@spectrum-css/infieldbutton@2.0.22)
**Note:** Version bump only for package @spectrum-css/infieldbutton
diff --git a/components/infieldbutton/index.css b/components/infieldbutton/index.css
index 2cf8eb7c715..d194755a259 100644
--- a/components/infieldbutton/index.css
+++ b/components/infieldbutton/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-InfieldButton {
/* Medium size is the default */
--spectrum-infield-button-height: var(--spectrum-component-height-100);
@@ -37,6 +35,7 @@
--mod-infield-button-background-color: var(--mod-infield-button-background-color-disabled, var(--spectrum-disabled-background-color));
--mod-infield-button-background-color-hover: var(--mod-infield-button-background-color-hover-disabled, var(--spectrum-disabled-background-color));
--mod-infield-button-background-color-down: var(--mod-infield-button-background-color-down-disabled, var(--spectrum-disabled-background-color));
+
--mod-infield-button-border-color: var(--mod-infield-button-border-color-disabled, var(--spectrum-disabled-background-color));
--mod-infield-button-icon-color: var(--mod-infield-button-icon-color-disabled, var(--spectrum-disabled-content-color));
@@ -101,11 +100,35 @@
}
}
- &:hover:not(:disabled),
- &:active:not(:disabled),
- &:focus-visible:not(:disabled) {
- @media (forced-colors: active) {
- --highcontrast-infield-button-border-color: Highlight;
+ &:hover {
+ --mod-infield-button-background-color: var(--mod-infield-button-background-color-hover, var(--spectrum-infield-button-background-color-hover));
+ --mod-infield-button-icon-color: var(--mod-infield-button-icon-color-hover, var(--spectrum-infield-button-icon-color-hover));
+ }
+
+ &:active {
+ --mod-infield-button-background-color: var(--mod-infield-button-background-color-down, var(--spectrum-infield-button-background-color-down));
+ --mod-infield-button-icon-color: var(--mod-infield-button-icon-color-down, var(--spectrum-infield-button-icon-color-down));
+ }
+
+ &:focus-visible {
+ --mod-infield-button-background-color: var(--mod-infield-button-background-color-key-focus, var(--spectrum-infield-button-background-color-key-focus));
+ --mod-infield-button-icon-color: var(--mod-infield-button-icon-color-key-focus, var(--spectrum-infield-button-icon-color-key-focus));
+ }
+}
+
+@media (forced-colors: active) {
+ .spectrum-InfieldButton {
+ --highcontrast-infield-button-border-color: ButtonText;
+ --highcontrast-infield-button-border-color-active: Highlight;
+
+ &:disabled {
+ --highcontrast-infield-button-border-color: inherit;
+ }
+
+ &:not(:disabled):hover,
+ &:not(:disabled):active,
+ &:not(:disabled):focus-visible {
+ --highcontrast-infield-button-border-color: var(--highcontrast-infield-button-border-color-active);
}
}
}
@@ -124,104 +147,71 @@
padding: var(--mod-infield-button-edge-to-fill, var(--spectrum-infield-button-edge-to-fill));
- .spectrum-InfieldButton-fill {
- block-size: 100%;
- inline-size: 100%;
-
- background-color: var(--mod-infield-button-background-color, var(--spectrum-infield-button-background-color));
-
- border-width: var(--mod-infield-button-border-width, var(--spectrum-infield-button-border-width));
- border-style: solid;
- border-color: var(--highcontrast-infield-button-border-color, var(--mod-infield-button-border-color, var(--spectrum-infield-button-border-color)));
- border-end-end-radius: var(--mod-infield-button-border-radius, var(--spectrum-infield-button-border-radius));
- border-start-end-radius: var(--mod-infield-button-border-radius, var(--spectrum-infield-button-border-radius));
- border-end-start-radius: var(--mod-infield-button-border-radius, var(--spectrum-infield-button-border-radius));
- border-start-start-radius: var(--mod-infield-button-border-radius, var(--spectrum-infield-button-border-radius));
-
- padding: var(--mod-infield-button-fill-padding, var(--spectrum-infield-button-fill-padding));
+ &:disabled {
+ cursor: auto;
}
- .spectrum-InfieldButton-icon {
- color: var(--mod-infield-button-icon-color, var(--spectrum-infield-button-icon-color));
+ &:focus-visible {
+ outline: none;
}
- &.spectrum-InfieldButton--right {
- .spectrum-InfieldButton-fill {
- border-end-start-radius: var(--mod-infield-button-border-radius-reset, var(--spectrum-infield-button-border-radius-reset));
- border-start-start-radius: var(--mod-infield-button-border-radius-reset, var(--spectrum-infield-button-border-radius-reset));
- }
+ /* Stacked in-field buttons */
+ /* Not currently in use (stepper uses Action Buttons) but adding the CSS so the option is there */
+ &.spectrum-InfieldButton--top,
+ &.spectrum-InfieldButton--bottom {
+ block-size: calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height)) / 2);
}
- &.spectrum-InfieldButton--left {
- .spectrum-InfieldButton-fill {
- border-end-end-radius: var(--mod-infield-button-border-radius-reset, var(--spectrum-infield-button-border-radius-reset));
- border-start-end-radius: var(--mod-infield-button-border-radius-reset, var(--spectrum-infield-button-border-radius-reset));
- }
+ &.spectrum-InfieldButton--top {
+ padding-block-end: var(--mod-infield-button-inner-edge-to-fill, var(--spectrum-infield-button-inner-edge-to-fill));
}
- &:disabled {
- cursor: auto;
- }
-
- &:hover {
- .spectrum-InfieldButton-fill {
- background-color: var(--mod-infield-button-background-color-hover, var(--spectrum-infield-button-background-color-hover));
- }
-
- .spectrum-InfieldButton-icon {
- color: var(--mod-infield-button-icon-color-hover, var(--spectrum-infield-button-icon-color-hover));
- }
+ &.spectrum-InfieldButton--bottom {
+ padding-block-start: var(--mod-infield-button-inner-edge-to-fill, var(--spectrum-infield-button-inner-edge-to-fill));
}
+}
- &:active {
- .spectrum-InfieldButton-fill {
- background-color: var(--mod-infield-button-background-color-down, var(--spectrum-infield-button-background-color-down));
- }
+.spectrum-InfieldButton-fill {
+ block-size: 100%;
+ inline-size: 100%;
- .spectrum-InfieldButton-icon {
- color: var(--mod-infield-button-icon-color-down, var(--spectrum-infield-button-icon-color-down));
- }
- }
+ background-color: var(--mod-infield-button-background-color, var(--spectrum-infield-button-background-color));
- &:focus-visible {
- outline: none;
+ border-width: var(--mod-infield-button-border-width, var(--spectrum-infield-button-border-width));
+ border-style: solid;
+ border-color: var(--highcontrast-infield-button-border-color, var(--mod-infield-button-border-color, var(--spectrum-infield-button-border-color)));
+ border-end-end-radius: var(--mod-infield-button-border-radius, var(--spectrum-infield-button-border-radius));
+ border-start-end-radius: var(--mod-infield-button-border-radius, var(--spectrum-infield-button-border-radius));
+ border-end-start-radius: var(--mod-infield-button-border-radius, var(--spectrum-infield-button-border-radius));
+ border-start-start-radius: var(--mod-infield-button-border-radius, var(--spectrum-infield-button-border-radius));
- .spectrum-InfieldButton-fill {
- background-color: var(--mod-infield-button-background-color-key-focus, var(--spectrum-infield-button-background-color-key-focus));
- }
+ padding: var(--mod-infield-button-fill-padding, var(--spectrum-infield-button-fill-padding));
- .spectrum-InfieldButton-icon {
- color: var(--mod-infield-button-icon-color-key-focus, var(--spectrum-infield-button-icon-color-key-focus));
- }
- }
-}
-
-.spectrum-InfieldButton-fill {
/* center icon */
display: flex;
align-items: center;
justify-content: var(--mod-infield-button-fill-justify-content, var(--spectrum-infield-button-fill-justify-content));
- transition: border-color var(--spectrum-global-animation-duration-100) ease-in-out;
-}
+ transition: border-color var(--spectrum-animation-duration-100) ease-in-out;
+
+ .spectrum-InfieldButton--right & {
+ border-end-start-radius: var(--mod-infield-button-border-radius-reset, var(--spectrum-infield-button-border-radius-reset));
+ border-start-start-radius: var(--mod-infield-button-border-radius-reset, var(--spectrum-infield-button-border-radius-reset));
+ }
-/* Stacked in-field buttons */
-/* Not currently in use (stepper uses Action Buttons) but adding the CSS so the option is there */
-.spectrum-InfieldButton--top,
-.spectrum-InfieldButton--bottom {
- block-size: calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height)) / 2);
+ .spectrum-InfieldButton--left & {
+ border-end-end-radius: var(--mod-infield-button-border-radius-reset, var(--spectrum-infield-button-border-radius-reset));
+ border-start-end-radius: var(--mod-infield-button-border-radius-reset, var(--spectrum-infield-button-border-radius-reset));
+ }
- .spectrum-InfieldButton-fill {
+ .spectrum-InfieldButton--top &,
+ .spectrum-InfieldButton--bottom & {
box-sizing: border-box;
padding-inline-start: calc(var(--mod-infield-button-stacked-fill-padding-inline, var(--spectrum-infield-button-stacked-fill-padding-inline)) - var(--mod-infield-button-edge-to-fill, var(--spectrum-infield-button-edge-to-fill)) - var(--mod-infield-button-border-width, var(--spectrum-infield-button-border-width)));
padding-inline-end: calc(var(--mod-infield-button-stacked-fill-padding-inline, var(--spectrum-infield-button-stacked-fill-padding-inline)) - var(--mod-infield-button-edge-to-fill, var(--spectrum-infield-button-edge-to-fill)) - var(--mod-infield-button-border-width, var(--spectrum-infield-button-border-width)));
}
-}
-
-.spectrum-InfieldButton--top {
- padding-block-end: var(--mod-infield-button-inner-edge-to-fill, var(--spectrum-infield-button-inner-edge-to-fill));
- .spectrum-InfieldButton-fill {
+ .spectrum-InfieldButton--top & {
padding-block-start: calc(var(--mod-infield-button-stacked-fill-padding-outer, var(--spectrum-infield-button-stacked-fill-padding-outer)) - var(--mod-infield-button-edge-to-fill, var(--spectrum-infield-button-edge-to-fill)) - var(--mod-infield-button-border-width, var(--spectrum-infield-button-border-width)));
padding-block-end: calc(var(--mod-infield-button-stacked-fill-padding-inner, var(--spectrum-infield-button-stacked-fill-padding-inner)) - var(--mod-infield-button-inner-edge-to-fill, var(--spectrum-infield-button-inner-edge-to-fill)));
border-block-end: none;
@@ -229,12 +219,8 @@
border-end-start-radius: var(--mod-infield-button-stacked-border-radius-reset, var(--spectrum-infield-button-stacked-border-radius-reset));
border-end-end-radius: var(--mod-infield-button-stacked-border-radius-reset, var(--spectrum-infield-button-stacked-border-radius-reset));
}
-}
-
-.spectrum-InfieldButton--bottom {
- padding-block-start: var(--mod-infield-button-inner-edge-to-fill, var(--spectrum-infield-button-inner-edge-to-fill));
- .spectrum-InfieldButton-fill {
+ .spectrum-InfieldButton--bottom & {
padding-block-start: calc(var(--mod-infield-button-stacked-fill-padding-inner, var(--spectrum-infield-button-stacked-fill-padding-inner)) - var(--mod-infield-button-edge-to-fill, var(--spectrum-infield-button-edge-to-fill)) - var(--mod-infield-button-border-width, var(--spectrum-infield-button-border-width)));
padding-block-end: calc(var(--mod-infield-button-stacked-fill-padding-outer, var(--spectrum-infield-button-stacked-fill-padding-outer)) - var(--mod-infield-button-inner-edge-to-fill, var(--spectrum-infield-button-inner-edge-to-fill)) - var(--mod-infield-button-border-width, var(--spectrum-infield-button-border-width)));
border-end-start-radius: var(--mod-infield-button-stacked-bottom-border-radius-end-start, var(--spectrum-infield-button-stacked-bottom-border-radius-end-start));
@@ -253,4 +239,6 @@
/* remove margin used for centering */
margin: 0 !important;
+
+ color: var(--mod-infield-button-icon-color, var(--spectrum-infield-button-icon-color));
}
diff --git a/components/infieldbutton/metadata/metadata.json b/components/infieldbutton/metadata/metadata.json
index 1b524213f41..c3f8cb94877 100644
--- a/components/infieldbutton/metadata/metadata.json
+++ b/components/infieldbutton/metadata/metadata.json
@@ -2,11 +2,9 @@
"sourceFile": "index.css",
"selectors": [
".spectrum-InfieldButton",
- ".spectrum-InfieldButton .spectrum-InfieldButton-fill",
- ".spectrum-InfieldButton .spectrum-InfieldButton-icon",
- ".spectrum-InfieldButton--bottom",
".spectrum-InfieldButton--bottom .spectrum-InfieldButton-fill",
- ".spectrum-InfieldButton--top",
+ ".spectrum-InfieldButton--left .spectrum-InfieldButton-fill",
+ ".spectrum-InfieldButton--right .spectrum-InfieldButton-fill",
".spectrum-InfieldButton--top .spectrum-InfieldButton-fill",
".spectrum-InfieldButton-fill",
".spectrum-InfieldButton-icon",
@@ -14,10 +12,8 @@
".spectrum-InfieldButton.spectrum-InfieldButton--bottom.spectrum-InfieldButton--sizeL",
".spectrum-InfieldButton.spectrum-InfieldButton--bottom.spectrum-InfieldButton--sizeS",
".spectrum-InfieldButton.spectrum-InfieldButton--bottom.spectrum-InfieldButton--sizeXL",
- ".spectrum-InfieldButton.spectrum-InfieldButton--left .spectrum-InfieldButton-fill",
".spectrum-InfieldButton.spectrum-InfieldButton--quiet",
".spectrum-InfieldButton.spectrum-InfieldButton--quiet:disabled",
- ".spectrum-InfieldButton.spectrum-InfieldButton--right .spectrum-InfieldButton-fill",
".spectrum-InfieldButton.spectrum-InfieldButton--sizeL",
".spectrum-InfieldButton.spectrum-InfieldButton--sizeS",
".spectrum-InfieldButton.spectrum-InfieldButton--sizeXL",
@@ -25,17 +21,13 @@
".spectrum-InfieldButton.spectrum-InfieldButton--top.spectrum-InfieldButton--sizeL",
".spectrum-InfieldButton.spectrum-InfieldButton--top.spectrum-InfieldButton--sizeS",
".spectrum-InfieldButton.spectrum-InfieldButton--top.spectrum-InfieldButton--sizeXL",
- ".spectrum-InfieldButton:active .spectrum-InfieldButton-fill",
- ".spectrum-InfieldButton:active .spectrum-InfieldButton-icon",
- ".spectrum-InfieldButton:active:not(:disabled)",
+ ".spectrum-InfieldButton:active",
".spectrum-InfieldButton:disabled",
".spectrum-InfieldButton:focus-visible",
- ".spectrum-InfieldButton:focus-visible .spectrum-InfieldButton-fill",
- ".spectrum-InfieldButton:focus-visible .spectrum-InfieldButton-icon",
- ".spectrum-InfieldButton:focus-visible:not(:disabled)",
- ".spectrum-InfieldButton:hover .spectrum-InfieldButton-fill",
- ".spectrum-InfieldButton:hover .spectrum-InfieldButton-icon",
- ".spectrum-InfieldButton:hover:not(:disabled)"
+ ".spectrum-InfieldButton:hover",
+ ".spectrum-InfieldButton:not(:disabled):active",
+ ".spectrum-InfieldButton:not(:disabled):focus-visible",
+ ".spectrum-InfieldButton:not(:disabled):hover"
],
"modifiers": [
"--mod-infield-border-color",
@@ -129,37 +121,21 @@
"--spectrum-infield-button-width"
],
"global": [
- "--spectrum-border-width-100",
+ "--spectrum-animation-duration-100",
"--spectrum-component-height-100",
"--spectrum-component-height-200",
"--spectrum-component-height-300",
"--spectrum-component-height-75",
- "--spectrum-corner-radius-100",
- "--spectrum-corner-radius-75",
"--spectrum-disabled-background-color",
"--spectrum-disabled-content-color",
- "--spectrum-global-animation-duration-100",
- "--spectrum-gray-200",
- "--spectrum-gray-300",
- "--spectrum-gray-400",
- "--spectrum-gray-75",
"--spectrum-neutral-content-color-default",
"--spectrum-neutral-content-color-down",
"--spectrum-neutral-content-color-hover",
"--spectrum-neutral-content-color-key-focus"
],
- "system-theme": [
- "--system-spectrum-infieldbutton-spectrum-infield-button-background-color",
- "--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down",
- "--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover",
- "--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus",
- "--system-spectrum-infieldbutton-spectrum-infield-button-border-color",
- "--system-spectrum-infieldbutton-spectrum-infield-button-border-radius",
- "--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset",
- "--system-spectrum-infieldbutton-spectrum-infield-button-border-width",
- "--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start",
- "--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start"
- ],
"passthroughs": [],
- "high-contrast": ["--highcontrast-infield-button-border-color"]
+ "high-contrast": [
+ "--highcontrast-infield-button-border-color",
+ "--highcontrast-infield-button-border-color-active"
+ ]
}
diff --git a/components/infieldbutton/metadata/mods.md b/components/infieldbutton/metadata/mods.md
deleted file mode 100644
index b9732dd92fc..00000000000
--- a/components/infieldbutton/metadata/mods.md
+++ /dev/null
@@ -1,46 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------------- |
-| `--mod-infield-border-color` |
-| `--mod-infield-border-color-quiet` |
-| `--mod-infield-button-background-color` |
-| `--mod-infield-button-background-color-disabled` |
-| `--mod-infield-button-background-color-down` |
-| `--mod-infield-button-background-color-down-disabled` |
-| `--mod-infield-button-background-color-down-quiet` |
-| `--mod-infield-button-background-color-hover` |
-| `--mod-infield-button-background-color-hover-disabled` |
-| `--mod-infield-button-background-color-hover-quiet` |
-| `--mod-infield-button-background-color-key-focus` |
-| `--mod-infield-button-background-color-key-focus-quiet` |
-| `--mod-infield-button-background-color-quiet` |
-| `--mod-infield-button-background-color-quiet-disabled` |
-| `--mod-infield-button-border-color` |
-| `--mod-infield-button-border-color-disabled` |
-| `--mod-infield-button-border-color-quiet-disabled` |
-| `--mod-infield-button-border-radius` |
-| `--mod-infield-button-border-radius-reset` |
-| `--mod-infield-button-border-width` |
-| `--mod-infield-button-border-width-quiet` |
-| `--mod-infield-button-edge-to-fill` |
-| `--mod-infield-button-fill-justify-content` |
-| `--mod-infield-button-fill-padding` |
-| `--mod-infield-button-height` |
-| `--mod-infield-button-icon-color` |
-| `--mod-infield-button-icon-color-disabled` |
-| `--mod-infield-button-icon-color-down` |
-| `--mod-infield-button-icon-color-down-disabled` |
-| `--mod-infield-button-icon-color-hover` |
-| `--mod-infield-button-icon-color-hover-disabled` |
-| `--mod-infield-button-icon-color-key-focus` |
-| `--mod-infield-button-icon-color-key-focus-disabled` |
-| `--mod-infield-button-inner-edge-to-fill` |
-| `--mod-infield-button-stacked-border-radius-reset` |
-| `--mod-infield-button-stacked-bottom-border-block-end-width` |
-| `--mod-infield-button-stacked-bottom-border-radius-end-end` |
-| `--mod-infield-button-stacked-bottom-border-radius-end-start` |
-| `--mod-infield-button-stacked-fill-padding-inline` |
-| `--mod-infield-button-stacked-fill-padding-inner` |
-| `--mod-infield-button-stacked-fill-padding-outer` |
-| `--mod-infield-button-stacked-top-border-radius-start-start` |
-| `--mod-infield-button-width` |
-| `--mod-infield-button-width-stacked` |
diff --git a/components/infieldbutton/package.json b/components/infieldbutton/package.json
index 8fc651ed416..d87a15a0224 100644
--- a/components/infieldbutton/package.json
+++ b/components/infieldbutton/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/infieldbutton",
- "version": "5.2.0",
+ "version": "6.0.0-s2-foundations.17",
"description": "The Spectrum CSS infield button component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"peerDependenciesMeta": {
"@spectrum-css/icon": {
diff --git a/components/infieldbutton/themes/express.css b/components/infieldbutton/themes/express.css
deleted file mode 100644
index 3eb94f10c9c..00000000000
--- a/components/infieldbutton/themes/express.css
+++ /dev/null
@@ -1,32 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-InfieldButton {
- --spectrum-infield-button-border-width: 0;
- --spectrum-infield-button-border-color: transparent;
-
- --spectrum-infield-button-border-radius: var(--spectrum-corner-radius-75);
- --spectrum-infield-button-border-radius-reset: var(--spectrum-corner-radius-75);
-
- --spectrum-infield-button-stacked-top-border-radius-start-start: var(--spectrum-corner-radius-75);
- --spectrum-infield-button-stacked-bottom-border-radius-end-start: var(--spectrum-corner-radius-75);
-
- --spectrum-infield-button-background-color: var(--spectrum-gray-200);
- --spectrum-infield-button-background-color-hover: var(--spectrum-gray-300);
- --spectrum-infield-button-background-color-down: var(--spectrum-gray-400);
- --spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-300);
- }
-}
diff --git a/components/infieldbutton/themes/spectrum.css b/components/infieldbutton/themes/spectrum.css
deleted file mode 100644
index 9bb80540e20..00000000000
--- a/components/infieldbutton/themes/spectrum.css
+++ /dev/null
@@ -1,31 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-InfieldButton {
- --spectrum-infield-button-border-width: var(--spectrum-border-width-100);
- --spectrum-infield-button-border-color: inherit;
-
- --spectrum-infield-button-border-radius: var(--spectrum-corner-radius-100);
- --spectrum-infield-button-border-radius-reset: 0;
-
- /* Have to call these out specifically due to Express differences */
- --spectrum-infield-button-stacked-top-border-radius-start-start: var(--spectrum-infield-button-border-radius-reset);
- --spectrum-infield-button-stacked-bottom-border-radius-end-start: var(--spectrum-infield-button-border-radius-reset);
-
- --spectrum-infield-button-background-color: var(--spectrum-gray-75);
- --spectrum-infield-button-background-color-hover: var(--spectrum-gray-200);
- --spectrum-infield-button-background-color-down: var(--spectrum-gray-300);
- --spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-200);
- }
-}
diff --git a/components/inlinealert/CHANGELOG.md b/components/inlinealert/CHANGELOG.md
index 951d845f7b2..ee19c359aa1 100644
--- a/components/inlinealert/CHANGELOG.md
+++ b/components/inlinealert/CHANGELOG.md
@@ -1,5 +1,248 @@
# Change Log
+## 9.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/button@14.0.0-s2-foundations.19
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 9.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 9.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 9.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 9.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 9.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 9.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 9.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 9.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 9.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 9.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/button@14.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 9.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 9.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 9.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 9.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 9.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 9.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/button@14.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 8.2.0
### Minor Changes
@@ -68,16 +311,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.6...@spectrum-css/inlinealert@8.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.6...@spectrum-css/inlinealert@8.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -85,8 +325,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.6
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.5...@spectrum-css/inlinealert@7.1.6)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.5...@spectrum-css/inlinealert@7.1.6)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -94,8 +333,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.5
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.4...@spectrum-css/inlinealert@7.1.5)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.4...@spectrum-css/inlinealert@7.1.5)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -103,8 +341,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.4
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.3...@spectrum-css/inlinealert@7.1.4)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.3...@spectrum-css/inlinealert@7.1.4)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -112,8 +349,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.2...@spectrum-css/inlinealert@7.1.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.2...@spectrum-css/inlinealert@7.1.3)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -121,8 +357,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.1...@spectrum-css/inlinealert@7.1.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.1.1...@spectrum-css/inlinealert@7.1.2)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -130,8 +365,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -139,8 +373,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.56...@spectrum-css/inlinealert@7.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.56...@spectrum-css/inlinealert@7.1.0)
### ✨ Features
@@ -150,8 +383,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.56
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.55...@spectrum-css/inlinealert@7.0.56)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.55...@spectrum-css/inlinealert@7.0.56)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -159,8 +391,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.55
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.54...@spectrum-css/inlinealert@7.0.55)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.54...@spectrum-css/inlinealert@7.0.55)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -168,8 +399,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.54
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.52...@spectrum-css/inlinealert@7.0.54)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.52...@spectrum-css/inlinealert@7.0.54)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -177,8 +407,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.53
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.52...@spectrum-css/inlinealert@7.0.53)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.52...@spectrum-css/inlinealert@7.0.53)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -186,8 +415,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.52
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.51...@spectrum-css/inlinealert@7.0.52)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.51...@spectrum-css/inlinealert@7.0.52)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -195,8 +423,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.51
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.50...@spectrum-css/inlinealert@7.0.51)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.50...@spectrum-css/inlinealert@7.0.51)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -204,8 +431,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.50
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.49...@spectrum-css/inlinealert@7.0.50)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.49...@spectrum-css/inlinealert@7.0.50)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -213,8 +439,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.49
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.48...@spectrum-css/inlinealert@7.0.49)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.48...@spectrum-css/inlinealert@7.0.49)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -222,8 +447,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.48
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.47...@spectrum-css/inlinealert@7.0.48)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.47...@spectrum-css/inlinealert@7.0.48)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -231,8 +455,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.47
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.46...@spectrum-css/inlinealert@7.0.47)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.46...@spectrum-css/inlinealert@7.0.47)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -240,8 +463,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.46
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.45...@spectrum-css/inlinealert@7.0.46)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.45...@spectrum-css/inlinealert@7.0.46)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -249,8 +471,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.45
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.44...@spectrum-css/inlinealert@7.0.45)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.44...@spectrum-css/inlinealert@7.0.45)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -258,8 +479,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.44
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.43...@spectrum-css/inlinealert@7.0.44)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.43...@spectrum-css/inlinealert@7.0.44)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -267,8 +487,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.43
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.42...@spectrum-css/inlinealert@7.0.43)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.42...@spectrum-css/inlinealert@7.0.43)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -276,8 +495,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.42
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.41...@spectrum-css/inlinealert@7.0.42)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.41...@spectrum-css/inlinealert@7.0.42)
### 🔙 Reverts
@@ -287,8 +505,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.41
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.40...@spectrum-css/inlinealert@7.0.41)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.40...@spectrum-css/inlinealert@7.0.41)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -296,8 +513,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.40
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.38...@spectrum-css/inlinealert@7.0.40)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.38...@spectrum-css/inlinealert@7.0.40)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -305,8 +521,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.39
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.38...@spectrum-css/inlinealert@7.0.39)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.38...@spectrum-css/inlinealert@7.0.39)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -314,8 +529,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.38
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.37...@spectrum-css/inlinealert@7.0.38)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.37...@spectrum-css/inlinealert@7.0.38)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -323,8 +537,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.37
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.36...@spectrum-css/inlinealert@7.0.37)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.36...@spectrum-css/inlinealert@7.0.37)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -332,8 +545,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.36
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.35...@spectrum-css/inlinealert@7.0.36)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.35...@spectrum-css/inlinealert@7.0.36)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -341,8 +553,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.35
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.34...@spectrum-css/inlinealert@7.0.35)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.34...@spectrum-css/inlinealert@7.0.35)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -350,8 +561,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.34
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.33...@spectrum-css/inlinealert@7.0.34)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.33...@spectrum-css/inlinealert@7.0.34)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -359,8 +569,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.33
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.32...@spectrum-css/inlinealert@7.0.33)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.32...@spectrum-css/inlinealert@7.0.33)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -368,8 +577,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.32
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.31...@spectrum-css/inlinealert@7.0.32)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.31...@spectrum-css/inlinealert@7.0.32)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -377,8 +585,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.31
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.30...@spectrum-css/inlinealert@7.0.31)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.30...@spectrum-css/inlinealert@7.0.31)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -386,8 +593,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.30
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.29...@spectrum-css/inlinealert@7.0.30)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.29...@spectrum-css/inlinealert@7.0.30)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -395,8 +601,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.29
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.28...@spectrum-css/inlinealert@7.0.29)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.28...@spectrum-css/inlinealert@7.0.29)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -404,8 +609,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.28
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.27...@spectrum-css/inlinealert@7.0.28)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.27...@spectrum-css/inlinealert@7.0.28)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -413,8 +617,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.27
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.26...@spectrum-css/inlinealert@7.0.27)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.26...@spectrum-css/inlinealert@7.0.27)
### 🐛 Bug fixes
@@ -424,8 +627,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.26
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.25...@spectrum-css/inlinealert@7.0.26)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.25...@spectrum-css/inlinealert@7.0.26)
**Note:** Version bump only for package @spectrum-css/inlinealert
@@ -433,8 +635,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.25
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.24...@spectrum-css/inlinealert@7.0.25)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.24...@spectrum-css/inlinealert@7.0.25)
**Note:** Version bump only for package @spectrum-css/inlinealert
diff --git a/components/inlinealert/index.css b/components/inlinealert/index.css
index 407c1d4b2aa..57894002844 100644
--- a/components/inlinealert/index.css
+++ b/components/inlinealert/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
- @import "./themes/express.css";
-
.spectrum-InLineAlert {
/* Font */
--spectrum-inlinealert-heading-font-family: var(--spectrum-sans-font-family-stack);
@@ -48,9 +46,7 @@
--spectrum-inlinealert-border-and-icon-color-positive: var(--spectrum-positive-visual-color);
--spectrum-inlinealert-border-and-icon-color-notice: var(--spectrum-notice-visual-color);
--spectrum-inlinealert-border-and-icon-color-negative: var(--spectrum-negative-visual-color);
-}
-.spectrum-InLineAlert {
position: relative;
display: inline-block;
@@ -120,6 +116,7 @@
line-height: var(--mod-inlinealert-content-line-height, var(--spectrum-inlinealert-content-line-height));
color: var(--highcontrast-inlinealert-content-color, var(--mod-inlinealert-content-color, var(--spectrum-inlinealert-content-color)));
+
}
.spectrum-InLineAlert-footer {
diff --git a/components/inlinealert/metadata/metadata.json b/components/inlinealert/metadata/metadata.json
index 935c89f08a3..bd5894d28c9 100644
--- a/components/inlinealert/metadata/metadata.json
+++ b/components/inlinealert/metadata/metadata.json
@@ -98,7 +98,6 @@
"--spectrum-spacing-400",
"--spectrum-workflow-icon-size-100"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-inlinealert-background-color",
diff --git a/components/inlinealert/metadata/mods.md b/components/inlinealert/metadata/mods.md
deleted file mode 100644
index ae70a4bbf08..00000000000
--- a/components/inlinealert/metadata/mods.md
+++ /dev/null
@@ -1,28 +0,0 @@
-| Modifiable custom properties |
-| -------------------------------------------------- |
-| `--mod-inlinealert-background-color` |
-| `--mod-inlinealert-border-and-icon-color` |
-| `--mod-inlinealert-border-and-icon-color-info` |
-| `--mod-inlinealert-border-and-icon-color-negative` |
-| `--mod-inlinealert-border-and-icon-color-notice` |
-| `--mod-inlinealert-border-and-icon-color-positive` |
-| `--mod-inlinealert-border-radius` |
-| `--mod-inlinealert-border-width` |
-| `--mod-inlinealert-content-color` |
-| `--mod-inlinealert-content-font-family` |
-| `--mod-inlinealert-content-font-size` |
-| `--mod-inlinealert-content-font-style` |
-| `--mod-inlinealert-content-font-weight` |
-| `--mod-inlinealert-content-line-height` |
-| `--mod-inlinealert-header-color` |
-| `--mod-inlinealert-header-min-block-size` |
-| `--mod-inlinealert-heading-font-family` |
-| `--mod-inlinealert-heading-font-size` |
-| `--mod-inlinealert-heading-font-style` |
-| `--mod-inlinealert-heading-font-weight` |
-| `--mod-inlinealert-heading-line-height` |
-| `--mod-inlinealert-icon-size` |
-| `--mod-inlinealert-min-inline-size` |
-| `--mod-inlinealert-spacing-edge-to-text` |
-| `--mod-inlinealert-spacing-header-content-button` |
-| `--mod-inlinealert-spacing-header-to-icon` |
diff --git a/components/inlinealert/package.json b/components/inlinealert/package.json
index 139d9acbf79..0b1d9231b27 100644
--- a/components/inlinealert/package.json
+++ b/components/inlinealert/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/inlinealert",
- "version": "8.2.0",
+ "version": "9.0.0-s2-foundations.16",
"description": "The Spectrum CSS in-line alert component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,23 +17,24 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/button": ">=13",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/button": ">=14.0.0-next.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"peerDependenciesMeta": {
"@spectrum-css/button": {
diff --git a/components/inlinealert/stories/inlinealert.stories.js b/components/inlinealert/stories/inlinealert.stories.js
index 5ef4fb5f446..67f802cc5f4 100644
--- a/components/inlinealert/stories/inlinealert.stories.js
+++ b/components/inlinealert/stories/inlinealert.stories.js
@@ -59,6 +59,10 @@ export default {
isClosable: false,
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=2659-4482",
+ },
packageJson,
metadata,
},
diff --git a/components/inlinealert/themes/express.css b/components/inlinealert/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/inlinealert/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/inlinealert/themes/spectrum.css b/components/inlinealert/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/inlinealert/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/link/CHANGELOG.md b/components/link/CHANGELOG.md
index 1d215111dca..21130223d68 100644
--- a/components/link/CHANGELOG.md
+++ b/components/link/CHANGELOG.md
@@ -1,5 +1,210 @@
# Change Log
+## 6.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -48,16 +253,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.2.5...@spectrum-css/link@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.2.5...@spectrum-css/link@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -65,8 +267,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.2.4...@spectrum-css/link@4.2.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.2.4...@spectrum-css/link@4.2.5)
**Note:** Version bump only for package @spectrum-css/link
@@ -74,8 +275,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.2.3...@spectrum-css/link@4.2.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.2.3...@spectrum-css/link@4.2.4)
**Note:** Version bump only for package @spectrum-css/link
@@ -83,8 +283,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.2.2...@spectrum-css/link@4.2.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.2.2...@spectrum-css/link@4.2.3)
**Note:** Version bump only for package @spectrum-css/link
@@ -92,8 +291,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.2.1...@spectrum-css/link@4.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.2.1...@spectrum-css/link@4.2.2)
**Note:** Version bump only for package @spectrum-css/link
@@ -101,8 +299,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/link
@@ -110,8 +307,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.1.0...@spectrum-css/link@4.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.1.0...@spectrum-css/link@4.2.0)
**Note:** Version bump only for package @spectrum-css/link
@@ -119,8 +315,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.75...@spectrum-css/link@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.75...@spectrum-css/link@4.1.0)
### ✨ Features
@@ -130,8 +325,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.75
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.74...@spectrum-css/link@4.0.75)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.74...@spectrum-css/link@4.0.75)
**Note:** Version bump only for package @spectrum-css/link
@@ -139,8 +333,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.74
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.73...@spectrum-css/link@4.0.74)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.73...@spectrum-css/link@4.0.74)
**Note:** Version bump only for package @spectrum-css/link
@@ -148,8 +341,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.73
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.71...@spectrum-css/link@4.0.73)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.71...@spectrum-css/link@4.0.73)
**Note:** Version bump only for package @spectrum-css/link
@@ -157,8 +349,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.72
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.71...@spectrum-css/link@4.0.72)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.71...@spectrum-css/link@4.0.72)
**Note:** Version bump only for package @spectrum-css/link
@@ -166,8 +357,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.71
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.70...@spectrum-css/link@4.0.71)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.70...@spectrum-css/link@4.0.71)
**Note:** Version bump only for package @spectrum-css/link
@@ -175,8 +365,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.70
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.69...@spectrum-css/link@4.0.70)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.69...@spectrum-css/link@4.0.70)
**Note:** Version bump only for package @spectrum-css/link
@@ -184,8 +373,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.69
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.68...@spectrum-css/link@4.0.69)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.68...@spectrum-css/link@4.0.69)
**Note:** Version bump only for package @spectrum-css/link
@@ -193,8 +381,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.68
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.67...@spectrum-css/link@4.0.68)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.67...@spectrum-css/link@4.0.68)
**Note:** Version bump only for package @spectrum-css/link
@@ -202,8 +389,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.67
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.66...@spectrum-css/link@4.0.67)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.66...@spectrum-css/link@4.0.67)
**Note:** Version bump only for package @spectrum-css/link
@@ -211,8 +397,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.66
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.65...@spectrum-css/link@4.0.66)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.65...@spectrum-css/link@4.0.66)
**Note:** Version bump only for package @spectrum-css/link
@@ -220,8 +405,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.65
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.64...@spectrum-css/link@4.0.65)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.64...@spectrum-css/link@4.0.65)
**Note:** Version bump only for package @spectrum-css/link
@@ -229,8 +413,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.64
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.63...@spectrum-css/link@4.0.64)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.63...@spectrum-css/link@4.0.64)
**Note:** Version bump only for package @spectrum-css/link
@@ -238,8 +421,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.63
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.62...@spectrum-css/link@4.0.63)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.62...@spectrum-css/link@4.0.63)
**Note:** Version bump only for package @spectrum-css/link
@@ -247,8 +429,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.62
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.61...@spectrum-css/link@4.0.62)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.61...@spectrum-css/link@4.0.62)
### 🔙 Reverts
@@ -258,8 +439,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.61
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.60...@spectrum-css/link@4.0.61)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.60...@spectrum-css/link@4.0.61)
**Note:** Version bump only for package @spectrum-css/link
@@ -267,8 +447,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.60
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.58...@spectrum-css/link@4.0.60)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.58...@spectrum-css/link@4.0.60)
**Note:** Version bump only for package @spectrum-css/link
@@ -276,8 +455,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.59
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.58...@spectrum-css/link@4.0.59)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.58...@spectrum-css/link@4.0.59)
**Note:** Version bump only for package @spectrum-css/link
@@ -285,8 +463,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.58
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.57...@spectrum-css/link@4.0.58)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.57...@spectrum-css/link@4.0.58)
**Note:** Version bump only for package @spectrum-css/link
@@ -294,8 +471,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.57
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.56...@spectrum-css/link@4.0.57)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.56...@spectrum-css/link@4.0.57)
**Note:** Version bump only for package @spectrum-css/link
@@ -303,8 +479,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.56
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.55...@spectrum-css/link@4.0.56)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.55...@spectrum-css/link@4.0.56)
**Note:** Version bump only for package @spectrum-css/link
@@ -312,8 +487,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.55
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.54...@spectrum-css/link@4.0.55)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.54...@spectrum-css/link@4.0.55)
**Note:** Version bump only for package @spectrum-css/link
@@ -321,8 +495,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.54
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.53...@spectrum-css/link@4.0.54)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.53...@spectrum-css/link@4.0.54)
**Note:** Version bump only for package @spectrum-css/link
@@ -330,8 +503,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.53
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.52...@spectrum-css/link@4.0.53)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.52...@spectrum-css/link@4.0.53)
**Note:** Version bump only for package @spectrum-css/link
@@ -339,8 +511,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.52
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.51...@spectrum-css/link@4.0.52)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.51...@spectrum-css/link@4.0.52)
**Note:** Version bump only for package @spectrum-css/link
@@ -348,8 +519,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.51
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.50...@spectrum-css/link@4.0.51)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.50...@spectrum-css/link@4.0.51)
**Note:** Version bump only for package @spectrum-css/link
@@ -357,8 +527,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.50
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.49...@spectrum-css/link@4.0.50)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.49...@spectrum-css/link@4.0.50)
**Note:** Version bump only for package @spectrum-css/link
@@ -366,8 +535,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.49
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.48...@spectrum-css/link@4.0.49)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.48...@spectrum-css/link@4.0.49)
**Note:** Version bump only for package @spectrum-css/link
@@ -375,8 +543,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.48
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.47...@spectrum-css/link@4.0.48)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.47...@spectrum-css/link@4.0.48)
**Note:** Version bump only for package @spectrum-css/link
@@ -384,8 +551,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.47
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.46...@spectrum-css/link@4.0.47)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.46...@spectrum-css/link@4.0.47)
### 🐛 Bug fixes
@@ -395,8 +561,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.46
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.45...@spectrum-css/link@4.0.46)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.45...@spectrum-css/link@4.0.46)
**Note:** Version bump only for package @spectrum-css/link
@@ -404,8 +569,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.45
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.44...@spectrum-css/link@4.0.45)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/link@4.0.44...@spectrum-css/link@4.0.45)
**Note:** Version bump only for package @spectrum-css/link
diff --git a/components/link/index.css b/components/link/index.css
index 4e182c227ba..97a5f291228 100644
--- a/components/link/index.css
+++ b/components/link/index.css
@@ -11,46 +11,20 @@
* governing permissions and limitations under the License.
*/
- @import "./themes/express.css";
-
-.spectrum-Link {
- --spectrum-link-animation-duration: var(--spectrum-animation-duration-100);
-
- /* Colors */
- /* Primary */
- --spectrum-link-text-color-primary-default: var(--spectrum-accent-content-color-default);
- --spectrum-link-text-color-primary-hover: var(--spectrum-accent-content-color-hover);
- --spectrum-link-text-color-primary-active: var(--spectrum-accent-content-color-down);
- --spectrum-link-text-color-primary-focus: var(--spectrum-accent-content-color-key-focus);
-
- /* Secondary */
- --spectrum-link-text-color-secondary-default: var(--spectrum-neutral-content-color-default);
- --spectrum-link-text-color-secondary-hover: var(--spectrum-neutral-content-color-hover);
- --spectrum-link-text-color-secondary-active: var(--spectrum-neutral-content-color-down);
- --spectrum-link-text-color-secondary-focus: var(--spectrum-neutral-content-color-key-focus);
-
- --spectrum-link-text-color-white: var(--spectrum-white);
- --spectrum-link-text-color-black: var(--spectrum-black);
-}
-
/* Windows high contrast mode */
@media (forced-colors: active) {
.spectrum-Link {
- --highcontrast-link-text-color-primary-default: LinkText;
- --highcontrast-link-text-color-primary-hover: LinkText;
- --highcontrast-link-text-color-primary-active: LinkText;
- --highcontrast-link-text-color-primary-focus: LinkText;
-
- --highcontrast-link-text-color-secondary-default: LinkText;
- --highcontrast-link-text-color-secondary-hover: LinkText;
- --highcontrast-link-text-color-secondary-active: LinkText;
- --highcontrast-link-text-color-secondary-focus: LinkText;
-
- --highcontrast-link-text-color-white: LinkText;
- --highcontrast-link-text-color-black: LinkText;
+ --highcontrast-link-text-color: LinkText;
}
}
+.spectrum-Link--secondary {
+ --mod-link-text-color: var(--mod-link-text-color-secondary-default, var(--spectrum-neutral-content-color-default));
+ --mod-link-text-color-hover: var(--mod-link-text-color-secondary-hover, var(--spectrum-neutral-content-color-hover));
+ --mod-link-text-color-active: var(--mod-link-text-color-secondary-active, var(--spectrum-neutral-content-color-down));
+ --mod-link-text-color-focus: var(--mod-link-text-color-secondary-focus, var(--spectrum-neutral-content-color-key-focus));
+}
+
.spectrum-Link {
/* Remove the gray background on active links in IE 10. */
background-color: transparent;
@@ -58,41 +32,30 @@
/* Remove gaps in links underline in iOS 8+ and Safari 8+. */
text-decoration-skip: objects;
text-decoration: underline;
- transition: color var(--mod-link-animation-duration, var(--spectrum-link-animation-duration)) ease-in-out;
+ transition: color var(--mod-link-animation-duration, var(--spectrum-animation-duration-100)) ease-in-out;
outline: none;
cursor: pointer;
- color: var(--highcontrast-link-text-color-primary-default, var(--mod-link-text-color-primary-default, var(--spectrum-link-text-color-primary-default)));
+ /* @deprecated --mod-link-text-color-primary-default in favor of --mod-link-text-color */
+ color: var(--highcontrast-link-text-color, var(--mod-link-text-color, var(--mod-link-text-color-primary-default, var(--spectrum-accent-content-color-default))));
&:hover {
- color: var(--highcontrast-link-text-color-primary-hover, var(--mod-link-text-color-primary-hover, var(--spectrum-link-text-color-primary-hover)));
+ /* @deprecated --mod-link-text-color-primary-hover in favor of --mod-link-text-color-hover */
+ --mod-link-text-color: var(--mod-link-text-color-hover, var(--mod-link-text-color-primary-hover, var(--spectrum-accent-content-color-hover)));
}
&:active {
- color: var(--highcontrast-link-text-color-primary-active, var(--mod-link-text-color-primary-active, var(--spectrum-link-text-color-primary-active)));
+ /* @deprecated --mod-link-text-color-primary-active in favor of --mod-link-text-color-active */
+ --mod-link-text-color: var(--mod-link-text-color-active, var(--mod-link-text-color-primary-active, var(--spectrum-accent-content-color-down)));
}
&:focus-visible {
- color: var(--highcontrast-link-text-color-primary-focus, var(--mod-link-text-color-primary-focus, var(--spectrum-link-text-color-primary-focus)));
+ /* @deprecated --mod-link-text-color-primary-focus in favor of --mod-link-text-color-focus */
+ --mod-link-text-color: var(--mod-link-text-color-focus, var(--mod-link-text-color-primary-focus, var(--spectrum-accent-content-color-key-focus)));
+
text-decoration: underline;
text-decoration-style: double;
- text-decoration-color: var(--highcontrast-link-focus-color, inherit);
- }
-}
-
-.spectrum-Link--secondary {
- color: var(--highcontrast-link-text-color-secondary-default, var(--mod-link-text-color-secondary-default, var(--spectrum-link-text-color-secondary-default)));
-
- &:hover {
- color: var(--highcontrast-link-text-color-secondary-hover, var(--mod-link-text-color-secondary-hover, var(--spectrum-link-text-color-secondary-hover)));
- }
-
- &:active {
- color: var(--highcontrast-link-text-color-secondary-active, var(--mod-link-text-color-secondary-active, var(--spectrum-link-text-color-secondary-active)));
- }
-
- &:focus {
- color: var(--highcontrast-link-text-color-secondary-focus, var(--mod-link-text-color-secondary-focus, var(--spectrum-link-text-color-secondary-focus)));
+ text-decoration-color: inherit;
}
}
@@ -105,21 +68,15 @@
}
.spectrum-Link--staticWhite {
- color: var(--highcontrast-link-text-color-white, var(--mod-link-text-color-white, var(--spectrum-link-text-color-white)));
-
- &:hover,
- &:active,
- &:focus {
- color: var(--highcontrast-link-text-color-white, var(--mod-link-text-color-white, var(--spectrum-link-text-color-white)));
- }
+ --mod-link-text-color: var(--mod-link-text-color-white, var(--spectrum-white));
+ --mod-link-text-color-hover: var(--mod-link-text-color-white, var(--spectrum-white));
+ --mod-link-text-color-active: var(--mod-link-text-color-white, var(--spectrum-white));
+ --mod-link-text-color-focus: var(--mod-link-text-color-white, var(--spectrum-white));
}
.spectrum-Link--staticBlack {
- color: var(--highcontrast-link-text-color-black, var(--mod-link-text-color-black, var(--spectrum-link-text-color-black)));
-
- &:hover,
- &:active,
- &:focus {
- color: var(--highcontrast-link-text-color-black, var(--mod-link-text-color-black, var(--spectrum-link-text-color-black)));
- }
+ --mod-link-text-color: var(--mod-link-text-color-black, var(--spectrum-black));
+ --mod-link-text-color-hover: var(--mod-link-text-color-black, var(--spectrum-black));
+ --mod-link-text-color-active: var(--mod-link-text-color-black, var(--spectrum-black));
+ --mod-link-text-color-focus: var(--mod-link-text-color-black, var(--spectrum-black));
}
diff --git a/components/link/metadata/metadata.json b/components/link/metadata/metadata.json
index a5b1874d5ea..ad90df33840 100644
--- a/components/link/metadata/metadata.json
+++ b/components/link/metadata/metadata.json
@@ -5,24 +5,19 @@
".spectrum-Link--quiet",
".spectrum-Link--quiet:hover",
".spectrum-Link--secondary",
- ".spectrum-Link--secondary:active",
- ".spectrum-Link--secondary:focus",
- ".spectrum-Link--secondary:hover",
".spectrum-Link--staticBlack",
- ".spectrum-Link--staticBlack:active",
- ".spectrum-Link--staticBlack:focus",
- ".spectrum-Link--staticBlack:hover",
".spectrum-Link--staticWhite",
- ".spectrum-Link--staticWhite:active",
- ".spectrum-Link--staticWhite:focus",
- ".spectrum-Link--staticWhite:hover",
".spectrum-Link:active",
".spectrum-Link:focus-visible",
".spectrum-Link:hover"
],
"modifiers": [
"--mod-link-animation-duration",
+ "--mod-link-text-color",
+ "--mod-link-text-color-active",
"--mod-link-text-color-black",
+ "--mod-link-text-color-focus",
+ "--mod-link-text-color-hover",
"--mod-link-text-color-primary-active",
"--mod-link-text-color-primary-default",
"--mod-link-text-color-primary-focus",
@@ -33,19 +28,7 @@
"--mod-link-text-color-secondary-hover",
"--mod-link-text-color-white"
],
- "component": [
- "--spectrum-link-animation-duration",
- "--spectrum-link-text-color-black",
- "--spectrum-link-text-color-primary-active",
- "--spectrum-link-text-color-primary-default",
- "--spectrum-link-text-color-primary-focus",
- "--spectrum-link-text-color-primary-hover",
- "--spectrum-link-text-color-secondary-active",
- "--spectrum-link-text-color-secondary-default",
- "--spectrum-link-text-color-secondary-focus",
- "--spectrum-link-text-color-secondary-hover",
- "--spectrum-link-text-color-white"
- ],
+ "component": [],
"global": [
"--spectrum-accent-content-color-default",
"--spectrum-accent-content-color-down",
@@ -59,19 +42,6 @@
"--spectrum-neutral-content-color-key-focus",
"--spectrum-white"
],
- "system-theme": [],
"passthroughs": [],
- "high-contrast": [
- "--highcontrast-link-focus-color",
- "--highcontrast-link-text-color-black",
- "--highcontrast-link-text-color-primary-active",
- "--highcontrast-link-text-color-primary-default",
- "--highcontrast-link-text-color-primary-focus",
- "--highcontrast-link-text-color-primary-hover",
- "--highcontrast-link-text-color-secondary-active",
- "--highcontrast-link-text-color-secondary-default",
- "--highcontrast-link-text-color-secondary-focus",
- "--highcontrast-link-text-color-secondary-hover",
- "--highcontrast-link-text-color-white"
- ]
+ "high-contrast": ["--highcontrast-link-text-color"]
}
diff --git a/components/link/metadata/mods.md b/components/link/metadata/mods.md
deleted file mode 100644
index 2831c34f716..00000000000
--- a/components/link/metadata/mods.md
+++ /dev/null
@@ -1,13 +0,0 @@
-| Modifiable custom properties |
-| ----------------------------------------- |
-| `--mod-link-animation-duration` |
-| `--mod-link-text-color-black` |
-| `--mod-link-text-color-primary-active` |
-| `--mod-link-text-color-primary-default` |
-| `--mod-link-text-color-primary-focus` |
-| `--mod-link-text-color-primary-hover` |
-| `--mod-link-text-color-secondary-active` |
-| `--mod-link-text-color-secondary-default` |
-| `--mod-link-text-color-secondary-focus` |
-| `--mod-link-text-color-secondary-hover` |
-| `--mod-link-text-color-white` |
diff --git a/components/link/package.json b/components/link/package.json
index dbe72dbc99e..ac7072082e3 100644
--- a/components/link/package.json
+++ b/components/link/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/link",
- "version": "5.2.0",
+ "version": "6.0.0-s2-foundations.16",
"description": "The Spectrum CSS link component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/link/stories/link.stories.js b/components/link/stories/link.stories.js
index ff955ec089b..b025880ae3d 100644
--- a/components/link/stories/link.stories.js
+++ b/components/link/stories/link.stories.js
@@ -70,6 +70,10 @@ export default {
actions: {
handles: ["click .spectrum-Link"],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=18850-110",
+ },
packageJson,
metadata,
},
diff --git a/components/link/stories/template.js b/components/link/stories/template.js
index 2c4cd925c15..a4faba05967 100644
--- a/components/link/stories/template.js
+++ b/components/link/stories/template.js
@@ -19,31 +19,33 @@ export const Template = ({
isVisited = false,
id = getRandomId("link"),
customClasses = [],
-} = {}) => html`
- ({ ...a, [c]: true }), {}),
- })}
- id=${ifDefined(id)}
- href=${ifDefined(url)}
- >
- ${text}
-
-`;
+} = {}) => {
+ return html`
+ ({ ...a, [c]: true }), {}),
+ })}
+ id=${ifDefined(id)}
+ href=${ifDefined(url)}
+ >
+ ${text}
+
+ `;
+};
export const TemplateWithFillerText = (args, context) => html`
Hello, this is a
- ${Template({...args, context})}
+ ${Template(args, context)}
. This is just filler text, but if you keep reading maybe something good will happen.
`;
diff --git a/components/link/themes/express.css b/components/link/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/link/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/link/themes/spectrum.css b/components/link/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/link/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/logicbutton/CHANGELOG.md b/components/logicbutton/CHANGELOG.md
index 334a6fbea44..50534319dc4 100644
--- a/components/logicbutton/CHANGELOG.md
+++ b/components/logicbutton/CHANGELOG.md
@@ -1,5 +1,216 @@
# Change Log
+## 5.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 5.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 5.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 5.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 5.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#3040](https://github.com/adobe/spectrum-css/pull/3040) [`cf2e737`](https://github.com/adobe/spectrum-css/commit/cf2e73743b2c3d43d4c51fceeabfb99fda1ac4b5) Thanks [@aramos-adobe](https://github.com/aramos-adobe)! - Migrating --mod to index.css from infield button, logic button and table components
+
+## 5.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 5.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 5.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 5.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 5.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 5.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 5.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 5.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 5.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 5.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 5.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 5.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 5.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 4.2.0
### Minor Changes
@@ -48,8 +259,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.3.4...@spectrum-css/logicbutton@4.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.3.4...@spectrum-css/logicbutton@4.0.0)
### 🐛 Bug fixes
@@ -69,8 +279,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.3.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.3.3...@spectrum-css/logicbutton@3.3.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.3.3...@spectrum-css/logicbutton@3.3.4)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -78,8 +287,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.3.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.3.2...@spectrum-css/logicbutton@3.3.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.3.2...@spectrum-css/logicbutton@3.3.3)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -87,8 +295,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.3.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.3.1...@spectrum-css/logicbutton@3.3.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.3.1...@spectrum-css/logicbutton@3.3.2)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -96,8 +303,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.3.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -105,8 +311,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.3.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.2.0...@spectrum-css/logicbutton@3.3.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.2.0...@spectrum-css/logicbutton@3.3.0)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -114,8 +319,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.1.0...@spectrum-css/logicbutton@3.2.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.1.0...@spectrum-css/logicbutton@3.2.0)
### ✨ Features
@@ -129,8 +333,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.5...@spectrum-css/logicbutton@3.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.5...@spectrum-css/logicbutton@3.1.0)
### ✨ Features
@@ -140,8 +343,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.5
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.4...@spectrum-css/logicbutton@3.0.5)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.4...@spectrum-css/logicbutton@3.0.5)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -149,8 +351,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.4
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.3...@spectrum-css/logicbutton@3.0.4)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.3...@spectrum-css/logicbutton@3.0.4)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -158,8 +359,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.3
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.1...@spectrum-css/logicbutton@3.0.3)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.1...@spectrum-css/logicbutton@3.0.3)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -167,8 +367,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.2
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.1...@spectrum-css/logicbutton@3.0.2)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.1...@spectrum-css/logicbutton@3.0.2)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -176,8 +375,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.1
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.0...@spectrum-css/logicbutton@3.0.1)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@3.0.0...@spectrum-css/logicbutton@3.0.1)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -185,13 +383,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@2.0.2...@spectrum-css/logicbutton@3.0.0)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@2.0.2...@spectrum-css/logicbutton@3.0.0)
\*feat(logicbutton)!: migrate to use spectrum-tokens (#2175)([f4dc972](https://github.com/adobe/spectrum-css/commit/f4dc972)), closes[#2175](https://github.com/adobe/spectrum-css/issues/2175)[#714](https://github.com/adobe/spectrum-css/issues/714)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates to use `@adobe/spectrum-tokens`
@@ -220,8 +416,7 @@ Adds some extra room between the example buttons in the docs site.
## 2.0.2
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@2.0.1...@spectrum-css/logicbutton@2.0.2)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@2.0.1...@spectrum-css/logicbutton@2.0.2)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -229,8 +424,7 @@ Adds some extra room between the example buttons in the docs site.
## 2.0.1
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@2.0.0...@spectrum-css/logicbutton@2.0.1)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@2.0.0...@spectrum-css/logicbutton@2.0.1)
### 🔙 Reverts
@@ -240,13 +434,11 @@ Adds some extra room between the example buttons in the docs site.
## 2.0.0
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.36...@spectrum-css/logicbutton@2.0.0)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.36...@spectrum-css/logicbutton@2.0.0)
\*refactor(logicbutton)!: replace focus-ring with focus-visible([1bee468](https://github.com/adobe/spectrum-css/commit/1bee468))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
use focus-visible psuedo class for focus styling
@@ -255,8 +447,7 @@ Adds some extra room between the example buttons in the docs site.
## 1.2.36
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.35...@spectrum-css/logicbutton@1.2.36)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.35...@spectrum-css/logicbutton@1.2.36)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -264,8 +455,7 @@ Adds some extra room between the example buttons in the docs site.
## 1.2.35
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.34...@spectrum-css/logicbutton@1.2.35)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.34...@spectrum-css/logicbutton@1.2.35)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -273,8 +463,7 @@ Adds some extra room between the example buttons in the docs site.
## 1.2.34
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.33...@spectrum-css/logicbutton@1.2.34)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.33...@spectrum-css/logicbutton@1.2.34)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -282,8 +471,7 @@ Adds some extra room between the example buttons in the docs site.
## 1.2.33
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.32...@spectrum-css/logicbutton@1.2.33)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.32...@spectrum-css/logicbutton@1.2.33)
### 🐛 Bug fixes
@@ -293,8 +481,7 @@ Adds some extra room between the example buttons in the docs site.
## 1.2.32
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.31...@spectrum-css/logicbutton@1.2.32)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.31...@spectrum-css/logicbutton@1.2.32)
**Note:** Version bump only for package @spectrum-css/logicbutton
@@ -302,8 +489,7 @@ Adds some extra room between the example buttons in the docs site.
## 1.2.31
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.30...@spectrum-css/logicbutton@1.2.31)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/logicbutton@1.2.30...@spectrum-css/logicbutton@1.2.31)
**Note:** Version bump only for package @spectrum-css/logicbutton
diff --git a/components/logicbutton/index.css b/components/logicbutton/index.css
index c2f85821aac..d9d111089b2 100644
--- a/components/logicbutton/index.css
+++ b/components/logicbutton/index.css
@@ -12,7 +12,6 @@
*/
@import "@spectrum-css/commons/basebutton.css";
-@import "./themes/express.css";
.spectrum-LogicButton {
--spectrum-logic-button-height: 24px;
@@ -35,17 +34,17 @@
&:disabled,
&.is-disabled {
- --mod-logic-button-and-background-color: var(--mod-logic-button-and-background-color-disabled, var(--spectrum-gray-200));
- --mod-logic-button-and-border-color: var(--mod-logic-button-and-border-color-disabled, var(--spectrum-gray-200));
+ --mod-logic-button-and-background-color: var(--mod-logic-button-and-background-color-disabled, var(--spectrum-gray-100));
+ --mod-logic-button-and-border-color: var(--mod-logic-button-and-border-color-disabled, var(--spectrum-gray-100));
--mod-logic-button-and-text-color: var(--mod-logic-button-and-text-color-disabled, var(--spectrum-gray-500));
- --mod-logic-button-and-background-color-hover: var(--mod-logic-button-and-background-color-hover-disabled, var(--spectrum-gray-200));
- --mod-logic-button-and-border-color-hover: var(--mod-logic-button-and-border-color-hover-disabled, var(--spectrum-gray-200));
+ --mod-logic-button-and-background-color-hover: var(--mod-logic-button-and-background-color-hover-disabled, var(--spectrum-gray-100));
+ --mod-logic-button-and-border-color-hover: var(--mod-logic-button-and-border-color-hover-disabled, var(--spectrum-gray-100));
- --mod-logic-button-or-background-color: var(--mod-logic-button-or-background-color-disabled, var(--spectrum-gray-200));
- --mod-logic-button-or-border-color: var(--mod-logic-button-or-border-color-disabled, var(--spectrum-gray-200));
+ --mod-logic-button-or-background-color: var(--mod-logic-button-or-background-color-disabled, var(--spectrum-gray-100));
+ --mod-logic-button-or-border-color: var(--mod-logic-button-or-border-color-disabled, var(--spectrum-gray-100));
--mod-logic-button-or-text-color: var(--mod-logic-button-or-text-color-disabled, var(--spectrum-gray-500));
- --mod-logic-button-or-background-color-hover: var(--mod-logic-button-or-background-color-hover-disabled, var(--spectrum-gray-200));
- --mod-logic-button-or-border-color-hover: var(--mod-logic-button-or-border-color-hover-disabled, var(--spectrum-gray-200));
+ --mod-logic-button-or-background-color-hover: var(--mod-logic-button-or-background-color-hover-disabled, var(--spectrum-gray-100));
+ --mod-logic-button-or-border-color-hover: var(--mod-logic-button-or-border-color-hover-disabled, var(--spectrum-gray-100));
}
}
@@ -67,9 +66,7 @@
/* Override border-radius set in %spectrum-ButtonWithFocusRing since this is not a pill button */
border-radius: calc(var(--mod-logic-button-border-radius, var(--spectrum-logic-button-border-radius)) + var(--mod-logic-button-focus-indicator-gap, var(--spectrum-logic-button-focus-indicator-gap)));
}
-}
-.spectrum-LogicButton {
&:focus-visible {
outline: none;
@@ -102,13 +99,7 @@
}
@media (forced-colors: active) {
- .spectrum-LogicButton::after {
- --highcontrast-logic-button-focus-indicator-color: Highlight;
- forced-color-adjust: none;
- }
-
.spectrum-LogicButton {
-
--highcontrast-logic-button-and-background-color: ButtonFace;
--highcontrast-logic-button-and-background-color-hover: ButtonFace;
--highcontrast-logic-button-and-border-color: ButtonText;
@@ -119,8 +110,15 @@
--highcontrast-logic-button-or-border-color: ButtonText;
--highcontrast-logic-button-or-border-color-hover: Highlight;
--highcontrast-logic-button-or-text-color: ButtonText;
+
forced-color-adjust: none;
+ &::after {
+ --highcontrast-logic-button-focus-indicator-color: Highlight;
+
+ forced-color-adjust: none;
+ }
+
&:disabled,
&.is-disabled {
--highcontrast-logic-button-and-background-color: ButtonFace;
diff --git a/components/logicbutton/metadata/metadata.json b/components/logicbutton/metadata/metadata.json
index 36af6ae9a7a..f465c7dffb8 100644
--- a/components/logicbutton/metadata/metadata.json
+++ b/components/logicbutton/metadata/metadata.json
@@ -15,9 +15,6 @@
".spectrum-LogicButton:focus-visible:after"
],
"modifiers": [
- "--mod-animation-duration-100",
- "--mod-focus-indicator-gap",
- "--mod-line-height-100",
"--mod-logic-button-and-background-color",
"--mod-logic-button-and-background-color-disabled",
"--mod-logic-button-and-background-color-hover",
@@ -46,8 +43,7 @@
"--mod-logic-button-or-border-color-hover-disabled",
"--mod-logic-button-or-text-color",
"--mod-logic-button-or-text-color-disabled",
- "--mod-logic-button-padding",
- "--mod-sans-font-family-stack"
+ "--mod-logic-button-padding"
],
"component": [
"--spectrum-logic-button-and-background-color",
@@ -81,13 +77,12 @@
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
"--spectrum-font-size-100",
- "--spectrum-gray-200",
+ "--spectrum-gray-100",
"--spectrum-gray-500",
"--spectrum-line-height-100",
"--spectrum-sans-font-family-stack",
"--spectrum-white"
],
- "system-theme": [],
"passthroughs": [
"--mod-button-animation-duration",
"--mod-button-focus-indicator-gap",
diff --git a/components/logicbutton/metadata/mods.md b/components/logicbutton/metadata/mods.md
deleted file mode 100644
index dc9e630445a..00000000000
--- a/components/logicbutton/metadata/mods.md
+++ /dev/null
@@ -1,35 +0,0 @@
-| Modifiable custom properties |
-| -------------------------------------------------------- |
-| `--mod-animation-duration-100` |
-| `--mod-focus-indicator-gap` |
-| `--mod-line-height-100` |
-| `--mod-logic-button-and-background-color` |
-| `--mod-logic-button-and-background-color-disabled` |
-| `--mod-logic-button-and-background-color-hover` |
-| `--mod-logic-button-and-background-color-hover-disabled` |
-| `--mod-logic-button-and-border-color` |
-| `--mod-logic-button-and-border-color-disabled` |
-| `--mod-logic-button-and-border-color-hover` |
-| `--mod-logic-button-and-border-color-hover-disabled` |
-| `--mod-logic-button-and-text-color` |
-| `--mod-logic-button-and-text-color-disabled` |
-| `--mod-logic-button-border-radius` |
-| `--mod-logic-button-border-width` |
-| `--mod-logic-button-focus-indicator-color` |
-| `--mod-logic-button-focus-indicator-gap` |
-| `--mod-logic-button-focus-indicator-width` |
-| `--mod-logic-button-font-size` |
-| `--mod-logic-button-font-weight` |
-| `--mod-logic-button-height` |
-| `--mod-logic-button-or-background-color` |
-| `--mod-logic-button-or-background-color-disabled` |
-| `--mod-logic-button-or-background-color-hover` |
-| `--mod-logic-button-or-background-color-hover-disabled` |
-| `--mod-logic-button-or-border-color` |
-| `--mod-logic-button-or-border-color-disabled` |
-| `--mod-logic-button-or-border-color-hover` |
-| `--mod-logic-button-or-border-color-hover-disabled` |
-| `--mod-logic-button-or-text-color` |
-| `--mod-logic-button-or-text-color-disabled` |
-| `--mod-logic-button-padding` |
-| `--mod-sans-font-family-stack` |
diff --git a/components/logicbutton/package.json b/components/logicbutton/package.json
index dda75daeb7d..e41dcd84a88 100644
--- a/components/logicbutton/package.json
+++ b/components/logicbutton/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/logicbutton",
- "version": "4.2.0",
+ "version": "5.0.0-s2-foundations.17",
"description": "The Spectrum CSS logicbutton component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/commons": "workspace:^"
diff --git a/components/logicbutton/stories/template.js b/components/logicbutton/stories/template.js
index 889eda68e38..02f5b3aa028 100644
--- a/components/logicbutton/stories/template.js
+++ b/components/logicbutton/stories/template.js
@@ -8,22 +8,24 @@ export const Template = ({
customClasses = [],
variant = "and",
isDisabled = false,
-} = {}) => html`
- ({ ...a, [c]: true }), {}),
- })}
- aria-disabled=${isDisabled ? "true" : "false"}
- ?disabled=${isDisabled}
- type="button"
- >
- ${variant
- ? variant.charAt(0).toUpperCase() + variant.slice(1)
- : undefined}
-
-`;
+} = {}) => {
+ return html`
+ ({ ...a, [c]: true }), {}),
+ })}
+ aria-disabled=${isDisabled ? "true" : "false"}
+ ?disabled=${isDisabled}
+ type="button"
+ >
+ ${variant
+ ? variant.charAt(0).toUpperCase() + variant.slice(1)
+ : undefined}
+
+ `;
+};
export const VariantGroup = (args, context) => html`
${Template({...args}, context)}
diff --git a/components/logicbutton/themes/express.css b/components/logicbutton/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/logicbutton/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/logicbutton/themes/spectrum.css b/components/logicbutton/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/logicbutton/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/menu/CHANGELOG.md b/components/menu/CHANGELOG.md
index 4a3e1d5706e..6c4081b4ab1 100644
--- a/components/menu/CHANGELOG.md
+++ b/components/menu/CHANGELOG.md
@@ -1,5 +1,316 @@
# Change Log
+## 8.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/tray@4.0.0-next.0
+
+## 8.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.20
+ - @spectrum-css/divider@4.0.0-s2-foundations.16
+ - @spectrum-css/switch@6.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+ - @spectrum-css/tray@4.0.0-s2-foundations.16
+
+## 8.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`085ecbc`](https://github.com/adobe/spectrum-css/commit/085ecbc739cf736e8d95377d605f2a7c4104bcc0) Thanks [@pfulton](https://github.com/pfulton)! - Pulled out _form_ from _fieldlabel_ package.
+ Pulled out _meter_ from _progressbar_ package.
+
+ [SWC-522] fix hover style regression
+
+## 8.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.18
+ - @spectrum-css/divider@4.0.0-s2-foundations.15
+ - @spectrum-css/switch@6.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+ - @spectrum-css/tray@4.0.0-s2-foundations.15
+
+## 8.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.17
+ - @spectrum-css/divider@4.0.0-s2-foundations.14
+ - @spectrum-css/switch@6.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tray@4.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 8.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.16
+ - @spectrum-css/divider@4.0.0-s2-foundations.13
+ - @spectrum-css/switch@6.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tray@4.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 8.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.12
+ - @spectrum-css/divider@4.0.0-s2-foundations.12
+ - @spectrum-css/switch@6.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tray@4.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 8.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.11
+ - @spectrum-css/divider@4.0.0-s2-foundations.11
+ - @spectrum-css/switch@6.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tray@4.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 8.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.10
+ - @spectrum-css/divider@4.0.0-s2-foundations.10
+ - @spectrum-css/switch@6.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tray@4.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 8.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.9
+ - @spectrum-css/divider@4.0.0-s2-foundations.9
+ - @spectrum-css/switch@6.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tray@4.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 8.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.8
+ - @spectrum-css/divider@4.0.0-s2-foundations.8
+ - @spectrum-css/switch@6.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tray@4.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 8.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.7
+ - @spectrum-css/divider@4.0.0-s2-foundations.7
+ - @spectrum-css/switch@6.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tray@4.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 8.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.6
+ - @spectrum-css/divider@4.0.0-s2-foundations.6
+ - @spectrum-css/switch@6.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+ - @spectrum-css/tray@4.0.0-s2-foundations.6
+
+## 8.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.5
+ - @spectrum-css/divider@4.0.0-s2-foundations.5
+ - @spectrum-css/switch@6.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tray@4.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 8.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.4
+ - @spectrum-css/divider@4.0.0-s2-foundations.4
+ - @spectrum-css/switch@6.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tray@4.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 8.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.3
+ - @spectrum-css/divider@4.0.0-s2-foundations.3
+ - @spectrum-css/switch@6.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tray@4.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 8.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.2
+ - @spectrum-css/divider@4.0.0-s2-foundations.2
+ - @spectrum-css/switch@6.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tray@4.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 8.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.1
+ - @spectrum-css/divider@4.0.0-s2-foundations.1
+ - @spectrum-css/switch@6.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tray@4.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 8.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.0
+ - @spectrum-css/divider@4.0.0-s2-foundations.0
+ - @spectrum-css/switch@6.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+ - @spectrum-css/tray@4.0.0-s2-foundations.0
+
## 7.2.0
### Minor Changes
@@ -27,6 +338,18 @@
- [#3290](https://github.com/adobe/spectrum-css/pull/3290) [`df4c029`](https://github.com/adobe/spectrum-css/commit/df4c029babe8007a783099f9989af1e2c2e8181e) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violation by removing unused custom property.
+## 7.1.9
+
+### Patch Changes
+
+- [#3300](https://github.com/adobe/spectrum-css/pull/3300) [`89797d0`](https://github.com/adobe/spectrum-css/commit/89797d0324bcbf2195a28840ce87ed6959da24a5) Thanks [@castastrophe](https://github.com/castastrophe)! - Add passthrough markers to prevent unnecessary warnings about unused custom properties
+
+## 7.1.8
+
+### Patch Changes
+
+- [#3290](https://github.com/adobe/spectrum-css/pull/3290) [`df4c029`](https://github.com/adobe/spectrum-css/commit/df4c029babe8007a783099f9989af1e2c2e8181e) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violation by removing unused custom property.
+
## 7.1.7
### Patch Changes
@@ -121,16 +444,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.1.5...@spectrum-css/menu@7.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.1.5...@spectrum-css/menu@7.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -138,8 +458,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.1.4...@spectrum-css/menu@6.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.1.4...@spectrum-css/menu@6.1.5)
### 🐛 Bug fixes
@@ -149,8 +468,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.1.3...@spectrum-css/menu@6.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.1.3...@spectrum-css/menu@6.1.4)
**Note:** Version bump only for package @spectrum-css/menu
@@ -158,8 +476,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.1.2...@spectrum-css/menu@6.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.1.2...@spectrum-css/menu@6.1.3)
**Note:** Version bump only for package @spectrum-css/menu
@@ -167,8 +484,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.1.1...@spectrum-css/menu@6.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.1.1...@spectrum-css/menu@6.1.2)
**Note:** Version bump only for package @spectrum-css/menu
@@ -176,8 +492,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/menu
@@ -185,8 +500,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.0.0...@spectrum-css/menu@6.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@6.0.0...@spectrum-css/menu@6.1.0)
### 🐛 Bug fixes
@@ -196,8 +510,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.2.1...@spectrum-css/menu@6.0.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.2.1...@spectrum-css/menu@6.0.0)
### ✨ Features
@@ -205,8 +518,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*fix(menu)!: reimplement text truncating (#2299)([9752d02](https://github.com/adobe/spectrum-css/commit/9752d02)), closes[#2299](https://github.com/adobe/spectrum-css/issues/2299)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
removes flex-based display, renames classes, reintroduces truncation
@@ -232,8 +544,7 @@ Additionally:
## 5.2.1
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.2.0...@spectrum-css/menu@5.2.1)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.2.0...@spectrum-css/menu@5.2.1)
**Note:** Version bump only for package @spectrum-css/menu
@@ -241,8 +552,7 @@ Additionally:
## 5.2.0
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.5...@spectrum-css/menu@5.2.0)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.5...@spectrum-css/menu@5.2.0)
### ✨ Features
@@ -256,8 +566,7 @@ Additionally:
## 5.1.5
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.3...@spectrum-css/menu@5.1.5)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.3...@spectrum-css/menu@5.1.5)
**Note:** Version bump only for package @spectrum-css/menu
@@ -265,8 +574,7 @@ Additionally:
## 5.1.4
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.3...@spectrum-css/menu@5.1.4)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.3...@spectrum-css/menu@5.1.4)
**Note:** Version bump only for package @spectrum-css/menu
@@ -274,8 +582,7 @@ Additionally:
## 5.1.3
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.2...@spectrum-css/menu@5.1.3)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.2...@spectrum-css/menu@5.1.3)
**Note:** Version bump only for package @spectrum-css/menu
@@ -283,8 +590,7 @@ Additionally:
## 5.1.2
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.1...@spectrum-css/menu@5.1.2)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.1...@spectrum-css/menu@5.1.2)
### 🐛 Bug fixes
@@ -294,8 +600,7 @@ Additionally:
## 5.1.1
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.0...@spectrum-css/menu@5.1.1)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.1.0...@spectrum-css/menu@5.1.1)
**Note:** Version bump only for package @spectrum-css/menu
@@ -303,8 +608,7 @@ Additionally:
## 5.1.0
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.12...@spectrum-css/menu@5.1.0)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.12...@spectrum-css/menu@5.1.0)
### ✨ Features
@@ -314,8 +618,7 @@ Additionally:
## 5.0.12
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.11...@spectrum-css/menu@5.0.12)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.11...@spectrum-css/menu@5.0.12)
**Note:** Version bump only for package @spectrum-css/menu
@@ -323,8 +626,7 @@ Additionally:
## 5.0.11
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.10...@spectrum-css/menu@5.0.11)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.10...@spectrum-css/menu@5.0.11)
**Note:** Version bump only for package @spectrum-css/menu
@@ -332,8 +634,7 @@ Additionally:
## 5.0.10
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.9...@spectrum-css/menu@5.0.10)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.9...@spectrum-css/menu@5.0.10)
**Note:** Version bump only for package @spectrum-css/menu
@@ -341,8 +642,7 @@ Additionally:
## 5.0.9
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.8...@spectrum-css/menu@5.0.9)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.8...@spectrum-css/menu@5.0.9)
**Note:** Version bump only for package @spectrum-css/menu
@@ -350,8 +650,7 @@ Additionally:
## 5.0.8
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.7...@spectrum-css/menu@5.0.8)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.7...@spectrum-css/menu@5.0.8)
**Note:** Version bump only for package @spectrum-css/menu
@@ -359,8 +658,7 @@ Additionally:
## 5.0.7
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.6...@spectrum-css/menu@5.0.7)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.6...@spectrum-css/menu@5.0.7)
### 🔙 Reverts
@@ -370,8 +668,7 @@ Additionally:
## 5.0.6
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.5...@spectrum-css/menu@5.0.6)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.5...@spectrum-css/menu@5.0.6)
**Note:** Version bump only for package @spectrum-css/menu
@@ -379,8 +676,7 @@ Additionally:
## 5.0.5
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.3...@spectrum-css/menu@5.0.5)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.3...@spectrum-css/menu@5.0.5)
**Note:** Version bump only for package @spectrum-css/menu
@@ -388,8 +684,7 @@ Additionally:
## 5.0.4
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.3...@spectrum-css/menu@5.0.4)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.3...@spectrum-css/menu@5.0.4)
**Note:** Version bump only for package @spectrum-css/menu
@@ -397,8 +692,7 @@ Additionally:
## 5.0.3
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.2...@spectrum-css/menu@5.0.3)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.2...@spectrum-css/menu@5.0.3)
**Note:** Version bump only for package @spectrum-css/menu
@@ -406,8 +700,7 @@ Additionally:
## 5.0.2
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.1...@spectrum-css/menu@5.0.2)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.1...@spectrum-css/menu@5.0.2)
**Note:** Version bump only for package @spectrum-css/menu
@@ -415,8 +708,7 @@ Additionally:
## 5.0.1
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.0...@spectrum-css/menu@5.0.1)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@5.0.0...@spectrum-css/menu@5.0.1)
**Note:** Version bump only for package @spectrum-css/menu
@@ -424,8 +716,7 @@ Additionally:
## 5.0.0
-🗓
-2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.50...@spectrum-css/menu@5.0.0)
+🗓 2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.50...@spectrum-css/menu@5.0.0)
### ✨ Features
@@ -625,8 +916,7 @@ Adds new standard section about -mod custom properties.
## 4.0.50
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.49...@spectrum-css/menu@4.0.50)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.49...@spectrum-css/menu@4.0.50)
**Note:** Version bump only for package @spectrum-css/menu
@@ -634,8 +924,7 @@ Adds new standard section about -mod custom properties.
## 4.0.49
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.48...@spectrum-css/menu@4.0.49)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.48...@spectrum-css/menu@4.0.49)
**Note:** Version bump only for package @spectrum-css/menu
@@ -643,8 +932,7 @@ Adds new standard section about -mod custom properties.
## 4.0.48
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.47...@spectrum-css/menu@4.0.48)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.47...@spectrum-css/menu@4.0.48)
**Note:** Version bump only for package @spectrum-css/menu
@@ -652,8 +940,7 @@ Adds new standard section about -mod custom properties.
## 4.0.47
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.46...@spectrum-css/menu@4.0.47)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.46...@spectrum-css/menu@4.0.47)
**Note:** Version bump only for package @spectrum-css/menu
@@ -661,8 +948,7 @@ Adds new standard section about -mod custom properties.
## 4.0.46
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.45...@spectrum-css/menu@4.0.46)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.45...@spectrum-css/menu@4.0.46)
**Note:** Version bump only for package @spectrum-css/menu
@@ -670,8 +956,7 @@ Adds new standard section about -mod custom properties.
## 4.0.45
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.44...@spectrum-css/menu@4.0.45)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.44...@spectrum-css/menu@4.0.45)
**Note:** Version bump only for package @spectrum-css/menu
@@ -679,8 +964,7 @@ Adds new standard section about -mod custom properties.
## 4.0.44
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.43...@spectrum-css/menu@4.0.44)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.43...@spectrum-css/menu@4.0.44)
**Note:** Version bump only for package @spectrum-css/menu
@@ -688,8 +972,7 @@ Adds new standard section about -mod custom properties.
## 4.0.43
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.42...@spectrum-css/menu@4.0.43)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.42...@spectrum-css/menu@4.0.43)
**Note:** Version bump only for package @spectrum-css/menu
@@ -697,8 +980,7 @@ Adds new standard section about -mod custom properties.
## 4.0.42
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.41...@spectrum-css/menu@4.0.42)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.41...@spectrum-css/menu@4.0.42)
**Note:** Version bump only for package @spectrum-css/menu
@@ -706,8 +988,7 @@ Adds new standard section about -mod custom properties.
## 4.0.41
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.40...@spectrum-css/menu@4.0.41)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.40...@spectrum-css/menu@4.0.41)
### 🐛 Bug fixes
@@ -717,8 +998,7 @@ Adds new standard section about -mod custom properties.
## 4.0.40
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.39...@spectrum-css/menu@4.0.40)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.39...@spectrum-css/menu@4.0.40)
**Note:** Version bump only for package @spectrum-css/menu
@@ -726,8 +1006,7 @@ Adds new standard section about -mod custom properties.
## 4.0.39
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.38...@spectrum-css/menu@4.0.39)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/menu@4.0.38...@spectrum-css/menu@4.0.39)
**Note:** Version bump only for package @spectrum-css/menu
diff --git a/components/menu/index.css b/components/menu/index.css
index beedd2c07a2..e7079d7c37d 100644
--- a/components/menu/index.css
+++ b/components/menu/index.css
@@ -11,31 +11,77 @@
* governing permissions and limitations under the License.
*/
- @import "./themes/express.css";
+@media (forced-colors: active) {
+ .spectrum-Menu {
+ --highcontrast-menu-item-background-color-default: ButtonFace;
+ --highcontrast-menu-item-color-default: ButtonText;
-.spectrum-Menu {
- --spectrum-menu-item-min-height: var(--spectrum-component-height-100);
- --spectrum-menu-item-icon-height: var(--spectrum-workflow-icon-size-100);
- --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-100);
- --spectrum-menu-item-label-font-size: var(--spectrum-font-size-100);
- --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-100);
+ --highcontrast-menu-item-background-color-focus: Highlight;
+ --highcontrast-menu-item-color-focus: HighlightText;
- --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-100);
- --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-100);
- --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-100);
+ --highcontrast-menu-checkmark-icon-color-default: Highlight;
- --spectrum-menu-item-text-to-control: var(--spectrum-text-to-control-100);
+ --highcontrast-menu-item-color-disabled: GrayText;
+ --highcontrast-menu-item-focus-indicator-color: Highlight;
- --spectrum-menu-item-description-font-size: var(--spectrum-font-size-75);
+ --highcontrast-menu-item-selected-background-color: Highlight;
+ --highcontrast-menu-item-selected-color: HighlightText;
- --spectrum-menu-section-header-font-size: var(--spectrum-font-size-100);
- --spectrum-menu-section-header-min-width: var(--spectrum-component-height-100);
+ @supports (color: SelectedItem) {
+ --highcontrast-menu-item-selected-background-color: SelectedItem;
+ --highcontrast-menu-item-selected-color: SelectedItemText;
+ }
- --spectrum-menu-item-selectable-edge-to-text-not-selected: var(--spectrum-menu-item-selectable-edge-to-text-not-selected-medium);
+ .spectrum-Menu-item {
+ /* Hide unstylable readability backplates. */
+ forced-color-adjust: none;
+ }
- --spectrum-menu-item-checkmark-height: var(--spectrum-menu-item-checkmark-height-medium);
- --spectrum-menu-item-checkmark-width: var(--spectrum-menu-item-checkmark-width-medium);
- --spectrum-menu-item-top-to-checkmark: var(--spectrum-menu-item-top-to-selected-icon-medium);
+ .spectrum-Menu-item:hover,
+ .spectrum-Menu-item:focus {
+ .spectrum-Menu-itemCheckbox {
+ /* @passthrough start */
+ --highcontrast-checkbox-highlight-color-hover: ButtonText;
+ --highcontrast-checkbox-highlight-color-default: ButtonText;
+ /* @passthrough end */
+ }
+
+ .spectrum-Menu-itemSwitch {
+ /* @passthrough start */
+ --highcontrast-switch-handle-border-color-hover: ButtonText;
+ --highcontrast-switch-handle-border-color-selected-default: ButtonText;
+ --highcontrast-switch-handle-border-color-selected-hover: ButtonText;
+ --highcontrast-switch-background-color-selected-default: ButtonText;
+ --highcontrast-switch-background-color-selected-hover: ButtonText;
+ /* @passthrough end */
+ }
+ }
+
+ .spectrum-Menu-item--drillIn.is-open {
+ --highcontrast-menu-item-background-color-default: var(--highcontrast-menu-item-selected-background-color);
+ --highcontrast-menu-item-color-default: var(--highcontrast-menu-item-selected-color);
+ }
+
+ .spectrum-Menu-item--collapsible.is-open {
+ &:hover,
+ &:focus-within {
+ box-shadow: inset calc(var(--mod-menu-item-focus-indicator-width, var(--spectrum-menu-item-focus-indicator-width)) * var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--mod-menu-item-focus-indicator-color, var(--spectrum-menu-item-focus-indicator-color)));
+ }
+
+ &:hover,
+ &:active,
+ &:focus,
+ &.is-focused {
+ --highcontrast-menu-item-color-focus: var(--highcontrast-menu-item-color-default);
+ }
+ }
+ }
+}
+
+.spectrum-Menu {
+ --spectrum-menu-item-background-color-hover: rgba(var(--spectrum-gray-1000-rgb), var(--spectrum-transparent-black-200-opacity));
+ --spectrum-menu-item-background-color-down: rgba(var(--spectrum-gray-1000-rgb), var(--spectrum-transparent-black-200-opacity));
+ --spectrum-menu-item-background-color-key-focus: rgba(var(--spectrum-gray-1000-rgb), var(--spectrum-transparent-black-200-opacity));
--spectrum-menu-item-top-to-action: var(--spectrum-spacing-50);
--spectrum-menu-item-top-to-checkbox: var(--spectrum-spacing-50);
@@ -94,161 +140,115 @@
--spectrum-menu-checkmark-display-shown: block;
--spectrum-menu-checkmark-display: var(--spectrum-menu-checkmark-display-shown);
- --spectrum-menu-back-icon-margin: var(--spectrum-navigational-indicator-top-to-back-icon-medium);
-
- /* "no" icon: just the chevron (we're not counting it because it HAS to be there for a collapsible) */
- --spectrum-menu-item-collapsible-no-icon-submenu-item-padding-x-start: calc((var(--spectrum-menu-item-label-inline-edge-to-content) + var(--spectrum-menu-item-checkmark-width) + var(--spectrum-menu-item-label-text-to-visual) + var(--spectrum-menu-item-focus-indicator-width)));
-}
-
-.spectrum-Menu--sizeS {
- --spectrum-menu-item-min-height: var(--spectrum-component-height-75);
- --spectrum-menu-item-icon-height: var(--spectrum-workflow-icon-size-75);
- --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-75);
- --spectrum-menu-item-label-font-size: var(--spectrum-font-size-75);
- --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-75);
-
- --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-75);
- --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-75);
- --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-75);
-
- --spectrum-menu-item-text-to-control: var(--spectrum-text-to-control-75);
-
- --spectrum-menu-item-description-font-size: var(--spectrum-font-size-50);
+ --spectrum-menu-item-min-height: var(--spectrum-component-height-100);
+ --spectrum-menu-item-icon-height: var(--spectrum-workflow-icon-size-100);
+ --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-100);
+ --spectrum-menu-item-label-font-size: var(--spectrum-font-size-100);
+ --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-100);
- --spectrum-menu-section-header-font-size: var(--spectrum-font-size-75);
- --spectrum-menu-section-header-min-width: var(--spectrum-component-height-75);
+ --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-100);
+ --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-100);
+ --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-100);
- --spectrum-menu-item-selectable-edge-to-text-not-selected: var(--spectrum-menu-item-selectable-edge-to-text-not-selected-small);
+ --spectrum-menu-item-text-to-control: var(--spectrum-text-to-control-100);
- --spectrum-menu-item-checkmark-height: var(--spectrum-menu-item-checkmark-height-small);
- --spectrum-menu-item-checkmark-width: var(--spectrum-menu-item-checkmark-width-small);
- --spectrum-menu-item-top-to-checkmark: var(--spectrum-menu-item-top-to-selected-icon-small);
+ --spectrum-menu-item-description-font-size: var(--spectrum-font-size-75);
- --spectrum-menu-back-icon-margin: var(--spectrum-navigational-indicator-top-to-back-icon-small);
-}
+ --spectrum-menu-section-header-font-size: var(--spectrum-font-size-100);
+ --spectrum-menu-section-header-min-width: var(--spectrum-component-height-100);
-.spectrum-Menu--sizeL {
- --spectrum-menu-item-min-height: var(--spectrum-component-height-200);
- --spectrum-menu-item-icon-height: var(--spectrum-workflow-icon-size-200);
- --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-200);
- --spectrum-menu-item-label-font-size: var(--spectrum-font-size-200);
- --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-200);
+ --spectrum-menu-item-selectable-edge-to-text-not-selected: var(--spectrum-menu-item-selectable-edge-to-text-not-selected-medium);
- --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-200);
- --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-200);
- --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-200);
+ --spectrum-menu-item-checkmark-height: var(--spectrum-menu-item-checkmark-height-medium);
+ --spectrum-menu-item-checkmark-width: var(--spectrum-menu-item-checkmark-width-medium);
+ --spectrum-menu-item-top-to-checkmark: var(--spectrum-menu-item-top-to-selected-icon-medium);
- --spectrum-menu-item-text-to-control: var(--spectrum-text-to-control-200);
+ --spectrum-menu-back-icon-margin: var(--spectrum-navigational-indicator-top-to-back-icon-medium);
- --spectrum-menu-item-description-font-size: var(--spectrum-font-size-100);
+ /* "no" icon: just the chevron (we're not counting it because it HAS to be there for a collapsible) */
+ --spectrum-menu-item-collapsible-no-icon-submenu-item-padding-x-start: calc((var(--spectrum-menu-item-label-inline-edge-to-content) + var(--spectrum-menu-item-checkmark-width) + var(--spectrum-menu-item-label-text-to-visual) + var(--spectrum-menu-item-focus-indicator-width)));
- --spectrum-menu-section-header-font-size: var(--spectrum-font-size-200);
- --spectrum-menu-section-header-min-width: var(--spectrum-component-height-200);
+ &.spectrum-Menu--sizeS {
+ --spectrum-menu-item-min-height: var(--spectrum-component-height-75);
+ --spectrum-menu-item-icon-height: var(--spectrum-workflow-icon-size-75);
+ --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-75);
+ --spectrum-menu-item-label-font-size: var(--spectrum-font-size-75);
+ --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-75);
- --spectrum-menu-item-selectable-edge-to-text-not-selected: var(--spectrum-menu-item-selectable-edge-to-text-not-selected-large);
+ --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-75);
+ --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-75);
+ --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-75);
- --spectrum-menu-item-checkmark-height: var(--spectrum-menu-item-checkmark-height-large);
- --spectrum-menu-item-checkmark-width: var(--spectrum-menu-item-checkmark-width-large);
- --spectrum-menu-item-top-to-checkmark: var(--spectrum-menu-item-top-to-selected-icon-large);
+ --spectrum-menu-item-text-to-control: var(--spectrum-text-to-control-75);
- --spectrum-menu-back-icon-margin: var(--spectrum-navigational-indicator-top-to-back-icon-large);
-}
+ --spectrum-menu-item-description-font-size: var(--spectrum-font-size-50);
-.spectrum-Menu--sizeXL {
- --spectrum-menu-item-min-height: var(--spectrum-component-height-300);
- --spectrum-menu-item-icon-height: var(--spectrum-workflow-icon-size-300);
- --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-300);
- --spectrum-menu-item-label-font-size: var(--spectrum-font-size-300);
- --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-300);
+ --spectrum-menu-section-header-font-size: var(--spectrum-font-size-75);
+ --spectrum-menu-section-header-min-width: var(--spectrum-component-height-75);
- --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-300);
- --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-300);
- --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-300);
+ --spectrum-menu-item-selectable-edge-to-text-not-selected: var(--spectrum-menu-item-selectable-edge-to-text-not-selected-small);
- --spectrum-menu-item-text-to-control: var(--spectrum-text-to-control-300);
+ --spectrum-menu-item-checkmark-height: var(--spectrum-menu-item-checkmark-height-small);
+ --spectrum-menu-item-checkmark-width: var(--spectrum-menu-item-checkmark-width-small);
+ --spectrum-menu-item-top-to-checkmark: var(--spectrum-menu-item-top-to-selected-icon-small);
- --spectrum-menu-item-description-font-size: var(--spectrum-font-size-200);
+ --spectrum-menu-back-icon-margin: var(--spectrum-navigational-indicator-top-to-back-icon-small);
+ }
- --spectrum-menu-section-header-font-size: var(--spectrum-font-size-300);
- --spectrum-menu-section-header-min-width: var(--spectrum-component-height-300);
+ &.spectrum-Menu--sizeL {
+ --spectrum-menu-item-min-height: var(--spectrum-component-height-200);
+ --spectrum-menu-item-icon-height: var(--spectrum-workflow-icon-size-200);
+ --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-200);
+ --spectrum-menu-item-label-font-size: var(--spectrum-font-size-200);
+ --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-200);
- --spectrum-menu-item-selectable-edge-to-text-not-selected: var(--spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large);
+ --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-200);
+ --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-200);
+ --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-200);
- --spectrum-menu-item-checkmark-height: var(--spectrum-menu-item-checkmark-height-extra-large);
- --spectrum-menu-item-checkmark-width: var(--spectrum-menu-item-checkmark-width-extra-large);
- --spectrum-menu-item-top-to-checkmark: var(--spectrum-menu-item-top-to-selected-icon-extra-large);
+ --spectrum-menu-item-text-to-control: var(--spectrum-text-to-control-200);
- --spectrum-menu-back-icon-margin: var(--spectrum-navigational-indicator-top-to-back-icon-extra-large);
-}
+ --spectrum-menu-item-description-font-size: var(--spectrum-font-size-100);
-@media (forced-colors: active) {
- .spectrum-Menu {
- --highcontrast-menu-item-background-color-default: ButtonFace;
- --highcontrast-menu-item-color-default: ButtonText;
+ --spectrum-menu-section-header-font-size: var(--spectrum-font-size-200);
+ --spectrum-menu-section-header-min-width: var(--spectrum-component-height-200);
- --highcontrast-menu-item-background-color-focus: Highlight;
- --highcontrast-menu-item-color-focus: HighlightText;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected: var(--spectrum-menu-item-selectable-edge-to-text-not-selected-large);
- --highcontrast-menu-checkmark-icon-color-default: Highlight;
+ --spectrum-menu-item-checkmark-height: var(--spectrum-menu-item-checkmark-height-large);
+ --spectrum-menu-item-checkmark-width: var(--spectrum-menu-item-checkmark-width-large);
+ --spectrum-menu-item-top-to-checkmark: var(--spectrum-menu-item-top-to-selected-icon-large);
- --highcontrast-menu-item-color-disabled: GrayText;
- --highcontrast-menu-item-focus-indicator-color: Highlight;
+ --spectrum-menu-back-icon-margin: var(--spectrum-navigational-indicator-top-to-back-icon-large);
+ }
- --highcontrast-menu-item-selected-background-color: Highlight;
- --highcontrast-menu-item-selected-color: HighlightText;
+ &.spectrum-Menu--sizeXL {
+ --spectrum-menu-item-min-height: var(--spectrum-component-height-300);
+ --spectrum-menu-item-icon-height: var(--spectrum-workflow-icon-size-300);
+ --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-300);
+ --spectrum-menu-item-label-font-size: var(--spectrum-font-size-300);
+ --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-300);
- @supports (color: SelectedItem) {
- --highcontrast-menu-item-selected-background-color: SelectedItem;
- --highcontrast-menu-item-selected-color: SelectedItemText;
- }
+ --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-300);
+ --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-300);
+ --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-300);
- .spectrum-Menu-item {
- /* Hide unstylable readability backplates. */
- forced-color-adjust: none;
- }
+ --spectrum-menu-item-text-to-control: var(--spectrum-text-to-control-300);
- .spectrum-Menu-item:hover,
- .spectrum-Menu-item:focus {
- .spectrum-Menu-itemCheckbox {
- /* @passthrough start */
- --highcontrast-checkbox-highlight-color-hover: ButtonText;
- --highcontrast-checkbox-highlight-color-default: ButtonText;
- /* @passthrough end */
- }
+ --spectrum-menu-item-description-font-size: var(--spectrum-font-size-200);
- .spectrum-Menu-itemSwitch {
- /* @passthrough start */
- --highcontrast-switch-handle-border-color-hover: ButtonText;
- --highcontrast-switch-handle-border-color-selected-default: ButtonText;
- --highcontrast-switch-handle-border-color-selected-hover: ButtonText;
- --highcontrast-switch-background-color-selected-default: ButtonText;
- --highcontrast-switch-background-color-selected-hover: ButtonText;
- /* @passthrough end */
- }
- }
+ --spectrum-menu-section-header-font-size: var(--spectrum-font-size-300);
+ --spectrum-menu-section-header-min-width: var(--spectrum-component-height-300);
- .spectrum-Menu-item--drillIn.is-open {
- --highcontrast-menu-item-background-color-default: var(--highcontrast-menu-item-selected-background-color);
- --highcontrast-menu-item-color-default: var(--highcontrast-menu-item-selected-color);
- }
+ --spectrum-menu-item-selectable-edge-to-text-not-selected: var(--spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large);
- .spectrum-Menu-item--collapsible.is-open {
- &:hover,
- &:focus-within {
- box-shadow: inset calc(var(--mod-menu-item-focus-indicator-width, var(--spectrum-menu-item-focus-indicator-width)) * var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--mod-menu-item-focus-indicator-color, var(--spectrum-menu-item-focus-indicator-color)));
- }
+ --spectrum-menu-item-checkmark-height: var(--spectrum-menu-item-checkmark-height-extra-large);
+ --spectrum-menu-item-checkmark-width: var(--spectrum-menu-item-checkmark-width-extra-large);
+ --spectrum-menu-item-top-to-checkmark: var(--spectrum-menu-item-top-to-selected-icon-extra-large);
- &:hover,
- &:active,
- &:focus,
- &.is-focused {
- --highcontrast-menu-item-color-focus: var(--highcontrast-menu-item-color-default);
- }
- }
+ --spectrum-menu-back-icon-margin: var(--spectrum-navigational-indicator-top-to-back-icon-extra-large);
}
-}
-.spectrum-Menu {
display: inline-block;
inline-size: var(--mod-menu-inline-size, auto);
box-sizing: border-box;
@@ -265,6 +265,23 @@
--spectrum-menu-section-header-line-height: var(--mod-menu-section-header-line-height-cjk, var(--spectrum-menu-section-header-line-height-cjk));
}
+ /* Menus with "selectable" menu items. */
+ &.is-selectable {
+ /* Provide inline-start spacing for potential checkmarks. */
+ .spectrum-Menu-item {
+ --spectrum-menu-checkmark-display: var(--spectrum-menu-checkmark-display-hidden);
+
+ padding-inline-start: var(--mod-menu-item-selectable-edge-to-text-not-selected, var(--spectrum-menu-item-selectable-edge-to-text-not-selected));
+
+ /* Remove inline-start spacing once an item is selected and a checkmark appears. */
+ &.is-selected {
+ --spectrum-menu-checkmark-display: var(--spectrum-menu-checkmark-display-shown);
+
+ padding-inline-start: var(--mod-menu-item-label-inline-edge-to-content, var(--spectrum-menu-item-label-inline-edge-to-content));
+ }
+ }
+ }
+
.spectrum-Menu-divider {
--spectrum-menu-divider-thickness: var(--spectrum-divider-thickness-medium);
@@ -277,25 +294,8 @@
margin-block: var(--mod-menu-section-divider-margin-block, max(0px, (var(--spectrum-menu-item-section-divider-height) - var(--spectrum-menu-divider-thickness)) / 2));
margin-inline: var(--mod-menu-item-label-inline-edge-to-content, var(--spectrum-menu-item-label-inline-edge-to-content));
}
-}
-
-/* Menus with "selectable" menu items. */
-.spectrum-Menu.is-selectable {
- /* Provide inline-start spacing for potential checkmarks. */
- .spectrum-Menu-item {
- --spectrum-menu-checkmark-display: var(--spectrum-menu-checkmark-display-hidden);
- padding-inline-start: var(--mod-menu-item-selectable-edge-to-text-not-selected, var(--spectrum-menu-item-selectable-edge-to-text-not-selected));
-
- /* Remove inline-start spacing once an item is selected and a checkmark appears. */
- &.is-selected {
- --spectrum-menu-checkmark-display: var(--spectrum-menu-checkmark-display-shown);
- padding-inline-start: var(--mod-menu-item-label-inline-edge-to-content, var(--spectrum-menu-item-label-inline-edge-to-content));
- }
- }
-}
-/* Icons */
-.spectrum-Menu {
+ /* Icons */
.spectrum-Menu-itemIcon {
fill: var(--highcontrast-menu-item-color-default, var(--mod-menu-item-label-icon-color-default, var(--spectrum-menu-item-label-icon-color-default)));
color: var(--highcontrast-menu-item-color-default, var(--mod-menu-item-label-icon-color-default, var(--spectrum-menu-item-label-icon-color-default)));
@@ -331,6 +331,17 @@
grid-area: chevronArea;
align-self: center;
+
+ &:dir(rtl) {
+ transform: rotate(-180deg);
+ }
+ }
+
+ .spectrum-Menu-backIcon {
+ margin-block: var(--mod-menu-back-icon-margin-block, var(--spectrum-menu-back-icon-margin));
+ margin-inline: var(--mod-menu-back-icon-margin-inline, var(--spectrum-menu-back-icon-margin));
+ fill: var(--highcontrast-menu-item-color-default, var(--mod-menu-back-icon-color-default, var(--spectrum-menu-section-header-color)));
+ color: var(--highcontrast-menu-item-color-default, var(--mod-menu-back-icon-color-default, var(--spectrum-menu-section-header-color)));
}
.spectrum-Menu-itemIcon--workflowIcon {
@@ -342,19 +353,15 @@
block-size: var(--mod-menu-item-icon-height, var(--spectrum-menu-item-icon-height));
inline-size: var(--mod-menu-item-icon-width, var(--spectrum-menu-item-icon-width));
}
-}
-
-.spectrum-Menu-chevron:dir(rtl) {
- transform: rotate(-180deg);
-}
-/* Presentational list items for sections and dividers. */
-.spectrum-Menu li:not(.spectrum-Menu-item, .spectrum-Menu-divider) {
- display: block;
- position: relative;
- box-sizing: border-box;
- margin: 0;
- padding: 0;
+ /* Presentational list items for sections and dividers. */
+ li:not(.spectrum-Menu-item, .spectrum-Menu-divider) {
+ display: block;
+ position: relative;
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ }
}
.spectrum-Menu-item {
@@ -369,6 +376,7 @@
line-height: var(--mod-menu-item-label-line-height, var(--spectrum-menu-item-label-line-height));
min-block-size: var(--mod-menu-item-min-height, var(--spectrum-menu-item-min-height));
+
padding-block-start: var(--mod-menu-item-top-edge-to-text, var(--spectrum-menu-item-top-edge-to-text));
padding-block-end: var(--mod-menu-item-bottom-edge-to-text, var(--spectrum-menu-item-bottom-edge-to-text));
padding-inline: var(--mod-menu-item-label-inline-edge-to-content, var(--spectrum-menu-item-label-inline-edge-to-content));
@@ -376,14 +384,25 @@
margin: 0;
text-decoration: none;
+ display: grid;
+
+ grid-template-areas:
+ ". chevronAreaCollapsible . headingIconArea sectionHeadingArea . . . "
+ "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn"
+ ". . . . descriptionArea . . . "
+ ". . . . submenuArea . . . ";
+
+ grid-template-columns: auto auto auto auto 1fr auto auto auto;
+ grid-template-rows: 1fr auto;
+
.spectrum-Menu-itemCheckbox {
--mod-checkbox-top-to-text: 0;
--mod-checkbox-text-to-control: 0;
+
min-block-size: 0;
.spectrum-Checkbox-box {
margin-inline-end: var(--mod-menu-item-text-to-control, var(--spectrum-menu-item-text-to-control));
-
margin-block-start: var(--mod-menu-item-top-to-checkbox, var(--spectrum-menu-item-top-to-checkbox));
margin-block-end: 0;
}
@@ -397,161 +416,188 @@
margin-block-end: 0;
}
}
-}
-.spectrum-Menu-item {
- display: grid;
- grid-template-areas:
- ". chevronAreaCollapsible . headingIconArea sectionHeadingArea . . . "
- "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn"
- ". . . . descriptionArea . . . "
- ". . . . submenuArea . . . ";
+ .spectrum-Menu-item {
+ display: grid;
+ grid-template-areas: "submenuItemLabelArea submenuItemValueArea";
+ grid-template-columns: auto auto;
+ grid-template-rows: 1fr auto;
- grid-template-columns: auto auto auto auto 1fr auto auto auto;
- grid-template-rows: 1fr auto;
-}
+ .spectrum-Menu-itemLabel {
+ grid-area: submenuItemLabelArea;
+ }
-.spectrum-Menu-item .spectrum-Menu-item {
- display: grid;
- grid-template-areas: "submenuItemLabelArea submenuItemValueArea";
- grid-template-columns: auto auto;
- grid-template-rows: 1fr auto;
-}
+ .spectrum-Menu-itemValue {
+ grid-area: submenuItemValueArea;
+ }
+ }
-.spectrum-Menu-item .spectrum-Menu-item .spectrum-Menu-itemLabel {
- grid-area: submenuItemLabelArea;
-}
+ &:focus,
+ &.is-focused {
+ background-color: var(--highcontrast-menu-item-background-color-focus, var(--mod-menu-item-background-color-key-focus, var(--spectrum-menu-item-background-color-key-focus)));
+ outline: none;
-.spectrum-Menu-item .spectrum-Menu-item .spectrum-Menu-itemValue {
- grid-area: submenuItemValueArea;
-}
+ > .spectrum-Menu-itemLabel {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-content-color-focus, var(--spectrum-menu-item-label-content-color-focus)));
+ }
-.spectrum-Menu-item:focus,
-.spectrum-Menu-item.is-focused {
- background-color: var(--highcontrast-menu-item-background-color-focus, var(--mod-menu-item-background-color-key-focus, var(--spectrum-menu-item-background-color-key-focus)));
- outline: none;
+ > .spectrum-Menu-sectionHeading {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-section-header-color, var(--spectrum-menu-section-header-color)));
+ }
- > .spectrum-Menu-itemLabel {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-content-color-focus, var(--spectrum-menu-item-label-content-color-focus)));
- }
+ > .spectrum-Menu-itemDescription {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-description-color-focus, var(--spectrum-menu-item-description-color-focus)));
+ }
- > .spectrum-Menu-sectionHeading {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-section-header-color, var(--spectrum-menu-section-header-color)));
- }
+ > .spectrum-Menu-itemValue {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-value-color-focus, var(--spectrum-menu-item-value-color-focus)));
+ }
- > .spectrum-Menu-itemDescription {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-description-color-focus, var(--spectrum-menu-item-description-color-focus)));
- }
+ > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark) {
+ fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-focus, var(--spectrum-menu-item-label-icon-color-focus)));
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-focus, var(--spectrum-menu-item-label-icon-color-focus)));
+ }
- > .spectrum-Menu-itemValue {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-value-color-focus, var(--spectrum-menu-item-value-color-focus)));
- }
+ > .spectrum-Menu-chevron {
+ fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
+ }
- > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark) {
- fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-focus, var(--spectrum-menu-item-label-icon-color-focus)));
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-focus, var(--spectrum-menu-item-label-icon-color-focus)));
+ > .spectrum-Menu-checkmark {
+ fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-focus, var(--spectrum-menu-checkmark-icon-color-focus)));
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-focus, var(--spectrum-menu-checkmark-icon-color-focus)));
+ }
}
- > .spectrum-Menu-chevron {
- fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
+ &:dir(rtl) {
+ --spectrum-menu-item-focus-indicator-direction-scalar: -1;
}
- > .spectrum-Menu-checkmark {
- fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-focus, var(--spectrum-menu-checkmark-icon-color-focus)));
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-focus, var(--spectrum-menu-checkmark-icon-color-focus)));
- }
-}
+ &:hover {
+ background-color: var(--highcontrast-menu-item-background-color-focus, var(--mod-menu-item-background-color-hover, var(--spectrum-menu-item-background-color-hover)));
-.spectrum-Menu-item:focus-visible,
-.spectrum-Menu-back:focus-visible {
- box-shadow: inset calc(var(--mod-menu-item-focus-indicator-width, var(--spectrum-menu-item-focus-indicator-width)) * var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--mod-menu-item-focus-indicator-color, var(--spectrum-menu-item-focus-indicator-color)));
-}
+ > .spectrum-Menu-itemLabel {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-content-color-hover, var(--spectrum-menu-item-label-content-color-hover)));
+ }
-.spectrum-Menu-item:dir(rtl) {
- --spectrum-menu-item-focus-indicator-direction-scalar: -1;
-}
+ > .spectrum-Menu-sectionHeading {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-section-header-color, var(--spectrum-menu-section-header-color)));
+ }
-.spectrum-Menu-item:hover {
- background-color: var(--highcontrast-menu-item-background-color-focus, var(--mod-menu-item-background-color-hover, var(--spectrum-menu-item-background-color-hover)));
+ > .spectrum-Menu-itemDescription {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-description-color-hover, var(--spectrum-menu-item-description-color-hover)));
+ }
- > .spectrum-Menu-itemLabel {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-content-color-hover, var(--spectrum-menu-item-label-content-color-hover)));
- }
+ > .spectrum-Menu-itemValue {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-value-color-hover, var(--spectrum-menu-item-value-color-hover)));
+ }
- > .spectrum-Menu-sectionHeading {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-section-header-color, var(--spectrum-menu-section-header-color)));
- }
+ > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark) {
+ fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-hover, var(--spectrum-menu-item-label-icon-color-hover)));
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-hover, var(--spectrum-menu-item-label-icon-color-hover)));
+ }
- > .spectrum-Menu-itemDescription {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-description-color-hover, var(--spectrum-menu-item-description-color-hover)));
- }
+ > .spectrum-Menu-chevron {
+ fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
+ }
- > .spectrum-Menu-itemValue {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-value-color-hover, var(--spectrum-menu-item-value-color-hover)));
+ > .spectrum-Menu-checkmark {
+ fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-hover, var(--spectrum-menu-checkmark-icon-color-hover)));
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-hover, var(--spectrum-menu-checkmark-icon-color-hover)));
+ }
}
- > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark) {
- fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-hover, var(--spectrum-menu-item-label-icon-color-hover)));
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-hover, var(--spectrum-menu-item-label-icon-color-hover)));
- }
+ &:active {
+ background-color: var(--highcontrast-menu-item-background-color-focus, var(--mod-menu-item-background-color-down, var(--spectrum-menu-item-background-color-down)));
- > .spectrum-Menu-chevron {
- fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
- }
+ > .spectrum-Menu-itemLabel {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-content-color-down, var(--spectrum-menu-item-label-content-color-down)));
+ }
- > .spectrum-Menu-checkmark {
- fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-hover, var(--spectrum-menu-checkmark-icon-color-hover)));
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-hover, var(--spectrum-menu-checkmark-icon-color-hover)));
- }
-}
+ > .spectrum-Menu-sectionHeading {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-section-header-color, var(--spectrum-menu-section-header-color)));
+ }
-.spectrum-Menu-item:active {
- background-color: var(--highcontrast-menu-item-background-color-focus, var(--mod-menu-item-background-color-down, var(--spectrum-menu-item-background-color-down)));
+ > .spectrum-Menu-itemDescription {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-description-color-down, var(--spectrum-menu-item-description-color-down)));
+ }
- > .spectrum-Menu-itemLabel {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-content-color-down, var(--spectrum-menu-item-label-content-color-down)));
- }
+ > .spectrum-Menu-itemValue {
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-value-color-down, var(--spectrum-menu-item-value-color-down)));
+ }
- > .spectrum-Menu-sectionHeading {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-section-header-color, var(--spectrum-menu-section-header-color)));
- }
+ > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark) {
+ fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-down, var(--spectrum-menu-item-label-icon-color-down)));
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-down, var(--spectrum-menu-item-label-icon-color-down)));
+ }
- > .spectrum-Menu-itemDescription {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-description-color-down, var(--spectrum-menu-item-description-color-down)));
- }
+ > .spectrum-Menu-chevron {
+ fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
+ }
- > .spectrum-Menu-itemValue {
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-value-color-down, var(--spectrum-menu-item-value-color-down)));
+ > .spectrum-Menu-checkmark {
+ fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-down, var(--spectrum-menu-checkmark-icon-color-down)));
+ color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-down, var(--spectrum-menu-checkmark-icon-color-down)));
+ }
}
- > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark) {
- fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-down, var(--spectrum-menu-item-label-icon-color-down)));
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-down, var(--spectrum-menu-item-label-icon-color-down)));
- }
+ /* Disabled menu items */
+ &.is-disabled,
+ &[aria-disabled="true"] {
+ background-color: transparent;
- > .spectrum-Menu-chevron {
- fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-collapsible-icon-color, var(--spectrum-menu-collapsible-icon-color)));
- }
+ .spectrum-Menu-itemLabel,
+ .spectrum-Menu-sectionHeading,
+ .spectrum-Menu-itemValue {
+ color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-content-color-disabled, var(--spectrum-menu-item-label-content-color-disabled)));
+ }
+
+ .spectrum-Menu-itemDescription {
+ color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-description-color-disabled, var(--spectrum-menu-item-description-color-disabled)));
+ }
+
+ .spectrum-Menu-itemIcon {
+ color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));
+ fill: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));
+ }
+
+ &:hover {
+ cursor: default;
+ background-color: transparent;
+
+ .spectrum-Menu-itemLabel,
+ .spectrum-Menu-sectionHeading,
+ .spectrum-Menu-itemValue {
+ color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-content-color-disabled, var(--spectrum-menu-item-label-content-color-disabled)));
+ }
- > .spectrum-Menu-checkmark {
- fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-down, var(--spectrum-menu-checkmark-icon-color-down)));
- color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-checkmark-icon-color-down, var(--spectrum-menu-checkmark-icon-color-down)));
+ .spectrum-Menu-itemDescription {
+ color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-description-color-disabled, var(--spectrum-menu-item-description-color-disabled)));
+ }
+
+ .spectrum-Menu-itemIcon {
+ color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));
+ fill: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));
+ }
+ }
}
}
-.spectrum-Menu-item--collapsible .spectrum-Menu-itemIcon {
- grid-area: headingIconArea;
+.spectrum-Menu-item:focus-visible,
+.spectrum-Menu-back:focus-visible {
+ box-shadow: inset calc(var(--mod-menu-item-focus-indicator-width, var(--spectrum-menu-item-focus-indicator-width)) * var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--mod-menu-item-focus-indicator-color, var(--spectrum-menu-item-focus-indicator-color)));
}
-.is-selectableMultiple .spectrum-Menu-item {
- align-items: start;
-}
+.is-selectableMultiple {
+ .spectrum-Menu-item {
+ align-items: start;
+ }
-.is-selectableMultiple .spectrum-Menu-itemCheckbox {
- grid-area: checkmarkArea;
+ .spectrum-Menu-itemCheckbox {
+ grid-area: checkmarkArea;
+ }
}
.spectrum-Menu-itemSelection {
@@ -559,13 +605,26 @@
}
.spectrum-Menu-itemLabel {
+ /* @passthrough start -- Switch spacing overrides */
+ --mod-switch-control-label-spacing: 0;
+ --mod-switch-spacing-top-to-label: 0;
+ /* @passthrough end */
+
grid-area: labelArea;
font-size: var(--mod-menu-item-label-font-size, var(--spectrum-menu-item-label-font-size));
color: var(--highcontrast-menu-item-color-default, var(--mod-menu-item-label-content-color-default, var(--spectrum-menu-item-label-content-color-default)));
+
+ hyphens: auto;
+ overflow-wrap: break-word;
}
.spectrum-Menu-itemValue {
grid-area: valueArea;
+ color: var(--highcontrast-menu-item-color-default, var(--mod-menu-item-value-color-default, var(--spectrum-menu-item-value-color-default)));
+ font-size: var(--mod-menu-item-label-font-size, var(--spectrum-menu-item-label-font-size));
+ justify-self: end;
+ align-self: start;
+ margin-inline-start: var(--mod-menu-item-label-to-value-area-min-spacing, var(--spectrum-menu-item-label-to-value-area-min-spacing));
}
.spectrum-Menu-itemActions {
@@ -574,39 +633,22 @@
margin-inline-start: var(--mod-menu-item-label-to-value-area-min-spacing, var(--spectrum-menu-item-label-to-value-area-min-spacing));
}
-.spectrum-Menu-item--collapsible .spectrum-Menu-chevron {
- grid-area: chevronAreaCollapsible;
-}
-
.spectrum-Menu-sectionHeading {
grid-area: sectionHeadingArea;
grid-column: 1 / -1;
-}
-
-.spectrum-Menu-item--collapsible .spectrum-Menu-sectionHeading {
- /*
- start at 5th column, to account for icons & match sectionHeadingArea
- ". chevronAreaCollapsible . iconArea sectionHeadingArea . . ."
- stretch to last column
- */
- grid-column: 5 / -1;
+ color: var(--highcontrast-menu-item-color-default, var(--mod-menu-section-header-color, var(--spectrum-menu-section-header-color)));
+ display: block;
+ font-size: var(--mod-menu-section-header-font-size, var(--spectrum-menu-section-header-font-size));
+ font-weight: var(--mod-menu-section-header-font-weight, var(--spectrum-menu-section-header-font-weight));
+ line-height: var(--mod-menu-section-header-line-height, var(--spectrum-menu-section-header-line-height));
+ min-inline-size: var(--mod-menu-section-header-min-width, var(--spectrum-menu-section-header-min-width));
+ padding-block-start: var(--mod-menu-section-header-top-edge-to-text, var(--mod-menu-item-top-edge-to-text, var(--spectrum-menu-item-top-edge-to-text)));
+ padding-block-end: var(--mod-menu-section-header-bottom-edge-to-text, var(--mod-menu-item-bottom-edge-to-text, var(--spectrum-menu-item-bottom-edge-to-text)));
+ padding-inline: var(--mod-menu-item-label-inline-edge-to-content, var(--spectrum-menu-item-label-inline-edge-to-content));
}
.spectrum-Menu-itemDescription {
grid-area: descriptionArea;
-}
-
-.spectrum-Menu-item--collapsible .spectrum-Menu,
-.spectrum-Menu-item .spectrum-Menu {
- grid-area: submenuArea;
- grid-column: 1 / -1;
-}
-
-.spectrum-Menu-item--drillIn .spectrum-Menu-chevron {
- grid-area: chevronAreaDrillIn;
-}
-
-.spectrum-Menu-itemDescription {
color: var(--highcontrast-menu-item-color-default, var(--mod-menu-item-description-color-default, var(--spectrum-menu-item-description-color-default)));
font-size: var(--mod-menu-item-description-font-size, var(--spectrum-menu-item-description-font-size));
hyphens: auto;
@@ -615,39 +657,25 @@
line-height: var(--mod-menu-item-description-line-height, var(--spectrum-menu-item-description-line-height));
}
-.spectrum-Menu-itemLabel {
- hyphens: auto;
- overflow-wrap: break-word;
-}
-
-.spectrum-Menu-itemValue {
- color: var(--highcontrast-menu-item-color-default, var(--mod-menu-item-value-color-default, var(--spectrum-menu-item-value-color-default)));
- font-size: var(--mod-menu-item-label-font-size, var(--spectrum-menu-item-label-font-size));
- justify-self: end;
- align-self: start;
- margin-inline-start: var(--mod-menu-item-label-to-value-area-min-spacing, var(--spectrum-menu-item-label-to-value-area-min-spacing));
-}
-
.spectrum-Menu-itemLabel--truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
-.spectrum-Menu-sectionHeading {
- color: var(--highcontrast-menu-item-color-default, var(--mod-menu-section-header-color, var(--spectrum-menu-section-header-color)));
- display: block;
- font-size: var(--mod-menu-section-header-font-size, var(--spectrum-menu-section-header-font-size));
- font-weight: var(--mod-menu-section-header-font-weight, var(--spectrum-menu-section-header-font-weight));
- line-height: var(--mod-menu-section-header-line-height, var(--spectrum-menu-section-header-line-height));
- min-inline-size: var(--mod-menu-section-header-min-width, var(--spectrum-menu-section-header-min-width));
- padding-block-start: var(--mod-menu-section-header-top-edge-to-text, var(--mod-menu-item-top-edge-to-text, var(--spectrum-menu-item-top-edge-to-text)));
- padding-block-end: var(--mod-menu-section-header-bottom-edge-to-text, var(--mod-menu-item-bottom-edge-to-text, var(--spectrum-menu-item-bottom-edge-to-text)));
- padding-inline: var(--mod-menu-item-label-inline-edge-to-content, var(--spectrum-menu-item-label-inline-edge-to-content));
-}
-
-/* collapsible sub-menus */
.spectrum-Menu-item--collapsible {
+ .spectrum-Menu-sectionHeading {
+ /*
+ start at 5th column, to account for icons & match sectionHeadingArea
+ ". chevronAreaCollapsible . iconArea sectionHeadingArea . . ."
+ stretch to last column
+ */
+ grid-column: 5 / -1;
+
+ padding-inline: 0;
+ }
+
+ /* collapsible sub-menus */
&.is-open {
padding-block-end: 0;
@@ -663,43 +691,52 @@
background-color: var(--highcontrast-menu-item-background-color-default, var(--mod-menu-item-background-color-default, var(--spectrum-menu-item-background-color-default)));
}
- .spectrum-Menu {
- display: none;
- }
-
- .spectrum-Menu.is-open {
- display: block;
- }
-
- .spectrum-Menu-sectionHeading {
- padding-inline: 0;
+ .spectrum-Menu-itemIcon {
+ grid-area: headingIconArea;
}
> .spectrum-Menu-itemIcon {
padding-block-start: var(--mod-menu-section-header-top-edge-to-text, var(--mod-menu-item-top-edge-to-text, var(--spectrum-menu-item-top-edge-to-text)));
padding-block-end: var(--mod-menu-section-header-bottom-edge-to-text, var(--mod-menu-item-bottom-edge-to-text, var(--spectrum-menu-item-bottom-edge-to-text)));
}
-}
-/*
- assume that if an item is collapsible, it will
- have a chevron and we need to adjust position of submenu items to account for that
-*/
-.spectrum-Menu-item--collapsible .spectrum-Menu {
- /* reposition the entire submenu to be flush left with the parent menu item via negative margins */
- margin-inline: calc(var(--mod-menu-item-label-inline-edge-to-content, var(--spectrum-menu-item-label-inline-edge-to-content)) * -1);
+ .spectrum-Menu-chevron {
+ grid-area: chevronAreaCollapsible;
+ }
+
+ /*
+ assume that if an item is collapsible, it will
+ have a chevron and we need to adjust position of submenu items to account for that
+ */
+ .spectrum-Menu {
+ display: none;
- .spectrum-Menu-item {
- /*
- allow item to take up full width of parent,
- but make the content start where the parent item's label text starts
- */
- padding-inline-start: var(--mod-menu-item-collapsible-no-icon-submenu-item-padding-x-start, var(--spectrum-menu-item-collapsible-no-icon-submenu-item-padding-x-start));
+ /* reposition the entire submenu to be flush left with the parent menu item via negative margins */
+ margin-inline: calc(var(--mod-menu-item-label-inline-edge-to-content, var(--spectrum-menu-item-label-inline-edge-to-content)) * -1);
+
+ &.is-open {
+ display: block;
+ }
+
+ .spectrum-Menu-item {
+ /*
+ allow item to take up full width of parent,
+ but make the content start where the parent item's label text starts
+ */
+ padding-inline-start: var(--mod-menu-item-collapsible-no-icon-submenu-item-padding-x-start, var(--spectrum-menu-item-collapsible-no-icon-submenu-item-padding-x-start));
+ }
}
}
+.spectrum-Menu-item--collapsible .spectrum-Menu,
+.spectrum-Menu-item .spectrum-Menu {
+ grid-area: submenuArea;
+ grid-column: 1 / -1;
+}
+
.spectrum-Menu-item--drillIn {
.spectrum-Menu-chevron {
+ grid-area: chevronAreaDrillIn;
fill: var(--highcontrast-menu-item-color-default, var(--mod-menu-drillin-icon-color-default, var(--spectrum-menu-drillin-icon-color-default)));
color: var(--highcontrast-menu-item-color-default, var(--mod-menu-drillin-icon-color-default, var(--spectrum-menu-drillin-icon-color-default)));
margin-inline-start: var(--mod-menu-item-label-to-value-area-min-spacing, var(--spectrum-menu-item-label-to-value-area-min-spacing));
@@ -748,47 +785,6 @@
}
}
-/* Disabled menu items */
-.spectrum-Menu-item.is-disabled,
-.spectrum-Menu-item[aria-disabled="true"] {
- background-color: transparent;
-
- .spectrum-Menu-itemLabel,
- .spectrum-Menu-sectionHeading,
- .spectrum-Menu-itemValue {
- color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-content-color-disabled, var(--spectrum-menu-item-label-content-color-disabled)));
- }
-
- .spectrum-Menu-itemDescription {
- color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-description-color-disabled, var(--spectrum-menu-item-description-color-disabled)));
- }
-
- .spectrum-Menu-itemIcon {
- fill: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));
- color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));
- }
-
- &:hover {
- cursor: default;
- background-color: transparent;
-
- .spectrum-Menu-itemLabel,
- .spectrum-Menu-sectionHeading,
- .spectrum-Menu-itemValue {
- color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-content-color-disabled, var(--spectrum-menu-item-label-content-color-disabled)));
- }
-
- .spectrum-Menu-itemDescription {
- color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-description-color-disabled, var(--spectrum-menu-item-description-color-disabled)));
- }
-
- .spectrum-Menu-itemIcon {
- fill: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));
- color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));
- }
- }
-}
-
/* Tray submenu */
.spectrum-Menu-back {
display: flex;
@@ -823,10 +819,3 @@
font-weight: var(--mod-menu-section-header-font-weight, var(--spectrum-menu-section-header-font-weight));
line-height: var(--mod-menu-section-header-line-height, var(--spectrum-menu-section-header-line-height));
}
-
-.spectrum-Menu .spectrum-Menu-backIcon {
- margin-block: var(--mod-menu-back-icon-margin-block, var(--spectrum-menu-back-icon-margin));
- margin-inline: var(--mod-menu-back-icon-margin-inline, var(--spectrum-menu-back-icon-margin));
- fill: var(--highcontrast-menu-item-color-default, var(--mod-menu-back-icon-color-default));
- color: var(--highcontrast-menu-item-color-default, var(--mod-menu-back-icon-color-default));
-}
diff --git a/components/menu/metadata/metadata.json b/components/menu/metadata/metadata.json
index 2b9470696d9..bb1156171e1 100644
--- a/components/menu/metadata/metadata.json
+++ b/components/menu/metadata/metadata.json
@@ -8,6 +8,7 @@
".spectrum-Menu .spectrum-Menu-backIcon",
".spectrum-Menu .spectrum-Menu-checkmark",
".spectrum-Menu .spectrum-Menu-chevron",
+ ".spectrum-Menu .spectrum-Menu-chevron:dir(rtl)",
".spectrum-Menu .spectrum-Menu-divider",
".spectrum-Menu .spectrum-Menu-divider.spectrum-Divider--sizeS",
".spectrum-Menu .spectrum-Menu-item",
@@ -25,16 +26,12 @@
".spectrum-Menu .spectrum-Menu-itemIcon--workflowIcon",
".spectrum-Menu .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark)",
".spectrum-Menu li:not(.spectrum-Menu-item, .spectrum-Menu-divider)",
- ".spectrum-Menu--sizeL",
- ".spectrum-Menu--sizeS",
- ".spectrum-Menu--sizeXL",
".spectrum-Menu-back",
".spectrum-Menu-back .spectrum-Menu-sectionHeading",
".spectrum-Menu-back:focus-visible",
".spectrum-Menu-backButton",
".spectrum-Menu-backButton:focus-visible",
".spectrum-Menu-backHeading",
- ".spectrum-Menu-chevron:dir(rtl)",
".spectrum-Menu-item",
".spectrum-Menu-item .spectrum-Menu",
".spectrum-Menu-item .spectrum-Menu-item",
@@ -134,10 +131,13 @@
".spectrum-Menu.is-selectable .spectrum-Menu-item",
".spectrum-Menu.is-selectable .spectrum-Menu-item.is-selected",
".spectrum-Menu.js-focus-within .spectrum-Menu-item--collapsible.is-open[focus-within]",
+ ".spectrum-Menu.spectrum-Menu--sizeL",
+ ".spectrum-Menu.spectrum-Menu--sizeS",
+ ".spectrum-Menu.spectrum-Menu--sizeXL",
".spectrum-Menu:lang(ja)",
".spectrum-Menu:lang(ko)",
".spectrum-Menu:lang(zh)",
- "[dir=\"rtl\"] .spectrum-Menu-chevron",
+ "[dir=\"rtl\"] .spectrum-Menu .spectrum-Menu-chevron",
"[dir=\"rtl\"] .spectrum-Menu-item"
],
"modifiers": [
@@ -341,6 +341,7 @@
"--spectrum-font-size-300",
"--spectrum-font-size-50",
"--spectrum-font-size-75",
+ "--spectrum-gray-1000-rgb",
"--spectrum-gray-900",
"--spectrum-line-height-100",
"--spectrum-navigational-indicator-top-to-back-icon-extra-large",
@@ -365,15 +366,17 @@
"--spectrum-text-to-visual-200",
"--spectrum-text-to-visual-300",
"--spectrum-text-to-visual-75",
+ "--spectrum-transparent-black-200-opacity",
"--spectrum-workflow-icon-size-100",
"--spectrum-workflow-icon-size-200",
"--spectrum-workflow-icon-size-300",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [],
"passthroughs": [
"--mod-checkbox-text-to-control",
- "--mod-checkbox-top-to-text"
+ "--mod-checkbox-top-to-text",
+ "--mod-switch-control-label-spacing",
+ "--mod-switch-spacing-top-to-label"
],
"high-contrast": [
"--highcontrast-checkbox-highlight-color-default",
diff --git a/components/menu/metadata/mods.md b/components/menu/metadata/mods.md
deleted file mode 100644
index 923927cd3f1..00000000000
--- a/components/menu/metadata/mods.md
+++ /dev/null
@@ -1,78 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------------------ |
-| `--mod-menu-back-heading-color` |
-| `--mod-menu-back-icon-color-default` |
-| `--mod-menu-back-icon-margin-block` |
-| `--mod-menu-back-icon-margin-inline` |
-| `--mod-menu-back-padding-block-end` |
-| `--mod-menu-back-padding-block-start` |
-| `--mod-menu-back-padding-inline-end` |
-| `--mod-menu-back-padding-inline-start` |
-| `--mod-menu-checkmark-display` |
-| `--mod-menu-checkmark-icon-color-default` |
-| `--mod-menu-checkmark-icon-color-down` |
-| `--mod-menu-checkmark-icon-color-focus` |
-| `--mod-menu-checkmark-icon-color-hover` |
-| `--mod-menu-collapsible-icon-color` |
-| `--mod-menu-drillin-icon-color-default` |
-| `--mod-menu-drillin-icon-color-down` |
-| `--mod-menu-drillin-icon-color-focus` |
-| `--mod-menu-drillin-icon-color-hover` |
-| `--mod-menu-inline-size` |
-| `--mod-menu-item-background-color-default` |
-| `--mod-menu-item-background-color-down` |
-| `--mod-menu-item-background-color-hover` |
-| `--mod-menu-item-background-color-key-focus` |
-| `--mod-menu-item-bottom-edge-to-text` |
-| `--mod-menu-item-checkmark-height` |
-| `--mod-menu-item-checkmark-width` |
-| `--mod-menu-item-collapsible-no-icon-submenu-item-padding-x-start` |
-| `--mod-menu-item-description-color-default` |
-| `--mod-menu-item-description-color-disabled` |
-| `--mod-menu-item-description-color-down` |
-| `--mod-menu-item-description-color-focus` |
-| `--mod-menu-item-description-color-hover` |
-| `--mod-menu-item-description-font-size` |
-| `--mod-menu-item-description-line-height` |
-| `--mod-menu-item-description-line-height-cjk` |
-| `--mod-menu-item-focus-indicator-color` |
-| `--mod-menu-item-focus-indicator-width` |
-| `--mod-menu-item-icon-height` |
-| `--mod-menu-item-icon-width` |
-| `--mod-menu-item-label-content-color-default` |
-| `--mod-menu-item-label-content-color-disabled` |
-| `--mod-menu-item-label-content-color-down` |
-| `--mod-menu-item-label-content-color-focus` |
-| `--mod-menu-item-label-content-color-hover` |
-| `--mod-menu-item-label-font-size` |
-| `--mod-menu-item-label-icon-color-default` |
-| `--mod-menu-item-label-icon-color-disabled` |
-| `--mod-menu-item-label-icon-color-down` |
-| `--mod-menu-item-label-icon-color-focus` |
-| `--mod-menu-item-label-icon-color-hover` |
-| `--mod-menu-item-label-inline-edge-to-content` |
-| `--mod-menu-item-label-line-height` |
-| `--mod-menu-item-label-line-height-cjk` |
-| `--mod-menu-item-label-text-to-visual` |
-| `--mod-menu-item-label-to-description-spacing` |
-| `--mod-menu-item-label-to-value-area-min-spacing` |
-| `--mod-menu-item-min-height` |
-| `--mod-menu-item-selectable-edge-to-text-not-selected` |
-| `--mod-menu-item-text-to-control` |
-| `--mod-menu-item-top-edge-to-text` |
-| `--mod-menu-item-top-to-action` |
-| `--mod-menu-item-top-to-checkbox` |
-| `--mod-menu-item-top-to-checkmark` |
-| `--mod-menu-item-value-color-default` |
-| `--mod-menu-item-value-color-down` |
-| `--mod-menu-item-value-color-focus` |
-| `--mod-menu-item-value-color-hover` |
-| `--mod-menu-section-divider-margin-block` |
-| `--mod-menu-section-header-bottom-edge-to-text` |
-| `--mod-menu-section-header-color` |
-| `--mod-menu-section-header-font-size` |
-| `--mod-menu-section-header-font-weight` |
-| `--mod-menu-section-header-line-height` |
-| `--mod-menu-section-header-line-height-cjk` |
-| `--mod-menu-section-header-min-width` |
-| `--mod-menu-section-header-top-edge-to-text` |
diff --git a/components/menu/package.json b/components/menu/package.json
index f8565467dba..0885bac73bd 100644
--- a/components/menu/package.json
+++ b/components/menu/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/menu",
- "version": "7.2.0",
+ "version": "8.0.0-next.0",
"description": "The Spectrum CSS menu component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,26 +17,27 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/checkbox": ">=9",
- "@spectrum-css/divider": ">=3",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/switch": ">=5",
- "@spectrum-css/tokens": ">=14",
- "@spectrum-css/tray": ">=3"
+ "@spectrum-css/checkbox": ">=10.0.0-s2-foundations.0",
+ "@spectrum-css/divider": ">=4.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/switch": ">=6.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.10",
+ "@spectrum-css/tray": ">=4.0.0-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/checkbox": {
diff --git a/components/menu/stories/menu.stories.js b/components/menu/stories/menu.stories.js
index acf1e41bb96..8409f26b220 100644
--- a/components/menu/stories/menu.stories.js
+++ b/components/menu/stories/menu.stories.js
@@ -82,6 +82,10 @@ export default {
height: "300px"
}
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=37252-553",
+ },
packageJson,
metadata,
},
@@ -247,6 +251,9 @@ TraySubmenu.parameters = {
height: "400px"
}
},
+ viewport: {
+ defaultViewport: "mobile2"
+ },
};
export const MenuItem = MenuItemGroup.bind({});
@@ -317,6 +324,12 @@ MenuItem.args = {
isSelected: false,
hasActions: false,
};
+MenuItem.parameters = {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=37252-2242&node-type=frame&t=Kcz7zeePp3PeRusJ-11",
+ },
+};
/**
* This option will display submenus in a collapsed, nested format within the parent menu’s container. It can be used
diff --git a/components/menu/themes/express.css b/components/menu/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/menu/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/menu/themes/spectrum.css b/components/menu/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/menu/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/meter/CHANGELOG.md b/components/meter/CHANGELOG.md
new file mode 100644
index 00000000000..0b13d8a1c6b
--- /dev/null
+++ b/components/meter/CHANGELOG.md
@@ -0,0 +1,1736 @@
+# Change Log
+
+## 0.0.0-s2-foundations.3
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/progressbar@5.0.0-s2-foundations.20
+
+## 0.0.0-s2-foundations.2
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f14c3be`](https://github.com/adobe/spectrum-css/commit/f14c3bee4ea3b3ad259ce2fa9c3f58fa49febf9d) Thanks [@pfulton](https://github.com/pfulton)! - ProgressBar/Meter
+
+ - Fix bug by reverting "background-color" for track fill back to "background".
+
+ Thumbnail
+
+ - Remove unused "vertical align" property.
+
+### Patch Changes
+
+- Updated dependencies [[`f14c3be`](https://github.com/adobe/spectrum-css/commit/f14c3bee4ea3b3ad259ce2fa9c3f58fa49febf9d)]:
+ - @spectrum-css/progressbar@5.0.0-s2-foundations.19
+
+## 0.0.0-s2-foundations.1
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`085ecbc`](https://github.com/adobe/spectrum-css/commit/085ecbc739cf736e8d95377d605f2a7c4104bcc0) Thanks [@pfulton](https://github.com/pfulton)! - Pulled out _form_ from _fieldlabel_ package.
+ Pulled out _meter_ from _progressbar_ package.
+
+ [SWC-522] fix hover style regression
+
+### Patch Changes
+
+- Updated dependencies [[`085ecbc`](https://github.com/adobe/spectrum-css/commit/085ecbc739cf736e8d95377d605f2a7c4104bcc0)]:
+ - @spectrum-css/progressbar@5.0.0-s2-foundations.18
+
+## 5.0.0-s2-foundations.17
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.15
+
+## 5.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 5.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 5.0.0-s2-foundations.14
+
+### Patch Changes
+
+- [#3023](https://github.com/adobe/spectrum-css/pull/3023) [`213efa8`](https://github.com/adobe/spectrum-css/commit/213efa8618cdccf75a274ee9c2dd0404864c1779) Thanks [@jawinn](https://github.com/jawinn)! - Relocates --mod custom properties from the themes CSS to the index.css.
+
+## 5.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f) Thanks [@pfulton](https://github.com/pfulton)! - [SWC-235] meter properties moved out of theme and into index.css
+
+### Patch Changes
+
+- Updated dependencies [[`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f), [`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.14
+
+## 5.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 5.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 5.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 5.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 5.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 5.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 5.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.6
+
+## 5.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 5.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 5.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 5.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 5.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 5.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.0
+
+## 4.1.7
+
+### Patch Changes
+
+- [#3107](https://github.com/adobe/spectrum-css/pull/3107) [`83d5a17`](https://github.com/adobe/spectrum-css/commit/83d5a171bd850df693707611203ecce21f22e7d2) Thanks [@castastrophe](https://github.com/castastrophe)! - Incorporate glob export for the dist directory in all component packages as well as glob markdown exports (to include both CHANGELOG and READMEs).
+
+ Sort keys in the package.json assets.
+
+- Updated dependencies [[`83d5a17`](https://github.com/adobe/spectrum-css/commit/83d5a171bd850df693707611203ecce21f22e7d2)]:
+ - @spectrum-css/fieldlabel@8.1.3
+
+## 4.1.6
+
+### Patch Changes
+
+- [#3045](https://github.com/adobe/spectrum-css/pull/3045) [`5d6e03f`](https://github.com/adobe/spectrum-css/commit/5d6e03f30891f9171f1a600b06d534ee85719277) Thanks [@castastrophe](https://github.com/castastrophe)! - Improve changeset suggestions by using exports instead of files in component packages
+
+- Updated dependencies [[`5d6e03f`](https://github.com/adobe/spectrum-css/commit/5d6e03f30891f9171f1a600b06d534ee85719277)]:
+ - @spectrum-css/fieldlabel@8.1.2
+
+## 4.1.5
+
+### Patch Changes
+
+- [#2929](https://github.com/adobe/spectrum-css/pull/2929) [`3c6addd`](https://github.com/adobe/spectrum-css/commit/3c6addd3133f9340bb6472c96fc5c436bb77cb5a) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - Reverts the `background-color` property to `background` to support the use of CSS gradients. Gradient support stories were added to the meter and progress bar components within their Chromatic testing previews to ensure that we continue to support gradients by covering them in our visual regression tests.
+
+## 4.1.4
+
+### Patch Changes
+
+- [#2965](https://github.com/adobe/spectrum-css/pull/2965) [`469dfc2`](https://github.com/adobe/spectrum-css/commit/469dfc2b13248ed5fb067e05cc30049d3e43dc90) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - - Enforces the correct static white progress bar fill color when meter is using both the `spectrum-ProgressBar--staticWhite` class and one of the `is-positive`, `is-negative`, or `is-notice` classes.
+ - Adds a static white story to meter.
+
+## 4.1.3
+
+### Patch Changes
+
+- [#2842](https://github.com/adobe/spectrum-css/pull/2842) [`4cd3a15`](https://github.com/adobe/spectrum-css/commit/4cd3a15db914b667f5d606388051ecd2cd318134) Thanks [@castastrophe](https://github.com/castastrophe)! - Updated CSSNano plugin to toggle reduceIdent off to prevent invalid abstractions from breaking named grid templates.
+
+## 4.1.2
+
+### Patch Changes
+
+- [#2677](https://github.com/adobe/spectrum-css/pull/2677) [`d83200c`](https://github.com/adobe/spectrum-css/commit/d83200ca70a959aa70329e71de0c4383de157855) Thanks [@castastrophe](https://github.com/castastrophe)! - Leveral local workspace versioning to prevent misalignment
+
+- Updated dependencies [[`d83200c`](https://github.com/adobe/spectrum-css/commit/d83200ca70a959aa70329e71de0c4383de157855)]:
+ - @spectrum-css/fieldlabel@8.1.1
+
+## 4.1.1
+
+### Patch Changes
+
+- [#2754](https://github.com/adobe/spectrum-css/pull/2754) [`dbf1406`](https://github.com/adobe/spectrum-css/commit/dbf1406822be32aa1dbd2864b097853423bf06d8) Thanks [@jawinn](https://github.com/jawinn)! - Sets the `color` property in parts of some components that were relying on inheriting a color from higher up in the DOM.
+
+## 4.1.0
+
+### Minor Changes
+
+- [#2616](https://github.com/adobe/spectrum-css/pull/2616) [`7f45ea9`](https://github.com/adobe/spectrum-css/commit/7f45ea95d3d31addf29b0720de8623b0f3f0431d) Thanks [@castastrophe](https://github.com/castastrophe)!
+
+#### Build optmizations to support minification
+
+Output for all component CSS files is now being run through a lightweight optimizer (cssnano) which significantly reduces unnecessary whitespace. These changes reduce file size but should not have any impact on the rendering of the component. By removing unnecessary whitespace from var functions, we are making it easier to effectively minify our provided CSS assets.
+
+### Patch Changes
+
+- Updated peerDependencies [[`7f45ea9`](https://github.com/adobe/spectrum-css/commit/7f45ea95d3d31addf29b0720de8623b0f3f0431d)]:
+ - @spectrum-css/fieldlabel@>=8
+ - @spectrum-css/tokens@>=14
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+
+Co-authored-by: Bernhard Schmidt <52184321+bernhard-adobe@users.noreply.github.com>
+
+
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+/* @passthrough start */
+.spectrum-Meter {
+ --mod-progressbar-size-default: var(--mod-meter-inline-size, var(--spectrum-meter-default-width));
+ --mod-progressbar-max-size: var(--mod-meter-max-width, var(--spectrum-meter-maximum-width));
+ --mod-progressbar-min-size: var(--mod-meter-min-width, var(--spectrum-meter-minimum-width));
+
+ --mod-progressbar-thickness: var(--spectrum-meter-thickness-small);
+ --mod-progressbar-font-size: var(--spectrum-font-size-75);
+ --mod-progressbar-spacing-top-to-text: var(--spectrum-component-top-to-text-75);
+
+ &.spectrum-Meter--sizeL {
+ --mod-progressbar-thickness: var(--spectrum-meter-thickness-large);
+ --mod-progressbar-font-size: var(--spectrum-font-size-100);
+ --mod-progressbar-spacing-top-to-text: var(--spectrum-component-top-to-text-200);
+ }
+
+ &.is-positive {
+ --mod-progressbar-fill-color: var(--spectrum-positive-visual-color);
+ }
+
+ &.is-notice {
+ --mod-progressbar-fill-color: var(--spectrum-notice-visual-color);
+ }
+
+ &.is-negative {
+ --mod-progressbar-fill-color: var(--spectrum-negative-visual-color);
+ }
+}
+/* @passthrough end */
diff --git a/components/meter/metadata/metadata.json b/components/meter/metadata/metadata.json
new file mode 100644
index 00000000000..e1f4fc866ae
--- /dev/null
+++ b/components/meter/metadata/metadata.json
@@ -0,0 +1,41 @@
+{
+ "sourceFile": "index.css",
+ "selectors": [
+ ".spectrum-Meter",
+ ".spectrum-Meter.is-negative",
+ ".spectrum-Meter.is-notice",
+ ".spectrum-Meter.is-positive",
+ ".spectrum-Meter.spectrum-Meter--sizeL"
+ ],
+ "modifiers": [
+ "--mod-meter-inline-size",
+ "--mod-meter-max-width",
+ "--mod-meter-min-width"
+ ],
+ "component": [
+ "--spectrum-meter-default-width",
+ "--spectrum-meter-maximum-width",
+ "--spectrum-meter-minimum-width",
+ "--spectrum-meter-thickness-large",
+ "--spectrum-meter-thickness-small"
+ ],
+ "global": [
+ "--spectrum-component-top-to-text-200",
+ "--spectrum-component-top-to-text-75",
+ "--spectrum-font-size-100",
+ "--spectrum-font-size-75",
+ "--spectrum-negative-visual-color",
+ "--spectrum-notice-visual-color",
+ "--spectrum-positive-visual-color"
+ ],
+ "passthroughs": [
+ "--mod-progressbar-fill-color",
+ "--mod-progressbar-font-size",
+ "--mod-progressbar-max-size",
+ "--mod-progressbar-min-size",
+ "--mod-progressbar-size-default",
+ "--mod-progressbar-spacing-top-to-text",
+ "--mod-progressbar-thickness"
+ ],
+ "high-contrast": []
+}
diff --git a/components/meter/package.json b/components/meter/package.json
new file mode 100644
index 00000000000..1d6352eb2a5
--- /dev/null
+++ b/components/meter/package.json
@@ -0,0 +1,51 @@
+{
+ "name": "@spectrum-css/meter",
+ "version": "0.0.0-s2-foundations.3",
+ "description": "The Spectrum CSS meter component",
+ "license": "Apache-2.0",
+ "author": "Adobe",
+ "homepage": "https://opensource.adobe.com/spectrum-css/meter",
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/adobe/spectrum-css.git",
+ "directory": "components/meter"
+ },
+ "bugs": {
+ "url": "https://github.com/adobe/spectrum-css/issues"
+ },
+ "exports": {
+ ".": "./dist/index.css",
+ "./*.md": "./*.md",
+ "./dist/*": "./dist/*",
+ "./index.css": "./dist/index.css",
+ "./metadata.json": "./metadata/metadata.json",
+ "./metadata/*": "./metadata/*",
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
+ },
+ "main": "dist/index.css",
+ "files": [
+ "dist/*",
+ "*.md",
+ "package.json",
+ "stories/*",
+ "metadata/*"
+ ],
+ "peerDependencies": {
+ "@spectrum-css/progressbar": ">=5.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
+ },
+ "devDependencies": {
+ "@spectrum-css/progressbar": "workspace:^",
+ "@spectrum-css/tokens": "workspace:^"
+ },
+ "keywords": [
+ "spectrum",
+ "css",
+ "design system",
+ "adobe"
+ ],
+ "publishConfig": {
+ "access": "public"
+ }
+}
diff --git a/components/meter/project.json b/components/meter/project.json
new file mode 100644
index 00000000000..480296f64f0
--- /dev/null
+++ b/components/meter/project.json
@@ -0,0 +1,17 @@
+{
+ "$schema": "../../node_modules/nx/schemas/project-schema.json",
+ "name": "meter",
+ "tags": ["component"],
+ "targets": {
+ "build": {},
+ "clean": {},
+ "compare": {},
+ "format": {},
+ "lint": {},
+ "report": {},
+ "test": {
+ "defaultConfiguration": "scope"
+ },
+ "validate": {}
+ }
+}
diff --git a/components/progressbar/stories/meter.stories.js b/components/meter/stories/meter.stories.js
similarity index 90%
rename from components/progressbar/stories/meter.stories.js
rename to components/meter/stories/meter.stories.js
index 1f7129bdfa1..9170c89d353 100644
--- a/components/progressbar/stories/meter.stories.js
+++ b/components/meter/stories/meter.stories.js
@@ -1,11 +1,11 @@
import { Sizes } from "@spectrum-css/preview/decorators";
import { disableDefaultModes } from "@spectrum-css/preview/modes";
import { size } from "@spectrum-css/preview/types";
+import { default as ProgressBar } from "@spectrum-css/progressbar/stories/progressbar.stories.js";
import metadata from "../metadata/metadata.json";
import packageJson from "../package.json";
-import { FillGroup, Template } from "./meter.template.js";
import { MeterGroup } from "./meter.test.js";
-import { default as ProgressBar } from "./progressbar.stories";
+import { FillGroup, Template } from "./template.js";
/**
* The meter component is a visual representations of a quantity or an achievement. The progress is determined by user actions, rather than system actions.
@@ -16,7 +16,7 @@ import { default as ProgressBar } from "./progressbar.stories";
*/
export default {
title: "Meter",
- component: "ProgressBar",
+ component: "Meter",
argTypes: {
...ProgressBar.argTypes,
size: size(["s", "l"]),
@@ -41,9 +41,14 @@ export default {
label: "Storage space",
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=33840-90",
+ },
packageJson,
metadata,
},
+ tags: ["migrated"],
};
/**
@@ -78,14 +83,9 @@ Sizing.parameters = {
*
* By default, the meter has a informative, blue fill to show the value. This can be used to represent a neutral or non-semantic value. The positive variant has a green fill, representing a positive semantic value. The notice variant has an orange fill, and can be used to warn users about a situation that may need to be addressed soon. The negative variant has a red fill, and can be used to warn users about a critical situation that needs their urgent attention.
*/
-export const FillColors = (args, context) => FillGroup({
- variants: ["info", "positive", "negative", "notice"],
- ...args,
-}, context);
+export const FillColors = FillGroup.bind({});
FillColors.storyName = "Fill colors";
-FillColors.args = {
- value: 50,
-};
+FillColors.args = Default.args;
FillColors.tags = ["!dev"];
FillColors.parameters = {
chromatic: { disableSnapshot: true },
diff --git a/components/progressbar/stories/meter.test.js b/components/meter/stories/meter.test.js
similarity index 91%
rename from components/progressbar/stories/meter.test.js
rename to components/meter/stories/meter.test.js
index 64de9db0623..46f60024bf4 100644
--- a/components/progressbar/stories/meter.test.js
+++ b/components/meter/stories/meter.test.js
@@ -1,5 +1,5 @@
import { Variants } from "@spectrum-css/preview/decorators";
-import { Template } from "./meter.template.js";
+import { Template } from "./template.js";
export const MeterGroup = Variants({
Template,
@@ -28,7 +28,7 @@ export const MeterGroup = Variants({
testHeading: "Without value label",
showValueLabel: false,
},
- /* The gradient story below supports linear-gradients used by Express. For use cases that require a custom
+ /* The gradient story below supports linear-gradients used by Express. For use cases that require a custom
linear-gradient for any --mod-*-{fill} properties, set those custom properties in CSS.
*/
{
diff --git a/components/meter/stories/template.js b/components/meter/stories/template.js
new file mode 100644
index 00000000000..5741adc82a5
--- /dev/null
+++ b/components/meter/stories/template.js
@@ -0,0 +1,40 @@
+import { ArgGrid } from "@spectrum-css/preview/decorators";
+import { Template as ProgressBar } from "@spectrum-css/progressbar/stories/template.js";
+import { capitalize } from "lodash-es";
+
+import "../index.css";
+
+export const Template = ({
+ rootClass = "spectrum-Meter",
+ customClasses = [],
+ fill,
+ size = "s",
+ staticColor,
+ ...item
+} = {}, context = {}) => {
+ return ProgressBar({
+ ...item,
+ customClasses: [
+ ...customClasses,
+ rootClass,
+ typeof size !== "undefined" ? `${rootClass}--size${size?.toUpperCase()}` : null,
+ typeof fill !== "undefined" ? `is-${fill}` : null,
+ /*
+ * The `spectrum-Meter--staticWhite` class is not present in the Meter CSS, as it makes use of
+ * `spectrum-ProgressBar--staticWhite`, but having this allows for simpler detection of static
+ * colors when looking at the element using its `rootClass` in our decorators.
+ */
+ typeof staticColor !== "undefined" ? `${rootClass}--static${capitalize(staticColor)}` : null,
+ ].filter(Boolean),
+ staticColor,
+ }, context);
+};
+
+/* FillGroup showcases all semantic variants in a single story. */
+export const FillGroup = (args, context) => ArgGrid({
+ Template,
+ argKey: "fill",
+ options: ["info", "positive", "negative", "notice"],
+ withBorder: false,
+ ...args,
+}, context);
diff --git a/components/miller/CHANGELOG.md b/components/miller/CHANGELOG.md
index 7cb3dc90de2..0034f8740ab 100644
--- a/components/miller/CHANGELOG.md
+++ b/components/miller/CHANGELOG.md
@@ -1,5 +1,265 @@
# Change Log
+## 7.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.16
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.20
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 7.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.15
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.18
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 7.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.14
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 7.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.13
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 7.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.12
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.11
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 7.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.10
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 7.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.9
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 7.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.8
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 7.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.7
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 7.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.6
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 7.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.5
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 7.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.4
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 7.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.3
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 7.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.2
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.1
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 7.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/assetlist@7.0.0-s2-foundations.0
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 6.2.0
### Minor Changes
@@ -73,16 +333,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.1.4...@spectrum-css/miller@6.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.1.4...@spectrum-css/miller@6.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -90,8 +346,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.1.3...@spectrum-css/miller@5.1.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.1.3...@spectrum-css/miller@5.1.4)
**Note:** Version bump only for package @spectrum-css/miller
@@ -99,8 +354,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.1.2...@spectrum-css/miller@5.1.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.1.2...@spectrum-css/miller@5.1.3)
**Note:** Version bump only for package @spectrum-css/miller
@@ -108,8 +362,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.1.1...@spectrum-css/miller@5.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.1.1...@spectrum-css/miller@5.1.2)
**Note:** Version bump only for package @spectrum-css/miller
@@ -117,8 +370,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/miller
@@ -126,8 +378,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.0.4...@spectrum-css/miller@5.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.0.4...@spectrum-css/miller@5.1.0)
### ✨ Features
@@ -137,8 +388,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.4
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.0.3...@spectrum-css/miller@5.0.4)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.0.3...@spectrum-css/miller@5.0.4)
**Note:** Version bump only for package @spectrum-css/miller
@@ -146,8 +396,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.3
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.0.2...@spectrum-css/miller@5.0.3)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.0.2...@spectrum-css/miller@5.0.3)
**Note:** Version bump only for package @spectrum-css/miller
@@ -155,8 +404,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.2
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.0.0...@spectrum-css/miller@5.0.2)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.0.0...@spectrum-css/miller@5.0.2)
**Note:** Version bump only for package @spectrum-css/miller
@@ -164,8 +412,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.1
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.0.0...@spectrum-css/miller@5.0.1)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@5.0.0...@spectrum-css/miller@5.0.1)
**Note:** Version bump only for package @spectrum-css/miller
@@ -173,13 +420,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@4.0.0...@spectrum-css/miller@5.0.0)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@4.0.0...@spectrum-css/miller@5.0.0)
\*refactor(assetlist)!: migrate to spectrum tokens (#2211)([32149e5](https://github.com/adobe/spectrum-css/commit/32149e5)), closes[#2211](https://github.com/adobe/spectrum-css/issues/2211)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates AssetList to use `@adobe/spectrum-tokens`.
@@ -222,13 +467,11 @@ Additionally:
## 4.0.0
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.85...@spectrum-css/miller@4.0.0)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.85...@spectrum-css/miller@4.0.0)
\*feat(millercolumns)!: migrate to spectrum-tokens (#2191)([aa163d2](https://github.com/adobe/spectrum-css/commit/aa163d2)), closes[#2191](https://github.com/adobe/spectrum-css/issues/2191)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates MillerColumns to use `@adobe/spectrum-tokens`
@@ -246,8 +489,7 @@ Additionally:
## 3.0.85
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.84...@spectrum-css/miller@3.0.85)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.84...@spectrum-css/miller@3.0.85)
**Note:** Version bump only for package @spectrum-css/miller
@@ -255,8 +497,7 @@ Additionally:
## 3.0.84
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.83...@spectrum-css/miller@3.0.84)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.83...@spectrum-css/miller@3.0.84)
**Note:** Version bump only for package @spectrum-css/miller
@@ -264,8 +505,7 @@ Additionally:
## 3.0.83
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.82...@spectrum-css/miller@3.0.83)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.82...@spectrum-css/miller@3.0.83)
**Note:** Version bump only for package @spectrum-css/miller
@@ -273,8 +513,7 @@ Additionally:
## 3.0.82
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.81...@spectrum-css/miller@3.0.82)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.81...@spectrum-css/miller@3.0.82)
**Note:** Version bump only for package @spectrum-css/miller
@@ -282,8 +521,7 @@ Additionally:
## 3.0.81
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.80...@spectrum-css/miller@3.0.81)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.80...@spectrum-css/miller@3.0.81)
**Note:** Version bump only for package @spectrum-css/miller
@@ -291,8 +529,7 @@ Additionally:
## 3.0.80
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.79...@spectrum-css/miller@3.0.80)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.79...@spectrum-css/miller@3.0.80)
**Note:** Version bump only for package @spectrum-css/miller
@@ -300,8 +537,7 @@ Additionally:
## 3.0.79
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.78...@spectrum-css/miller@3.0.79)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.78...@spectrum-css/miller@3.0.79)
**Note:** Version bump only for package @spectrum-css/miller
@@ -309,8 +545,7 @@ Additionally:
## 3.0.78
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.77...@spectrum-css/miller@3.0.78)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.77...@spectrum-css/miller@3.0.78)
**Note:** Version bump only for package @spectrum-css/miller
@@ -318,8 +553,7 @@ Additionally:
## 3.0.77
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.76...@spectrum-css/miller@3.0.77)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.76...@spectrum-css/miller@3.0.77)
### 🔙 Reverts
@@ -329,8 +563,7 @@ Additionally:
## 3.0.76
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.75...@spectrum-css/miller@3.0.76)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.75...@spectrum-css/miller@3.0.76)
**Note:** Version bump only for package @spectrum-css/miller
@@ -338,8 +571,7 @@ Additionally:
## 3.0.75
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.73...@spectrum-css/miller@3.0.75)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.73...@spectrum-css/miller@3.0.75)
**Note:** Version bump only for package @spectrum-css/miller
@@ -347,8 +579,7 @@ Additionally:
## 3.0.74
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.73...@spectrum-css/miller@3.0.74)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.73...@spectrum-css/miller@3.0.74)
**Note:** Version bump only for package @spectrum-css/miller
@@ -356,8 +587,7 @@ Additionally:
## 3.0.73
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.72...@spectrum-css/miller@3.0.73)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.72...@spectrum-css/miller@3.0.73)
**Note:** Version bump only for package @spectrum-css/miller
@@ -365,8 +595,7 @@ Additionally:
## 3.0.72
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.71...@spectrum-css/miller@3.0.72)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.71...@spectrum-css/miller@3.0.72)
**Note:** Version bump only for package @spectrum-css/miller
@@ -374,8 +603,7 @@ Additionally:
## 3.0.71
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.70...@spectrum-css/miller@3.0.71)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.70...@spectrum-css/miller@3.0.71)
**Note:** Version bump only for package @spectrum-css/miller
@@ -383,8 +611,7 @@ Additionally:
## 3.0.70
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.69...@spectrum-css/miller@3.0.70)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.69...@spectrum-css/miller@3.0.70)
**Note:** Version bump only for package @spectrum-css/miller
@@ -392,8 +619,7 @@ Additionally:
## 3.0.69
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.68...@spectrum-css/miller@3.0.69)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.68...@spectrum-css/miller@3.0.69)
**Note:** Version bump only for package @spectrum-css/miller
@@ -401,8 +627,7 @@ Additionally:
## 3.0.68
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.67...@spectrum-css/miller@3.0.68)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.67...@spectrum-css/miller@3.0.68)
**Note:** Version bump only for package @spectrum-css/miller
@@ -410,8 +635,7 @@ Additionally:
## 3.0.67
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.66...@spectrum-css/miller@3.0.67)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.66...@spectrum-css/miller@3.0.67)
**Note:** Version bump only for package @spectrum-css/miller
@@ -419,8 +643,7 @@ Additionally:
## 3.0.66
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.65...@spectrum-css/miller@3.0.66)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.65...@spectrum-css/miller@3.0.66)
**Note:** Version bump only for package @spectrum-css/miller
@@ -428,8 +651,7 @@ Additionally:
## 3.0.65
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.64...@spectrum-css/miller@3.0.65)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.64...@spectrum-css/miller@3.0.65)
**Note:** Version bump only for package @spectrum-css/miller
@@ -437,8 +659,7 @@ Additionally:
## 3.0.64
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.63...@spectrum-css/miller@3.0.64)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.63...@spectrum-css/miller@3.0.64)
**Note:** Version bump only for package @spectrum-css/miller
@@ -446,8 +667,7 @@ Additionally:
## 3.0.63
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.62...@spectrum-css/miller@3.0.63)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.62...@spectrum-css/miller@3.0.63)
**Note:** Version bump only for package @spectrum-css/miller
@@ -455,8 +675,7 @@ Additionally:
## 3.0.62
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.61...@spectrum-css/miller@3.0.62)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.61...@spectrum-css/miller@3.0.62)
**Note:** Version bump only for package @spectrum-css/miller
@@ -464,8 +683,7 @@ Additionally:
## 3.0.61
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.60...@spectrum-css/miller@3.0.61)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.60...@spectrum-css/miller@3.0.61)
### 🐛 Bug fixes
@@ -475,8 +693,7 @@ Additionally:
## 3.0.60
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.59...@spectrum-css/miller@3.0.60)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.59...@spectrum-css/miller@3.0.60)
**Note:** Version bump only for package @spectrum-css/miller
@@ -484,8 +701,7 @@ Additionally:
## 3.0.59
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.58...@spectrum-css/miller@3.0.59)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/miller@3.0.58...@spectrum-css/miller@3.0.59)
**Note:** Version bump only for package @spectrum-css/miller
diff --git a/components/miller/index.css b/components/miller/index.css
index faa8cb4cbb9..6c78ea3ac31 100644
--- a/components/miller/index.css
+++ b/components/miller/index.css
@@ -11,34 +11,25 @@
* governing permissions and limitations under the License.
*/
- @import "./themes/express.css";
-
-.spectrum-MillerColumns {
- --spectrum-millercolumns-inline-size: 272px;
- --spectrum-millercolumns-padding: var(--spectrum-spacing-100);
- --spectrum-millercolumns-margin-inline-start: var(--spectrum-spacing-100);
- --spectrum-millercolumns-margin-inline-end: var(--spectrum-spacing-100);
-}
-
.spectrum-MillerColumns {
overflow-x: auto;
white-space: nowrap;
user-select: none;
- padding: var(--mod-millercolumns-padding, var(--spectrum-millercolumns-padding)) 0;
+ padding: var(--mod-millercolumns-padding, var(--spectrum-spacing-100)) 0;
}
.spectrum-MillerColumns-item {
display: inline-block;
- inline-size: var(--mod-millercolumns-inline-size, var(--spectrum-millercolumns-inline-size));
+ inline-size: var(--mod-millercolumns-inline-size, 272px);
vertical-align: top;
outline: none;
margin: 0;
padding: 0;
- margin-inline-end: var(--mod-millercolumns-margin-inline-end, var(--spectrum-millercolumns-margin-inline-end));
+ margin-inline-end: var(--mod-millercolumns-margin-inline-end, var(--spectrum-spacing-100));
overflow: auto;
block-size: 100%;
&:first-child {
- margin-inline-start: var(--mod-millercolumns-margin-inline-start, var(--spectrum-millercolumns-margin-inline-start));
+ margin-inline-start: var(--mod-millercolumns-margin-inline-start, var(--spectrum-spacing-100));
}
}
diff --git a/components/miller/metadata/metadata.json b/components/miller/metadata/metadata.json
index 4d2e62f974e..fbb3770d558 100644
--- a/components/miller/metadata/metadata.json
+++ b/components/miller/metadata/metadata.json
@@ -11,14 +11,8 @@
"--mod-millercolumns-margin-inline-start",
"--mod-millercolumns-padding"
],
- "component": [
- "--spectrum-millercolumns-inline-size",
- "--spectrum-millercolumns-margin-inline-end",
- "--spectrum-millercolumns-margin-inline-start",
- "--spectrum-millercolumns-padding"
- ],
+ "component": [],
"global": ["--spectrum-spacing-100"],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/miller/metadata/mods.md b/components/miller/metadata/mods.md
deleted file mode 100644
index eac5e8574f7..00000000000
--- a/components/miller/metadata/mods.md
+++ /dev/null
@@ -1,6 +0,0 @@
-| Modifiable custom properties |
-| ----------------------------------------- |
-| `--mod-millercolumns-inline-size` |
-| `--mod-millercolumns-margin-inline-end` |
-| `--mod-millercolumns-margin-inline-start` |
-| `--mod-millercolumns-padding` |
diff --git a/components/miller/package.json b/components/miller/package.json
index a09980c654e..828642dfcdd 100644
--- a/components/miller/package.json
+++ b/components/miller/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/miller",
- "version": "6.2.0",
+ "version": "7.0.0-s2-foundations.16",
"description": "The Spectrum CSS miller component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,24 +17,25 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/assetlist": ">=6",
- "@spectrum-css/checkbox": ">=9",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/assetlist": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/checkbox": ">=10.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/assetlist": "workspace:^",
diff --git a/components/miller/themes/express.css b/components/miller/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/miller/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/miller/themes/spectrum.css b/components/miller/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/miller/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/modal/CHANGELOG.md b/components/modal/CHANGELOG.md
index f3b027cd6ec..ed700b5ab61 100644
--- a/components/modal/CHANGELOG.md
+++ b/components/modal/CHANGELOG.md
@@ -1,5 +1,275 @@
# Change Log
+## 5.1.1-next.0
+
+### Patch Changes
+
+- [#2860](https://github.com/adobe/spectrum-css/pull/2860) [`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - Spectrum 2 Standard Dialog Migration
+
+ This is the migration for standard dialog. The Divider component is no longer supported in S2 dialogs. In addition, some new and updated tokens are in place to update dialog corner rounding, font treatments, spacing/padding, and maximum/minimum widths. There were several new elements implemented as well, including optional header and footer content, hero/cover images, checkbox and text-only options in the footer content area.
+
+ The `.spectrum-Dialog--small`, `.spectrum-Dialog--medium`, and `.spectrum-Dialog--large` sizing classes were deprecated and removed from the CSS in favor of the t-shirt sizes. Additionally, the spelling of the `.spectrum-Dialog--dismissable` class was corrected to `.spectrum-Dialog--dismissible`.
+
+ Mod properties are either "new," have been renamed to reflect the respective dialog language, or were removed:
+
+ _New Mods_
+ `--mod-standard-dialog-spacing-title-to-header-content`
+ `--mod-standard-dialog-spacing-title-to-description`
+ `--mod-standard-dialog-header-content-font-size`
+
+ _Renamed Mods_
+ `--mod-dialog-confirm-small-width` > `--mod-standard-dialog-max-width-small`
+ `--mod-dialog-confirm-medium-width` > `--mod-standard-dialog-max-width`
+ `--mod-dialog-confirm-large-width` > `--mod-standard-dialog-max-width-large`
+ `--mod-dialog-confirm-border-radius` > `--mod-standard-dialog-border-radius`
+ `--mod-dialog-confirm-description-text-size` > `--mod-standard-dialog-description-font-size`
+ `--mod-dialog-confirm-description-text-line-height` > `--mod-standard-dialog-description-line-height`
+ `--mod-dialog-confirm-description-text-color` > `--mod-standard-dialog-description-text-color`
+ `--mod-dialog-confirm-description-font-weight` > `--mod-standard-dialog-description-font-weight`
+ `--mod-dialog-heading-font-weight` > `--mod-standard-dialog-heading-font-weight`
+ `--mod-dialog-confirm-title-text-line-height` > `--mod-standard-dialog-heading-line-height`
+ `--mod-dialog-confirm-title-text-color` > `--mod-standard-dialog-heading-text-color`
+ `--mod-dialog-confirm-title-text-size` > `--mod-standard-dialog-heading-font-size`
+ `--mod-dialog-confirm-hero-height` > `--mod-standard-dialog-hero-block-size`
+ `--mod-dialog-min-inline-size` > `--mod-standard-dialog-min-inline-size`
+ `--mod-dialog-confirm-padding-grid` > `--mod-standard-dialog-spacing-grid-padding`
+ `--mod-dialog-confirm-footer-padding-top` > `--mod-standard-dialog-spacing-description-to-footer`
+ `--mod-dialog-confirm-close-button-padding` > `--mod-standard-dialog-spacing-edge-to-close-button`
+ `--mod-dialog-confirm-gap-size` > `--mod-standard-dialog-spacing-footer-to-button-group`
+
+ _Removed Mods_
+ `--mod-dialog-confirm-buttongroup-padding-top`
+ `--mod-dialog-confirm-close-button-size`
+ `--mod-dialog-confirm-description-margin`
+ `--mod-dialog-confirm-description-padding`
+ `--mod-dialog-confirm-divider-block-spacing-end`
+ `--mod-dialog-confirm-divider-block-spacing-start`
+ `--mod-dialog-confirm-divider-height`
+
+ Modal and underlay updates
+
+ - Modal component now uses the updated corner rounding.
+ - Underlay has an updated comment that addresses the overlay-color/overlay-opacity tokens.
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+
+## 6.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 6.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 6.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#3056](https://github.com/adobe/spectrum-css/pull/3056) [`5bbbc78`](https://github.com/adobe/spectrum-css/commit/5bbbc78a6ef9442dc51c5fcc14a82fbe9bc277bf) Thanks [@Rajdeepc](https://github.com/Rajdeepc)! - Updates the spectrum-modal-background-color in dark and light in spectrum-two theme
+
+### Patch Changes
+
+- Updated dependencies [[`db528ce`](https://github.com/adobe/spectrum-css/commit/db528ce0a6f7d817e6124604014faf9f4accfc1e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.20
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -54,16 +324,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.6...@spectrum-css/modal@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.6...@spectrum-css/modal@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -71,8 +338,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.6
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.5...@spectrum-css/modal@4.2.6)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.5...@spectrum-css/modal@4.2.6)
**Note:** Version bump only for package @spectrum-css/modal
@@ -80,8 +346,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.5
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.4...@spectrum-css/modal@4.2.5)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.4...@spectrum-css/modal@4.2.5)
**Note:** Version bump only for package @spectrum-css/modal
@@ -89,8 +354,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.4
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.3...@spectrum-css/modal@4.2.4)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.3...@spectrum-css/modal@4.2.4)
**Note:** Version bump only for package @spectrum-css/modal
@@ -98,8 +362,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.2...@spectrum-css/modal@4.2.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.2...@spectrum-css/modal@4.2.3)
**Note:** Version bump only for package @spectrum-css/modal
@@ -107,8 +370,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.1...@spectrum-css/modal@4.2.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.2.1...@spectrum-css/modal@4.2.2)
**Note:** Version bump only for package @spectrum-css/modal
@@ -116,8 +378,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/modal
@@ -125,8 +386,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.1.0...@spectrum-css/modal@4.2.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.1.0...@spectrum-css/modal@4.2.0)
### ✨ Features
@@ -137,8 +397,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.5...@spectrum-css/modal@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.5...@spectrum-css/modal@4.1.0)
### ✨ Features
@@ -148,8 +407,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 4.0.5
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.4...@spectrum-css/modal@4.0.5)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.4...@spectrum-css/modal@4.0.5)
**Note:** Version bump only for package @spectrum-css/modal
@@ -157,8 +415,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 4.0.4
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.3...@spectrum-css/modal@4.0.4)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.3...@spectrum-css/modal@4.0.4)
**Note:** Version bump only for package @spectrum-css/modal
@@ -166,8 +423,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 4.0.3
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.1...@spectrum-css/modal@4.0.3)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.1...@spectrum-css/modal@4.0.3)
**Note:** Version bump only for package @spectrum-css/modal
@@ -175,8 +431,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 4.0.2
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.1...@spectrum-css/modal@4.0.2)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.1...@spectrum-css/modal@4.0.2)
**Note:** Version bump only for package @spectrum-css/modal
@@ -184,8 +439,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 4.0.1
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.0...@spectrum-css/modal@4.0.1)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@4.0.0...@spectrum-css/modal@4.0.1)
**Note:** Version bump only for package @spectrum-css/modal
@@ -193,8 +447,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 4.0.0
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.1.0...@spectrum-css/modal@4.0.0)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.1.0...@spectrum-css/modal@4.0.0)
### 🔙 Reverts
@@ -202,8 +455,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
\*feat(modal)!: diy migration (#2164)([0b83f13](https://github.com/adobe/spectrum-css/commit/0b83f13)), closes[#2164](https://github.com/adobe/spectrum-css/issues/2164)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates Modal to use `@adobe/spectrum-tokens`
@@ -230,8 +482,7 @@ chore: updated css properties
## 3.1.0
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.49...@spectrum-css/modal@3.1.0)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.49...@spectrum-css/modal@3.1.0)
### 🐛 Bug fixes
@@ -241,8 +492,7 @@ chore: updated css properties
## 3.0.49
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.48...@spectrum-css/modal@3.0.49)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.48...@spectrum-css/modal@3.0.49)
**Note:** Version bump only for package @spectrum-css/modal
@@ -250,8 +500,7 @@ chore: updated css properties
## 3.0.48
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.47...@spectrum-css/modal@3.0.48)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.47...@spectrum-css/modal@3.0.48)
**Note:** Version bump only for package @spectrum-css/modal
@@ -259,8 +508,7 @@ chore: updated css properties
## 3.0.47
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.46...@spectrum-css/modal@3.0.47)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.46...@spectrum-css/modal@3.0.47)
**Note:** Version bump only for package @spectrum-css/modal
@@ -268,8 +516,7 @@ chore: updated css properties
## 3.0.46
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.45...@spectrum-css/modal@3.0.46)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.45...@spectrum-css/modal@3.0.46)
**Note:** Version bump only for package @spectrum-css/modal
@@ -277,8 +524,7 @@ chore: updated css properties
## 3.0.45
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.44...@spectrum-css/modal@3.0.45)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.44...@spectrum-css/modal@3.0.45)
### 🐛 Bug fixes
@@ -288,8 +534,7 @@ chore: updated css properties
## 3.0.44
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.43...@spectrum-css/modal@3.0.44)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.43...@spectrum-css/modal@3.0.44)
**Note:** Version bump only for package @spectrum-css/modal
@@ -297,8 +542,7 @@ chore: updated css properties
## 3.0.43
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.42...@spectrum-css/modal@3.0.43)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/modal@3.0.42...@spectrum-css/modal@3.0.43)
**Note:** Version bump only for package @spectrum-css/modal
diff --git a/components/modal/index.css b/components/modal/index.css
index fb6b22c0ef8..a7a55c2deb5 100644
--- a/components/modal/index.css
+++ b/components/modal/index.css
@@ -11,24 +11,22 @@
* governing permissions and limitations under the License.
*/
-@import "@spectrum-css/commons/overlay.css";
-@import "./themes/express.css";
-
.spectrum-Modal {
- /* Bug: this must be 0ms, not 0 */
- --spectrum-modal-confirm-exit-animation-delay: var(--spectrum-animation-duration-0);
+ --spectrum-modal-confirm-entry-animation-duration: var(--mod-modal-confirm-entry-animation-duration, var(--spectrum-animation-duration-500));
+ --spectrum-modal-confirm-entry-animation-delay: var(--mod-modal-confirm-entry-animation-delay, var(--spectrum-animation-duration-200));
+
+ --spectrum-modal-confirm-exit-animation-duration: var(--mod-modal-confirm-exit-animation-duration, var(--spectrum-animation-duration-100));
+ --spectrum-modal-confirm-exit-animation-delay: var(--mod-modal-confirm-exit-animation-delay, var(--spectrum-animation-duration-0));
/* Distance between top and bottom of modal and edge of window for fullscreen modal */
--spectrum-modal-fullscreen-margin: 32px;
- --spectrum-modal-max-height: 90vh;
- --spectrum-modal-max-width: 90%;
-
- --spectrum-modal-background-color: var(--spectrum-gray-100);
- --spectrum-modal-confirm-border-radius: var(--spectrum-corner-radius-100);
- --spectrum-modal-confirm-exit-animation-duration: var(--spectrum-animation-duration-100);
- --spectrum-modal-confirm-entry-animation-duration: var(--spectrum-animation-duration-500);
- --spectrum-modal-confirm-entry-animation-delay: var(--spectrum-animation-duration-200);
- --spectrum-modal-transition-animation-duration: var(--spectrum-animation-duration-100);
+ --spectrum-modal-max-height: var(--mod-modal-max-height, 90vh);
+ --spectrum-modal-max-width: var(--mod-modal-max-width, 90%);
+
+ --spectrum-modal-background-color: var(--mod-modal-background-color, var(--spectrum-gray-75));
+ --spectrum-modal-confirm-border-radius: var(--mod-modal-confirm-border-radius, var(--spectrum-corner-radius-extra-large-default));
+
+ --spectrum-modal-transition-animation-duration: var(--mod-modal-transition-animation-duration, var(--spectrum-animation-duration-100));
}
/* Used to position the modal */
@@ -50,6 +48,9 @@
* We use the stretch value to counteract this where supported.
*/
block-size: 100vh;
+ /* stylelint-disable-next-line value-no-vendor-prefix */
+ block-size: -moz-available;
+ /* stylelint-disable-next-line value-no-vendor-prefix */
block-size: -webkit-fill-available;
/* autoprefixer: ignore next -- -moz-available providing inconsistent results; want to fall FF back to 100vh */
@@ -64,7 +65,7 @@
z-index: 2;
/* Be invisible by default */
- transition: visibility 0ms linear var(--mod-modal-transition-animation-duration, var(--spectrum-modal-transition-animation-duration));
+ transition: visibility 0ms linear var(--spectrum-modal-transition-animation-duration);
&.is-open {
visibility: visible;
@@ -72,42 +73,43 @@
}
.spectrum-Modal {
- @extend %spectrum-overlay;
+ visibility: hidden;
+ opacity: 0;
- /* Start offset by the animation distance */
- transform: translateY(var(--mod-modal-confirm-entry-animation-distance, var(--spectrum-modal-confirm-entry-animation-distance)));
+ /* Start offset by the animation distance -- @note this is using the global dialog token */
+ transform: translateY(var(--spectrum-dialog-confirm-entry-animation-distance));
/* Appear above underlay */
z-index: 2;
/* Don't be bigger than the screen */
- max-block-size: var(--mod-modal-max-height, var(--spectrum-modal-max-height));
- max-inline-size: var(--mod-modal-max-width, var(--spectrum-modal-max-width));
-
- background: var(--mod-modal-background-color, var(--spectrum-modal-background-color));
+ max-block-size: var(--spectrum-modal-max-height);
+ max-inline-size: var(--spectrum-modal-max-width);
- /* border-radius includes legacy token fallback, which can be deprecated once component is migrated */
- border-radius: var(--mod-modal-confirm-border-radius, var(--spectrum-modal-confirm-border-radius));
+ background: var(--spectrum-modal-background-color);
+ border-radius: var(--spectrum-modal-confirm-border-radius);
overflow: hidden;
outline: none; /* Firefox shows outline */
pointer-events: auto;
/* Exit animations */
transition:
- opacity var(--mod-modal-confirm-exit-animation-duration, var(--spectrum-modal-confirm-exit-animation-duration)) var(--spectrum-animation-ease-in) var(--mod-modal-confirm-exit-animation-delay, var(--spectrum-modal-confirm-exit-animation-delay)),
- visibility 0ms linear calc(var(--mod-modal-confirm-exit-animation-delay, var(--spectrum-modal-confirm-exit-animation-delay)) + var(--mod-modal-confirm-exit-animation-duration, var(--spectrum-modal-confirm-exit-animation-duration))),
- transform 0ms linear calc(var(--mod-modal-confirm-exit-animation-delay, var(--spectrum-modal-confirm-exit-animation-delay)) + var(--mod-modal-confirm-exit-animation-duration, var(--spectrum-modal-confirm-exit-animation-duration)));
-}
+ opacity var(--spectrum-modal-confirm-exit-animation-duration) var(--spectrum-animation-ease-in) var(--spectrum-modal-confirm-exit-animation-delay),
+ visibility 0ms linear calc(var(--spectrum-modal-confirm-exit-animation-delay) + var(--spectrum-modal-confirm-exit-animation-duration)),
+ transform 0ms linear calc(var(--spectrum-modal-confirm-exit-animation-delay) + var(--spectrum-modal-confirm-exit-animation-duration));
-.spectrum-Modal.is-open {
- @extend %spectrum-overlay--open;
+ &.is-open {
+ pointer-events: auto;
+ visibility: visible;
+ opacity: 1;
- /* Entry animations */
- transition:
- transform var(--mod-modal-confirm-entry-animation-duration, var(--spectrum-modal-confirm-entry-animation-duration)) var(--spectrum-animation-ease-out) var(--mod-modal-confirm-entry-animation-delay, var(--spectrum-modal-confirm-entry-animation-delay)),
- opacity var(--mod-modal-confirm-entry-animation-duration, var(--spectrum-modal-confirm-entry-animation-duration)) var(--spectrum-animation-ease-out) var(--mod-modal-confirm-entry-animation-delay, var(--spectrum-modal-confirm-entry-animation-delay));
+ /* Entry animations */
+ transition:
+ transform var(--spectrum-modal-confirm-entry-animation-duration) var(--spectrum-animation-ease-out) var(--spectrum-modal-confirm-entry-animation-delay),
+ opacity var(--spectrum-modal-confirm-entry-animation-duration) var(--spectrum-animation-ease-out) var(--spectrum-modal-confirm-entry-animation-delay);
- transform: translateY(0);
+ transform: translateY(0);
+ }
}
/* Responsive modals will fill the screen on small viewports */
@@ -120,20 +122,18 @@
border-radius: 0;
}
- .spectrum-Modal-wrapper {
- .spectrum-Modal--responsive {
- margin-block-start: 0; /* Prevent the vertical offset bit */
- }
+ .spectrum-Modal-wrapper .spectrum-Modal--responsive {
+ margin-block-start: 0; /* Prevent the vertical offset bit */
}
}
/** @unofficial */
.spectrum-Modal--fullscreen {
position: fixed;
- inset-inline-start: var(--mod-modal-fullscreen-margin, var(--spectrum-modal-fullscreen-margin));
- inset-block-start: var(--mod-modal-fullscreen-margin, var(--spectrum-modal-fullscreen-margin));
- inset-inline-end: var(--mod-modal-fullscreen-margin, var(--spectrum-modal-fullscreen-margin));
- inset-block-end: var(--mod-modal-fullscreen-margin, var(--spectrum-modal-fullscreen-margin));
+ inset-inline-start: var(--spectrum-modal-fullscreen-margin);
+ inset-block-start: var(--spectrum-modal-fullscreen-margin);
+ inset-inline-end: var(--spectrum-modal-fullscreen-margin);
+ inset-block-end: var(--spectrum-modal-fullscreen-margin);
max-inline-size: none;
max-block-size: none;
}
diff --git a/components/modal/metadata/metadata.json b/components/modal/metadata/metadata.json
index 0fcba109eea..04164726c5d 100644
--- a/components/modal/metadata/metadata.json
+++ b/components/modal/metadata/metadata.json
@@ -15,22 +15,17 @@
"--mod-modal-background-color",
"--mod-modal-confirm-border-radius",
"--mod-modal-confirm-entry-animation-delay",
- "--mod-modal-confirm-entry-animation-distance",
"--mod-modal-confirm-entry-animation-duration",
"--mod-modal-confirm-exit-animation-delay",
"--mod-modal-confirm-exit-animation-duration",
- "--mod-modal-fullscreen-margin",
"--mod-modal-max-height",
"--mod-modal-max-width",
- "--mod-modal-transition-animation-duration",
- "--mod-overlay-animation-duration",
- "--mod-overlay-animation-duration-opened"
+ "--mod-modal-transition-animation-duration"
],
"component": [
"--spectrum-modal-background-color",
"--spectrum-modal-confirm-border-radius",
"--spectrum-modal-confirm-entry-animation-delay",
- "--spectrum-modal-confirm-entry-animation-distance",
"--spectrum-modal-confirm-entry-animation-duration",
"--spectrum-modal-confirm-exit-animation-delay",
"--spectrum-modal-confirm-exit-animation-duration",
@@ -46,10 +41,10 @@
"--spectrum-animation-duration-500",
"--spectrum-animation-ease-in",
"--spectrum-animation-ease-out",
- "--spectrum-corner-radius-100",
- "--spectrum-gray-100"
+ "--spectrum-corner-radius-extra-large-default",
+ "--spectrum-dialog-confirm-entry-animation-distance",
+ "--spectrum-gray-75"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/modal/metadata/mods.md b/components/modal/metadata/mods.md
deleted file mode 100644
index 3cd142425fe..00000000000
--- a/components/modal/metadata/mods.md
+++ /dev/null
@@ -1,15 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------------- |
-| `--mod-modal-background-color` |
-| `--mod-modal-confirm-border-radius` |
-| `--mod-modal-confirm-entry-animation-delay` |
-| `--mod-modal-confirm-entry-animation-distance` |
-| `--mod-modal-confirm-entry-animation-duration` |
-| `--mod-modal-confirm-exit-animation-delay` |
-| `--mod-modal-confirm-exit-animation-duration` |
-| `--mod-modal-fullscreen-margin` |
-| `--mod-modal-max-height` |
-| `--mod-modal-max-width` |
-| `--mod-modal-transition-animation-duration` |
-| `--mod-overlay-animation-duration` |
-| `--mod-overlay-animation-duration-opened` |
diff --git a/components/modal/package.json b/components/modal/package.json
index e2b52f1af59..761354be969 100644
--- a/components/modal/package.json
+++ b/components/modal/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/modal",
- "version": "5.2.0",
+ "version": "5.1.1-next.0",
"description": "The Spectrum CSS modal component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,24 +17,24 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
- "@spectrum-css/commons": "workspace:^",
"@spectrum-css/tokens": "workspace:^"
},
"keywords": [
diff --git a/components/modal/themes/express.css b/components/modal/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/modal/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/modal/themes/spectrum.css b/components/modal/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/modal/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/opacitycheckerboard/CHANGELOG.md b/components/opacitycheckerboard/CHANGELOG.md
index ac6deb909c7..e94ef5bddf3 100644
--- a/components/opacitycheckerboard/CHANGELOG.md
+++ b/components/opacitycheckerboard/CHANGELOG.md
@@ -1,5 +1,225 @@
# Change Log
+## 3.0.0-next.0
+
+### Major Changes
+
+- [#3394](https://github.com/adobe/spectrum-css/pull/3394) [`eda9897`](https://github.com/adobe/spectrum-css/commit/eda9897f1a6e9ecaa4e000985e55b62ecdb9a586) Thanks [@cdransf](https://github.com/cdransf)! - # thumbnail-opacity-checkerboard S2 migration
+
+ Adds thumbnail specific `thumbnail-opacity-checkerboard-square-size` token aliased to `--spectrum-opacity-checkerboard-size`. This impacts the display of the `opacity-checkerboard` when used within the `thumbnail` component.
+
+ This also corrects an issue with a token name in the `thumbnail` component by renaming `--spectrum-thumbnail-border-color-opacity` to `--spectrum-thumbnail-border-opacity`.
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+
+## 3.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 3.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 3.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 3.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 3.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 3.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 3.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 3.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 3.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 3.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 3.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 3.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 3.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 3.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 3.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 3.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 3.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 2.2.0
### Minor Changes
@@ -48,16 +268,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.1.5...@spectrum-css/opacitycheckerboard@2.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.1.5...@spectrum-css/opacitycheckerboard@2.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -65,8 +282,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.1.4...@spectrum-css/opacitycheckerboard@1.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.1.4...@spectrum-css/opacitycheckerboard@1.1.5)
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -74,8 +290,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.1.3...@spectrum-css/opacitycheckerboard@1.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.1.3...@spectrum-css/opacitycheckerboard@1.1.4)
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -83,8 +298,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.1.2...@spectrum-css/opacitycheckerboard@1.1.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.1.2...@spectrum-css/opacitycheckerboard@1.1.3)
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -92,8 +306,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.2
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -101,8 +314,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.1
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.1.0...@spectrum-css/opacitycheckerboard@1.1.1)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.1.0...@spectrum-css/opacitycheckerboard@1.1.1)
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -110,8 +322,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.9...@spectrum-css/opacitycheckerboard@1.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.9...@spectrum-css/opacitycheckerboard@1.1.0)
### ✨ Features
@@ -121,8 +332,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.9
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.8...@spectrum-css/opacitycheckerboard@1.0.9)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.8...@spectrum-css/opacitycheckerboard@1.0.9)
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -130,8 +340,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.8
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.7...@spectrum-css/opacitycheckerboard@1.0.8)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.7...@spectrum-css/opacitycheckerboard@1.0.8)
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -139,8 +348,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.7
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.5...@spectrum-css/opacitycheckerboard@1.0.7)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.5...@spectrum-css/opacitycheckerboard@1.0.7)
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -148,8 +356,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.6
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.5...@spectrum-css/opacitycheckerboard@1.0.6)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.5...@spectrum-css/opacitycheckerboard@1.0.6)
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -157,8 +364,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.5
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.4...@spectrum-css/opacitycheckerboard@1.0.5)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.4...@spectrum-css/opacitycheckerboard@1.0.5)
### 🐛 Bug fixes
@@ -172,8 +378,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.4
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.3...@spectrum-css/opacitycheckerboard@1.0.4)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.3...@spectrum-css/opacitycheckerboard@1.0.4)
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -181,8 +386,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.3
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.2...@spectrum-css/opacitycheckerboard@1.0.3)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.2...@spectrum-css/opacitycheckerboard@1.0.3)
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -190,8 +394,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.2
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.1...@spectrum-css/opacitycheckerboard@1.0.2)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.1...@spectrum-css/opacitycheckerboard@1.0.2)
### 🐛 Bug fixes
@@ -201,8 +404,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.1
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.0...@spectrum-css/opacitycheckerboard@1.0.1)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/opacitycheckerboard@1.0.0...@spectrum-css/opacitycheckerboard@1.0.1)
**Note:** Version bump only for package @spectrum-css/opacitycheckerboard
@@ -210,13 +412,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.0.0
-🗓
-2023-07-24
+🗓 2023-07-24
\*feat(opacitycheckerboard)!: new component (#1916)([24e9f06](https://github.com/adobe/spectrum-css/commit/24e9f06)), closes[#1916](https://github.com/adobe/spectrum-css/issues/1916)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
creates new Opacity Checkerboard component and uses it within Swatch, Color Handle, Thumbnail, Color Slider.
diff --git a/components/opacitycheckerboard/index.css b/components/opacitycheckerboard/index.css
index a0485721ad6..8f1700294f0 100644
--- a/components/opacitycheckerboard/index.css
+++ b/components/opacitycheckerboard/index.css
@@ -11,17 +11,20 @@
* governing permissions and limitations under the License.
*/
- @import "./themes/express.css";
-
.spectrum-OpacityCheckerboard {
- --spectrum-opacity-checkerboard-dark: var(--spectrum-opacity-checkerboard-square-dark);
- --spectrum-opacity-checkerboard-light: var(--spectrum-opacity-checkerboard-square-light);
- --spectrum-opacity-checkerboard-size: var(--spectrum-opacity-checkerboard-square-size);
- --spectrum-opacity-checkerboard-position: left top;
+ --spectrum-opacity-checkerboard-dark: var(--mod-opacity-checkerboard-dark, var(--spectrum-opacity-checkerboard-square-dark));
+ --spectrum-opacity-checkerboard-light: var(--mod-opacity-checkerboard-light, var(--spectrum-opacity-checkerboard-square-light));
+ --spectrum-opacity-checkerboard-size: var(--mod-opacity-checkerboard-size, var(--spectrum-opacity-checkerboard-square-size-medium));
+
+ --spectrum-opacity-checkerboard-position: var(--mod-opacity-checkerboard-position, left top);
+}
+
+.spectrum-OpacityCheckerboard--sizeS {
+ --spectrum-opacity-checkerboard-size: var(--mod-opacity-checkerboard-size, var(--spectrum-opacity-checkerboard-square-size-small));
}
.spectrum-OpacityCheckerboard {
- background: repeating-conic-gradient(var(--mod-opacity-checkerboard-light, var(--spectrum-opacity-checkerboard-light)) 0% 25%, var(--mod-opacity-checkerboard-dark, var(--spectrum-opacity-checkerboard-dark)) 0% 50%) var(--mod-opacity-checkerboard-position, var(--spectrum-opacity-checkerboard-position)) / calc(var(--mod-opacity-checkerboard-size, var(--spectrum-opacity-checkerboard-size)) * 2) calc(var(--mod-opacity-checkerboard-size, var(--spectrum-opacity-checkerboard-size)) * 2);
+ background: repeating-conic-gradient(var(--spectrum-opacity-checkerboard-light) 0% 25%, var(--spectrum-opacity-checkerboard-dark) 0% 50%) var(--spectrum-opacity-checkerboard-position) / calc(var(--spectrum-opacity-checkerboard-size) * 2) calc(var(--spectrum-opacity-checkerboard-size) * 2);
}
@media (forced-colors: active) {
diff --git a/components/opacitycheckerboard/metadata/metadata.json b/components/opacitycheckerboard/metadata/metadata.json
index a47a1f04bb9..31fd76317b9 100644
--- a/components/opacitycheckerboard/metadata/metadata.json
+++ b/components/opacitycheckerboard/metadata/metadata.json
@@ -1,6 +1,9 @@
{
"sourceFile": "index.css",
- "selectors": [".spectrum-OpacityCheckerboard"],
+ "selectors": [
+ ".spectrum-OpacityCheckerboard",
+ ".spectrum-OpacityCheckerboard--sizeS"
+ ],
"modifiers": [
"--mod-opacity-checkerboard-dark",
"--mod-opacity-checkerboard-light",
@@ -14,10 +17,10 @@
"--spectrum-opacity-checkerboard-size",
"--spectrum-opacity-checkerboard-square-dark",
"--spectrum-opacity-checkerboard-square-light",
- "--spectrum-opacity-checkerboard-square-size"
+ "--spectrum-opacity-checkerboard-square-size-medium",
+ "--spectrum-opacity-checkerboard-square-size-small"
],
"global": [],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/opacitycheckerboard/metadata/mods.md b/components/opacitycheckerboard/metadata/mods.md
deleted file mode 100644
index da8b3518d53..00000000000
--- a/components/opacitycheckerboard/metadata/mods.md
+++ /dev/null
@@ -1,6 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------- |
-| `--mod-opacity-checkerboard-dark` |
-| `--mod-opacity-checkerboard-light` |
-| `--mod-opacity-checkerboard-position` |
-| `--mod-opacity-checkerboard-size` |
diff --git a/components/opacitycheckerboard/package.json b/components/opacitycheckerboard/package.json
index 4e25dbc1d49..5ae01deea1f 100644
--- a/components/opacitycheckerboard/package.json
+++ b/components/opacitycheckerboard/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/opacitycheckerboard",
- "version": "2.2.0",
+ "version": "3.0.0-next.0",
"description": "The Spectrum CSS opacitycheckerboard component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js b/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js
index 80a5925e330..8fb9827caa6 100644
--- a/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js
+++ b/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js
@@ -20,6 +20,16 @@ export default {
control: "text",
description: "Value for --mod-opacity-checkerboard-position. Accepts any valid CSS background-position property value.",
},
+ size: {
+ name: "Size",
+ type: { name: "string", required: true },
+ table: {
+ type: { summary: "string" },
+ category: "Component",
+ },
+ options: ["s", "m"],
+ control: "select",
+ },
},
args: {
rootClass: "spectrum-OpacityCheckerboard",
@@ -33,6 +43,7 @@ export default {
packageJson,
metadata,
},
+ tags: ["migrated"],
};
export const Default = OpacityCheckboardGroup.bind({});
diff --git a/components/opacitycheckerboard/stories/template.js b/components/opacitycheckerboard/stories/template.js
index 5327a593cb8..be0c3f3aed7 100644
--- a/components/opacitycheckerboard/stories/template.js
+++ b/components/opacitycheckerboard/stories/template.js
@@ -13,19 +13,23 @@ export const Template = ({
customStyles = {},
id = getRandomId("opacity-checkerboard"),
content = [],
+ size,
role,
-}) => html`
- ({ ...a, [c]: true }), {}),
- })}
- style=${ifDefined(styleMap({
- "--mod-opacity-checkerboard-position": backgroundPosition,
- ...customStyles,
- }))}
- role=${ifDefined(role)}
- id=${ifDefined(id)}
- >
- ${renderContent(content)}
-
`;
+} = {}) => {
+ return html`
+ ({ ...a, [c]: true }), {}),
+ })}
+ style=${ifDefined(styleMap({
+ "--mod-opacity-checkerboard-position": backgroundPosition,
+ ...customStyles,
+ }))}
+ role=${ifDefined(role)}
+ id=${ifDefined(id)}
+ >
+ ${renderContent(content)}
+
+ `;
+};
diff --git a/components/opacitycheckerboard/themes/express.css b/components/opacitycheckerboard/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/opacitycheckerboard/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/opacitycheckerboard/themes/spectrum.css b/components/opacitycheckerboard/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/opacitycheckerboard/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/page/CHANGELOG.md b/components/page/CHANGELOG.md
deleted file mode 100644
index f3b1d00596c..00000000000
--- a/components/page/CHANGELOG.md
+++ /dev/null
@@ -1,752 +0,0 @@
-# Change Log
-
-## 8.2.0
-
-### Minor Changes
-
-- [#3369](https://github.com/adobe/spectrum-css/pull/3369) [`9c49505`](https://github.com/adobe/spectrum-css/commit/9c4950517bf0f8ca7b2e373f4323c97d068d0ceb) Thanks [@castastrophe](https://github.com/castastrophe)! - Remove the storybook assets from the shipped output for components
-
-## 8.1.3
-
-### Patch Changes
-
-- [#3107](https://github.com/adobe/spectrum-css/pull/3107) [`83d5a17`](https://github.com/adobe/spectrum-css/commit/83d5a171bd850df693707611203ecce21f22e7d2) Thanks [@castastrophe](https://github.com/castastrophe)! - Incorporate glob export for the dist directory in all component packages as well as glob markdown exports (to include both CHANGELOG and READMEs).
-
- Sort keys in the package.json assets.
-
-## 8.1.2
-
-### Patch Changes
-
-- [#3045](https://github.com/adobe/spectrum-css/pull/3045) [`5d6e03f`](https://github.com/adobe/spectrum-css/commit/5d6e03f30891f9171f1a600b06d534ee85719277) Thanks [@castastrophe](https://github.com/castastrophe)! - Improve changeset suggestions by using exports instead of files in component packages
-
-## 8.1.1
-
-### Patch Changes
-
-- [#2677](https://github.com/adobe/spectrum-css/pull/2677) [`d83200c`](https://github.com/adobe/spectrum-css/commit/d83200ca70a959aa70329e71de0c4383de157855) Thanks [@castastrophe](https://github.com/castastrophe)! - Leveral local workspace versioning to prevent misalignment
-
-## 8.1.0
-
-### Minor Changes
-
-- [#2616](https://github.com/adobe/spectrum-css/pull/2616) [`7f45ea9`](https://github.com/adobe/spectrum-css/commit/7f45ea95d3d31addf29b0720de8623b0f3f0431d) Thanks [@castastrophe](https://github.com/castastrophe)!
-
-#### Build optmizations to support minification
-
-Output for all component CSS files is now being run through a lightweight optimizer (cssnano) which significantly reduces unnecessary whitespace. These changes reduce file size but should not have any impact on the rendering of the component. By removing unnecessary whitespace from var functions, we are making it easier to effectively minify our provided CSS assets.
-
-### Patch Changes
-
-- Updated peerDependencies [[`7f45ea9`](https://github.com/adobe/spectrum-css/commit/7f45ea95d3d31addf29b0720de8623b0f3f0431d)]:
- - @spectrum-css/tokens@>=14
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-:root {
- background-color: var(--spectrum-gray-100);
-
- /* Prevent tap highlights */
- -webkit-tap-highlight-color: var(--spectrum-transparent-black-100);
-}
diff --git a/components/page/metadata/metadata.json b/components/page/metadata/metadata.json
deleted file mode 100644
index 3ea846415da..00000000000
--- a/components/page/metadata/metadata.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
- "sourceFile": "index.css",
- "selectors": [":root"],
- "modifiers": [],
- "component": [],
- "global": ["--spectrum-gray-100", "--spectrum-transparent-black-100"],
- "system-theme": [],
- "passthroughs": [],
- "high-contrast": []
-}
diff --git a/components/page/metadata/mods.md b/components/page/metadata/mods.md
deleted file mode 100644
index a98209f6e87..00000000000
--- a/components/page/metadata/mods.md
+++ /dev/null
@@ -1,2 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------- |
diff --git a/components/pagination/CHANGELOG.md b/components/pagination/CHANGELOG.md
index 089ab48dd7b..69a184c78e6 100644
--- a/components/pagination/CHANGELOG.md
+++ b/components/pagination/CHANGELOG.md
@@ -1,5 +1,282 @@
# Change Log
+## 9.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.24
+ - @spectrum-css/textfield@8.0.0-s2-foundations.17
+ - @spectrum-css/button@14.0.0-s2-foundations.19
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 9.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.21
+ - @spectrum-css/textfield@8.0.0-s2-foundations.16
+ - @spectrum-css/button@14.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 9.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.20
+ - @spectrum-css/textfield@8.0.0-s2-foundations.15
+ - @spectrum-css/button@14.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 9.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.18
+ - @spectrum-css/textfield@8.0.0-s2-foundations.14
+ - @spectrum-css/button@14.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 9.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.13
+ - @spectrum-css/textfield@8.0.0-s2-foundations.12
+ - @spectrum-css/button@14.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 9.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.12
+ - @spectrum-css/textfield@8.0.0-s2-foundations.11
+ - @spectrum-css/button@14.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 9.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.10
+ - @spectrum-css/textfield@8.0.0-s2-foundations.10
+ - @spectrum-css/button@14.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 9.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`da47fa2`](https://github.com/adobe/spectrum-css/commit/da47fa2cb18373e74a6718775f2db90bb25868d4), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.9
+ - @spectrum-css/textfield@8.0.0-s2-foundations.9
+ - @spectrum-css/button@14.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 9.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.8
+ - @spectrum-css/textfield@8.0.0-s2-foundations.8
+ - @spectrum-css/button@14.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 9.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.7
+ - @spectrum-css/textfield@8.0.0-s2-foundations.7
+ - @spectrum-css/button@14.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 9.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.6
+ - @spectrum-css/textfield@8.0.0-s2-foundations.6
+ - @spectrum-css/button@14.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 9.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.5
+ - @spectrum-css/textfield@8.0.0-s2-foundations.5
+ - @spectrum-css/button@14.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 9.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.4
+ - @spectrum-css/textfield@8.0.0-s2-foundations.4
+ - @spectrum-css/button@14.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 9.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.3
+ - @spectrum-css/textfield@8.0.0-s2-foundations.3
+ - @spectrum-css/button@14.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 9.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.2
+ - @spectrum-css/textfield@8.0.0-s2-foundations.2
+ - @spectrum-css/button@14.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 9.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.1
+ - @spectrum-css/textfield@8.0.0-s2-foundations.1
+ - @spectrum-css/button@14.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 9.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.0
+ - @spectrum-css/textfield@8.0.0-s2-foundations.0
+ - @spectrum-css/button@14.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 8.2.0
### Minor Changes
@@ -78,25 +355,20 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.1.6...@spectrum-css/pagination@8.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pagination@7.1.6...@spectrum-css/pagination@8.0.0)
-\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
+- feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
`;
- // @todo This variant should be deprecated, as it uses the deprecated SplitButton component.
- const buttonVariant = SplitButton({
- position: "left",
- variant: "accent",
- label: "Next",
- iconName: "ChevronLeft100",
- labelIconName: "ChevronRight100",
- iconSet: "ui",
- customFirstButtonClasses: ["spectrum-Pagination-prevButton"],
- customLastButtonClasses: ["spectrum-Pagination-nextButton"]
- }, context);
-
const listingVariant = html`
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/pagination/themes/spectrum.css b/components/pagination/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/pagination/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/picker/CHANGELOG.md b/components/picker/CHANGELOG.md
index 063fedc10aa..737aec1bb0d 100644
--- a/components/picker/CHANGELOG.md
+++ b/components/picker/CHANGELOG.md
@@ -1,5 +1,333 @@
# Change Log
+## 9.0.0-next.1
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/popover@8.0.0-next.0
+ - @spectrum-css/menu@8.0.0-next.0
+
+## 9.0.0-next.0
+
+### Major Changes
+
+- [#2697](https://github.com/adobe/spectrum-css/pull/2697) [`5d730fe`](https://github.com/adobe/spectrum-css/commit/5d730fe711c7469b7216ece9638a4a157429fa17) Thanks [@jawinn](https://github.com/jawinn)! - #### Spectrum 2 migration
+
+ Picker now uses Spectrum 2 tokens and specifications. A few notable changes:
+
+ - The mod custom property `--mod-line-height-100` has been renamed to `--mod-button-line-height`.
+ - The mod custom property `--mod-sans-font-family-stack` has been renamed to `--mod-button-font-family`.
+ - The mod custom property `--mod-animation-duration-100` has been renamed to `--mod-button-animation-duration`.
+ - The mod custom property `--mod-picker-spacing-text-to-alert-icon-inline-start` has been renamed to `--mod-picker-spacing-text-to-icon-inline-end`. This removed the fallback that was marked as deprecated in a previous version.
+ - The mod custom property `--mod-picker-spacing-text-to-icon` has been removed. Use `--mod-picker-spacing-text-to-icon-inline-end` for the spacing between text and visual (indicator or disclosure), or `--mod-picker-spacing-starting-icon-to-text` for the space between the optional workflow icon and the text.
+
+## 9.0.0-s2-foundations.17
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`da9a90a`](https://github.com/adobe/spectrum-css/commit/da9a90adb1b46abc7f3078d2b7cfcf84f7a41026) Thanks [@pfulton](https://github.com/pfulton)! - Update background and border color for picker in Spectrum 2 theme [SWC-575]
+
+### Patch Changes
+
+- Updated dependencies [[`da9a90a`](https://github.com/adobe/spectrum-css/commit/da9a90adb1b46abc7f3078d2b7cfcf84f7a41026), [`513256c`](https://github.com/adobe/spectrum-css/commit/513256c7c7587ac6a3741a819a41ab321d1cd965)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.30
+
+## 9.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.16
+ - @spectrum-css/helptext@6.0.0-s2-foundations.16
+ - @spectrum-css/popover@8.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+ - @spectrum-css/menu@8.0.0-s2-foundations.17
+
+## 9.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.15
+ - @spectrum-css/helptext@6.0.0-s2-foundations.15
+ - @spectrum-css/popover@8.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+ - @spectrum-css/menu@8.0.0-s2-foundations.15
+
+## 9.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.14
+ - @spectrum-css/helptext@6.0.0-s2-foundations.14
+ - @spectrum-css/popover@8.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/menu@8.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 9.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.13
+ - @spectrum-css/helptext@6.0.0-s2-foundations.13
+ - @spectrum-css/popover@8.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/menu@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 9.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.12
+ - @spectrum-css/helptext@6.0.0-s2-foundations.12
+ - @spectrum-css/popover@8.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/menu@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 9.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.11
+ - @spectrum-css/helptext@6.0.0-s2-foundations.11
+ - @spectrum-css/popover@8.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/menu@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 9.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.10
+ - @spectrum-css/helptext@6.0.0-s2-foundations.10
+ - @spectrum-css/popover@8.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/menu@8.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 9.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.9
+ - @spectrum-css/helptext@6.0.0-s2-foundations.9
+ - @spectrum-css/popover@8.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/menu@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 9.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.8
+ - @spectrum-css/helptext@6.0.0-s2-foundations.8
+ - @spectrum-css/popover@8.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/menu@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 9.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.7
+ - @spectrum-css/helptext@6.0.0-s2-foundations.7
+ - @spectrum-css/popover@8.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/menu@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 9.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.6
+ - @spectrum-css/helptext@6.0.0-s2-foundations.6
+ - @spectrum-css/popover@8.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+ - @spectrum-css/menu@8.0.0-s2-foundations.6
+
+## 9.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.5
+ - @spectrum-css/helptext@6.0.0-s2-foundations.5
+ - @spectrum-css/popover@8.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/menu@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 9.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.4
+ - @spectrum-css/helptext@6.0.0-s2-foundations.4
+ - @spectrum-css/popover@8.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/menu@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 9.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.3
+ - @spectrum-css/helptext@6.0.0-s2-foundations.3
+ - @spectrum-css/popover@8.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/menu@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 9.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.2
+ - @spectrum-css/helptext@6.0.0-s2-foundations.2
+ - @spectrum-css/popover@8.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/menu@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 9.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.1
+ - @spectrum-css/helptext@6.0.0-s2-foundations.1
+ - @spectrum-css/popover@8.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/menu@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 9.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/progresscircle@4.0.0-s2-foundations.0
+ - @spectrum-css/popover@8.0.0-s2-foundations.0
+ - @spectrum-css/menu@8.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/helptext@6.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 8.3.0
### Minor Changes
@@ -107,8 +435,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.7...@spectrum-css/picker@8.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.7...@spectrum-css/picker@8.0.0)
### ✨ Features
@@ -133,8 +460,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.2.7
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.6...@spectrum-css/picker@7.2.7)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.6...@spectrum-css/picker@7.2.7)
**Note:** Version bump only for package @spectrum-css/picker
@@ -142,8 +468,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.2.6
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.5...@spectrum-css/picker@7.2.6)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.5...@spectrum-css/picker@7.2.6)
**Note:** Version bump only for package @spectrum-css/picker
@@ -151,8 +476,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.2.5
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.4...@spectrum-css/picker@7.2.5)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.4...@spectrum-css/picker@7.2.5)
**Note:** Version bump only for package @spectrum-css/picker
@@ -160,8 +484,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.2.4
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.3...@spectrum-css/picker@7.2.4)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.3...@spectrum-css/picker@7.2.4)
**Note:** Version bump only for package @spectrum-css/picker
@@ -169,8 +492,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.2.3
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.2...@spectrum-css/picker@7.2.3)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.2...@spectrum-css/picker@7.2.3)
### 🐛 Bug fixes
@@ -180,8 +502,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.2.2
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/picker
@@ -189,8 +510,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.2.1
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.0...@spectrum-css/picker@7.2.1)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.2.0...@spectrum-css/picker@7.2.1)
**Note:** Version bump only for package @spectrum-css/picker
@@ -198,8 +518,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.1.0...@spectrum-css/picker@7.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.1.0...@spectrum-css/picker@7.2.0)
**Note:** Version bump only for package @spectrum-css/picker
@@ -207,8 +526,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.1.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.19...@spectrum-css/picker@7.1.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.19...@spectrum-css/picker@7.1.0)
### ✨ Features
@@ -223,8 +541,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.19
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.18...@spectrum-css/picker@7.0.19)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.18...@spectrum-css/picker@7.0.19)
### 🐛 Bug fixes
@@ -235,8 +552,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.18
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.17...@spectrum-css/picker@7.0.18)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.17...@spectrum-css/picker@7.0.18)
**Note:** Version bump only for package @spectrum-css/picker
@@ -244,8 +560,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.17
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.16...@spectrum-css/picker@7.0.17)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.16...@spectrum-css/picker@7.0.17)
**Note:** Version bump only for package @spectrum-css/picker
@@ -253,8 +568,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.16
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.14...@spectrum-css/picker@7.0.16)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.14...@spectrum-css/picker@7.0.16)
**Note:** Version bump only for package @spectrum-css/picker
@@ -262,8 +576,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.15
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.14...@spectrum-css/picker@7.0.15)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.14...@spectrum-css/picker@7.0.15)
**Note:** Version bump only for package @spectrum-css/picker
@@ -271,8 +584,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.14
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.13...@spectrum-css/picker@7.0.14)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.13...@spectrum-css/picker@7.0.14)
**Note:** Version bump only for package @spectrum-css/picker
@@ -280,8 +592,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.13
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.12...@spectrum-css/picker@7.0.13)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.12...@spectrum-css/picker@7.0.13)
**Note:** Version bump only for package @spectrum-css/picker
@@ -289,8 +600,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.12
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.11...@spectrum-css/picker@7.0.12)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.11...@spectrum-css/picker@7.0.12)
**Note:** Version bump only for package @spectrum-css/picker
@@ -298,8 +608,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.11
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.10...@spectrum-css/picker@7.0.11)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.10...@spectrum-css/picker@7.0.11)
**Note:** Version bump only for package @spectrum-css/picker
@@ -307,8 +616,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.10
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.9...@spectrum-css/picker@7.0.10)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.9...@spectrum-css/picker@7.0.10)
**Note:** Version bump only for package @spectrum-css/picker
@@ -316,8 +624,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.9
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.8...@spectrum-css/picker@7.0.9)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.8...@spectrum-css/picker@7.0.9)
**Note:** Version bump only for package @spectrum-css/picker
@@ -325,8 +632,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.8
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.7...@spectrum-css/picker@7.0.8)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.7...@spectrum-css/picker@7.0.8)
**Note:** Version bump only for package @spectrum-css/picker
@@ -334,8 +640,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.7
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.6...@spectrum-css/picker@7.0.7)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.6...@spectrum-css/picker@7.0.7)
**Note:** Version bump only for package @spectrum-css/picker
@@ -343,8 +648,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.6
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.5...@spectrum-css/picker@7.0.6)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.5...@spectrum-css/picker@7.0.6)
**Note:** Version bump only for package @spectrum-css/picker
@@ -352,8 +656,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.5
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.4...@spectrum-css/picker@7.0.5)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.4...@spectrum-css/picker@7.0.5)
**Note:** Version bump only for package @spectrum-css/picker
@@ -361,8 +664,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.4
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.3...@spectrum-css/picker@7.0.4)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.3...@spectrum-css/picker@7.0.4)
### 🔙 Reverts
@@ -372,8 +674,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.3
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.2...@spectrum-css/picker@7.0.3)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.2...@spectrum-css/picker@7.0.3)
**Note:** Version bump only for package @spectrum-css/picker
@@ -381,8 +682,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.2
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.0...@spectrum-css/picker@7.0.2)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.0...@spectrum-css/picker@7.0.2)
**Note:** Version bump only for package @spectrum-css/picker
@@ -390,8 +690,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.1
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.0...@spectrum-css/picker@7.0.1)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@7.0.0...@spectrum-css/picker@7.0.1)
**Note:** Version bump only for package @spectrum-css/picker
@@ -399,8 +698,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@6.0.2...@spectrum-css/picker@7.0.0)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@6.0.2...@spectrum-css/picker@7.0.0)
\*refactor(picker)!: remove focus-ring([e37b430](https://github.com/adobe/spectrum-css/commit/e37b430))
@@ -414,8 +712,7 @@ We've migrated away from the `focus-ring` class in favor of the native `:focus-v
## 6.0.2
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@6.0.1...@spectrum-css/picker@6.0.2)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@6.0.1...@spectrum-css/picker@6.0.2)
### 🐛 Bug fixes
@@ -425,8 +722,7 @@ We've migrated away from the `focus-ring` class in favor of the native `:focus-v
## 6.0.1
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@6.0.0...@spectrum-css/picker@6.0.1)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@6.0.0...@spectrum-css/picker@6.0.1)
**Note:** Version bump only for package @spectrum-css/picker
@@ -434,8 +730,7 @@ We've migrated away from the `focus-ring` class in favor of the native `:focus-v
## 6.0.0
-🗓
-2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@5.0.1...@spectrum-css/picker@6.0.0)
+🗓 2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@5.0.1...@spectrum-css/picker@6.0.0)
### 🐛 Bug fixes
@@ -464,8 +759,7 @@ Additionally:
## 5.0.1
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@5.0.0...@spectrum-css/picker@5.0.1)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@5.0.0...@spectrum-css/picker@5.0.1)
**Note:** Version bump only for package @spectrum-css/picker
@@ -473,13 +767,11 @@ Additionally:
## 5.0.0
-🗓
-2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.22...@spectrum-css/picker@5.0.0)
+🗓 2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.22...@spectrum-css/picker@5.0.0)
\*feat(pickerbutton)!: migrate to use spectrum tokens (#1940)([ad6051d](https://github.com/adobe/spectrum-css/commit/ad6051d)), closes[#1940](https://github.com/adobe/spectrum-css/issues/1940)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates the Picker Button component to use `@adobe/spectrum-tokens`
@@ -547,8 +839,7 @@ removes padding from uiicononly class to allow for larger icons in slots
## 4.0.22
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.21...@spectrum-css/picker@4.0.22)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.21...@spectrum-css/picker@4.0.22)
### 🐛 Bug fixes
@@ -558,8 +849,7 @@ removes padding from uiicononly class to allow for larger icons in slots
## 4.0.21
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.20...@spectrum-css/picker@4.0.21)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.20...@spectrum-css/picker@4.0.21)
**Note:** Version bump only for package @spectrum-css/picker
@@ -567,8 +857,7 @@ removes padding from uiicononly class to allow for larger icons in slots
## 4.0.20
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.19...@spectrum-css/picker@4.0.20)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.19...@spectrum-css/picker@4.0.20)
**Note:** Version bump only for package @spectrum-css/picker
@@ -576,8 +865,7 @@ removes padding from uiicononly class to allow for larger icons in slots
## 4.0.19
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.18...@spectrum-css/picker@4.0.19)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.18...@spectrum-css/picker@4.0.19)
**Note:** Version bump only for package @spectrum-css/picker
@@ -585,8 +873,7 @@ removes padding from uiicononly class to allow for larger icons in slots
## 4.0.18
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.17...@spectrum-css/picker@4.0.18)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.17...@spectrum-css/picker@4.0.18)
**Note:** Version bump only for package @spectrum-css/picker
@@ -594,8 +881,7 @@ removes padding from uiicononly class to allow for larger icons in slots
## 4.0.17
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.16...@spectrum-css/picker@4.0.17)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.16...@spectrum-css/picker@4.0.17)
**Note:** Version bump only for package @spectrum-css/picker
@@ -603,8 +889,7 @@ removes padding from uiicononly class to allow for larger icons in slots
## 4.0.16
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.15...@spectrum-css/picker@4.0.16)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.15...@spectrum-css/picker@4.0.16)
**Note:** Version bump only for package @spectrum-css/picker
@@ -612,8 +897,7 @@ removes padding from uiicononly class to allow for larger icons in slots
## 4.0.15
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.14...@spectrum-css/picker@4.0.15)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.14...@spectrum-css/picker@4.0.15)
**Note:** Version bump only for package @spectrum-css/picker
@@ -621,8 +905,7 @@ removes padding from uiicononly class to allow for larger icons in slots
## 4.0.14
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.13...@spectrum-css/picker@4.0.14)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.13...@spectrum-css/picker@4.0.14)
### 🐛 Bug fixes
@@ -632,8 +915,7 @@ removes padding from uiicononly class to allow for larger icons in slots
## 4.0.13
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.12...@spectrum-css/picker@4.0.13)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.12...@spectrum-css/picker@4.0.13)
**Note:** Version bump only for package @spectrum-css/picker
@@ -641,8 +923,7 @@ removes padding from uiicononly class to allow for larger icons in slots
## 4.0.12
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.11...@spectrum-css/picker@4.0.12)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/picker@4.0.11...@spectrum-css/picker@4.0.12)
**Note:** Version bump only for package @spectrum-css/picker
diff --git a/components/picker/index.css b/components/picker/index.css
index 23295ab3108..99a8d5ad7de 100644
--- a/components/picker/index.css
+++ b/components/picker/index.css
@@ -10,49 +10,70 @@
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
-
-@import "./themes/express.css";
@import "@spectrum-css/commons/basebutton.css";
.spectrum-Picker {
- /* font */
+ /* Font */
--spectrum-picker-font-size: var(--spectrum-font-size-100);
--spectrum-picker-font-weight: var(--spectrum-regular-font-weight);
--spectrum-picker-placeholder-font-style: var(--spectrum-default-font-style);
--spectrum-picker-line-height: var(--spectrum-line-height-100);
+ --spectrum-picker-line-height-cjk: var(--spectrum-cjk-line-height-100);
- /* height */
+ /* Dimensions */
--spectrum-picker-block-size: var(--spectrum-component-height-100);
- --spectrum-picker-inline-size: var(--spectrum-field-width);
+ --spectrum-picker-inline-size: var(--spectrum-field-default-width-medium);
+ --spectrum-picker-min-inline-size: calc(var(--spectrum-picker-minimum-width-multiplier) * var(--mod-picker-block-size, var(--spectrum-picker-block-size)));
- /* border */
- --spectrum-picker-border-radius: var(--spectrum-corner-radius-100);
+ /* Border */
+ --spectrum-picker-border-radius: var(--spectrum-corner-radius-medium-size-medium);
+ --spectrum-picker-border-width: var(--spectrum-border-width-200);
- /* spacing */
+ /* Spacing */
--spectrum-picker-spacing-top-to-text: var(--spectrum-component-top-to-text-100);
--spectrum-picker-spacing-bottom-to-text: var(--spectrum-component-bottom-to-text-100);
--spectrum-picker-spacing-edge-to-text: var(--spectrum-component-edge-to-text-100);
- --spectrum-picker-spacing-edge-to-text-quiet: var(--spectrum-field-edge-to-text-quiet);
+
+ /* Space from label component to Picker component. */
--spectrum-picker-spacing-label-to-picker: var(--spectrum-field-label-to-component);
+ --spectrum-picker-spacing-label-to-picker-quiet: var(--spectrum-field-label-to-component-quiet-medium);
+
+ /* Space from optional starting icon to the text. */
+ --spectrum-picker-spacing-starting-icon-to-text: var(--spectrum-text-to-visual-100);
- --spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-100);
- --spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-field-text-to-alert-icon-medium);
+ /* Space from text to either the disclosure icon or the alert/progress visual if present. */
+ --spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-text-to-visual-100);
+
+ /* Space from alert/progress visual to the disclosure icon (chevron). */
--spectrum-picker-spacing-icon-to-disclosure-icon: var(--spectrum-picker-visual-to-disclosure-icon-medium);
- --spectrum-picker-spacing-label-to-picker-quiet: var(--spectrum-field-label-to-component-quiet-medium);
- --spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-field-top-to-alert-icon-medium);
+
+ --spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-component-top-to-workflow-icon-100);
--spectrum-picker-spacing-top-to-progress-circle: var(--spectrum-field-top-to-progress-circle-medium);
--spectrum-picker-spacing-top-to-disclosure-icon: var(--spectrum-field-top-to-disclosure-icon-100);
--spectrum-picker-spacing-edge-to-disclosure-icon: var(--spectrum-field-end-edge-to-disclosure-icon-100);
- --spectrum-picker-spacing-edge-to-disclosure-icon-quiet: var(--spectrum-picker-end-edge-to-disclousure-icon-quiet);
& + .spectrum-Popover--bottom.is-open {
--spectrum-picker-spacing-picker-to-popover: var(--spectrum-component-to-menu-medium);
}
- /* animation */
+ /* Animation */
--spectrum-picker-animation-duration: var(--spectrum-animation-duration-100);
- /* color */
+ /* Color */
+ --spectrum-picker-background-color-default: var(--spectrum-gray-100);
+ --spectrum-picker-background-color-default-open: var(--spectrum-gray-200);
+ --spectrum-picker-background-color-hover: var(--spectrum-gray-200);
+ --spectrum-picker-background-color-hover-open: var(--spectrum-gray-200);
+ --spectrum-picker-background-color-active: var(--spectrum-gray-200);
+ --spectrum-picker-background-color-key-focus: var(--spectrum-gray-200);
+
+ --spectrum-picker-border-color-default: transparent;
+ --spectrum-picker-border-color-default-open: transparent;
+ --spectrum-picker-border-color-hover: transparent;
+ --spectrum-picker-border-color-hover-open: transparent;
+ --spectrum-picker-border-color-active: transparent;
+ --spectrum-picker-border-color-key-focus: transparent;
+
--spectrum-picker-font-color-default: var(--spectrum-neutral-content-color-default);
--spectrum-picker-font-color-default-open: var(--spectrum-neutral-content-color-focus);
--spectrum-picker-font-color-hover: var(--spectrum-neutral-content-color-hover);
@@ -80,7 +101,7 @@
--spectrum-picker-font-color-disabled: var(--spectrum-disabled-content-color);
--spectrum-picker-icon-color-disabled: var(--spectrum-disabled-content-color);
- /* special cases for focus indicator */
+ /* focus indicator */
--spectrum-picker-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
--spectrum-picker-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
--spectrum-picker-focus-indicator-color: var(--spectrum-focus-indicator-color);
@@ -89,14 +110,16 @@
.spectrum-Picker--sizeS {
--spectrum-picker-font-size: var(--spectrum-font-size-75);
--spectrum-picker-block-size: var(--spectrum-component-height-75);
+ --spectrum-picker-inline-size: var(--spectrum-field-default-width-small);
+ --spectrum-picker-border-radius: var(--spectrum-corner-radius-medium-size-small);
--spectrum-picker-spacing-top-to-text: var(--spectrum-component-top-to-text-75);
--spectrum-picker-spacing-bottom-to-text: var(--spectrum-component-bottom-to-text-75);
--spectrum-picker-spacing-edge-to-text: var(--spectrum-component-edge-to-text-75);
- --spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-75);
- --spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-field-text-to-alert-icon-small);
+ --spectrum-picker-spacing-starting-icon-to-text: var(--spectrum-text-to-visual-75);
+ --spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-text-to-visual-75);
--spectrum-picker-spacing-icon-to-disclosure-icon: var(--spectrum-picker-visual-to-disclosure-icon-small);
--spectrum-picker-spacing-label-to-picker-quiet: var(--spectrum-field-label-to-component-quiet-small);
- --spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-field-top-to-alert-icon-small);
+ --spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-component-top-to-workflow-icon-75);
--spectrum-picker-spacing-top-to-progress-circle: var(--spectrum-field-top-to-progress-circle-small);
--spectrum-picker-spacing-top-to-disclosure-icon: var(--spectrum-field-top-to-disclosure-icon-75);
--spectrum-picker-spacing-edge-to-disclosure-icon: var(--spectrum-field-end-edge-to-disclosure-icon-75);
@@ -108,15 +131,17 @@
.spectrum-Picker--sizeL {
--spectrum-picker-font-size: var(--spectrum-font-size-200);
+ --spectrum-picker-inline-size: var(--spectrum-field-default-width-large);
--spectrum-picker-block-size: var(--spectrum-component-height-200);
+ --spectrum-picker-border-radius: var(--spectrum-corner-radius-medium-size-large);
--spectrum-picker-spacing-top-to-text: var(--spectrum-component-top-to-text-200);
--spectrum-picker-spacing-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
--spectrum-picker-spacing-edge-to-text: var(--spectrum-component-edge-to-text-200);
- --spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-200);
- --spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-field-text-to-alert-icon-large);
+ --spectrum-picker-spacing-starting-icon-to-text: var(--spectrum-text-to-visual-200);
+ --spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-text-to-visual-200);
--spectrum-picker-spacing-icon-to-disclosure-icon: var(--spectrum-picker-visual-to-disclosure-icon-large);
--spectrum-picker-spacing-label-to-picker-quiet: var(--spectrum-field-label-to-component-quiet-large);
- --spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-field-top-to-alert-icon-large);
+ --spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-component-top-to-workflow-icon-200);
--spectrum-picker-spacing-top-to-progress-circle: var(--spectrum-field-top-to-progress-circle-large);
--spectrum-picker-spacing-top-to-disclosure-icon: var(--spectrum-field-top-to-disclosure-icon-200);
--spectrum-picker-spacing-edge-to-disclosure-icon: var(--spectrum-field-end-edge-to-disclosure-icon-200);
@@ -128,15 +153,17 @@
.spectrum-Picker--sizeXL {
--spectrum-picker-font-size: var(--spectrum-font-size-300);
+ --spectrum-picker-inline-size: var(--spectrum-field-default-width-extra-large);
--spectrum-picker-block-size: var(--spectrum-component-height-300);
+ --spectrum-picker-border-radius: var(--spectrum-corner-radius-medium-size-extra-large);
--spectrum-picker-spacing-top-to-text: var(--spectrum-component-top-to-text-300);
--spectrum-picker-spacing-bottom-to-text: var(--spectrum-component-bottom-to-text-300);
--spectrum-picker-spacing-edge-to-text: var(--spectrum-component-edge-to-text-300);
- --spectrum-picker-spacing-text-to-icon: var(--spectrum-text-to-visual-300);
- --spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-field-text-to-alert-icon-extra-large);
+ --spectrum-picker-spacing-starting-icon-to-text: var(--spectrum-text-to-visual-300);
+ --spectrum-picker-spacing-text-to-icon-inline-end: var(--spectrum-text-to-visual-300);
--spectrum-picker-spacing-icon-to-disclosure-icon: var(--spectrum-picker-visual-to-disclosure-icon-extra-large);
--spectrum-picker-spacing-label-to-picker-quiet: var(--spectrum-field-label-to-component-quiet-extra-large);
- --spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-field-top-to-alert-icon-extra-large);
+ --spectrum-picker-spacing-top-to-alert-icon: var(--spectrum-component-top-to-workflow-icon-300);
--spectrum-picker-spacing-top-to-progress-circle: var(--spectrum-field-top-to-progress-circle-extra-large);
--spectrum-picker-spacing-top-to-disclosure-icon: var(--spectrum-field-top-to-disclosure-icon-300);
--spectrum-picker-spacing-edge-to-disclosure-icon: var(--spectrum-field-end-edge-to-disclosure-icon-300);
@@ -146,52 +173,35 @@
}
}
-/* Windows high contrast mode */
-@media (forced-colors: active) {
- .spectrum-Picker {
- --highcontrast-picker-focus-indicator-color: Highlight;
-
- --highcontrast-picker-border-color-default: ButtonBorder;
- --highcontrast-picker-border-color-hover: Highlight;
- --highcontrast-picker-border-color-disabled: GrayText;
-
- --highcontrast-picker-content-color-default: ButtonText;
- --highcontrast-picker-content-color-disabled: GrayText;
- --highcontrast-picker-background-color: ButtonFace;
-
- &:focus-visible,
- &.is-keyboardFocused {
- --highcontrast-picker-border-color-hover: ButtonText;
- }
-
- /* Focus indicator */
- &::after {
- /* Make sure default transparent border stays transparent. */
- forced-color-adjust: none;
- }
-
- .spectrum-Picker-label {
- /* Remove additional text backplate added in WHCM (Edge). */
- forced-color-adjust: none;
- }
- }
+.spectrum-Picker--quiet {
+ --spectrum-picker-background-color-default: transparent;
+ --spectrum-picker-background-color-default-open: transparent;
+ --spectrum-picker-background-color-hover: transparent;
+ --spectrum-picker-background-color-hover-open: transparent;
+ --spectrum-picker-background-color-active: transparent;
+ --spectrum-picker-background-color-key-focus: transparent;
+ --spectrum-picker-background-color-disabled: transparent;
+
+ --spectrum-picker-min-inline-size: var(--mod-picker-min-inline-size-quiet, 0);
+ --spectrum-picker-inline-size: var(--mod-picker-inline-size-quiet, auto);
+ --spectrum-picker-spacing-edge-to-text: var(--mod-picker-spacing-edge-to-text-quiet, var(--spectrum-field-edge-to-text-quiet));
+ --spectrum-picker-spacing-edge-to-disclosure-icon: var(--mod-picker-spacing-edge-to-disclosure-icon-quiet, var(--spectrum-picker-end-edge-to-disclousure-icon-quiet));
+ --spectrum-picker-spacing-label-to-picker: var(--mod-picker-spacing-label-to-picker-quiet, var(--spectrum-picker-spacing-label-to-picker-quiet));
}
.spectrum-Picker {
@extend %spectrum-BaseButton;
- /* Layout */
display: flex;
box-sizing: border-box;
- /* Minimum width is 2 times the height */
max-inline-size: 100%;
- min-inline-size: calc(var(--spectrum-picker-minimum-width-multiplier) * var(--mod-picker-block-size, var(--spectrum-picker-block-size)));
+ min-inline-size: var(--mod-picker-min-inline-size, var(--spectrum-picker-min-inline-size));
inline-size: var(--mod-picker-inline-size, var(--spectrum-picker-inline-size));
block-size: var(--mod-picker-block-size, var(--spectrum-picker-block-size));
- padding-block: 0;
- margin-block-start: var(--mod-picker-spacing-label-to-picker, var(--spectrum-picker-spacing-label-to-picker));
+ margin-block-start: var(--mod-picker-spacing-label-to-picker, var(--spectrum-picker-spacing-label-to-picker));
+ padding-block: 0;
padding-inline-start: var(--mod-picker-spacing-edge-to-text, var(--spectrum-picker-spacing-edge-to-text));
padding-inline-end: var(--mod-picker-spacing-edge-to-disclosure-icon, var(--spectrum-picker-spacing-edge-to-disclosure-icon));
@@ -242,6 +252,7 @@
&:active {
background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-active, var(--spectrum-picker-background-color-active)));
border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-active, var(--spectrum-picker-border-color-active)));
+ transform: perspective(max(var(--spectrum-downstate-height), var(--spectrum-downstate-width) * var(--spectrum-component-size-width-ratio-down))) translateZ(var(--spectrum-component-size-difference-down));
/* Focus indicator */
&::after {
@@ -274,7 +285,7 @@
}
}
- &.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled) {
+ &.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled, .is-loading) {
color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-default-open, var(--spectrum-picker-font-color-default-open)));
background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-default-open, var(--spectrum-picker-background-color-default-open)));
border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-default-open, var(--spectrum-picker-border-color-default-open)));
@@ -322,32 +333,17 @@
border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-color-error-key-focus, var(--spectrum-picker-border-color-error-key-focus)));
}
}
+}
- &.is-loading {
- .spectrum-Picker-menuIcon {
- color: var(--highcontrast-picker-content-color-disabled, var(--mod-picker-icon-color-disabled, var(--spectrum-picker-icon-color-disabled)));
- }
- }
-
- &.is-loading,
- &.is-invalid {
- .spectrum-Picker-label {
- /* @deprecation --mod-picker-spacing-text-to-alert-icon-inline-start has been renamed to --mod-picker-spacing-text-to-icon-inline-end
- and will be removed in a future version. */
- margin-inline-end: var(--mod-picker-spacing-text-to-icon-inline-end, var(--mod-picker-spacing-text-to-alert-icon-inline-start, var(--spectrum-picker-spacing-text-to-icon-inline-end)));
- }
- }
-
- .spectrum-Picker-icon {
- flex-shrink: 0;
- margin-inline-end: var(--mod-picker-spacing-text-to-icon, var(--spectrum-picker-spacing-text-to-icon));
- }
+/* Optional workflow icon that appears before the text within the picker. */
+.spectrum-Picker .spectrum-Picker-icon {
+ flex-shrink: 0;
+ margin-inline-end: var(--mod-picker-spacing-starting-icon-to-text, var(--spectrum-picker-spacing-starting-icon-to-text));
}
+/* Value: the text within the Picker (current value or placeholder) */
.spectrum-Picker-label {
- /* Be the biggest, but also shrink! */
flex: 1 1 auto;
-
white-space: nowrap;
overflow: hidden;
@@ -358,14 +354,14 @@
text-overflow: ellipsis;
text-align: start;
- padding-block-start: var(--mod-picker-spacing-top-to-text, var(--spectrum-picker-spacing-top-to-text));
- padding-block-end: calc(var(--mod-picker-spacing-bottom-to-text, var(--spectrum-picker-spacing-bottom-to-text)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
+ margin-block-start: var(--mod-picker-spacing-top-to-text, var(--spectrum-picker-spacing-top-to-text));
+ margin-block-end: calc(var(--mod-picker-spacing-bottom-to-text, var(--spectrum-picker-spacing-bottom-to-text)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
+ margin-inline-end: var(--mod-picker-spacing-text-to-icon-inline-end, var(--spectrum-picker-spacing-text-to-icon-inline-end));
&.is-placeholder {
font-weight: var(--mod-picker-placeholder-font-weight, var(--spectrum-picker-font-weight));
font-style: var(--mod-picker-placeholder-font-style, var(--spectrum-picker-placeholder-font-style));
transition: color var(--mod-picker-animation-duration, var(--spectrum-picker-animation-duration)) ease-in-out;
-
color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-default, var(--spectrum-picker-font-color-default)));
&:hover {
@@ -376,19 +372,23 @@
color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-active, var(--spectrum-picker-font-color-active)));
}
}
+
+ /* CJK (Chinese, Japanese, and Korean) language support */
+ .spectrum-Picker:lang(ja) &,
+ .spectrum-Picker:lang(zh) &,
+ .spectrum-Picker:lang(ko) & {
+ line-height: var(--mod-picker-line-height-cjk, var(--spectrum-picker-line-height-cjk));
+ }
}
-/* The picker chevron */
+/* Disclosure icon (chevron) */
.spectrum-Picker-menuIcon {
display: inline-block;
position: relative;
vertical-align: top;
- transition: color var(--mod-picker-animation-duration, var(--spectrum-picker-animation-duration)) ease-out;
flex-shrink: 0;
-
- margin-inline-start: var(--mod-picker-spacing-icon-to-disclosure-icon, var(--spectrum-picker-spacing-icon-to-disclosure-icon));
margin-block: var(--mod-picker-spacing-top-to-disclosure-icon, var(--spectrum-picker-spacing-top-to-disclosure-icon));
-
+ transition: color var(--mod-picker-animation-duration, var(--spectrum-picker-animation-duration)) ease-out;
color: var(--highcontrast-picker-content-color-default, var(--mod-picker-icon-color-default, var(--spectrum-picker-icon-color-default)));
&:active {
@@ -397,18 +397,16 @@
}
.spectrum-Picker-validationIcon {
- flex-shrink: 0;
margin-block-start: calc(var(--mod-picker-spacing-top-to-alert-icon, var(--spectrum-picker-spacing-top-to-alert-icon)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
margin-block-end: calc(var(--mod-picker-spacing-top-to-alert-icon, var(--spectrum-picker-spacing-top-to-alert-icon)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
+ margin-inline-end: var(--mod-picker-spacing-icon-to-disclosure-icon, var(--spectrum-picker-spacing-icon-to-disclosure-icon));
+ flex-shrink: 0;
}
.spectrum-Picker .spectrum-ProgressCircle {
margin-block-start: calc(var(--mod-picker-spacing-top-to-progress-circle, var(--spectrum-picker-spacing-top-to-progress-circle)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
margin-block-end: calc(var(--mod-picker-spacing-top-to-progress-circle, var(--spectrum-picker-spacing-top-to-progress-circle)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
-}
-
-.spectrum-Picker-label ~ .spectrum-Picker-menuIcon {
- margin-inline-start: var(--mod-picker-spacing-text-to-icon, var(--spectrum-picker-spacing-text-to-icon));
+ margin-inline-end: var(--mod-picker-spacing-icon-to-disclosure-icon, var(--spectrum-picker-spacing-icon-to-disclosure-icon));
}
.spectrum-Picker + .spectrum-Popover--bottom.is-open {
@@ -416,37 +414,22 @@
}
.spectrum-Picker--quiet {
- inline-size: auto;
- min-inline-size: 0;
border: none;
border-radius: 0;
- padding-inline: var(--mod-picker-spacing-edge-to-text-quiet, var(--spectrum-picker-spacing-edge-to-text-quiet));
- margin-block-start: calc(var(--mod-picker-spacing-label-to-picker-quiet, var(--spectrum-picker-spacing-label-to-picker-quiet)) + (1px));
color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-default, var(--spectrum-picker-font-color-default)));
- background-color: var(--highcontrast-picker-background-color, transparent);
&.spectrum-Picker--sideLabel {
margin-block-start: 0;
}
- .spectrum-Picker-menuIcon {
- margin-inline-end: var(--mod-picker-spacing-edge-to-disclosure-icon-quiet, var(--spectrum-picker-spacing-edge-to-disclosure-icon-quiet));
- }
-
&::after {
border: none;
block-size: auto;
inline-size: auto;
}
- &:hover {
- background-color: var(--highcontrast-picker-background-color, transparent);
- }
-
&:focus-visible,
&.is-keyboardFocused {
- background-color: var(--highcontrast-picker-background-color, transparent);
-
/* Focus indicator changes from a ring to a line underneath. */
&::after {
border: none;
@@ -455,16 +438,6 @@
margin: calc((var(--mod-picker-focus-indicator-gap, var(--spectrum-picker-focus-indicator-gap)) + var(--mod-picker-border-width, var(--spectrum-picker-border-width))) * -1) 0;
}
}
-
- &:active,
- &.is-open {
- background-color: var(--highcontrast-picker-background-color, transparent);
- }
-
- &.spectrum-Picker:disabled,
- &.spectrum-Picker.is-disabled {
- background-color: var(--highcontrast-picker-background-color, transparent);
- }
}
.spectrum-Picker--sideLabel {
@@ -472,16 +445,20 @@
vertical-align: top;
}
-/* Disabled state:
+/* Disabled and loading states:
Make sure this appears after any use of :hover while postcss-hover-media-feature is being used. The plugin moves
all hover styles within a media query that changes the order of the CSS, affecting styles with the same specificity. */
.spectrum-Picker:disabled,
.spectrum-Picker.is-disabled {
cursor: default;
- background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-disabled, var(--spectrum-picker-background-color-disabled)));
+ transform: none;
border-color: var(--highcontrast-picker-border-color-disabled, transparent);
color: var(--highcontrast-picker-content-color-disabled, var(--mod-picker-font-color-disabled, var(--spectrum-picker-font-color-disabled)));
+ &:not(.spectrum-Picker--quiet) {
+ background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-disabled, var(--spectrum-picker-background-color-disabled)));
+ }
+
.spectrum-Picker-icon,
.spectrum-Picker-menuIcon,
.spectrum-Picker-validationIcon {
@@ -492,3 +469,42 @@
color: var(--highcontrast-picker-content-color-disabled, var(--mod-picker-font-color-disabled, var(--spectrum-picker-font-color-disabled)));
}
}
+
+.spectrum-Picker.is-loading {
+ transform: none;
+
+ .spectrum-Picker-menuIcon {
+ color: var(--highcontrast-picker-content-color-disabled, var(--mod-picker-icon-color-disabled, var(--spectrum-picker-icon-color-disabled)));
+ }
+}
+
+/* Forced colors / high contrast mode */
+@media (forced-colors: active) {
+ .spectrum-Picker {
+ --highcontrast-picker-focus-indicator-color: Highlight;
+
+ --highcontrast-picker-border-color-default: ButtonBorder;
+ --highcontrast-picker-border-color-hover: Highlight;
+ --highcontrast-picker-border-color-disabled: GrayText;
+
+ --highcontrast-picker-content-color-default: ButtonText;
+ --highcontrast-picker-content-color-disabled: GrayText;
+ --highcontrast-picker-background-color: ButtonFace;
+
+ &:focus-visible,
+ &.is-keyboardFocused {
+ --highcontrast-picker-border-color-hover: ButtonText;
+ }
+
+ /* Focus indicator */
+ &::after {
+ /* Make sure default transparent border stays transparent. */
+ forced-color-adjust: none;
+ }
+
+ .spectrum-Picker-label {
+ /* Remove additional text backplate added in WHCM (Edge). */
+ forced-color-adjust: none;
+ }
+ }
+}
diff --git a/components/picker/metadata/metadata.json b/components/picker/metadata/metadata.json
index a87ea36a42b..1048a0a2f50 100644
--- a/components/picker/metadata/metadata.json
+++ b/components/picker/metadata/metadata.json
@@ -7,18 +7,10 @@
".spectrum-Picker .spectrum-Picker-label",
".spectrum-Picker .spectrum-ProgressCircle",
".spectrum-Picker--quiet",
- ".spectrum-Picker--quiet .spectrum-Picker-menuIcon",
- ".spectrum-Picker--quiet.is-keyboardFocused",
".spectrum-Picker--quiet.is-keyboardFocused:after",
- ".spectrum-Picker--quiet.is-open",
".spectrum-Picker--quiet.spectrum-Picker--sideLabel",
- ".spectrum-Picker--quiet.spectrum-Picker.is-disabled",
- ".spectrum-Picker--quiet.spectrum-Picker:disabled",
- ".spectrum-Picker--quiet:active",
".spectrum-Picker--quiet:after",
- ".spectrum-Picker--quiet:focus-visible",
".spectrum-Picker--quiet:focus-visible:after",
- ".spectrum-Picker--quiet:hover",
".spectrum-Picker--sideLabel",
".spectrum-Picker--sizeL",
".spectrum-Picker--sizeL + .spectrum-Popover--bottom.is-open",
@@ -27,7 +19,6 @@
".spectrum-Picker--sizeXL",
".spectrum-Picker--sizeXL + .spectrum-Popover--bottom.is-open",
".spectrum-Picker-label",
- ".spectrum-Picker-label ~ .spectrum-Picker-menuIcon",
".spectrum-Picker-label.is-placeholder",
".spectrum-Picker-label.is-placeholder:active",
".spectrum-Picker-label.is-placeholder:hover",
@@ -39,7 +30,7 @@
".spectrum-Picker.is-disabled .spectrum-Picker-label.is-placeholder",
".spectrum-Picker.is-disabled .spectrum-Picker-menuIcon",
".spectrum-Picker.is-disabled .spectrum-Picker-validationIcon",
- ".spectrum-Picker.is-invalid .spectrum-Picker-label",
+ ".spectrum-Picker.is-disabled:not(.spectrum-Picker--quiet)",
".spectrum-Picker.is-invalid.is-keyboardFocused:not(:disabled, .is-disabled)",
".spectrum-Picker.is-invalid.is-open:not(:disabled, .is-disabled)",
".spectrum-Picker.is-invalid.is-open:not(:disabled, .is-disabled):hover",
@@ -52,12 +43,12 @@
".spectrum-Picker.is-keyboardFocused .spectrum-Picker-menuIcon",
".spectrum-Picker.is-keyboardFocused.is-placeholder",
".spectrum-Picker.is-keyboardFocused:after",
- ".spectrum-Picker.is-loading .spectrum-Picker-label",
+ ".spectrum-Picker.is-loading",
".spectrum-Picker.is-loading .spectrum-Picker-menuIcon",
- ".spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled)",
- ".spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled) .spectrum-Picker-menuIcon",
- ".spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled):hover",
- ".spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled):hover .spectrum-Picker-menuIcon",
+ ".spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled, .is-loading)",
+ ".spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled, .is-loading) .spectrum-Picker-menuIcon",
+ ".spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled, .is-loading):hover",
+ ".spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled, .is-loading):hover .spectrum-Picker-menuIcon",
".spectrum-Picker.is-placeholder:active .spectrum-Picker-label",
".spectrum-Picker.is-placeholder:focus-visible",
".spectrum-Picker::-moz-focus-inner",
@@ -69,16 +60,18 @@
".spectrum-Picker:disabled .spectrum-Picker-label.is-placeholder",
".spectrum-Picker:disabled .spectrum-Picker-menuIcon",
".spectrum-Picker:disabled .spectrum-Picker-validationIcon",
+ ".spectrum-Picker:disabled:not(.spectrum-Picker--quiet)",
".spectrum-Picker:focus",
".spectrum-Picker:focus-visible",
".spectrum-Picker:focus-visible .spectrum-Picker-menuIcon",
".spectrum-Picker:focus-visible:after",
".spectrum-Picker:hover",
- ".spectrum-Picker:hover .spectrum-Picker-menuIcon"
+ ".spectrum-Picker:hover .spectrum-Picker-menuIcon",
+ ".spectrum-Picker:lang(ja) .spectrum-Picker-label",
+ ".spectrum-Picker:lang(ko) .spectrum-Picker-label",
+ ".spectrum-Picker:lang(zh) .spectrum-Picker-label"
],
"modifiers": [
- "--mod-animation-duration-100",
- "--mod-line-height-100",
"--mod-picker-animation-duration",
"--mod-picker-background-color-active",
"--mod-picker-background-color-default",
@@ -123,7 +116,11 @@
"--mod-picker-icon-color-hover-open",
"--mod-picker-icon-color-key-focus",
"--mod-picker-inline-size",
+ "--mod-picker-inline-size-quiet",
"--mod-picker-line-height",
+ "--mod-picker-line-height-cjk",
+ "--mod-picker-min-inline-size",
+ "--mod-picker-min-inline-size-quiet",
"--mod-picker-placeholder-font-style",
"--mod-picker-placeholder-font-weight",
"--mod-picker-spacing-bottom-to-text",
@@ -135,14 +132,12 @@
"--mod-picker-spacing-label-to-picker",
"--mod-picker-spacing-label-to-picker-quiet",
"--mod-picker-spacing-picker-to-popover",
- "--mod-picker-spacing-text-to-alert-icon-inline-start",
- "--mod-picker-spacing-text-to-icon",
+ "--mod-picker-spacing-starting-icon-to-text",
"--mod-picker-spacing-text-to-icon-inline-end",
"--mod-picker-spacing-top-to-alert-icon",
"--mod-picker-spacing-top-to-disclosure-icon",
"--mod-picker-spacing-top-to-progress-circle",
- "--mod-picker-spacing-top-to-text",
- "--mod-sans-font-family-stack"
+ "--mod-picker-spacing-top-to-text"
],
"component": [
"--spectrum-picker-animation-duration",
@@ -191,18 +186,18 @@
"--spectrum-picker-icon-color-key-focus",
"--spectrum-picker-inline-size",
"--spectrum-picker-line-height",
+ "--spectrum-picker-line-height-cjk",
+ "--spectrum-picker-min-inline-size",
"--spectrum-picker-minimum-width-multiplier",
"--spectrum-picker-placeholder-font-style",
"--spectrum-picker-spacing-bottom-to-text",
"--spectrum-picker-spacing-edge-to-disclosure-icon",
- "--spectrum-picker-spacing-edge-to-disclosure-icon-quiet",
"--spectrum-picker-spacing-edge-to-text",
- "--spectrum-picker-spacing-edge-to-text-quiet",
"--spectrum-picker-spacing-icon-to-disclosure-icon",
"--spectrum-picker-spacing-label-to-picker",
"--spectrum-picker-spacing-label-to-picker-quiet",
"--spectrum-picker-spacing-picker-to-popover",
- "--spectrum-picker-spacing-text-to-icon",
+ "--spectrum-picker-spacing-starting-icon-to-text",
"--spectrum-picker-spacing-text-to-icon-inline-end",
"--spectrum-picker-spacing-top-to-alert-icon",
"--spectrum-picker-spacing-top-to-disclosure-icon",
@@ -215,7 +210,8 @@
],
"global": [
"--spectrum-animation-duration-100",
- "--spectrum-border-width-100",
+ "--spectrum-border-width-200",
+ "--spectrum-cjk-line-height-100",
"--spectrum-component-bottom-to-text-100",
"--spectrum-component-bottom-to-text-200",
"--spectrum-component-bottom-to-text-300",
@@ -228,6 +224,8 @@
"--spectrum-component-height-200",
"--spectrum-component-height-300",
"--spectrum-component-height-75",
+ "--spectrum-component-size-difference-down",
+ "--spectrum-component-size-width-ratio-down",
"--spectrum-component-to-menu-extra-large",
"--spectrum-component-to-menu-large",
"--spectrum-component-to-menu-medium",
@@ -236,10 +234,23 @@
"--spectrum-component-top-to-text-200",
"--spectrum-component-top-to-text-300",
"--spectrum-component-top-to-text-75",
- "--spectrum-corner-radius-100",
+ "--spectrum-component-top-to-workflow-icon-100",
+ "--spectrum-component-top-to-workflow-icon-200",
+ "--spectrum-component-top-to-workflow-icon-300",
+ "--spectrum-component-top-to-workflow-icon-75",
+ "--spectrum-corner-radius-medium-size-extra-large",
+ "--spectrum-corner-radius-medium-size-large",
+ "--spectrum-corner-radius-medium-size-medium",
+ "--spectrum-corner-radius-medium-size-small",
"--spectrum-default-font-style",
"--spectrum-disabled-background-color",
"--spectrum-disabled-content-color",
+ "--spectrum-downstate-height",
+ "--spectrum-downstate-width",
+ "--spectrum-field-default-width-extra-large",
+ "--spectrum-field-default-width-large",
+ "--spectrum-field-default-width-medium",
+ "--spectrum-field-default-width-small",
"--spectrum-field-edge-to-text-quiet",
"--spectrum-field-end-edge-to-disclosure-icon-100",
"--spectrum-field-end-edge-to-disclosure-icon-200",
@@ -250,14 +261,6 @@
"--spectrum-field-label-to-component-quiet-large",
"--spectrum-field-label-to-component-quiet-medium",
"--spectrum-field-label-to-component-quiet-small",
- "--spectrum-field-text-to-alert-icon-extra-large",
- "--spectrum-field-text-to-alert-icon-large",
- "--spectrum-field-text-to-alert-icon-medium",
- "--spectrum-field-text-to-alert-icon-small",
- "--spectrum-field-top-to-alert-icon-extra-large",
- "--spectrum-field-top-to-alert-icon-large",
- "--spectrum-field-top-to-alert-icon-medium",
- "--spectrum-field-top-to-alert-icon-small",
"--spectrum-field-top-to-disclosure-icon-100",
"--spectrum-field-top-to-disclosure-icon-200",
"--spectrum-field-top-to-disclosure-icon-300",
@@ -266,7 +269,6 @@
"--spectrum-field-top-to-progress-circle-large",
"--spectrum-field-top-to-progress-circle-medium",
"--spectrum-field-top-to-progress-circle-small",
- "--spectrum-field-width",
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
@@ -274,13 +276,8 @@
"--spectrum-font-size-200",
"--spectrum-font-size-300",
"--spectrum-font-size-75",
+ "--spectrum-gray-100",
"--spectrum-gray-200",
- "--spectrum-gray-300",
- "--spectrum-gray-400",
- "--spectrum-gray-500",
- "--spectrum-gray-600",
- "--spectrum-gray-700",
- "--spectrum-gray-75",
"--spectrum-line-height-100",
"--spectrum-negative-border-color-default",
"--spectrum-negative-border-color-down",
@@ -302,21 +299,6 @@
"--spectrum-text-to-visual-300",
"--spectrum-text-to-visual-75"
],
- "system-theme": [
- "--system-spectrum-picker-background-color-active",
- "--system-spectrum-picker-background-color-default",
- "--system-spectrum-picker-background-color-default-open",
- "--system-spectrum-picker-background-color-hover",
- "--system-spectrum-picker-background-color-hover-open",
- "--system-spectrum-picker-background-color-key-focus",
- "--system-spectrum-picker-border-color-active",
- "--system-spectrum-picker-border-color-default",
- "--system-spectrum-picker-border-color-default-open",
- "--system-spectrum-picker-border-color-hover",
- "--system-spectrum-picker-border-color-hover-open",
- "--system-spectrum-picker-border-color-key-focus",
- "--system-spectrum-picker-border-width"
- ],
"passthroughs": [
"--mod-button-animation-duration",
"--mod-button-font-family",
diff --git a/components/picker/metadata/mods.md b/components/picker/metadata/mods.md
deleted file mode 100644
index d56fb5c2245..00000000000
--- a/components/picker/metadata/mods.md
+++ /dev/null
@@ -1,68 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------ |
-| `--mod-animation-duration-100` |
-| `--mod-line-height-100` |
-| `--mod-picker-animation-duration` |
-| `--mod-picker-background-color-active` |
-| `--mod-picker-background-color-default` |
-| `--mod-picker-background-color-default-open` |
-| `--mod-picker-background-color-disabled` |
-| `--mod-picker-background-color-hover` |
-| `--mod-picker-background-color-hover-open` |
-| `--mod-picker-background-color-key-focus` |
-| `--mod-picker-block-size` |
-| `--mod-picker-border-active` |
-| `--mod-picker-border-color-default` |
-| `--mod-picker-border-color-error-active` |
-| `--mod-picker-border-color-error-default` |
-| `--mod-picker-border-color-error-default-open` |
-| `--mod-picker-border-color-error-hover` |
-| `--mod-picker-border-color-error-hover-open` |
-| `--mod-picker-border-color-error-key-focus` |
-| `--mod-picker-border-color-hover` |
-| `--mod-picker-border-color-hover-open` |
-| `--mod-picker-border-color-key-focus` |
-| `--mod-picker-border-default-open` |
-| `--mod-picker-border-radius` |
-| `--mod-picker-border-width` |
-| `--mod-picker-focus-indicator-color` |
-| `--mod-picker-focus-indicator-gap` |
-| `--mod-picker-focus-indicator-thickness` |
-| `--mod-picker-font-color-active` |
-| `--mod-picker-font-color-default` |
-| `--mod-picker-font-color-default-open` |
-| `--mod-picker-font-color-disabled` |
-| `--mod-picker-font-color-hover` |
-| `--mod-picker-font-color-hover-open` |
-| `--mod-picker-font-color-key-focus` |
-| `--mod-picker-font-size` |
-| `--mod-picker-font-weight` |
-| `--mod-picker-icon-color-active` |
-| `--mod-picker-icon-color-default` |
-| `--mod-picker-icon-color-default-open` |
-| `--mod-picker-icon-color-disabled` |
-| `--mod-picker-icon-color-error` |
-| `--mod-picker-icon-color-hover` |
-| `--mod-picker-icon-color-hover-open` |
-| `--mod-picker-icon-color-key-focus` |
-| `--mod-picker-inline-size` |
-| `--mod-picker-line-height` |
-| `--mod-picker-placeholder-font-style` |
-| `--mod-picker-placeholder-font-weight` |
-| `--mod-picker-spacing-bottom-to-text` |
-| `--mod-picker-spacing-edge-to-disclosure-icon` |
-| `--mod-picker-spacing-edge-to-disclosure-icon-quiet` |
-| `--mod-picker-spacing-edge-to-text` |
-| `--mod-picker-spacing-edge-to-text-quiet` |
-| `--mod-picker-spacing-icon-to-disclosure-icon` |
-| `--mod-picker-spacing-label-to-picker` |
-| `--mod-picker-spacing-label-to-picker-quiet` |
-| `--mod-picker-spacing-picker-to-popover` |
-| `--mod-picker-spacing-text-to-alert-icon-inline-start` |
-| `--mod-picker-spacing-text-to-icon` |
-| `--mod-picker-spacing-text-to-icon-inline-end` |
-| `--mod-picker-spacing-top-to-alert-icon` |
-| `--mod-picker-spacing-top-to-disclosure-icon` |
-| `--mod-picker-spacing-top-to-progress-circle` |
-| `--mod-picker-spacing-top-to-text` |
-| `--mod-sans-font-family-stack` |
diff --git a/components/picker/package.json b/components/picker/package.json
index 840c99e1b3d..9e983c4158f 100644
--- a/components/picker/package.json
+++ b/components/picker/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/picker",
- "version": "8.3.0",
+ "version": "9.0.0-next.1",
"description": "The Spectrum CSS picker component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,26 +17,27 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/helptext": ">=5",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/menu": ">=7",
- "@spectrum-css/popover": ">=7",
- "@spectrum-css/progresscircle": ">=3",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/helptext": ">=6.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/menu": ">=8.0.0-next.0",
+ "@spectrum-css/popover": ">=8.0.0-next.0",
+ "@spectrum-css/progresscircle": ">=4.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.10"
},
"peerDependenciesMeta": {
"@spectrum-css/helptext": {
diff --git a/components/picker/stories/picker.stories.js b/components/picker/stories/picker.stories.js
index 42324ec1186..8bbcddc36c5 100644
--- a/components/picker/stories/picker.stories.js
+++ b/components/picker/stories/picker.stories.js
@@ -1,5 +1,6 @@
+import { default as IconStories } from "@spectrum-css/icon/stories/icon.stories.js";
import { WithDividers as MenuStories } from "@spectrum-css/menu/stories/menu.stories.js";
-import { Sizes } from "@spectrum-css/preview/decorators";
+import { Sizes, withDownStateDimensionCapture } from "@spectrum-css/preview/decorators";
import { disableDefaultModes } from "@spectrum-css/preview/modes";
import { isActive, isDisabled, isHovered, isInvalid, isKeyboardFocused, isLoading, isOpen, isQuiet, size } from "@spectrum-css/preview/types";
import metadata from "../metadata/metadata.json";
@@ -17,7 +18,7 @@ export default {
size: size(["s", "m", "l", "xl"]),
label: {
name: "Label",
- description: "The text for the field label",
+ description: "The label text that is displayed above or to the side of the Picker. This uses a separate Label component outside of the Picker markup.",
type: { name: "string" },
table: {
type: { summary: "string" },
@@ -32,33 +33,28 @@ export default {
type: { summary: "string" },
category: "Component",
},
+ control: {
+ type: "select",
+ labels: {
+ side: "side (inline start)",
+ },
+ },
options: ["top", "side"],
- control: { type: "select" },
},
withSwitch: {
- name: "Show switch component",
- description: "Display a separate switch component after the picker. Helpful for testing alignment with the picker when using the side label.",
+ name: "Display Switch component",
+ description: "Displays a Switch component after the Picker. This is used for testing the vertical alignment between the side label, Picker, and Switch.",
type: { name: "boolean" },
table: {
type: { summary: "boolean" },
- category: "Advanced",
+ category: "Content",
},
control: "boolean",
if: { arg: "labelPosition", eq: "side" },
},
- showWorkflowIcon: {
- name: "Show workflow icon",
- description: "Display optional workflow icon before the value or placeholder",
- type: { name: "boolean" },
- table: {
- type: { summary: "boolean" },
- category: "Advanced",
- },
- control: "boolean",
- },
placeholder: {
- name: "Placeholder",
- description: "The placeholder text prompts a user to select an option from the picker menu. It disappears once a user selects an option. This will not be displayed if the `value` control is set.",
+ name: "Value or placeholder",
+ description: "The text within the Picker that represents its current value or placeholder.",
type: { name: "string" },
table: {
type: { summary: "string" },
@@ -66,15 +62,16 @@ export default {
},
control: { type: "text" },
},
- currentValue: {
- name: "Value",
- description: "The value shows the option that a user has selected.",
- type: { name: "string" },
- table: {
- type: { summary: "string" },
- category: "Content",
- },
- control: { type: "text" },
+ contentIconName: {
+ ...(IconStories?.argTypes?.iconName ?? {}),
+ name: "Icon",
+ description: "Optional workflow icon that appears before the value/placeholder text within the picker.",
+ if: false,
+ },
+ isQuiet: {
+ ...isQuiet,
+ description: "An alternative way to display the Picker without a visible background.",
+ name: "Quiet styling",
},
helpText: {
name: "Help text",
@@ -86,15 +83,21 @@ export default {
},
control: { type: "text" },
},
- isQuiet,
isOpen,
isKeyboardFocused,
isDisabled,
- isLoading,
- isInvalid,
+ isLoading: {
+ ...isLoading,
+ description: "When in the loading state, a progress circle will display next to the disclosure icon.",
+ if: { arg: "isDisabled", eq: false }
+ },
+ isInvalid: {
+ ...isInvalid,
+ description: "When in the invalid state, some styles change on the Picker, and an invalid icon displays next to the disclosure icon.",
+ },
isHovered,
isActive,
- popoverContent: { table: { disable: true } },
+ content: { table: { disable: true } },
},
args: {
rootClass: "spectrum-Picker",
@@ -133,9 +136,20 @@ export default {
height: "400px"
}
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=739-1453",
+ },
packageJson,
metadata,
+ downState: {
+ selectors: [".spectrum-Picker:not(:disabled, .is-disabled, .is-loading)"],
+ },
},
+ decorators: [
+ withDownStateDimensionCapture,
+ ],
+ tags: ["migrated"],
};
export const Default = PickerGroup.bind({});
diff --git a/components/picker/stories/template.js b/components/picker/stories/template.js
index 4be33a2092f..806c2782834 100644
--- a/components/picker/stories/template.js
+++ b/components/picker/stories/template.js
@@ -7,33 +7,42 @@ import { Template as ProgressCircle } from "@spectrum-css/progresscircle/stories
import { Template as Switch } from "@spectrum-css/switch/stories/template.js";
import { html } from "lit";
import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
/**
- * Template for Picker only (no popover or help text).
+ * Template for just the Picker. Does not include sibling Label and Help text.
*/
export const Picker = ({
rootClass = "spectrum-Picker",
+ id = getRandomId("picker"),
size = "m",
- labelPosition,
- placeholder = "",
- currentValue = "",
+ labelPosition = "top",
+ placeholder,
+ contentIconName,
isQuiet = false,
isKeyboardFocused = false,
- showWorkflowIcon = false,
isOpen = false,
isInvalid = false,
isLoading = false,
isDisabled = false,
isHovered = false,
isActive = false,
+ ariaLabeledBy,
customClasses = [],
customStyles = {},
- onclick,
} = {}, context = {}) => {
+ const { updateArgs } = context;
+
+ // Use the chevron from the UI icon set for each size, as defined in the design spec.
+ let disclosureIconName = "ChevronDown100";
+ if (size == "s") { disclosureIconName = "ChevronDown75"; }
+ else if (size == "l") { disclosureIconName = "ChevronDown200"; }
+ else if (size == "xl") { disclosureIconName = "ChevronDown300"; }
+
return html`
{
+ if (window.isChromatic()) return;
+ updateArgs({ isOpen: !isOpen });
+ }}
+ aria-labelledby=${ifDefined(ariaLabeledBy)}
>
- ${when(showWorkflowIcon, () =>
+ ${when(contentIconName, () =>
Icon({
+ iconName: contentIconName,
size,
- setName: "workflow",
- iconName: "Image",
- customClasses: [`${rootClass}-icon`],
- }, context)
- )}
- ${currentValue ? currentValue : placeholder}
+ customClasses: ["spectrum-Picker-icon"],
+ }, context))
+ }
+ ${placeholder}
${when(isLoading, () =>
ProgressCircle({
size: "s",
@@ -87,12 +95,7 @@ export const Picker = ({
${Icon({
size,
setName: "ui",
- iconName: {
- s: "ChevronDown75",
- m: "ChevronDown100",
- l: "ChevronDown200",
- xl: "ChevronDown300",
- }[size ?? "m"],
+ iconName: disclosureIconName,
customClasses: [`${rootClass}-menuIcon`],
}, context)}
@@ -100,92 +103,103 @@ export const Picker = ({
};
/**
- * Picker template including adjacent popover and help text.
+ * Picker template used along with other sibling components, such as Field label and Help text.
*/
export const Template = ({
- rootClass = "spectrum-Picker",
size = "m",
label,
labelPosition = "top",
- placeholder = "",
- currentValue = "",
- helpText = "",
+ helpText,
isQuiet = false,
- isKeyboardFocused = false,
- showWorkflowIcon = false,
isOpen = false,
isInvalid = false,
- isLoading = false,
isDisabled = false,
- isReadOnly = false,
- isHovered = false,
- isActive = false,
+ isLoading = false,
withSwitch = false,
fieldLabelStyle = {},
- customClasses = [],
- customStyles = {},
- popoverContent = [],
- id = getRandomId("picker"),
+ fieldLabelId = getRandomId("fieldlabel"),
+ customPopoverStyles = {
+ // Demonstrate popover at 100% of the width of the Picker.
+ minInlineSize: "100%",
+ "--mod-menu-inline-size": "100%",
+ // Helps ensure that Popover appears below the Picker, with side labels layout.
+ display: "block",
+ },
+ content = [],
} = {}, context = {}) => {
- const { updateArgs } = context;
+ const pickerMarkup = Picker({
+ size,
+ isQuiet,
+ isOpen,
+ isInvalid,
+ isDisabled,
+ isLoading,
+ content,
+ labelPosition,
+ ariaLabeledBy: fieldLabelId,
+ }, context);
- return html`
- ${when(label, () =>
- FieldLabel({
- size,
- label,
- isDisabled,
- customStyles: fieldLabelStyle,
- alignment: labelPosition === "side" ? "left" : undefined,
- }, context)
- )}
- ${Popover({
- isOpen: isOpen && !isDisabled,
- withTip: false,
- position: "bottom-start",
- trigger: (passthroughs, context) => Picker({
- ...passthroughs,
- rootClass,
- size,
- placeholder,
- currentValue,
- isQuiet,
- showWorkflowIcon,
- isKeyboardFocused,
- isOpen,
- isInvalid,
- isLoading,
- isDisabled,
- isReadOnly,
- isHovered,
- isActive,
- customClasses,
- customStyles,
- labelPosition,
- id,
- onclick: function() {
- updateArgs({ isOpen: !isOpen });
- },
- }, context),
- content: popoverContent,
- }, context)}
- ${when(helpText, () =>
- HelpText({
- text: helpText,
- variant: isInvalid ? "negative" : "neutral",
- hideIcon: true,
- }, context)
- )}
- ${when(withSwitch, () =>
- Switch({
- size,
- label: "Toggle switch",
- customStyles: {
- "padding-inline-start": "15px"
+ const popoverMarkup = content.length !== 0 ? Popover({
+ isOpen: isOpen && !isDisabled && !isLoading,
+ withTip: false,
+ position: "bottom",
+ isQuiet,
+ content,
+ size,
+ customStyles: customPopoverStyles,
+ }, context) : "";
+
+ const helpTextMarkup = helpText ? HelpText({
+ size,
+ text: helpText,
+ variant: isInvalid ? "negative" : "neutral",
+ hideIcon: true,
+ isDisabled,
+ }, context) : "";
+
+ const markup = html`
+
+ ${when(label, () =>
+ FieldLabel({
+ size,
+ label,
+ isDisabled,
+ style: fieldLabelStyle,
+ alignment: labelPosition == "side" ? "left" : undefined,
+ id: fieldLabelId,
+ }, context)
+ )}
+ ${labelPosition == "side"
+ ? html`
${pickerMarkup} ${popoverMarkup} ${helpTextMarkup}
`
+ : html`${pickerMarkup} ${popoverMarkup} ${helpTextMarkup}`
+ }
+ ${when(withSwitch, () =>
+ Switch({
+ size,
+ label: "Toggle switch",
+ id: fieldLabelId + "-switch",
+ customStyles: {
+ "padding-inline-start": "15px"
+ }
+ }, context)
+ )}
+
${markup}
`;
+ }
+ return markup;
};
/**
diff --git a/components/picker/themes/express.css b/components/picker/themes/express.css
deleted file mode 100644
index 05de433acae..00000000000
--- a/components/picker/themes/express.css
+++ /dev/null
@@ -1,34 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Picker {
- --spectrum-picker-background-color-default: var(--spectrum-gray-200);
- --spectrum-picker-background-color-default-open: var(--spectrum-gray-300);
- --spectrum-picker-background-color-hover: var(--spectrum-gray-300);
- --spectrum-picker-background-color-hover-open: var(--spectrum-gray-300);
- --spectrum-picker-background-color-active: var(--spectrum-gray-400);
- --spectrum-picker-background-color-key-focus: var(--spectrum-gray-300);
-
- --spectrum-picker-border-color-default: transparent;
- --spectrum-picker-border-color-default-open: transparent;
- --spectrum-picker-border-color-hover: transparent;
- --spectrum-picker-border-color-hover-open: transparent;
- --spectrum-picker-border-color-active: transparent;
- --spectrum-picker-border-color-key-focus: transparent;
-
- --spectrum-picker-border-width: 0px;
- }
-}
diff --git a/components/picker/themes/spectrum.css b/components/picker/themes/spectrum.css
deleted file mode 100644
index b98f70f57ea..00000000000
--- a/components/picker/themes/spectrum.css
+++ /dev/null
@@ -1,32 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Picker {
- --spectrum-picker-background-color-default: var(--spectrum-gray-75);
- --spectrum-picker-background-color-default-open: var(--spectrum-gray-200);
- --spectrum-picker-background-color-active: var(--spectrum-gray-300);
- --spectrum-picker-background-color-hover: var(--spectrum-gray-200);
- --spectrum-picker-background-color-hover-open: var(--spectrum-gray-200);
- --spectrum-picker-background-color-key-focus: var(--spectrum-gray-200);
-
- --spectrum-picker-border-color-default: var(--spectrum-gray-500);
- --spectrum-picker-border-color-default-open: var(--spectrum-gray-500);
- --spectrum-picker-border-color-hover: var(--spectrum-gray-600);
- --spectrum-picker-border-color-hover-open: var(--spectrum-gray-600);
- --spectrum-picker-border-color-active: var(--spectrum-gray-700);
- --spectrum-picker-border-color-key-focus: var(--spectrum-gray-600);
-
- --spectrum-picker-border-width: var(--spectrum-border-width-100);
- }
-}
diff --git a/components/pickerbutton/CHANGELOG.md b/components/pickerbutton/CHANGELOG.md
index 76ace483e66..482dca640b9 100644
--- a/components/pickerbutton/CHANGELOG.md
+++ b/components/pickerbutton/CHANGELOG.md
@@ -1,5 +1,280 @@
# Change Log
+## 6.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/popover@8.0.0-next.0
+ - @spectrum-css/menu@8.0.0-next.0
+
+## 6.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/popover@8.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+ - @spectrum-css/menu@8.0.0-s2-foundations.17
+
+## 6.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+ - @spectrum-css/menu@8.0.0-s2-foundations.15
+
+## 6.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/menu@8.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/menu@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.13
+
+### Patch Changes
+
+- [#3023](https://github.com/adobe/spectrum-css/pull/3023) [`213efa8`](https://github.com/adobe/spectrum-css/commit/213efa8618cdccf75a274ee9c2dd0404864c1779) Thanks [@jawinn](https://github.com/jawinn)! - Relocates --mod custom properties from the themes CSS to the index.css.
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/menu@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/menu@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/menu@8.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/menu@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/menu@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/menu@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/popover@8.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+ - @spectrum-css/menu@8.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/menu@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/menu@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/menu@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/menu@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/menu@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/popover@8.0.0-s2-foundations.0
+ - @spectrum-css/menu@8.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -73,8 +348,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.1.5...@spectrum-css/pickerbutton@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.1.5...@spectrum-css/pickerbutton@5.0.0)
### ✨ Features
@@ -82,11 +356,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -94,8 +366,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.1.4...@spectrum-css/pickerbutton@4.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.1.4...@spectrum-css/pickerbutton@4.1.5)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -103,8 +374,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.1.3...@spectrum-css/pickerbutton@4.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.1.3...@spectrum-css/pickerbutton@4.1.4)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -112,8 +382,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.1.2...@spectrum-css/pickerbutton@4.1.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.1.2...@spectrum-css/pickerbutton@4.1.3)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -121,8 +390,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.2
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -130,8 +398,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.1
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.1.0...@spectrum-css/pickerbutton@4.1.1)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.1.0...@spectrum-css/pickerbutton@4.1.1)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -139,8 +406,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.23...@spectrum-css/pickerbutton@4.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.23...@spectrum-css/pickerbutton@4.1.0)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -148,8 +414,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.23
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.22...@spectrum-css/pickerbutton@4.0.23)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.22...@spectrum-css/pickerbutton@4.0.23)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -157,8 +422,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.22
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.21...@spectrum-css/pickerbutton@4.0.22)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.21...@spectrum-css/pickerbutton@4.0.22)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -166,8 +430,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.21
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.20...@spectrum-css/pickerbutton@4.0.21)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.20...@spectrum-css/pickerbutton@4.0.21)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -175,8 +438,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.20
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.18...@spectrum-css/pickerbutton@4.0.20)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.18...@spectrum-css/pickerbutton@4.0.20)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -184,8 +446,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.19
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.18...@spectrum-css/pickerbutton@4.0.19)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.18...@spectrum-css/pickerbutton@4.0.19)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -193,8 +454,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.18
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.17...@spectrum-css/pickerbutton@4.0.18)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.17...@spectrum-css/pickerbutton@4.0.18)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -202,8 +462,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.17
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.16...@spectrum-css/pickerbutton@4.0.17)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.16...@spectrum-css/pickerbutton@4.0.17)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -211,8 +470,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.16
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.15...@spectrum-css/pickerbutton@4.0.16)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.15...@spectrum-css/pickerbutton@4.0.16)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -220,8 +478,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.15
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.14...@spectrum-css/pickerbutton@4.0.15)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.14...@spectrum-css/pickerbutton@4.0.15)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -229,8 +486,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.14
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.13...@spectrum-css/pickerbutton@4.0.14)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.13...@spectrum-css/pickerbutton@4.0.14)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -238,8 +494,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.13
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.12...@spectrum-css/pickerbutton@4.0.13)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.12...@spectrum-css/pickerbutton@4.0.13)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -247,8 +502,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.12
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.11...@spectrum-css/pickerbutton@4.0.12)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.11...@spectrum-css/pickerbutton@4.0.12)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -256,8 +510,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.11
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.10...@spectrum-css/pickerbutton@4.0.11)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.10...@spectrum-css/pickerbutton@4.0.11)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -265,8 +518,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.10
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.9...@spectrum-css/pickerbutton@4.0.10)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.9...@spectrum-css/pickerbutton@4.0.10)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -274,8 +526,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.9
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.8...@spectrum-css/pickerbutton@4.0.9)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.8...@spectrum-css/pickerbutton@4.0.9)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -283,8 +534,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.7...@spectrum-css/pickerbutton@4.0.8)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.7...@spectrum-css/pickerbutton@4.0.8)
### 🔙 Reverts
@@ -294,8 +544,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.6...@spectrum-css/pickerbutton@4.0.7)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.6...@spectrum-css/pickerbutton@4.0.7)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -303,8 +552,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.4...@spectrum-css/pickerbutton@4.0.6)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.4...@spectrum-css/pickerbutton@4.0.6)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -312,8 +560,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.4...@spectrum-css/pickerbutton@4.0.5)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.4...@spectrum-css/pickerbutton@4.0.5)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -321,8 +568,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.3...@spectrum-css/pickerbutton@4.0.4)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.3...@spectrum-css/pickerbutton@4.0.4)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -330,8 +576,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.2...@spectrum-css/pickerbutton@4.0.3)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.2...@spectrum-css/pickerbutton@4.0.3)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -339,8 +584,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.1...@spectrum-css/pickerbutton@4.0.2)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.1...@spectrum-css/pickerbutton@4.0.2)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -348,8 +592,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.0...@spectrum-css/pickerbutton@4.0.1)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@4.0.0...@spectrum-css/pickerbutton@4.0.1)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -357,8 +600,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.34...@spectrum-css/pickerbutton@4.0.0)
+🗓 2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.34...@spectrum-css/pickerbutton@4.0.0)
\*feat(pickerbutton)!: migrate to use spectrum tokens (#1940)([ad6051d](https://github.com/adobe/spectrum-css/commit/ad6051d)), closes[#1940](https://github.com/adobe/spectrum-css/issues/1940)
@@ -378,9 +620,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
- fix(pickerbutton): fix disabled hover
- fix(searchwithin): pass through mod for picker button border color
- chore(pickerbutton): update token peer dependency
-- fix(searchwithin): update searchwithin story to match docs site
+- fix(searchwithin): update searchwithin story to match docs site
use picker instead of pickerbutton and remove extra border
-- fix(pickerbutton): remove icononly class and remove padding from uiicononly
+- fix(pickerbutton): remove icononly class and remove padding from uiicononly
removes padding from uiicononly class to allow for larger icons in slots
- fix(pickerbutton): explicitly add box-sizing border-box
- fix(pickerbutton): fix icon size
@@ -395,8 +637,7 @@ The `.spectrum-PickerButton-UIIcon` class no longer matches our naming conventio
## 3.0.34
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.33...@spectrum-css/pickerbutton@3.0.34)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.33...@spectrum-css/pickerbutton@3.0.34)
### 🐛 Bug fixes
@@ -406,8 +647,7 @@ The `.spectrum-PickerButton-UIIcon` class no longer matches our naming conventio
## 3.0.33
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.32...@spectrum-css/pickerbutton@3.0.33)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.32...@spectrum-css/pickerbutton@3.0.33)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -415,8 +655,7 @@ The `.spectrum-PickerButton-UIIcon` class no longer matches our naming conventio
## 3.0.32
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.31...@spectrum-css/pickerbutton@3.0.32)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.31...@spectrum-css/pickerbutton@3.0.32)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -424,8 +663,7 @@ The `.spectrum-PickerButton-UIIcon` class no longer matches our naming conventio
## 3.0.31
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.30...@spectrum-css/pickerbutton@3.0.31)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.30...@spectrum-css/pickerbutton@3.0.31)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -433,8 +671,7 @@ The `.spectrum-PickerButton-UIIcon` class no longer matches our naming conventio
## 3.0.30
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.29...@spectrum-css/pickerbutton@3.0.30)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.29...@spectrum-css/pickerbutton@3.0.30)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -442,8 +679,7 @@ The `.spectrum-PickerButton-UIIcon` class no longer matches our naming conventio
## 3.0.29
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.28...@spectrum-css/pickerbutton@3.0.29)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.28...@spectrum-css/pickerbutton@3.0.29)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -451,8 +687,7 @@ The `.spectrum-PickerButton-UIIcon` class no longer matches our naming conventio
## 3.0.28
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.27...@spectrum-css/pickerbutton@3.0.28)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.27...@spectrum-css/pickerbutton@3.0.28)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -460,8 +695,7 @@ The `.spectrum-PickerButton-UIIcon` class no longer matches our naming conventio
## 3.0.27
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.26...@spectrum-css/pickerbutton@3.0.27)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.26...@spectrum-css/pickerbutton@3.0.27)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -469,8 +703,7 @@ The `.spectrum-PickerButton-UIIcon` class no longer matches our naming conventio
## 3.0.26
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.25...@spectrum-css/pickerbutton@3.0.26)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.25...@spectrum-css/pickerbutton@3.0.26)
### 🐛 Bug fixes
@@ -480,8 +713,7 @@ The `.spectrum-PickerButton-UIIcon` class no longer matches our naming conventio
## 3.0.25
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.24...@spectrum-css/pickerbutton@3.0.25)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.24...@spectrum-css/pickerbutton@3.0.25)
**Note:** Version bump only for package @spectrum-css/pickerbutton
@@ -489,8 +721,7 @@ The `.spectrum-PickerButton-UIIcon` class no longer matches our naming conventio
## 3.0.24
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.23...@spectrum-css/pickerbutton@3.0.24)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/pickerbutton@3.0.23...@spectrum-css/pickerbutton@3.0.24)
**Note:** Version bump only for package @spectrum-css/pickerbutton
diff --git a/components/pickerbutton/index.css b/components/pickerbutton/index.css
index 14b89f9bbfd..65bd5212502 100644
--- a/components/pickerbutton/index.css
+++ b/components/pickerbutton/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-PickerButton {
--spectrum-picker-button-height: var(--spectrum-component-height-100);
--spectrum-picker-button-width: var(--spectrum-component-height-100);
@@ -22,8 +20,6 @@
--spectrum-picker-button-label-padding: var(--spectrum-text-to-visual-50);
--spectrum-picker-button-fill-padding: var(--spectrum-field-edge-to-disclosure-icon-100);
- --spectrum-picker-button-border-radius-rounded: var(--spectrum-corner-radius-200);
-
--spectrum-picker-button-icon-color: var(--spectrum-neutral-content-color-default);
--spectrum-picker-button-icon-color-hover: var(--spectrum-neutral-content-color-hover);
--spectrum-picker-button-icon-color-down: var(--spectrum-neutral-content-color-down);
@@ -39,8 +35,32 @@
--spectrum-picker-button-font-weight: var(--spectrum-body-sans-serif-font-weight);
--spectrum-picker-button-font-size: var(--spectrum-font-size-100);
+ --spectrum-picker-button-border-radius-rounded: var(--spectrum-corner-radius-200);
+
--spectrum-picker-button-background-animation-duration: var(--spectrum-animation-duration-100);
+ &:hover {
+ --mod-picker-button-background-color: var(--mod-picker-button-background-color-hover, var(--spectrum-picker-button-background-color-hover));
+ --mod-picker-button-font-color: var(--mod-picker-button-font-color-hover, var(--spectrum-picker-button-font-color-hover));
+ --mod-picker-button-icon-color: var(--mod-picker-button-icon-color-hover, var(--spectrum-picker-button-icon-color-hover));
+ }
+
+ &:active,
+ &.is-open {
+ --mod-picker-button-background-color: var(--mod-picker-button-background-color-down, var(--spectrum-picker-button-background-color-down));
+ --mod-picker-button-font-color: var(--mod-picker-button-font-color-down, var(--spectrum-picker-button-font-color-down));
+ --mod-picker-button-icon-color: var(--mod-picker-button-icon-color-down, var(--spectrum-picker-button-icon-color-down));
+ }
+
+ &:focus,
+ &.is-focused,
+ &:focus-visible,
+ &.is-keyboardFocused {
+ --mod-picker-button-background-color: var(--mod-picker-button-background-color-key-focus, var(--spectrum-picker-button-background-color-key-focus));
+ --mod-picker-button-font-color: var(--mod-picker-button-font-color-key-focus, var(--spectrum-picker-button-font-color-key-focus));
+ --mod-picker-button-icon-color: var(--mod-picker-button-icon-color-key-focus, var(--spectrum-picker-button-icon-color-key-focus));
+ }
+
&:disabled {
--mod-picker-button-background-color: var(--mod-picker-button-background-color-disabled, var(--spectrum-disabled-background-color));
--mod-picker-button-background-color-hover: var(--mod-picker-button-background-color-hover-disabled, var(--spectrum-disabled-background-color));
@@ -100,78 +120,8 @@
box-sizing: border-box;
padding: var(--mod-picker-button-padding, var(--spectrum-picker-button-padding));
- &:hover {
- .spectrum-PickerButton-fill {
- background-color: var(--mod-picker-button-background-color-hover, var(--spectrum-picker-button-background-color-hover));
- }
-
- .spectrum-PickerButton-label {
- color: var(--mod-picker-button-font-color-hover, var(--spectrum-picker-button-font-color-hover));
- }
-
- .spectrum-PickerButton-icon {
- color: var(--mod-picker-button-icon-color-hover, var(--spectrum-picker-button-icon-color-hover));
- }
- }
-
- &:active,
- &.is-open {
- .spectrum-PickerButton-fill {
- background-color: var(--mod-picker-button-background-color-down, var(--spectrum-picker-button-background-color-down));
- }
-
- .spectrum-PickerButton-label {
- color: var(--mod-picker-button-font-color-down, var(--spectrum-picker-button-font-color-down));
- }
-
- .spectrum-PickerButton-icon {
- color: var(--mod-picker-button-icon-color-down, var(--spectrum-picker-button-icon-color-down));
- }
- }
-
- &:focus,
- &.is-focused,
- &:focus-visible,
- &.is-keyboardFocused {
- .spectrum-PickerButton-fill {
- background-color: var(--mod-picker-button-background-color-key-focus, var(--spectrum-picker-button-background-color-key-focus));
- }
-
- .spectrum-PickerButton-label {
- color: var(--mod-picker-button-font-color-key-focus, var(--spectrum-picker-button-font-color-key-focus));
- }
-
- .spectrum-PickerButton-icon {
- color: var(--mod-picker-button-icon-color-key-focus, var(--spectrum-picker-button-icon-color-key-focus));
- }
- }
-}
-
-.spectrum-PickerButton--right {
- .spectrum-PickerButton-fill {
- border-end-start-radius: var(--mod-picker-button-border-radius-sided, var(--spectrum-picker-button-border-radius-sided));
- border-start-start-radius: var(--mod-picker-button-border-radius-sided, var(--spectrum-picker-button-border-radius-sided));
- }
-
- &.spectrum-PickerButton--rounded {
- .spectrum-PickerButton-fill {
- border-end-start-radius: var(--mod-picker-button-border-radius-rounded-sided, var(--spectrum-picker-button-border-radius-rounded-sided));
- border-start-start-radius: var(--mod-picker-button-border-radius-rounded-sided, var(--spectrum-picker-button-border-radius-rounded-sided));
- }
- }
-}
-
-.spectrum-PickerButton--left {
- .spectrum-PickerButton-fill {
- border-end-end-radius: var(--mod-picker-button-border-radius-sided, var(--spectrum-picker-button-border-radius-sided));
- border-start-end-radius: var(--mod-picker-button-border-radius-sided, var(--spectrum-picker-button-border-radius-sided));
- }
-
- &.spectrum-PickerButton--rounded {
- .spectrum-PickerButton-fill {
- border-end-end-radius: var(--mod-picker-button-border-radius-rounded-sided, var(--spectrum-picker-button-border-radius-rounded-sided));
- border-start-end-radius: var(--mod-picker-button-border-radius-rounded-sided, var(--spectrum-picker-button-border-radius-rounded-sided));
- }
+ &.spectrum-PickerButton--uiicononly {
+ inline-size: var(--mod-picker-button-height, var(--spectrum-picker-button-height));
}
}
@@ -189,6 +139,10 @@
font-style: var(--mod-picker-button-font-style, var(--spectrum-picker-button-font-style));
font-weight: var(--mod-picker-button-font-weight, var(--spectrum-picker-button-font-weight));
font-size: var(--mod-picker-button-font-size, var(--spectrum-picker-button-font-size));
+
+ .spectrum-PickerButton--uiicononly & {
+ display: none;
+ }
}
.spectrum-PickerButton-fill {
@@ -212,37 +166,46 @@
border-start-start-radius: var(--mod-picker-button-border-radius, var(--spectrum-picker-button-border-radius));
transition: border-color var(--mod-picker-button-background-animation-duration, var(--spectrum-picker-button-background-animation-duration)) ease-in-out;
-}
-.spectrum-PickerButton-icon {
- /* don't be small, ever */
- flex-shrink: 0;
- color: var(--mod-picker-button-icon-color, var(--spectrum-picker-button-icon-color));
-}
-.spectrum-PickerButton--rounded {
- .spectrum-PickerButton-fill {
+ .spectrum-PickerButton--right & {
+ border-end-start-radius: var(--mod-picker-button-border-radius-sided, var(--spectrum-picker-button-border-radius-sided));
+ border-start-start-radius: var(--mod-picker-button-border-radius-sided, var(--spectrum-picker-button-border-radius-sided));
+ }
+
+ .spectrum-PickerButton--right.spectrum-PickerButton--rounded & {
+ border-end-start-radius: var(--mod-picker-button-border-radius-rounded-sided, var(--spectrum-picker-button-border-radius-rounded-sided));
+ border-start-start-radius: var(--mod-picker-button-border-radius-rounded-sided, var(--spectrum-picker-button-border-radius-rounded-sided));
+ }
+
+ .spectrum-PickerButton--left & {
+ border-end-end-radius: var(--mod-picker-button-border-radius-sided, var(--spectrum-picker-button-border-radius-sided));
+ border-start-end-radius: var(--mod-picker-button-border-radius-sided, var(--spectrum-picker-button-border-radius-sided));
+ }
+
+ .spectrum-PickerButton--left.spectrum-PickerButton--rounded & {
+ border-end-end-radius: var(--mod-picker-button-border-radius-rounded-sided, var(--spectrum-picker-button-border-radius-rounded-sided));
+ border-start-end-radius: var(--mod-picker-button-border-radius-rounded-sided, var(--spectrum-picker-button-border-radius-rounded-sided));
+ }
+
+ .spectrum-PickerButton--rounded & {
border-end-end-radius: var(--mod-picker-button-border-radius-rounded, var(--spectrum-picker-button-border-radius-rounded));
border-end-start-radius: var(--mod-picker-button-border-radius-rounded, var(--spectrum-picker-button-border-radius-rounded));
border-start-end-radius: var(--mod-picker-button-border-radius-rounded, var(--spectrum-picker-button-border-radius-rounded));
border-start-start-radius: var(--mod-picker-button-border-radius-rounded, var(--spectrum-picker-button-border-radius-rounded));
}
-}
-
-.spectrum-PickerButton--uiicononly {
- inline-size: var(--mod-picker-button-height, var(--spectrum-picker-button-height));
-
- .spectrum-PickerButton-label {
- display: none;
- }
- .spectrum-PickerButton-fill {
+ .spectrum-PickerButton--uiicononly & {
padding: 0;
}
-}
-.spectrum-PickerButton--textuiicon {
- .spectrum-PickerButton-fill {
+ .spectrum-PickerButton--textuiicon & {
inline-size: auto;
}
}
+
+.spectrum-PickerButton-icon {
+ /* don't be small, ever */
+ flex-shrink: 0;
+ color: var(--mod-picker-button-icon-color, var(--spectrum-picker-button-icon-color));
+}
diff --git a/components/pickerbutton/metadata/metadata.json b/components/pickerbutton/metadata/metadata.json
index c605d88694b..e9e54d75505 100644
--- a/components/pickerbutton/metadata/metadata.json
+++ b/components/pickerbutton/metadata/metadata.json
@@ -8,38 +8,24 @@
".spectrum-PickerButton--right.spectrum-PickerButton--rounded .spectrum-PickerButton-fill",
".spectrum-PickerButton--rounded .spectrum-PickerButton-fill",
".spectrum-PickerButton--textuiicon .spectrum-PickerButton-fill",
- ".spectrum-PickerButton--uiicononly",
".spectrum-PickerButton--uiicononly .spectrum-PickerButton-fill",
".spectrum-PickerButton--uiicononly .spectrum-PickerButton-label",
".spectrum-PickerButton-fill",
".spectrum-PickerButton-icon",
".spectrum-PickerButton-label",
- ".spectrum-PickerButton.is-focused .spectrum-PickerButton-fill",
- ".spectrum-PickerButton.is-focused .spectrum-PickerButton-icon",
- ".spectrum-PickerButton.is-focused .spectrum-PickerButton-label",
- ".spectrum-PickerButton.is-keyboardFocused .spectrum-PickerButton-fill",
- ".spectrum-PickerButton.is-keyboardFocused .spectrum-PickerButton-icon",
- ".spectrum-PickerButton.is-keyboardFocused .spectrum-PickerButton-label",
- ".spectrum-PickerButton.is-open .spectrum-PickerButton-fill",
- ".spectrum-PickerButton.is-open .spectrum-PickerButton-icon",
- ".spectrum-PickerButton.is-open .spectrum-PickerButton-label",
+ ".spectrum-PickerButton.is-focused",
+ ".spectrum-PickerButton.is-keyboardFocused",
+ ".spectrum-PickerButton.is-open",
".spectrum-PickerButton.spectrum-PickerButton--quiet",
".spectrum-PickerButton.spectrum-PickerButton--sizeL",
".spectrum-PickerButton.spectrum-PickerButton--sizeS",
".spectrum-PickerButton.spectrum-PickerButton--sizeXL",
- ".spectrum-PickerButton:active .spectrum-PickerButton-fill",
- ".spectrum-PickerButton:active .spectrum-PickerButton-icon",
- ".spectrum-PickerButton:active .spectrum-PickerButton-label",
+ ".spectrum-PickerButton.spectrum-PickerButton--uiicononly",
+ ".spectrum-PickerButton:active",
".spectrum-PickerButton:disabled",
- ".spectrum-PickerButton:focus .spectrum-PickerButton-fill",
- ".spectrum-PickerButton:focus .spectrum-PickerButton-icon",
- ".spectrum-PickerButton:focus .spectrum-PickerButton-label",
- ".spectrum-PickerButton:focus-visible .spectrum-PickerButton-fill",
- ".spectrum-PickerButton:focus-visible .spectrum-PickerButton-icon",
- ".spectrum-PickerButton:focus-visible .spectrum-PickerButton-label",
- ".spectrum-PickerButton:hover .spectrum-PickerButton-fill",
- ".spectrum-PickerButton:hover .spectrum-PickerButton-icon",
- ".spectrum-PickerButton:hover .spectrum-PickerButton-label"
+ ".spectrum-PickerButton:focus",
+ ".spectrum-PickerButton:focus-visible",
+ ".spectrum-PickerButton:hover"
],
"modifiers": [
"--mod-picker-button-background-animation-duration",
@@ -121,14 +107,11 @@
"global": [
"--spectrum-animation-duration-100",
"--spectrum-body-sans-serif-font-weight",
- "--spectrum-border-width-100",
"--spectrum-component-height-100",
"--spectrum-component-height-200",
"--spectrum-component-height-300",
"--spectrum-component-height-75",
- "--spectrum-corner-radius-100",
"--spectrum-corner-radius-200",
- "--spectrum-corner-radius-75",
"--spectrum-default-font-style",
"--spectrum-disabled-background-color",
"--spectrum-disabled-content-color",
@@ -140,10 +123,6 @@
"--spectrum-font-size-200",
"--spectrum-font-size-300",
"--spectrum-font-size-75",
- "--spectrum-gray-200",
- "--spectrum-gray-300",
- "--spectrum-gray-400",
- "--spectrum-gray-75",
"--spectrum-in-field-button-edge-to-fill",
"--spectrum-neutral-content-color-default",
"--spectrum-neutral-content-color-down",
@@ -155,17 +134,6 @@
"--spectrum-text-to-visual-300",
"--spectrum-text-to-visual-50"
],
- "system-theme": [
- "--system-spectrum-pickerbutton-spectrum-picker-button-background-color",
- "--system-spectrum-pickerbutton-spectrum-picker-button-background-color-down",
- "--system-spectrum-pickerbutton-spectrum-picker-button-background-color-hover",
- "--system-spectrum-pickerbutton-spectrum-picker-button-background-color-key-focus",
- "--system-spectrum-pickerbutton-spectrum-picker-button-border-color",
- "--system-spectrum-pickerbutton-spectrum-picker-button-border-radius",
- "--system-spectrum-pickerbutton-spectrum-picker-button-border-radius-rounded-sided",
- "--system-spectrum-pickerbutton-spectrum-picker-button-border-radius-sided",
- "--system-spectrum-pickerbutton-spectrum-picker-button-border-width"
- ],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/pickerbutton/metadata/mods.md b/components/pickerbutton/metadata/mods.md
deleted file mode 100644
index 2db84b6ed70..00000000000
--- a/components/pickerbutton/metadata/mods.md
+++ /dev/null
@@ -1,46 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------ |
-| `--mod-picker-button-background-animation-duration` |
-| `--mod-picker-button-background-color` |
-| `--mod-picker-button-background-color-disabled` |
-| `--mod-picker-button-background-color-down` |
-| `--mod-picker-button-background-color-down-disabled` |
-| `--mod-picker-button-background-color-down-quiet` |
-| `--mod-picker-button-background-color-hover` |
-| `--mod-picker-button-background-color-hover-disabled` |
-| `--mod-picker-button-background-color-hover-quiet` |
-| `--mod-picker-button-background-color-key-focus` |
-| `--mod-picker-button-background-color-key-focus-quiet` |
-| `--mod-picker-button-background-color-quiet` |
-| `--mod-picker-button-border-color` |
-| `--mod-picker-button-border-color-disabled` |
-| `--mod-picker-button-border-color-quiet` |
-| `--mod-picker-button-border-radius` |
-| `--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-fill-padding` |
-| `--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-height` |
-| `--mod-picker-button-icon-color` |
-| `--mod-picker-button-icon-color-disabled` |
-| `--mod-picker-button-icon-color-down` |
-| `--mod-picker-button-icon-color-down-disabled` |
-| `--mod-picker-button-icon-color-hover` |
-| `--mod-picker-button-icon-color-hover-disabled` |
-| `--mod-picker-button-icon-color-key-focus` |
-| `--mod-picker-button-label-padding` |
-| `--mod-picker-button-padding` |
-| `--mod-picker-button-width` |
diff --git a/components/pickerbutton/package.json b/components/pickerbutton/package.json
index 281ede12f1b..41b1cc677dd 100644
--- a/components/pickerbutton/package.json
+++ b/components/pickerbutton/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/pickerbutton",
- "version": "5.2.0",
+ "version": "6.0.0-next.0",
"description": "The Spectrum CSS picker button component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,24 +17,25 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/menu": ">=7",
- "@spectrum-css/popover": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/menu": ">=8.0.0-next.0",
+ "@spectrum-css/popover": ">=8.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/icon": "workspace:^",
diff --git a/components/pickerbutton/themes/express.css b/components/pickerbutton/themes/express.css
deleted file mode 100644
index f399ef81f83..00000000000
--- a/components/pickerbutton/themes/express.css
+++ /dev/null
@@ -1,29 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-PickerButton {
- --spectrum-picker-button-background-color: var(--spectrum-gray-200);
- --spectrum-picker-button-background-color-hover: var(--spectrum-gray-300);
- --spectrum-picker-button-background-color-down: var(--spectrum-gray-400);
- --spectrum-picker-button-background-color-key-focus: var(--spectrum-gray-300);
-
- --spectrum-picker-button-border-color: none;
- --spectrum-picker-button-border-radius: var(--spectrum-corner-radius-75);
- --spectrum-picker-button-border-radius-rounded-sided: var(--spectrum-corner-radius-200);
- --spectrum-picker-button-border-radius-sided: var(--spectrum-corner-radius-75);
- --spectrum-picker-button-border-width: 0px;
- }
-}
diff --git a/components/pickerbutton/themes/spectrum.css b/components/pickerbutton/themes/spectrum.css
deleted file mode 100644
index 1daf4d9af8e..00000000000
--- a/components/pickerbutton/themes/spectrum.css
+++ /dev/null
@@ -1,27 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-PickerButton {
- --spectrum-picker-button-background-color: var(--spectrum-gray-75);
- --spectrum-picker-button-background-color-hover: var(--spectrum-gray-200);
- --spectrum-picker-button-background-color-down: var(--spectrum-gray-300);
- --spectrum-picker-button-background-color-key-focus: var(--spectrum-gray-200);
-
- --spectrum-picker-button-border-color: inherit;
- --spectrum-picker-button-border-radius: var(--spectrum-corner-radius-100);
- --spectrum-picker-button-border-radius-rounded-sided: 0;
- --spectrum-picker-button-border-radius-sided: 0;
- --spectrum-picker-button-border-width: var(--spectrum-border-width-100);
- }
-}
diff --git a/components/popover/CHANGELOG.md b/components/popover/CHANGELOG.md
index 47794f83645..763c16b126b 100644
--- a/components/popover/CHANGELOG.md
+++ b/components/popover/CHANGELOG.md
@@ -1,5 +1,298 @@
# Change Log
+## 8.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/dialog@11.0.0-next.0
+ - @spectrum-css/alertdialog@2.1.1-next.0
+ - @spectrum-css/menu@8.0.0-next.0
+
+## 8.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.16
+ - @spectrum-css/divider@4.0.0-s2-foundations.16
+ - @spectrum-css/dialog@11.0.0-s2-foundations.16
+ - @spectrum-css/menu@8.0.0-s2-foundations.17
+
+## 8.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.15
+ - @spectrum-css/divider@4.0.0-s2-foundations.15
+ - @spectrum-css/dialog@11.0.0-s2-foundations.15
+ - @spectrum-css/menu@8.0.0-s2-foundations.15
+
+## 8.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.14
+ - @spectrum-css/divider@4.0.0-s2-foundations.14
+ - @spectrum-css/dialog@11.0.0-s2-foundations.14
+ - @spectrum-css/menu@8.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 8.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.13
+ - @spectrum-css/divider@4.0.0-s2-foundations.13
+ - @spectrum-css/dialog@11.0.0-s2-foundations.13
+ - @spectrum-css/menu@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 8.0.0-s2-foundations.13
+
+### Patch Changes
+
+- [#2982](https://github.com/adobe/spectrum-css/pull/2982) [`dffdefa`](https://github.com/adobe/spectrum-css/commit/dffdefaa1ffc39fbf7706e218d261da3a02695b5) Thanks [@castastrophe](https://github.com/castastrophe)! - Remove internal-only --flow-direction variable
+
+## 8.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.12
+ - @spectrum-css/divider@4.0.0-s2-foundations.12
+ - @spectrum-css/dialog@11.0.0-s2-foundations.12
+ - @spectrum-css/menu@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 8.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.11
+ - @spectrum-css/divider@4.0.0-s2-foundations.11
+ - @spectrum-css/dialog@11.0.0-s2-foundations.11
+ - @spectrum-css/menu@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 8.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.10
+ - @spectrum-css/divider@4.0.0-s2-foundations.10
+ - @spectrum-css/dialog@11.0.0-s2-foundations.10
+ - @spectrum-css/menu@8.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 8.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.9
+ - @spectrum-css/divider@4.0.0-s2-foundations.9
+ - @spectrum-css/dialog@11.0.0-s2-foundations.9
+ - @spectrum-css/menu@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 8.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.8
+ - @spectrum-css/divider@4.0.0-s2-foundations.8
+ - @spectrum-css/dialog@11.0.0-s2-foundations.8
+ - @spectrum-css/menu@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 8.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.7
+ - @spectrum-css/divider@4.0.0-s2-foundations.7
+ - @spectrum-css/dialog@11.0.0-s2-foundations.7
+ - @spectrum-css/menu@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 8.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.6
+ - @spectrum-css/divider@4.0.0-s2-foundations.6
+ - @spectrum-css/dialog@11.0.0-s2-foundations.6
+ - @spectrum-css/menu@8.0.0-s2-foundations.6
+
+## 8.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.5
+ - @spectrum-css/divider@4.0.0-s2-foundations.5
+ - @spectrum-css/dialog@11.0.0-s2-foundations.5
+ - @spectrum-css/menu@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 8.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.4
+ - @spectrum-css/divider@4.0.0-s2-foundations.4
+ - @spectrum-css/dialog@11.0.0-s2-foundations.4
+ - @spectrum-css/menu@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 8.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.3
+ - @spectrum-css/divider@4.0.0-s2-foundations.3
+ - @spectrum-css/dialog@11.0.0-s2-foundations.3
+ - @spectrum-css/menu@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 8.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.2
+ - @spectrum-css/divider@4.0.0-s2-foundations.2
+ - @spectrum-css/dialog@11.0.0-s2-foundations.2
+ - @spectrum-css/menu@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 8.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.1
+ - @spectrum-css/divider@4.0.0-s2-foundations.1
+ - @spectrum-css/dialog@11.0.0-s2-foundations.1
+ - @spectrum-css/menu@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 8.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.0
+ - @spectrum-css/menu@8.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/alertdialog@3.0.0-s2-foundations.0
+ - @spectrum-css/dialog@11.0.0-s2-foundations.0
+
## 7.2.0
### Minor Changes
@@ -98,8 +391,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.2.5...@spectrum-css/popover@7.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.2.5...@spectrum-css/popover@7.0.0)
### ✨ Features
@@ -107,11 +399,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -119,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.2.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.2.4...@spectrum-css/popover@6.2.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.2.4...@spectrum-css/popover@6.2.5)
**Note:** Version bump only for package @spectrum-css/popover
@@ -128,8 +417,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.2.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.2.3...@spectrum-css/popover@6.2.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.2.3...@spectrum-css/popover@6.2.4)
**Note:** Version bump only for package @spectrum-css/popover
@@ -137,8 +425,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.2.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.2.2...@spectrum-css/popover@6.2.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.2.2...@spectrum-css/popover@6.2.3)
**Note:** Version bump only for package @spectrum-css/popover
@@ -146,8 +433,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.2.1...@spectrum-css/popover@6.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.2.1...@spectrum-css/popover@6.2.2)
**Note:** Version bump only for package @spectrum-css/popover
@@ -155,8 +441,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/popover
@@ -164,8 +449,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.2.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.1.0...@spectrum-css/popover@6.2.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.1.0...@spectrum-css/popover@6.2.0)
### ✨ Features
@@ -176,8 +460,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.84...@spectrum-css/popover@6.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.84...@spectrum-css/popover@6.1.0)
### ✨ Features
@@ -187,8 +470,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.84
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.83...@spectrum-css/popover@6.0.84)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.83...@spectrum-css/popover@6.0.84)
**Note:** Version bump only for package @spectrum-css/popover
@@ -196,8 +478,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.83
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.82...@spectrum-css/popover@6.0.83)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.82...@spectrum-css/popover@6.0.83)
### 🐛 Bug fixes
@@ -209,8 +490,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.82
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.80...@spectrum-css/popover@6.0.82)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.80...@spectrum-css/popover@6.0.82)
**Note:** Version bump only for package @spectrum-css/popover
@@ -218,8 +498,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.81
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.80...@spectrum-css/popover@6.0.81)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.80...@spectrum-css/popover@6.0.81)
**Note:** Version bump only for package @spectrum-css/popover
@@ -227,8 +506,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.80
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.79...@spectrum-css/popover@6.0.80)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.79...@spectrum-css/popover@6.0.80)
**Note:** Version bump only for package @spectrum-css/popover
@@ -236,8 +514,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.79
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.78...@spectrum-css/popover@6.0.79)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.78...@spectrum-css/popover@6.0.79)
**Note:** Version bump only for package @spectrum-css/popover
@@ -245,8 +522,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.78
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.77...@spectrum-css/popover@6.0.78)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.77...@spectrum-css/popover@6.0.78)
### 🐛 Bug fixes
@@ -256,8 +532,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.77
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.76...@spectrum-css/popover@6.0.77)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.76...@spectrum-css/popover@6.0.77)
**Note:** Version bump only for package @spectrum-css/popover
@@ -265,8 +540,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.76
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.75...@spectrum-css/popover@6.0.76)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.75...@spectrum-css/popover@6.0.76)
**Note:** Version bump only for package @spectrum-css/popover
@@ -274,8 +548,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.75
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.74...@spectrum-css/popover@6.0.75)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.74...@spectrum-css/popover@6.0.75)
**Note:** Version bump only for package @spectrum-css/popover
@@ -283,8 +556,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.74
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.73...@spectrum-css/popover@6.0.74)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.73...@spectrum-css/popover@6.0.74)
**Note:** Version bump only for package @spectrum-css/popover
@@ -292,8 +564,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.73
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.72...@spectrum-css/popover@6.0.73)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.72...@spectrum-css/popover@6.0.73)
**Note:** Version bump only for package @spectrum-css/popover
@@ -301,8 +572,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.72
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.71...@spectrum-css/popover@6.0.72)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.71...@spectrum-css/popover@6.0.72)
**Note:** Version bump only for package @spectrum-css/popover
@@ -310,8 +580,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.71
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.70...@spectrum-css/popover@6.0.71)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.70...@spectrum-css/popover@6.0.71)
**Note:** Version bump only for package @spectrum-css/popover
@@ -319,8 +588,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.70
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.69...@spectrum-css/popover@6.0.70)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.69...@spectrum-css/popover@6.0.70)
### 🔙 Reverts
@@ -330,8 +598,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.69
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.68...@spectrum-css/popover@6.0.69)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.68...@spectrum-css/popover@6.0.69)
**Note:** Version bump only for package @spectrum-css/popover
@@ -339,8 +606,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.68
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.66...@spectrum-css/popover@6.0.68)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.66...@spectrum-css/popover@6.0.68)
**Note:** Version bump only for package @spectrum-css/popover
@@ -348,8 +614,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.67
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.66...@spectrum-css/popover@6.0.67)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.66...@spectrum-css/popover@6.0.67)
**Note:** Version bump only for package @spectrum-css/popover
@@ -357,8 +622,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.66
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.65...@spectrum-css/popover@6.0.66)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.65...@spectrum-css/popover@6.0.66)
**Note:** Version bump only for package @spectrum-css/popover
@@ -366,8 +630,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.65
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.64...@spectrum-css/popover@6.0.65)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.64...@spectrum-css/popover@6.0.65)
**Note:** Version bump only for package @spectrum-css/popover
@@ -375,8 +638,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.64
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.63...@spectrum-css/popover@6.0.64)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.63...@spectrum-css/popover@6.0.64)
**Note:** Version bump only for package @spectrum-css/popover
@@ -384,8 +646,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.63
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.62...@spectrum-css/popover@6.0.63)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.62...@spectrum-css/popover@6.0.63)
**Note:** Version bump only for package @spectrum-css/popover
@@ -393,8 +654,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.62
-🗓
-2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.61...@spectrum-css/popover@6.0.62)
+🗓 2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.61...@spectrum-css/popover@6.0.62)
### 🐛 Bug fixes
@@ -404,8 +664,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.61
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.60...@spectrum-css/popover@6.0.61)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.60...@spectrum-css/popover@6.0.61)
**Note:** Version bump only for package @spectrum-css/popover
@@ -413,8 +672,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.60
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.59...@spectrum-css/popover@6.0.60)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.59...@spectrum-css/popover@6.0.60)
**Note:** Version bump only for package @spectrum-css/popover
@@ -422,8 +680,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.59
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.58...@spectrum-css/popover@6.0.59)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.58...@spectrum-css/popover@6.0.59)
**Note:** Version bump only for package @spectrum-css/popover
@@ -431,8 +688,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.58
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.57...@spectrum-css/popover@6.0.58)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.57...@spectrum-css/popover@6.0.58)
**Note:** Version bump only for package @spectrum-css/popover
@@ -440,8 +696,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.57
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.56...@spectrum-css/popover@6.0.57)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.56...@spectrum-css/popover@6.0.57)
**Note:** Version bump only for package @spectrum-css/popover
@@ -449,8 +704,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.56
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.55...@spectrum-css/popover@6.0.56)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.55...@spectrum-css/popover@6.0.56)
**Note:** Version bump only for package @spectrum-css/popover
@@ -458,8 +712,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.55
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.54...@spectrum-css/popover@6.0.55)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.54...@spectrum-css/popover@6.0.55)
**Note:** Version bump only for package @spectrum-css/popover
@@ -467,8 +720,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.54
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.53...@spectrum-css/popover@6.0.54)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.53...@spectrum-css/popover@6.0.54)
**Note:** Version bump only for package @spectrum-css/popover
@@ -476,8 +728,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.53
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.52...@spectrum-css/popover@6.0.53)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.52...@spectrum-css/popover@6.0.53)
### 🐛 Bug fixes
@@ -487,8 +738,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.52
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.51...@spectrum-css/popover@6.0.52)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.51...@spectrum-css/popover@6.0.52)
**Note:** Version bump only for package @spectrum-css/popover
@@ -496,8 +746,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 6.0.51
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.50...@spectrum-css/popover@6.0.51)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/popover@6.0.50...@spectrum-css/popover@6.0.51)
### 🐛 Bug fixes
diff --git a/components/popover/index.css b/components/popover/index.css
index 5c94377b78c..df349b0f25f 100644
--- a/components/popover/index.css
+++ b/components/popover/index.css
@@ -10,8 +10,6 @@
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
-
-@import "./themes/express.css";
@import "@spectrum-css/commons/overlay.css";
.spectrum-Popover {
@@ -21,6 +19,8 @@
--spectrum-popover-background-color: var(--spectrum-background-layer-2-color);
--spectrum-popover-border-color: var(--spectrum-gray-400);
+ --spectrum-popover-border-width: var(--spectrum-border-width-100);
+
/* popover inner padding */
--spectrum-popover-content-area-spacing-vertical: var(--spectrum-popover-top-to-content-area);
@@ -80,7 +80,7 @@
.spectrum-Popover-tip-triangle {
stroke-linecap: square;
stroke-linejoin: miter;
- fill: var(--highcontrast-popover-background-color, var(--mod-popover-background-color, var(--spectrum-popover-background-color)));
+ fill: var(--mod-popover-background-color, var(--spectrum-popover-background-color));
stroke: var(--highcontrast-popover-border-color, var(--mod-popover-border-color, var(--spectrum-popover-border-color)));
stroke-width: var(--mod-popover-border-width, var(--spectrum-popover-border-width));
}
diff --git a/components/popover/metadata/metadata.json b/components/popover/metadata/metadata.json
index c0ec791c2b5..978e99bddf5 100644
--- a/components/popover/metadata/metadata.json
+++ b/components/popover/metadata/metadata.json
@@ -148,10 +148,6 @@
"--spectrum-gray-400",
"--spectrum-spacing-100"
],
- "system-theme": ["--system-spectrum-popover-border-width"],
"passthroughs": [],
- "high-contrast": [
- "--highcontrast-popover-background-color",
- "--highcontrast-popover-border-color"
- ]
+ "high-contrast": ["--highcontrast-popover-border-color"]
}
diff --git a/components/popover/metadata/mods.md b/components/popover/metadata/mods.md
deleted file mode 100644
index 25cb283e785..00000000000
--- a/components/popover/metadata/mods.md
+++ /dev/null
@@ -1,18 +0,0 @@
-| Modifiable custom properties |
-| --------------------------------------------- |
-| `--mod-overlay-animation-duration` |
-| `--mod-overlay-animation-duration-opened` |
-| `--mod-popover-animation-distance` |
-| `--mod-popover-background-color` |
-| `--mod-popover-border-color` |
-| `--mod-popover-border-width` |
-| `--mod-popover-content-area-spacing-vertical` |
-| `--mod-popover-corner-radius` |
-| `--mod-popover-filter` |
-| `--mod-popover-pointer-edge-spacing` |
-| `--mod-popover-pointer-height` |
-| `--mod-popover-pointer-width` |
-| `--mod-popover-shadow-blur` |
-| `--mod-popover-shadow-color` |
-| `--mod-popover-shadow-horizontal` |
-| `--mod-popover-shadow-vertical` |
diff --git a/components/popover/package.json b/components/popover/package.json
index 961b825cddf..f353852a6c5 100644
--- a/components/popover/package.json
+++ b/components/popover/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/popover",
- "version": "7.2.0",
+ "version": "8.0.0-next.0",
"description": "The Spectrum CSS popover component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,25 +17,26 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/alertdialog": ">=2",
- "@spectrum-css/dialog": ">=10",
- "@spectrum-css/divider": ">=3",
- "@spectrum-css/menu": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/alertdialog": ">=2.1.1-next.0",
+ "@spectrum-css/dialog": ">=11.0.0-next.0",
+ "@spectrum-css/divider": ">=4.0.0-s2-foundations.0",
+ "@spectrum-css/menu": ">=8.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/divider": {
diff --git a/components/popover/stories/popover.stories.js b/components/popover/stories/popover.stories.js
index 967dda2baac..51087da06bc 100644
--- a/components/popover/stories/popover.stories.js
+++ b/components/popover/stories/popover.stories.js
@@ -91,6 +91,10 @@ export default {
height: "200px",
}
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=42086-5684",
+ },
packageJson,
metadata,
},
@@ -236,7 +240,7 @@ DialogStyle.args = {
content: [
(passthroughs, context) => Dialog({
showModal: false,
- size: ["small"],
+ size: "s",
isDismissable: false,
heading: "Example heading",
hasFooter: false,
diff --git a/components/popover/stories/popover.test.js b/components/popover/stories/popover.test.js
index 9f7dd09356b..b0271bc3f07 100644
--- a/components/popover/stories/popover.test.js
+++ b/components/popover/stories/popover.test.js
@@ -137,7 +137,7 @@ export const PopoverGroup = Variants({
content: [
(passthroughs, context) => Dialog({
showModal: false,
- size: ["small"],
+ size: "s",
isDismissable: false,
heading: "Example heading",
hasFooter: false,
diff --git a/components/popover/stories/template.js b/components/popover/stories/template.js
index 1be2e30689e..b76c6fe5dbf 100644
--- a/components/popover/stories/template.js
+++ b/components/popover/stories/template.js
@@ -41,7 +41,10 @@ export const Template = ({
setTimeout(() => {
// Get the actual height and width of the popover
const popover = document.getElementById(id);
+ if (!popover) return;
+
const rect = popover.getBoundingClientRect();
+ if (!rect) return;
let shouldChange = false;
if (popoverHeight !== parseInt(rect.height, 10)) {
@@ -186,8 +189,7 @@ export const Template = ({
class=${classMap({
[rootClass]: true,
"is-open": isOpen,
- [`${rootClass}--size${size?.toUpperCase()}`]:
- typeof size !== "undefined",
+ [`${rootClass}--size${size?.toUpperCase()}`]: typeof size !== "undefined",
[`${rootClass}--withTip`]: withTip,
[`${rootClass}--${position}`]: typeof position !== "undefined",
...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
@@ -275,7 +277,7 @@ export const TipPlacementVariants = (args, context) => {
/**
* Contains a source button with a fixed width, and an always open Popover.
*/
-export const FixedWidthSourceTemplate = (args) => html`
+export const FixedWidthSourceTemplate = (args, context) => html`
${ActionButton({
label: "Source",
@@ -283,12 +285,12 @@ export const FixedWidthSourceTemplate = (args) => html`
width: "100px",
display: "block",
},
- })}
+ }, context)}
${Template({
...args,
position: "bottom-start",
isOpen: true,
trigger: () => null,
- })}
+ }, context)}
`;
diff --git a/components/popover/themes/express.css b/components/popover/themes/express.css
deleted file mode 100644
index 4748454f03d..00000000000
--- a/components/popover/themes/express.css
+++ /dev/null
@@ -1,20 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Popover {
- --spectrum-popover-border-width: 0;
- }
-}
diff --git a/components/popover/themes/spectrum.css b/components/popover/themes/spectrum.css
deleted file mode 100644
index 2f0c2993266..00000000000
--- a/components/popover/themes/spectrum.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Popover {
- --spectrum-popover-border-width: var(--spectrum-border-width-100);
- }
-}
diff --git a/components/progressbar/CHANGELOG.md b/components/progressbar/CHANGELOG.md
index acc0e3020f8..28d91f03262 100644
--- a/components/progressbar/CHANGELOG.md
+++ b/components/progressbar/CHANGELOG.md
@@ -1,5 +1,285 @@
# Change Log
+## 5.0.0-next.0
+
+### Major Changes
+
+- [#2659](https://github.com/adobe/spectrum-css/pull/2659) [`bd38eaa`](https://github.com/adobe/spectrum-css/commit/bd38eaa8c8597c066f1fe61d70130a7f310bcca4) Thanks [@mdt2](https://github.com/mdt2)! - feat(progressbar): S2 migration
+
+ Progress bar now uses Spectrum 2 tokens and specifications. This migration includes updated colors, font sizes, and spacing. No mods were harmed in the migration of this component (all `--mod` properties remain the same).
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 5.0.0-s2-foundations.20
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.17
+
+## 5.0.0-s2-foundations.19
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f14c3be`](https://github.com/adobe/spectrum-css/commit/f14c3bee4ea3b3ad259ce2fa9c3f58fa49febf9d) Thanks [@pfulton](https://github.com/pfulton)! - ProgressBar/Meter
+
+ - Fix bug by reverting "background-color" for track fill back to "background".
+
+ Thumbnail
+
+ - Remove unused "vertical align" property.
+
+## 5.0.0-s2-foundations.18
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`085ecbc`](https://github.com/adobe/spectrum-css/commit/085ecbc739cf736e8d95377d605f2a7c4104bcc0) Thanks [@pfulton](https://github.com/pfulton)! - Pulled out _form_ from _fieldlabel_ package.
+ Pulled out _meter_ from _progressbar_ package.
+
+ [SWC-522] fix hover style regression
+
+### Patch Changes
+
+- Updated dependencies [[`085ecbc`](https://github.com/adobe/spectrum-css/commit/085ecbc739cf736e8d95377d605f2a7c4104bcc0)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.16
+
+## 5.0.0-s2-foundations.17
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.15
+
+## 5.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 5.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 5.0.0-s2-foundations.14
+
+### Patch Changes
+
+- [#3023](https://github.com/adobe/spectrum-css/pull/3023) [`213efa8`](https://github.com/adobe/spectrum-css/commit/213efa8618cdccf75a274ee9c2dd0404864c1779) Thanks [@jawinn](https://github.com/jawinn)! - Relocates --mod custom properties from the themes CSS to the index.css.
+
+## 5.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f) Thanks [@pfulton](https://github.com/pfulton)! - [SWC-235] meter properties moved out of theme and into index.css
+
+### Patch Changes
+
+- Updated dependencies [[`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f), [`975b4fb`](https://github.com/adobe/spectrum-css/commit/975b4fb631d7203e772c2e879fbec610f933286f)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.14
+
+## 5.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 5.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 5.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 5.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 5.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 5.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 5.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.6
+
+## 5.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 5.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 5.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 5.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 5.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 5.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/fieldlabel@9.0.0-s2-foundations.0
+
## 4.2.0
### Minor Changes
@@ -17,6 +297,12 @@
- [#3291](https://github.com/adobe/spectrum-css/pull/3291) [`6c47b48`](https://github.com/adobe/spectrum-css/commit/6c47b48cdfbd1ad5fc19d913d18901f405b8b211) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violation by removing unused custom property.
+## 4.1.8
+
+### Patch Changes
+
+- [#3291](https://github.com/adobe/spectrum-css/pull/3291) [`6c47b48`](https://github.com/adobe/spectrum-css/commit/6c47b48cdfbd1ad5fc19d913d18901f405b8b211) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violation by removing unused custom property.
+
## 4.1.7
### Patch Changes
@@ -87,32 +373,25 @@ Output for all component CSS files is now being run through a lightweight optimi
- @spectrum-css/fieldlabel@>=8
- @spectrum-css/tokens@>=14
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/progressbar/themes/spectrum.css b/components/progressbar/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/progressbar/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/progresscircle/CHANGELOG.md b/components/progresscircle/CHANGELOG.md
index 1c4522b7636..7e6346de862 100644
--- a/components/progresscircle/CHANGELOG.md
+++ b/components/progresscircle/CHANGELOG.md
@@ -1,5 +1,210 @@
# Change Log
+## 4.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 4.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 4.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 4.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 4.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 4.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 4.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 4.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 4.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 4.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 4.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 4.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 4.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 4.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 4.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 4.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 4.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 3.2.0
### Minor Changes
@@ -54,8 +259,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.2.3...@spectrum-css/progresscircle@3.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.2.3...@spectrum-css/progresscircle@3.0.0)
### 🐛 Bug fixes
@@ -75,8 +279,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.3
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.2.2...@spectrum-css/progresscircle@2.2.3)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.2.2...@spectrum-css/progresscircle@2.2.3)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -84,8 +287,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.2
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.2.1...@spectrum-css/progresscircle@2.2.2)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.2.1...@spectrum-css/progresscircle@2.2.2)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -93,8 +295,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.1
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.2.0...@spectrum-css/progresscircle@2.2.1)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.2.0...@spectrum-css/progresscircle@2.2.1)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -102,8 +303,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.0
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.1.1...@spectrum-css/progresscircle@2.2.0)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.1.1...@spectrum-css/progresscircle@2.2.0)
### ✨ Features
@@ -113,8 +313,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -122,8 +321,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.75...@spectrum-css/progresscircle@2.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.75...@spectrum-css/progresscircle@2.1.0)
### ✨ Features
@@ -133,8 +331,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.75
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.74...@spectrum-css/progresscircle@2.0.75)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.74...@spectrum-css/progresscircle@2.0.75)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -142,8 +339,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.74
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.73...@spectrum-css/progresscircle@2.0.74)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.73...@spectrum-css/progresscircle@2.0.74)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -151,8 +347,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.73
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.71...@spectrum-css/progresscircle@2.0.73)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.71...@spectrum-css/progresscircle@2.0.73)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -160,8 +355,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.72
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.71...@spectrum-css/progresscircle@2.0.72)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.71...@spectrum-css/progresscircle@2.0.72)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -169,8 +363,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.71
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.70...@spectrum-css/progresscircle@2.0.71)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.70...@spectrum-css/progresscircle@2.0.71)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -178,8 +371,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.70
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.69...@spectrum-css/progresscircle@2.0.70)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.69...@spectrum-css/progresscircle@2.0.70)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -187,8 +379,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.69
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.68...@spectrum-css/progresscircle@2.0.69)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.68...@spectrum-css/progresscircle@2.0.69)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -196,8 +387,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.68
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.67...@spectrum-css/progresscircle@2.0.68)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.67...@spectrum-css/progresscircle@2.0.68)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -205,8 +395,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.67
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.66...@spectrum-css/progresscircle@2.0.67)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.66...@spectrum-css/progresscircle@2.0.67)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -214,8 +403,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.66
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.65...@spectrum-css/progresscircle@2.0.66)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.65...@spectrum-css/progresscircle@2.0.66)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -223,8 +411,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.65
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.64...@spectrum-css/progresscircle@2.0.65)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.64...@spectrum-css/progresscircle@2.0.65)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -232,8 +419,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.64
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.63...@spectrum-css/progresscircle@2.0.64)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.63...@spectrum-css/progresscircle@2.0.64)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -241,8 +427,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.63
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.62...@spectrum-css/progresscircle@2.0.63)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.62...@spectrum-css/progresscircle@2.0.63)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -250,8 +435,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.62
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.61...@spectrum-css/progresscircle@2.0.62)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.61...@spectrum-css/progresscircle@2.0.62)
### 🔙 Reverts
@@ -261,8 +445,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.61
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.60...@spectrum-css/progresscircle@2.0.61)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.60...@spectrum-css/progresscircle@2.0.61)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -270,8 +453,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.60
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.58...@spectrum-css/progresscircle@2.0.60)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.58...@spectrum-css/progresscircle@2.0.60)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -279,8 +461,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.59
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.58...@spectrum-css/progresscircle@2.0.59)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.58...@spectrum-css/progresscircle@2.0.59)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -288,8 +469,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.58
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.57...@spectrum-css/progresscircle@2.0.58)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.57...@spectrum-css/progresscircle@2.0.58)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -297,8 +477,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.57
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.56...@spectrum-css/progresscircle@2.0.57)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.56...@spectrum-css/progresscircle@2.0.57)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -306,8 +485,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.56
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.55...@spectrum-css/progresscircle@2.0.56)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.55...@spectrum-css/progresscircle@2.0.56)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -315,8 +493,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.55
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.54...@spectrum-css/progresscircle@2.0.55)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.54...@spectrum-css/progresscircle@2.0.55)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -324,8 +501,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.54
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.53...@spectrum-css/progresscircle@2.0.54)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.53...@spectrum-css/progresscircle@2.0.54)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -333,8 +509,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.53
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.52...@spectrum-css/progresscircle@2.0.53)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.52...@spectrum-css/progresscircle@2.0.53)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -342,8 +517,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.52
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.51...@spectrum-css/progresscircle@2.0.52)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.51...@spectrum-css/progresscircle@2.0.52)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -351,8 +525,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.51
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.50...@spectrum-css/progresscircle@2.0.51)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.50...@spectrum-css/progresscircle@2.0.51)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -360,8 +533,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.50
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.49...@spectrum-css/progresscircle@2.0.50)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.49...@spectrum-css/progresscircle@2.0.50)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -369,8 +541,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.49
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.48...@spectrum-css/progresscircle@2.0.49)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.48...@spectrum-css/progresscircle@2.0.49)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -378,8 +549,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.48
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.47...@spectrum-css/progresscircle@2.0.48)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.47...@spectrum-css/progresscircle@2.0.48)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -387,8 +557,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.47
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.46...@spectrum-css/progresscircle@2.0.47)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.46...@spectrum-css/progresscircle@2.0.47)
### 🐛 Bug fixes
@@ -398,8 +567,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.46
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.45...@spectrum-css/progresscircle@2.0.46)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.45...@spectrum-css/progresscircle@2.0.46)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -407,8 +575,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.45
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.44...@spectrum-css/progresscircle@2.0.45)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/progresscircle@2.0.44...@spectrum-css/progresscircle@2.0.45)
**Note:** Version bump only for package @spectrum-css/progresscircle
@@ -1128,5 +1295,5 @@ Co-authored-by: Patrick Fulton
### Migration guide
-- **Circle loader component renamed**
+- **Circle loader component renamed**
Circle loader is now known as Progress circle. Replace all `.spectrum-CircleLoader*` classnames with `.spectrum-ProgressCircle*`.
diff --git a/components/progresscircle/index.css b/components/progresscircle/index.css
index 76a3e03f6b5..5c087aa9165 100644
--- a/components/progresscircle/index.css
+++ b/components/progresscircle/index.css
@@ -11,12 +11,25 @@
* governing permissions and limitations under the License.
*/
-@import "./animation.css";
-@import "./themes/express.css";
+/* windows high contrast mode */
+@media (forced-colors: active) {
+ .spectrum-ProgressCircle {
+ /* fill is bright color */
+ --highcontrast-progress-circle-fill-border-color: Highlight;
+
+ /* fill over background is bright color */
+ --highcontrast-progress-circle-fill-border-color-over-background: Highlight;
+ }
+
+ /* track double for visibility */
+ .spectrum-ProgressCircle-track {
+ --spectrum-progress-circle-track-border-style: double;
+ }
+}
.spectrum-ProgressCircle {
/* circle unfilled border color */
- --spectrum-progress-circle-track-border-color: var(--spectrum-gray-300);
+ --spectrum-progress-circle-track-border-color: var(--spectrum-gray-200);
/* circle progress fill border color */
--spectrum-progress-circle-fill-border-color: var(--spectrum-accent-content-color-default);
@@ -27,46 +40,26 @@
/* over background progress fill border color */
--spectrum-progress-circle-fill-border-color-over-background: var(--spectrum-transparent-white-900);
- /* default size and thickness */
- --spectrum-progress-circle-size: var(--spectrum-progress-circle-size-medium);
- --spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-medium);
-
/* track border style */
--spectrum-progress-circle-track-border-style: solid;
-}
-
-.spectrum-ProgressCircle--small {
- --spectrum-progress-circle-size: var(--spectrum-progress-circle-size-small);
- --spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-small);
-}
-.spectrum-ProgressCircle--medium {
- --spectrum-progress-circle-size: var(--spectrum-progress-circle-size-medium);
- --spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-medium);
-}
-.spectrum-ProgressCircle--large {
- --spectrum-progress-circle-size: var(--spectrum-progress-circle-size-large);
- --spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-large);
-}
-
-/* windows high contrast mode */
-@media (forced-colors: active) {
- .spectrum-ProgressCircle {
- /* fill is bright color */
- --highcontrast-progress-circle-fill-border-color: Highlight;
+ &.spectrum-ProgressCircle--small {
+ --spectrum-progress-circle-size: var(--spectrum-progress-circle-size-small);
+ --spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-small);
+ }
- /* fill over background is bright color */
- --highcontrast-progress-circle-fill-border-color-over-background: Highlight;
+ &,
+ &.spectrum-ProgressCircle--medium {
+ --spectrum-progress-circle-size: var(--spectrum-progress-circle-size-medium);
+ --spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-medium);
}
- /* track double for visibility */
- .spectrum-ProgressCircle-track {
- --spectrum-progress-circle-track-border-style: double;
+ &.spectrum-ProgressCircle--large {
+ --spectrum-progress-circle-size: var(--spectrum-progress-circle-size-large);
+ --spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-large);
}
-}
-.spectrum-ProgressCircle {
display: inline-block;
inline-size: var(--mod-progress-circle-size, var(--spectrum-progress-circle-size));
block-size: var(--mod-progress-circle-size, var(--spectrum-progress-circle-size));
@@ -83,7 +76,7 @@
inline-size: var(--mod-progress-circle-size, var(--spectrum-progress-circle-size));
block-size: var(--mod-progress-circle-size, var(--spectrum-progress-circle-size));
- border-style: var(--highcontrast-progress-circle-track-border-style, var(--mod-progress-circle-track-border-style, var(--spectrum-progress-circle-track-border-style)));
+ border-style: var(--mod-progress-circle-track-border-style, var(--spectrum-progress-circle-track-border-style));
border-width: var(--mod-progress-circle-thickness, var(--spectrum-progress-circle-thickness));
border-radius: var(--mod-progress-circle-size, var(--spectrum-progress-circle-size));
border-color: var(--mod-progress-circle-track-border-color, var(--spectrum-progress-circle-track-border-color));
@@ -166,3 +159,501 @@
animation: 1s infinite linear spectrum-fill-mask-2;
}
}
+
+.spectrum-ProgressCircle--indeterminate-fill-submask-2 {
+ animation: 1s infinite linear spectrum-fill-mask-2;
+}
+
+@keyframes spectrum-fill-mask-1 {
+ 0% {
+ transform: rotate(90deg);
+ }
+
+ 1.69% {
+ transform: rotate(72.3deg);
+ }
+
+ 3.39% {
+ transform: rotate(55.5deg);
+ }
+
+ 5.08% {
+ transform: rotate(40.3deg);
+ }
+
+ 6.78% {
+ transform: rotate(25deg);
+ }
+
+ 8.47% {
+ transform: rotate(10.6deg);
+ }
+
+ 10.17% {
+ transform: rotate(0deg);
+ }
+
+ 11.86% {
+ transform: rotate(0deg);
+ }
+
+ 13.56% {
+ transform: rotate(0deg);
+ }
+
+ 15.25% {
+ transform: rotate(0deg);
+ }
+
+ 16.95% {
+ transform: rotate(0deg);
+ }
+
+ 18.64% {
+ transform: rotate(0deg);
+ }
+
+ 20.34% {
+ transform: rotate(0deg);
+ }
+
+ 22.03% {
+ transform: rotate(0deg);
+ }
+
+ 23.73% {
+ transform: rotate(0deg);
+ }
+
+ 25.42% {
+ transform: rotate(0deg);
+ }
+
+ 27.12% {
+ transform: rotate(0deg);
+ }
+
+ 28.81% {
+ transform: rotate(0deg);
+ }
+
+ 30.51% {
+ transform: rotate(0deg);
+ }
+
+ 32.2% {
+ transform: rotate(0deg);
+ }
+
+ 33.9% {
+ transform: rotate(0deg);
+ }
+
+ 35.59% {
+ transform: rotate(0deg);
+ }
+
+ 37.29% {
+ transform: rotate(0deg);
+ }
+
+ 38.98% {
+ transform: rotate(0deg);
+ }
+
+ 40.68% {
+ transform: rotate(0deg);
+ }
+
+ 42.37% {
+ transform: rotate(5.3deg);
+ }
+
+ 44.07% {
+ transform: rotate(13.4deg);
+ }
+
+ 45.76% {
+ transform: rotate(20.6deg);
+ }
+
+ 47.46% {
+ transform: rotate(29deg);
+ }
+
+ 49.15% {
+ transform: rotate(36.5deg);
+ }
+
+ 50.85% {
+ transform: rotate(42.6deg);
+ }
+
+ 52.54% {
+ transform: rotate(48.8deg);
+ }
+
+ 54.24% {
+ transform: rotate(54.2deg);
+ }
+
+ 55.93% {
+ transform: rotate(59.4deg);
+ }
+
+ 57.63% {
+ transform: rotate(63.2deg);
+ }
+
+ 59.32% {
+ transform: rotate(67.2deg);
+ }
+
+ 61.02% {
+ transform: rotate(70.8deg);
+ }
+
+ 62.71% {
+ transform: rotate(73.8deg);
+ }
+
+ 64.41% {
+ transform: rotate(76.2deg);
+ }
+
+ 66.1% {
+ transform: rotate(78.7deg);
+ }
+
+ 67.8% {
+ transform: rotate(80.6deg);
+ }
+
+ 69.49% {
+ transform: rotate(82.6deg);
+ }
+
+ 71.19% {
+ transform: rotate(83.7deg);
+ }
+
+ 72.88% {
+ transform: rotate(85deg);
+ }
+
+ 74.58% {
+ transform: rotate(86.3deg);
+ }
+
+ 76.27% {
+ transform: rotate(87deg);
+ }
+
+ 77.97% {
+ transform: rotate(87.7deg);
+ }
+
+ 79.66% {
+ transform: rotate(88.3deg);
+ }
+
+ 81.36% {
+ transform: rotate(88.6deg);
+ }
+
+ 83.05% {
+ transform: rotate(89.2deg);
+ }
+
+ 84.75% {
+ transform: rotate(89.2deg);
+ }
+
+ 86.44% {
+ transform: rotate(89.5deg);
+ }
+
+ 88.14% {
+ transform: rotate(89.9deg);
+ }
+
+ 89.83% {
+ transform: rotate(89.7deg);
+ }
+
+ 91.53% {
+ transform: rotate(90.1deg);
+ }
+
+ 93.22% {
+ transform: rotate(90.2deg);
+ }
+
+ 94.92% {
+ transform: rotate(90.1deg);
+ }
+
+ 96.61% {
+ transform: rotate(90deg);
+ }
+
+ 98.31% {
+ transform: rotate(89.8deg);
+ }
+
+ 100% {
+ transform: rotate(90deg);
+ }
+}
+
+@keyframes spectrum-fill-mask-2 {
+ 0% {
+ transform: rotate(180deg);
+ }
+
+ 1.69% {
+ transform: rotate(180deg);
+ }
+
+ 3.39% {
+ transform: rotate(180deg);
+ }
+
+ 5.08% {
+ transform: rotate(180deg);
+ }
+
+ 6.78% {
+ transform: rotate(180deg);
+ }
+
+ 8.47% {
+ transform: rotate(180deg);
+ }
+
+ 10.17% {
+ transform: rotate(179.2deg);
+ }
+
+ 11.86% {
+ transform: rotate(164deg);
+ }
+
+ 13.56% {
+ transform: rotate(151.8deg);
+ }
+
+ 15.25% {
+ transform: rotate(140.8deg);
+ }
+
+ 16.95% {
+ transform: rotate(130.3deg);
+ }
+
+ 18.64% {
+ transform: rotate(120.4deg);
+ }
+
+ 20.34% {
+ transform: rotate(110.8deg);
+ }
+
+ 22.03% {
+ transform: rotate(101.6deg);
+ }
+
+ 23.73% {
+ transform: rotate(93.5deg);
+ }
+
+ 25.42% {
+ transform: rotate(85.4deg);
+ }
+
+ 27.12% {
+ transform: rotate(78.1deg);
+ }
+
+ 28.81% {
+ transform: rotate(71.2deg);
+ }
+
+ 30.51% {
+ transform: rotate(89.1deg);
+ }
+
+ 32.2% {
+ transform: rotate(105.5deg);
+ }
+
+ 33.9% {
+ transform: rotate(121.3deg);
+ }
+
+ 35.59% {
+ transform: rotate(135.5deg);
+ }
+
+ 37.29% {
+ transform: rotate(148.4deg);
+ }
+
+ 38.98% {
+ transform: rotate(161deg);
+ }
+
+ 40.68% {
+ transform: rotate(173.5deg);
+ }
+
+ 42.37% {
+ transform: rotate(180deg);
+ }
+
+ 44.07% {
+ transform: rotate(180deg);
+ }
+
+ 45.76% {
+ transform: rotate(180deg);
+ }
+
+ 47.46% {
+ transform: rotate(180deg);
+ }
+
+ 49.15% {
+ transform: rotate(180deg);
+ }
+
+ 50.85% {
+ transform: rotate(180deg);
+ }
+
+ 52.54% {
+ transform: rotate(180deg);
+ }
+
+ 54.24% {
+ transform: rotate(180deg);
+ }
+
+ 55.93% {
+ transform: rotate(180deg);
+ }
+
+ 57.63% {
+ transform: rotate(180deg);
+ }
+
+ 59.32% {
+ transform: rotate(180deg);
+ }
+
+ 61.02% {
+ transform: rotate(180deg);
+ }
+
+ 62.71% {
+ transform: rotate(180deg);
+ }
+
+ 64.41% {
+ transform: rotate(180deg);
+ }
+
+ 66.1% {
+ transform: rotate(180deg);
+ }
+
+ 67.8% {
+ transform: rotate(180deg);
+ }
+
+ 69.49% {
+ transform: rotate(180deg);
+ }
+
+ 71.19% {
+ transform: rotate(180deg);
+ }
+
+ 72.88% {
+ transform: rotate(180deg);
+ }
+
+ 74.58% {
+ transform: rotate(180deg);
+ }
+
+ 76.27% {
+ transform: rotate(180deg);
+ }
+
+ 77.97% {
+ transform: rotate(180deg);
+ }
+
+ 79.66% {
+ transform: rotate(180deg);
+ }
+
+ 81.36% {
+ transform: rotate(180deg);
+ }
+
+ 83.05% {
+ transform: rotate(180deg);
+ }
+
+ 84.75% {
+ transform: rotate(180deg);
+ }
+
+ 86.44% {
+ transform: rotate(180deg);
+ }
+
+ 88.14% {
+ transform: rotate(180deg);
+ }
+
+ 89.83% {
+ transform: rotate(180deg);
+ }
+
+ 91.53% {
+ transform: rotate(180deg);
+ }
+
+ 93.22% {
+ transform: rotate(180deg);
+ }
+
+ 94.92% {
+ transform: rotate(180deg);
+ }
+
+ 96.61% {
+ transform: rotate(180deg);
+ }
+
+ 98.31% {
+ transform: rotate(180deg);
+ }
+
+ 100% {
+ transform: rotate(180deg);
+ }
+}
+
+@keyframes spectrum-fills-rotate {
+ 0% {
+ transform: rotate(-90deg);
+ }
+
+ 100% {
+ transform: rotate(270deg);
+ }
+}
diff --git a/components/progresscircle/metadata/metadata.json b/components/progresscircle/metadata/metadata.json
index cc43dfd0c63..263492e6cd3 100644
--- a/components/progresscircle/metadata/metadata.json
+++ b/components/progresscircle/metadata/metadata.json
@@ -6,9 +6,6 @@
".spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fillSubMask2",
".spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fills",
".spectrum-ProgressCircle--indeterminate-fill-submask-2",
- ".spectrum-ProgressCircle--large",
- ".spectrum-ProgressCircle--medium",
- ".spectrum-ProgressCircle--small",
".spectrum-ProgressCircle-fill",
".spectrum-ProgressCircle-fillMask1",
".spectrum-ProgressCircle-fillMask2",
@@ -16,6 +13,9 @@
".spectrum-ProgressCircle-fillSubMask2",
".spectrum-ProgressCircle-fills",
".spectrum-ProgressCircle-track",
+ ".spectrum-ProgressCircle.spectrum-ProgressCircle--large",
+ ".spectrum-ProgressCircle.spectrum-ProgressCircle--medium",
+ ".spectrum-ProgressCircle.spectrum-ProgressCircle--small",
".spectrum-ProgressCircle.spectrum-ProgressCircle--staticWhite .spectrum-ProgressCircle-fill",
".spectrum-ProgressCircle.spectrum-ProgressCircle--staticWhite .spectrum-ProgressCircle-track",
"0%",
@@ -106,15 +106,13 @@
],
"global": [
"--spectrum-accent-content-color-default",
- "--spectrum-gray-300",
+ "--spectrum-gray-200",
"--spectrum-transparent-white-300",
"--spectrum-transparent-white-900"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-progress-circle-fill-border-color",
- "--highcontrast-progress-circle-fill-border-color-over-background",
- "--highcontrast-progress-circle-track-border-style"
+ "--highcontrast-progress-circle-fill-border-color-over-background"
]
}
diff --git a/components/progresscircle/metadata/mods.md b/components/progresscircle/metadata/mods.md
deleted file mode 100644
index 8c8a757ca68..00000000000
--- a/components/progresscircle/metadata/mods.md
+++ /dev/null
@@ -1,10 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------------------------- |
-| `--mod-progress-circle-fill-border-color` |
-| `--mod-progress-circle-fill-border-color-over-background` |
-| `--mod-progress-circle-position` |
-| `--mod-progress-circle-size` |
-| `--mod-progress-circle-thickness` |
-| `--mod-progress-circle-track-border-color` |
-| `--mod-progress-circle-track-border-color-over-background` |
-| `--mod-progress-circle-track-border-style` |
diff --git a/components/progresscircle/package.json b/components/progresscircle/package.json
index 8587d222a04..c24e7a59a2b 100644
--- a/components/progresscircle/package.json
+++ b/components/progresscircle/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/progresscircle",
- "version": "3.2.0",
+ "version": "4.0.0-s2-foundations.16",
"description": "The Spectrum CSS progress circle component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/progresscircle/stories/progresscircle.stories.js b/components/progresscircle/stories/progresscircle.stories.js
index f5f7216b3e0..24491ad3405 100644
--- a/components/progresscircle/stories/progresscircle.stories.js
+++ b/components/progresscircle/stories/progresscircle.stories.js
@@ -27,6 +27,10 @@ export default {
staticColor: undefined,
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=13061-181",
+ },
packageJson,
metadata,
},
diff --git a/components/progresscircle/stories/template.js b/components/progresscircle/stories/template.js
index a0fa4486e8b..8fbb22aa461 100644
--- a/components/progresscircle/stories/template.js
+++ b/components/progresscircle/stories/template.js
@@ -15,7 +15,7 @@ export const Template = ({
size = "m",
staticColor,
isIndeterminate = false,
-}) => {
+} = {}) => {
let sizeClassName = "medium";
switch (size) {
case "s":
@@ -56,4 +56,4 @@ export const Template = ({
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/progresscircle/themes/spectrum.css b/components/progresscircle/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/progresscircle/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/radio/CHANGELOG.md b/components/radio/CHANGELOG.md
index ba1cd664f87..4a3c23d7726 100644
--- a/components/radio/CHANGELOG.md
+++ b/components/radio/CHANGELOG.md
@@ -1,5 +1,252 @@
# Change Log
+## 10.0.0-s2-foundations.18
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 10.0.0-s2-foundations.17
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57e187f`](https://github.com/adobe/spectrum-css/commit/57e187f5a52e9782e8573defc825cef0399b99e4) Thanks [@pfulton](https://github.com/pfulton)! - Minor bug fixes for datepicker and radio; tokens released for alignment
+
+- Updated dependencies [[`57e187f`](https://github.com/adobe/spectrum-css/commit/57e187f5a52e9782e8573defc825cef0399b99e4)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.26
+
+## 10.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#3164](https://github.com/adobe/spectrum-css/pull/3164) [`f8dead7`](https://github.com/adobe/spectrum-css/commit/f8dead7a680e88678bf830fccee32ecc661677bc) Thanks [@jawinn](https://github.com/jawinn)! - Fixes an issue with the alignment of a read-only radio's label element within field group and flex layouts.
+
+## 10.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 10.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 10.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 10.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 10.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 10.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 10.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 10.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 10.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 10.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 10.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 10.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 10.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 10.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 10.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 10.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
+## 9.4.1
+
+### Patch Changes
+
+- [#3350](https://github.com/adobe/spectrum-css/pull/3350) [`c091b4d`](https://github.com/adobe/spectrum-css/commit/c091b4d7ee33c870d24d731c9f377cf7ed1cb19a) Thanks [@5t3ph](https://github.com/5t3ph)! - Corrects the styles of the read-only state to show the radio inputs and allow visible focus. Also adds `aria-disabled` since `aria-readonly` isn't well supported, and story demonstrates scripting to make selection for read-only radios immutable.
+
## 9.4.1
### Patch Changes
@@ -87,8 +334,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.1.5...@spectrum-css/radio@9.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.1.5...@spectrum-css/radio@9.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
@@ -104,8 +350,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.1.4...@spectrum-css/radio@8.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.1.4...@spectrum-css/radio@8.1.5)
**Note:** Version bump only for package @spectrum-css/radio
@@ -113,8 +358,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.1.3...@spectrum-css/radio@8.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.1.3...@spectrum-css/radio@8.1.4)
**Note:** Version bump only for package @spectrum-css/radio
@@ -122,8 +366,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.1.2...@spectrum-css/radio@8.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.1.2...@spectrum-css/radio@8.1.3)
**Note:** Version bump only for package @spectrum-css/radio
@@ -131,8 +374,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.1.1...@spectrum-css/radio@8.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.1.1...@spectrum-css/radio@8.1.2)
**Note:** Version bump only for package @spectrum-css/radio
@@ -140,8 +382,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/radio
@@ -149,8 +390,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.19...@spectrum-css/radio@8.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.19...@spectrum-css/radio@8.1.0)
**Note:** Version bump only for package @spectrum-css/radio
@@ -158,8 +398,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.19
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.18...@spectrum-css/radio@8.0.19)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.18...@spectrum-css/radio@8.0.19)
**Note:** Version bump only for package @spectrum-css/radio
@@ -167,8 +406,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.18
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.17...@spectrum-css/radio@8.0.18)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.17...@spectrum-css/radio@8.0.18)
**Note:** Version bump only for package @spectrum-css/radio
@@ -176,8 +414,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.17
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.16...@spectrum-css/radio@8.0.17)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.16...@spectrum-css/radio@8.0.17)
### 🐛 Bug fixes
@@ -187,8 +424,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.16
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.14...@spectrum-css/radio@8.0.16)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.14...@spectrum-css/radio@8.0.16)
**Note:** Version bump only for package @spectrum-css/radio
@@ -196,8 +432,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.15
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.14...@spectrum-css/radio@8.0.15)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.14...@spectrum-css/radio@8.0.15)
**Note:** Version bump only for package @spectrum-css/radio
@@ -205,8 +440,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.14
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.13...@spectrum-css/radio@8.0.14)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.13...@spectrum-css/radio@8.0.14)
**Note:** Version bump only for package @spectrum-css/radio
@@ -214,8 +448,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.13
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.12...@spectrum-css/radio@8.0.13)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.12...@spectrum-css/radio@8.0.13)
**Note:** Version bump only for package @spectrum-css/radio
@@ -223,8 +456,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.12
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.11...@spectrum-css/radio@8.0.12)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.11...@spectrum-css/radio@8.0.12)
**Note:** Version bump only for package @spectrum-css/radio
@@ -232,8 +464,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.11
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.10...@spectrum-css/radio@8.0.11)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.10...@spectrum-css/radio@8.0.11)
**Note:** Version bump only for package @spectrum-css/radio
@@ -241,8 +472,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.10
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.9...@spectrum-css/radio@8.0.10)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.9...@spectrum-css/radio@8.0.10)
**Note:** Version bump only for package @spectrum-css/radio
@@ -250,8 +480,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.9
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.8...@spectrum-css/radio@8.0.9)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.8...@spectrum-css/radio@8.0.9)
**Note:** Version bump only for package @spectrum-css/radio
@@ -259,8 +488,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.8
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.7...@spectrum-css/radio@8.0.8)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.7...@spectrum-css/radio@8.0.8)
**Note:** Version bump only for package @spectrum-css/radio
@@ -268,8 +496,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.7
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.6...@spectrum-css/radio@8.0.7)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.6...@spectrum-css/radio@8.0.7)
**Note:** Version bump only for package @spectrum-css/radio
@@ -277,8 +504,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.6
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.5...@spectrum-css/radio@8.0.6)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.5...@spectrum-css/radio@8.0.6)
**Note:** Version bump only for package @spectrum-css/radio
@@ -286,8 +512,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.5
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.4...@spectrum-css/radio@8.0.5)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.4...@spectrum-css/radio@8.0.5)
**Note:** Version bump only for package @spectrum-css/radio
@@ -295,8 +520,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.4
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.3...@spectrum-css/radio@8.0.4)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.3...@spectrum-css/radio@8.0.4)
### 🔙 Reverts
@@ -306,8 +530,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.3
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.2...@spectrum-css/radio@8.0.3)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.2...@spectrum-css/radio@8.0.3)
**Note:** Version bump only for package @spectrum-css/radio
@@ -315,8 +538,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.2
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.0...@spectrum-css/radio@8.0.2)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.0...@spectrum-css/radio@8.0.2)
**Note:** Version bump only for package @spectrum-css/radio
@@ -324,8 +546,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.1
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.0...@spectrum-css/radio@8.0.1)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@8.0.0...@spectrum-css/radio@8.0.1)
**Note:** Version bump only for package @spectrum-css/radio
@@ -333,8 +554,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.0
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.46...@spectrum-css/radio@8.0.0)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.46...@spectrum-css/radio@8.0.0)
\*refactor(radio)!: remove focus-ring([30849cf](https://github.com/adobe/spectrum-css/commit/30849cf))
@@ -348,8 +568,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.46
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.45...@spectrum-css/radio@7.0.46)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.45...@spectrum-css/radio@7.0.46)
### 🐛 Bug fixes
@@ -359,8 +578,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.45
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.44...@spectrum-css/radio@7.0.45)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.44...@spectrum-css/radio@7.0.45)
**Note:** Version bump only for package @spectrum-css/radio
@@ -368,8 +586,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.44
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.43...@spectrum-css/radio@7.0.44)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.43...@spectrum-css/radio@7.0.44)
**Note:** Version bump only for package @spectrum-css/radio
@@ -377,8 +594,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.43
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.42...@spectrum-css/radio@7.0.43)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.42...@spectrum-css/radio@7.0.43)
**Note:** Version bump only for package @spectrum-css/radio
@@ -386,8 +602,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.42
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.41...@spectrum-css/radio@7.0.42)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.41...@spectrum-css/radio@7.0.42)
**Note:** Version bump only for package @spectrum-css/radio
@@ -395,8 +610,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.41
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.40...@spectrum-css/radio@7.0.41)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.40...@spectrum-css/radio@7.0.41)
**Note:** Version bump only for package @spectrum-css/radio
@@ -404,8 +618,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.40
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.39...@spectrum-css/radio@7.0.40)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.39...@spectrum-css/radio@7.0.40)
**Note:** Version bump only for package @spectrum-css/radio
@@ -413,8 +626,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.39
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.38...@spectrum-css/radio@7.0.39)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.38...@spectrum-css/radio@7.0.39)
**Note:** Version bump only for package @spectrum-css/radio
@@ -422,8 +634,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.38
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.37...@spectrum-css/radio@7.0.38)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.37...@spectrum-css/radio@7.0.38)
**Note:** Version bump only for package @spectrum-css/radio
@@ -431,8 +642,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.37
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.36...@spectrum-css/radio@7.0.37)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.36...@spectrum-css/radio@7.0.37)
**Note:** Version bump only for package @spectrum-css/radio
@@ -440,8 +650,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.36
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.35...@spectrum-css/radio@7.0.36)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.35...@spectrum-css/radio@7.0.36)
### 🐛 Bug fixes
@@ -451,8 +660,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.35
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.34...@spectrum-css/radio@7.0.35)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.34...@spectrum-css/radio@7.0.35)
**Note:** Version bump only for package @spectrum-css/radio
@@ -460,8 +668,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.34
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.33...@spectrum-css/radio@7.0.34)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/radio@7.0.33...@spectrum-css/radio@7.0.34)
**Note:** Version bump only for package @spectrum-css/radio
diff --git a/components/radio/index.css b/components/radio/index.css
index 37e128bdb45..bdbbb676782 100644
--- a/components/radio/index.css
+++ b/components/radio/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
/*
* Radio:
* ::before is to style the input circle (selection indicator)
@@ -20,6 +18,16 @@
*/
.spectrum-Radio {
+ --spectrum-radio-height: var(--spectrum-component-height-100);
+ --spectrum-radio-button-control-size: var(--spectrum-radio-button-control-size-medium);
+
+ --spectrum-radio-text-to-control: var(--spectrum-text-to-control-100);
+ --spectrum-radio-label-top-to-text: var(--spectrum-component-top-to-text-100);
+ --spectrum-radio-label-bottom-to-text: var(--spectrum-component-bottom-to-text-100);
+ --spectrum-radio-button-top-to-control: var(--spectrum-radio-button-top-to-control-medium);
+
+ --spectrum-radio-font-size: var(--spectrum-font-size-100);
+
/* state colors for all themes */
--spectrum-radio-neutral-content-color: var(--spectrum-neutral-content-color-default);
--spectrum-radio-neutral-content-color-hover: var(--spectrum-neutral-content-color-hover);
@@ -35,29 +43,22 @@
--spectrum-radio-disabled-content-color: var(--spectrum-disabled-content-color);
--spectrum-radio-disabled-border-color: var(--spectrum-disabled-content-color);
+ /* selection indicator all themes */
+ --spectrum-radio-border-width: var(--spectrum-border-width-200);
+ --spectrum-radio-button-background-color: var(--spectrum-gray-50);
+
/* emphasized state colors selection indicator all themes */
--spectrum-radio-emphasized-accent-color: var(--spectrum-accent-color-900);
--spectrum-radio-emphasized-accent-color-hover: var(--spectrum-accent-color-1000);
--spectrum-radio-emphasized-accent-color-down: var(--spectrum-accent-color-1100);
--spectrum-radio-emphasized-accent-color-focus: var(--spectrum-accent-color-1000);
- /* selection indicator all themes */
- --spectrum-radio-border-width: var(--spectrum-border-width-200);
- --spectrum-radio-button-background-color: var(--spectrum-gray-75);
-
/* checked selection indicator */
--spectrum-radio-button-checked-border-color-default: var(--spectrum-neutral-background-color-selected-default);
--spectrum-radio-button-checked-border-color-hover: var(--spectrum-neutral-background-color-selected-hover);
--spectrum-radio-button-checked-border-color-down: var(--spectrum-neutral-background-color-selected-down);
- --spectrum-radio-button-checked-border-color-focus: var(--spectrum-neutral-background-color-selected-focus);
+ --spectrum-radio-button-checked-border-color-focus: var(--spectrum-neutral-background-color-selected-key-focus);
- /* spacing all themes */
- --spectrum-radio-text-to-control: var(--spectrum-text-to-control-100);
- --spectrum-radio-label-top-to-text: var(--spectrum-component-top-to-text-100);
- --spectrum-radio-label-bottom-to-text: var(--spectrum-component-bottom-to-text-100);
-
- /* text styles all themes */
- --spectrum-radio-font-size: var(--spectrum-font-size-100);
--spectrum-radio-line-height: var(--spectrum-line-height-100);
/* animation all themes */
@@ -69,13 +70,6 @@
&:lang(ko) {
--spectrum-radio-line-height-cjk: var(--spectrum-cjk-line-height-100);
}
-
- /* default radio size for no t-shirt size */
- --spectrum-radio-height: var(--spectrum-component-height-100);
- --spectrum-radio-button-control-size: var(--spectrum-radio-button-control-size-medium);
-
- /* default radio spacing for no t-shirt size */
- --spectrum-radio-button-top-to-control: var(--spectrum-radio-button-top-to-control-medium);
}
.spectrum-Radio--sizeS {
@@ -90,18 +84,6 @@
--spectrum-radio-font-size: var(--spectrum-font-size-75);
}
-.spectrum-Radio--sizeM {
- --spectrum-radio-height: var(--spectrum-component-height-100);
- --spectrum-radio-button-control-size: var(--spectrum-radio-button-control-size-medium);
-
- --spectrum-radio-text-to-control: var(--spectrum-text-to-control-100);
- --spectrum-radio-label-top-to-text: var(--spectrum-component-top-to-text-100);
- --spectrum-radio-label-bottom-to-text: var(--spectrum-component-bottom-to-text-100);
- --spectrum-radio-button-top-to-control: var(--spectrum-radio-button-top-to-control-medium);
-
- --spectrum-radio-font-size: var(--spectrum-font-size-100);
-}
-
.spectrum-Radio--sizeL {
--spectrum-radio-height: var(--spectrum-component-height-200);
--spectrum-radio-button-control-size: var(--spectrum-radio-button-control-size-large);
@@ -129,6 +111,8 @@
/* windows high contrast mode */
@media (forced-colors: active) {
.spectrum-Radio {
+ --highcontrast-radio-button-background-color: ButtonFace;
+
/* high contrast text */
--highcontrast-radio-neutral-content-color: CanvasText;
--highcontrast-radio-neutral-content-color-hover: CanvasText;
diff --git a/components/radio/metadata/metadata.json b/components/radio/metadata/metadata.json
index 9fd6219975e..cb1748d9a24 100644
--- a/components/radio/metadata/metadata.json
+++ b/components/radio/metadata/metadata.json
@@ -7,13 +7,11 @@
".spectrum-Radio .spectrum-Radio-input:checked:disabled ~ .spectrum-Radio-label",
".spectrum-Radio .spectrum-Radio-input:disabled + .spectrum-Radio-button:before",
".spectrum-Radio .spectrum-Radio-input:disabled ~ .spectrum-Radio-label",
- ".spectrum-Radio--emphasized",
".spectrum-Radio--emphasized .spectrum-Radio-input:checked + .spectrum-Radio-button:before",
".spectrum-Radio--emphasized:active .spectrum-Radio-input:checked + .spectrum-Radio-button:before",
".spectrum-Radio--emphasized:focus .spectrum-Radio-input:checked + .spectrum-Radio-button:before",
".spectrum-Radio--emphasized:hover .spectrum-Radio-input:checked + .spectrum-Radio-button:before",
".spectrum-Radio--sizeL",
- ".spectrum-Radio--sizeM",
".spectrum-Radio--sizeS",
".spectrum-Radio--sizeXL",
".spectrum-Radio-button",
@@ -150,16 +148,12 @@
"--spectrum-font-size-200",
"--spectrum-font-size-300",
"--spectrum-font-size-75",
- "--spectrum-gray-600",
- "--spectrum-gray-700",
- "--spectrum-gray-75",
- "--spectrum-gray-800",
- "--spectrum-gray-900",
+ "--spectrum-gray-50",
"--spectrum-line-height-100",
"--spectrum-neutral-background-color-selected-default",
"--spectrum-neutral-background-color-selected-down",
- "--spectrum-neutral-background-color-selected-focus",
"--spectrum-neutral-background-color-selected-hover",
+ "--spectrum-neutral-background-color-selected-key-focus",
"--spectrum-neutral-content-color-default",
"--spectrum-neutral-content-color-down",
"--spectrum-neutral-content-color-hover",
@@ -169,16 +163,6 @@
"--spectrum-text-to-control-300",
"--spectrum-text-to-control-75"
],
- "system-theme": [
- "--system-spectrum-radio-button-border-color-default",
- "--system-spectrum-radio-button-border-color-down",
- "--system-spectrum-radio-button-border-color-focus",
- "--system-spectrum-radio-button-border-color-hover",
- "--system-spectrum-radio-emphasized-button-checked-border-color-default",
- "--system-spectrum-radio-emphasized-button-checked-border-color-down",
- "--system-spectrum-radio-emphasized-button-checked-border-color-focus",
- "--system-spectrum-radio-emphasized-button-checked-border-color-hover"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-radio-button-background-color",
diff --git a/components/radio/metadata/mods.md b/components/radio/metadata/mods.md
deleted file mode 100644
index 6570df4854e..00000000000
--- a/components/radio/metadata/mods.md
+++ /dev/null
@@ -1,32 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------- |
-| `--mod-radio-animation-duration` |
-| `--mod-radio-border-width` |
-| `--mod-radio-button-background-color` |
-| `--mod-radio-button-border-color-default` |
-| `--mod-radio-button-border-color-down` |
-| `--mod-radio-button-border-color-focus` |
-| `--mod-radio-button-border-color-hover` |
-| `--mod-radio-button-checked-border-color-default` |
-| `--mod-radio-button-checked-border-color-down` |
-| `--mod-radio-button-checked-border-color-focus` |
-| `--mod-radio-button-checked-border-color-hover` |
-| `--mod-radio-button-control-size` |
-| `--mod-radio-button-top-to-control` |
-| `--mod-radio-disabled-border-color` |
-| `--mod-radio-disabled-content-color` |
-| `--mod-radio-emphasized-accent-color` |
-| `--mod-radio-emphasized-accent-color-down` |
-| `--mod-radio-emphasized-accent-color-focus` |
-| `--mod-radio-emphasized-accent-color-hover` |
-| `--mod-radio-focus-indicator-color` |
-| `--mod-radio-focus-indicator-thickness` |
-| `--mod-radio-font-size` |
-| `--mod-radio-height` |
-| `--mod-radio-line-height` |
-| `--mod-radio-line-height-cjk` |
-| `--mod-radio-neutral-content-color` |
-| `--mod-radio-neutral-content-color-down` |
-| `--mod-radio-neutral-content-color-focus` |
-| `--mod-radio-neutral-content-color-hover` |
-| `--mod-radio-text-to-control` |
diff --git a/components/radio/package.json b/components/radio/package.json
index 3db57b4f02e..0682076a9ea 100644
--- a/components/radio/package.json
+++ b/components/radio/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/radio",
- "version": "9.4.1",
+ "version": "10.0.0-s2-foundations.18",
"description": "The Spectrum CSS radio component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/icon": "workspace:^",
diff --git a/components/radio/stories/radio.stories.js b/components/radio/stories/radio.stories.js
index bb2181ea408..778736043f1 100644
--- a/components/radio/stories/radio.stories.js
+++ b/components/radio/stories/radio.stories.js
@@ -54,6 +54,10 @@ export default {
actions: {
handles: ["click input[type=\"radio\"]"],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=164-16723",
+ },
packageJson,
metadata,
},
diff --git a/components/radio/themes/express.css b/components/radio/themes/express.css
deleted file mode 100644
index 65e3ec36e9b..00000000000
--- a/components/radio/themes/express.css
+++ /dev/null
@@ -1,24 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Radio {
- /* selection indicator */
- --spectrum-radio-button-border-color-default: var(--spectrum-gray-800);
- --spectrum-radio-button-border-color-hover: var(--spectrum-gray-900);
- --spectrum-radio-button-border-color-down: var(--spectrum-gray-900);
- --spectrum-radio-button-border-color-focus: var(--spectrum-gray-900);
- }
-}
diff --git a/components/radio/themes/spectrum.css b/components/radio/themes/spectrum.css
deleted file mode 100644
index 467a880aa56..00000000000
--- a/components/radio/themes/spectrum.css
+++ /dev/null
@@ -1,29 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Radio {
- /* selection indicator */
- --spectrum-radio-button-border-color-default: var(--spectrum-gray-600);
- --spectrum-radio-button-border-color-hover: var(--spectrum-gray-700);
- --spectrum-radio-button-border-color-down: var(--spectrum-gray-800);
- --spectrum-radio-button-border-color-focus: var(--spectrum-gray-700);
- }
-
- .spectrum-Radio--emphasized {
- --spectrum-radio-button-checked-border-color-default: var(--spectrum-accent-color-900);
- --spectrum-radio-button-checked-border-color-hover: var(--spectrum-accent-color-1000);
- --spectrum-radio-button-checked-border-color-down: var(--spectrum-accent-color-1100);
- --spectrum-radio-button-checked-border-color-focus: var(--spectrum-accent-color-1000);
- }
-}
diff --git a/components/rating/CHANGELOG.md b/components/rating/CHANGELOG.md
index 3dfbe3e36cc..55eac4f0e74 100644
--- a/components/rating/CHANGELOG.md
+++ b/components/rating/CHANGELOG.md
@@ -1,5 +1,242 @@
# Change Log
+## 6.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 6.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9c6561b`](https://github.com/adobe/spectrum-css/commit/9c6561b38624307da9bca7499452c3cb8ea2095e) Thanks [@pfulton](https://github.com/pfulton)! - Bring in the latest S2 foundations release including updated corner rounding approach, colors, and icon spacing. Remapped corner rounding values for the -75 token to a static 2px value for spectrum themes.
+
+### Patch Changes
+
+- Updated dependencies [[`9c6561b`](https://github.com/adobe/spectrum-css/commit/9c6561b38624307da9bca7499452c3cb8ea2095e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.25
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -17,6 +254,12 @@
- [#3294](https://github.com/adobe/spectrum-css/pull/3294) [`d66cc60`](https://github.com/adobe/spectrum-css/commit/d66cc6019124f25582716d57b2cf499cdbacad48) Thanks [@cdransf](https://github.com/cdransf)! - Assigns CanvasText to custom property to satisfy linting requirements.
+## 5.1.4
+
+### Patch Changes
+
+- [#3294](https://github.com/adobe/spectrum-css/pull/3294) [`d66cc60`](https://github.com/adobe/spectrum-css/commit/d66cc6019124f25582716d57b2cf499cdbacad48) Thanks [@cdransf](https://github.com/cdransf)! - Assigns CanvasText to custom property to satisfy linting requirements.
+
## 5.1.3
### Patch Changes
@@ -69,8 +312,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.2.4...@spectrum-css/rating@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.2.4...@spectrum-css/rating@5.0.0)
### ✨ Features
@@ -78,11 +320,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -90,8 +330,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.2.3...@spectrum-css/rating@4.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.2.3...@spectrum-css/rating@4.2.4)
**Note:** Version bump only for package @spectrum-css/rating
@@ -99,8 +338,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.2.2...@spectrum-css/rating@4.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.2.2...@spectrum-css/rating@4.2.3)
**Note:** Version bump only for package @spectrum-css/rating
@@ -108,8 +346,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.2.1...@spectrum-css/rating@4.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.2.1...@spectrum-css/rating@4.2.2)
**Note:** Version bump only for package @spectrum-css/rating
@@ -117,8 +354,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/rating
@@ -126,8 +362,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.1.0...@spectrum-css/rating@4.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.1.0...@spectrum-css/rating@4.2.0)
**Note:** Version bump only for package @spectrum-css/rating
@@ -135,8 +370,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.35...@spectrum-css/rating@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.35...@spectrum-css/rating@4.1.0)
### ✨ Features
@@ -146,8 +380,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.35
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.34...@spectrum-css/rating@4.0.35)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.34...@spectrum-css/rating@4.0.35)
**Note:** Version bump only for package @spectrum-css/rating
@@ -155,8 +388,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.34
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.33...@spectrum-css/rating@4.0.34)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.33...@spectrum-css/rating@4.0.34)
**Note:** Version bump only for package @spectrum-css/rating
@@ -164,8 +396,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.33
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.31...@spectrum-css/rating@4.0.33)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.31...@spectrum-css/rating@4.0.33)
**Note:** Version bump only for package @spectrum-css/rating
@@ -173,8 +404,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.32
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.31...@spectrum-css/rating@4.0.32)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.31...@spectrum-css/rating@4.0.32)
**Note:** Version bump only for package @spectrum-css/rating
@@ -182,8 +412,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.31
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.30...@spectrum-css/rating@4.0.31)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.30...@spectrum-css/rating@4.0.31)
**Note:** Version bump only for package @spectrum-css/rating
@@ -191,8 +420,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.30
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.29...@spectrum-css/rating@4.0.30)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.29...@spectrum-css/rating@4.0.30)
**Note:** Version bump only for package @spectrum-css/rating
@@ -200,8 +428,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.29
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.28...@spectrum-css/rating@4.0.29)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.28...@spectrum-css/rating@4.0.29)
**Note:** Version bump only for package @spectrum-css/rating
@@ -209,8 +436,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.28
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.27...@spectrum-css/rating@4.0.28)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.27...@spectrum-css/rating@4.0.28)
**Note:** Version bump only for package @spectrum-css/rating
@@ -218,8 +444,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.27
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.26...@spectrum-css/rating@4.0.27)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.26...@spectrum-css/rating@4.0.27)
**Note:** Version bump only for package @spectrum-css/rating
@@ -227,8 +452,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.26
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.25...@spectrum-css/rating@4.0.26)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.25...@spectrum-css/rating@4.0.26)
**Note:** Version bump only for package @spectrum-css/rating
@@ -236,8 +460,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.25
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.24...@spectrum-css/rating@4.0.25)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.24...@spectrum-css/rating@4.0.25)
**Note:** Version bump only for package @spectrum-css/rating
@@ -245,8 +468,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.24
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.23...@spectrum-css/rating@4.0.24)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.23...@spectrum-css/rating@4.0.24)
**Note:** Version bump only for package @spectrum-css/rating
@@ -254,8 +476,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.23
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.22...@spectrum-css/rating@4.0.23)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.22...@spectrum-css/rating@4.0.23)
**Note:** Version bump only for package @spectrum-css/rating
@@ -263,8 +484,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.22
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.21...@spectrum-css/rating@4.0.22)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.21...@spectrum-css/rating@4.0.22)
### 🔙 Reverts
@@ -274,8 +494,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.21
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.20...@spectrum-css/rating@4.0.21)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.20...@spectrum-css/rating@4.0.21)
**Note:** Version bump only for package @spectrum-css/rating
@@ -283,8 +502,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.20
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.18...@spectrum-css/rating@4.0.20)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.18...@spectrum-css/rating@4.0.20)
**Note:** Version bump only for package @spectrum-css/rating
@@ -292,8 +510,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.19
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.18...@spectrum-css/rating@4.0.19)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.18...@spectrum-css/rating@4.0.19)
**Note:** Version bump only for package @spectrum-css/rating
@@ -301,8 +518,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.18
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.17...@spectrum-css/rating@4.0.18)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.17...@spectrum-css/rating@4.0.18)
**Note:** Version bump only for package @spectrum-css/rating
@@ -310,8 +526,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.17
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.16...@spectrum-css/rating@4.0.17)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.16...@spectrum-css/rating@4.0.17)
**Note:** Version bump only for package @spectrum-css/rating
@@ -319,8 +534,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.16
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.15...@spectrum-css/rating@4.0.16)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.15...@spectrum-css/rating@4.0.16)
**Note:** Version bump only for package @spectrum-css/rating
@@ -328,8 +542,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.15
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.14...@spectrum-css/rating@4.0.15)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.14...@spectrum-css/rating@4.0.15)
**Note:** Version bump only for package @spectrum-css/rating
@@ -337,8 +550,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.14
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.13...@spectrum-css/rating@4.0.14)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.13...@spectrum-css/rating@4.0.14)
**Note:** Version bump only for package @spectrum-css/rating
@@ -346,8 +558,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.13
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.12...@spectrum-css/rating@4.0.13)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.12...@spectrum-css/rating@4.0.13)
**Note:** Version bump only for package @spectrum-css/rating
@@ -355,8 +566,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.12
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.11...@spectrum-css/rating@4.0.12)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.11...@spectrum-css/rating@4.0.12)
**Note:** Version bump only for package @spectrum-css/rating
@@ -364,8 +574,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.11
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.10...@spectrum-css/rating@4.0.11)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.10...@spectrum-css/rating@4.0.11)
**Note:** Version bump only for package @spectrum-css/rating
@@ -373,8 +582,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.10
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.9...@spectrum-css/rating@4.0.10)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.9...@spectrum-css/rating@4.0.10)
**Note:** Version bump only for package @spectrum-css/rating
@@ -382,8 +590,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.9
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.8...@spectrum-css/rating@4.0.9)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.8...@spectrum-css/rating@4.0.9)
**Note:** Version bump only for package @spectrum-css/rating
@@ -391,8 +598,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.7...@spectrum-css/rating@4.0.8)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.7...@spectrum-css/rating@4.0.8)
**Note:** Version bump only for package @spectrum-css/rating
@@ -400,8 +606,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.6...@spectrum-css/rating@4.0.7)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.6...@spectrum-css/rating@4.0.7)
### 🐛 Bug fixes
@@ -411,8 +616,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.5...@spectrum-css/rating@4.0.6)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.5...@spectrum-css/rating@4.0.6)
**Note:** Version bump only for package @spectrum-css/rating
@@ -420,8 +624,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.4...@spectrum-css/rating@4.0.5)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/rating@4.0.4...@spectrum-css/rating@4.0.5)
**Note:** Version bump only for package @spectrum-css/rating
diff --git a/components/rating/index.css b/components/rating/index.css
index ff4f5bd8195..875ae6fceeb 100644
--- a/components/rating/index.css
+++ b/components/rating/index.css
@@ -11,12 +11,16 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Rating {
/* Icon */
--spectrum-rating-icon-height: var(--spectrum-workflow-icon-size-100);
--spectrum-rating-icon-width: var(--spectrum-workflow-icon-size-100);
+ --spectrum-rating-icon-color-default: var(--spectrum-neutral-subdued-content-color-default);
+ --spectrum-rating-icon-color-hover: var(--spectrum-neutral-subdued-content-color-hover);
+ --spectrum-rating-icon-color-down: var(--spectrum-neutral-subdued-content-color-down);
+ --spectrum-rating-icon-color-key-focus: var(--spectrum-neutral-subdued-content-color-key-focus);
+
+
/* Focus ring */
--spectrum-rating-border-radius: var(--spectrum-corner-radius-100);
@@ -26,10 +30,10 @@
/* Spacing (top/bottom edge to icon) */
--spectrum-rating-icon-spacing-vertical-top: var(--spectrum-component-top-to-workflow-icon-100);
- --spectrum-rating-indicator-border-radius: var(--spectrum-corner-radius-75);
- /* Indicator height */
+ /* Indicator */
--spectrum-rating-indicator-height: var(--spectrum-border-width-200);
+ --spectrum-rating-indicator-border-radius: 2px;
/* Colors */
/* selected + emphasized */
@@ -41,11 +45,22 @@
/* Disabled */
--spectrum-rating-icon-color-disabled: var(--spectrum-disabled-content-color);
--spectrum-rating-icon-count: var(--spectrum-rating-icon-count);
-}
-.spectrum-Rating {
+ position: relative;
+ display: inline-flex;
+ flex: 0 0 auto;
+
+ gap: var(--mod-rating-icon-spacing, var(--spectrum-rating-icon-spacing));
+
+ inline-size: calc((var(--mod-rating-icon-width, var(--spectrum-rating-icon-width)) + var(--mod-rating-icon-spacing, var(--spectrum-rating-icon-spacing))) * var(--mod-rating-icon-count, var(--spectrum-rating-icon-count)));
+ border-radius: var(--mod-rating-border-radius, var(--spectrum-rating-border-radius));
+
+ padding-inline: calc((var(--mod-rating-icon-spacing, var(--spectrum-rating-icon-spacing)) + var(--mod-rating-focus-indicator-gap, var(--spectrum-rating-focus-indicator-gap))) - 1.5px);
+
+ cursor: pointer;
+
&.is-focused {
- box-shadow: 0 0 0 var(--mod-rating-focus-indicator-thickness, var(--spectrum-rating-focus-indicator-thickness)) var(--highcontrast-rating-focus-indicator-color, var(--mod-rating-focus-indicator-color, var(--spectrum-rating-focus-indicator-color)));
+ box-shadow: 0 0 0 var(--mod-rating-focus-indicator-thickness, var(--spectrum-rating-focus-indicator-thickness)) var(--mod-rating-focus-indicator-color, var(--spectrum-rating-focus-indicator-color));
.spectrum-Rating-icon {
color: var(--highcontrast-rating-icon-color-key-focus, var(--mod-rating-icon-color-key-focus, var(--spectrum-rating-icon-color-key-focus)));
@@ -59,16 +74,16 @@
&:hover {
.spectrum-Rating-icon {
/* Make all stars colored when the component is hovered */
- color: var(--highcontrast-rating-icon-color-default, var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default)));
+ color: var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default));
}
/* The icon that's actually hovered is darker */
.spectrum-Rating-icon:hover {
- color: var(--highcontrast-rating-icon-color-hover, var(--mod-rating-icon-color-hover, var(--spectrum-rating-icon-color-hover)));
+ color: var(--mod-rating-icon-color-hover, var(--spectrum-rating-icon-color-hover));
}
.spectrum-Rating-icon:active {
- color: var(--highcontrast-rating-icon-color-down, var(--mod-rating-icon-color-down, var(--spectrum-rating-icon-color-down)));
+ color: var(--mod-rating-icon-color-down, var(--spectrum-rating-icon-color-down));
}
/* Show which star is currently selected */
@@ -76,31 +91,8 @@
/* Match the color of the star */
background: currentColor;
}
- }
-}
-.spectrum-Rating {
- position: relative;
- display: inline-flex;
- flex: 0 0 auto;
-
- gap: var(--mod-rating-icon-spacing, var(--spectrum-rating-icon-spacing));
-
- inline-size: calc((var(--mod-rating-icon-width, var(--spectrum-rating-icon-width)) + var(--mod-rating-icon-spacing, var(--spectrum-rating-icon-spacing))) * var(--mod-rating-icon-count, var(--spectrum-rating-icon-count)));
- border-radius: var(--mod-rating-border-radius, var(--spectrum-rating-border-radius));
-
- padding-inline: calc((var(--mod-rating-icon-spacing, var(--spectrum-rating-icon-spacing)) + var(--mod-rating-focus-indicator-gap, var(--spectrum-rating-focus-indicator-gap))) - 1.5px);
-
- cursor: pointer;
-
- &.is-disabled,
- &.is-readOnly {
- cursor: default;
- pointer-events: none;
- }
-
- /* When the entire component is hovered, show all solid icons */
- &:hover {
+ /* When the entire component is hovered, show all solid icons */
.spectrum-Rating-starActive {
display: block;
}
@@ -109,6 +101,12 @@
display: none;
}
}
+
+ &.is-disabled,
+ &.is-readOnly {
+ cursor: default;
+ pointer-events: none;
+ }
}
.spectrum-Rating-input {
@@ -176,16 +174,16 @@
}
.spectrum-Rating-icon {
- color: var(--highcontrast-rating-icon-color-default, var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default)));
+ color: var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default));
&.is-selected {
- color: var(--highcontrast-rating-icon-color-default, var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default)));
+ color: var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default));
}
&:hover {
/* All stars following the hovered star */
& ~ .spectrum-Rating-icon {
- color: var(--highcontrast-rating-icon-color-default, var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default)));
+ color: var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default));
}
}
}
@@ -193,12 +191,12 @@
.spectrum-Rating--emphasized {
&.is-focused {
.spectrum-Rating-icon.is-selected {
- color: var(--highcontrast-rating-emphasized-icon-color-key-focus, var(--mod-rating-emphasized-icon-color-key-focus, var(--spectrum-rating-emphasized-icon-color-key-focus)));
+ color: var(--mod-rating-emphasized-icon-color-key-focus, var(--spectrum-rating-emphasized-icon-color-key-focus));
}
}
.spectrum-Rating-icon {
- color: var(--highcontrast-rating-icon-color-default, var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default)));
+ color: var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default));
&.is-selected {
color: var(--highcontrast-rating-emphasized-icon-color-default, var(--mod-rating-emphasized-icon-color-default, var(--spectrum-rating-emphasized-icon-color-default)));
@@ -206,7 +204,7 @@
/* All stars following the hovered star */
&:hover ~ .spectrum-Rating-icon {
- color: var(--highcontrast-rating-icon-color-default, var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default)));
+ color: var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default));
}
}
@@ -220,7 +218,7 @@
}
&:hover ~ .spectrum-Rating-icon {
- color: var(--highcontrast-rating-icon-color-default, var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default)));
+ color: var(--mod-rating-icon-color-default, var(--spectrum-rating-icon-color-default));
}
&:active {
diff --git a/components/rating/metadata/metadata.json b/components/rating/metadata/metadata.json
index 7902bda44e7..f0ab77b22a9 100644
--- a/components/rating/metadata/metadata.json
+++ b/components/rating/metadata/metadata.json
@@ -91,39 +91,23 @@
"--spectrum-border-width-200",
"--spectrum-component-top-to-workflow-icon-100",
"--spectrum-corner-radius-100",
- "--spectrum-corner-radius-75",
"--spectrum-disabled-content-color",
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
- "--spectrum-neutral-content-color-default",
- "--spectrum-neutral-content-color-down",
- "--spectrum-neutral-content-color-hover",
- "--spectrum-neutral-content-color-key-focus",
"--spectrum-neutral-subdued-content-color-default",
"--spectrum-neutral-subdued-content-color-down",
"--spectrum-neutral-subdued-content-color-hover",
"--spectrum-neutral-subdued-content-color-key-focus",
"--spectrum-workflow-icon-size-100"
],
- "system-theme": [
- "--system-spectrum-rating-icon-color-default",
- "--system-spectrum-rating-icon-color-down",
- "--system-spectrum-rating-icon-color-hover",
- "--system-spectrum-rating-icon-color-key-focus"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-rating-emphasized-icon-color-default",
"--highcontrast-rating-emphasized-icon-color-down",
"--highcontrast-rating-emphasized-icon-color-hover",
- "--highcontrast-rating-emphasized-icon-color-key-focus",
"--highcontrast-rating-focus-color-outline",
- "--highcontrast-rating-focus-indicator-color",
- "--highcontrast-rating-icon-color-default",
"--highcontrast-rating-icon-color-disabled",
- "--highcontrast-rating-icon-color-down",
- "--highcontrast-rating-icon-color-hover",
"--highcontrast-rating-icon-color-key-focus"
]
}
diff --git a/components/rating/metadata/mods.md b/components/rating/metadata/mods.md
deleted file mode 100644
index 5a516faf685..00000000000
--- a/components/rating/metadata/mods.md
+++ /dev/null
@@ -1,22 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------------- |
-| `--mod-rating-border-radius` |
-| `--mod-rating-emphasized-icon-color-default` |
-| `--mod-rating-emphasized-icon-color-down` |
-| `--mod-rating-emphasized-icon-color-hover` |
-| `--mod-rating-emphasized-icon-color-key-focus` |
-| `--mod-rating-focus-indicator-color` |
-| `--mod-rating-focus-indicator-gap` |
-| `--mod-rating-focus-indicator-thickness` |
-| `--mod-rating-icon-color-default` |
-| `--mod-rating-icon-color-disabled` |
-| `--mod-rating-icon-color-down` |
-| `--mod-rating-icon-color-hover` |
-| `--mod-rating-icon-color-key-focus` |
-| `--mod-rating-icon-count` |
-| `--mod-rating-icon-height` |
-| `--mod-rating-icon-spacing` |
-| `--mod-rating-icon-spacing-vertical-top` |
-| `--mod-rating-icon-width` |
-| `--mod-rating-indicator-border-radius` |
-| `--mod-rating-indicator-height` |
diff --git a/components/rating/package.json b/components/rating/package.json
index 2413dd9f806..e2fc4d94e2e 100644
--- a/components/rating/package.json
+++ b/components/rating/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/rating",
- "version": "5.2.0",
+ "version": "6.0.0-s2-foundations.17",
"description": "The Spectrum CSS rating component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/icon": "workspace:^",
diff --git a/components/rating/stories/rating.stories.js b/components/rating/stories/rating.stories.js
index 79efe8c3b83..eb9e4d83f52 100644
--- a/components/rating/stories/rating.stories.js
+++ b/components/rating/stories/rating.stories.js
@@ -53,6 +53,10 @@ export default {
value: 3,
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=59953-195",
+ },
packageJson,
metadata,
},
diff --git a/components/rating/themes/express.css b/components/rating/themes/express.css
deleted file mode 100644
index 20e16cab063..00000000000
--- a/components/rating/themes/express.css
+++ /dev/null
@@ -1,23 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Rating {
- --spectrum-rating-icon-color-default: var(--spectrum-neutral-content-color-default);
- --spectrum-rating-icon-color-hover: var(--spectrum-neutral-content-color-hover);
- --spectrum-rating-icon-color-down: var(--spectrum-neutral-content-color-down);
- --spectrum-rating-icon-color-key-focus: var(--spectrum-neutral-content-color-key-focus);
- }
-}
diff --git a/components/rating/themes/spectrum.css b/components/rating/themes/spectrum.css
deleted file mode 100644
index 87a6e2ee611..00000000000
--- a/components/rating/themes/spectrum.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Rating {
- --spectrum-rating-icon-color-default: var(--spectrum-neutral-subdued-content-color-default);
- --spectrum-rating-icon-color-hover: var(--spectrum-neutral-subdued-content-color-hover);
- --spectrum-rating-icon-color-down: var(--spectrum-neutral-subdued-content-color-down);
- --spectrum-rating-icon-color-key-focus: var(--spectrum-neutral-subdued-content-color-key-focus);
- }
-}
diff --git a/components/search/CHANGELOG.md b/components/search/CHANGELOG.md
index 510e9d54346..3cf1770e00b 100644
--- a/components/search/CHANGELOG.md
+++ b/components/search/CHANGELOG.md
@@ -1,5 +1,288 @@
# Change Log
+## 8.0.0-s2-foundations.19
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.17
+ - @spectrum-css/textfield@8.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 8.0.0-s2-foundations.18
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`22fbd89`](https://github.com/adobe/spectrum-css/commit/22fbd895f90470d6a0211c50360d774c6a54ff57) Thanks [@pfulton](https://github.com/pfulton)! - Update offset mod placement for quiet button offsets
+
+## 8.0.0-s2-foundations.17
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.16
+ - @spectrum-css/textfield@8.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 8.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.15
+ - @spectrum-css/textfield@8.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 8.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.14
+ - @spectrum-css/textfield@8.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 8.0.0-s2-foundations.14
+
+### Patch Changes
+
+- [#3023](https://github.com/adobe/spectrum-css/pull/3023) [`213efa8`](https://github.com/adobe/spectrum-css/commit/213efa8618cdccf75a274ee9c2dd0404864c1779) Thanks [@jawinn](https://github.com/jawinn)! - Relocates --mod custom properties from the themes CSS to the index.css.
+
+## 8.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`d06b762`](https://github.com/adobe/spectrum-css/commit/d06b762232592342dcea35c8ff4d309edb00d588) Thanks [@pfulton](https://github.com/pfulton)! - [SWC-236] Search: internal property references including calc moved out of theme files; express theme updated to match format of spectrum-two theme selectors; spectrum-two theme adds new --spectrum-search-min-inline-multiplier abstraction for internal calc, removes passthroughs, adds in a sizeM theme instead of relying on defaults
+
+### Patch Changes
+
+- Updated dependencies [[`58a89ea`](https://github.com/adobe/spectrum-css/commit/58a89ea464c387111511271a5f5afce044f11042)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.15
+
+## 8.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.12
+ - @spectrum-css/textfield@8.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 8.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.11
+ - @spectrum-css/textfield@8.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 8.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.10
+ - @spectrum-css/textfield@8.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 8.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`da47fa2`](https://github.com/adobe/spectrum-css/commit/da47fa2cb18373e74a6718775f2db90bb25868d4), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.9
+ - @spectrum-css/textfield@8.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 8.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.8
+ - @spectrum-css/textfield@8.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 8.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.7
+ - @spectrum-css/textfield@8.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 8.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.6
+ - @spectrum-css/textfield@8.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 8.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.5
+ - @spectrum-css/textfield@8.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 8.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.4
+ - @spectrum-css/textfield@8.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 8.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.3
+ - @spectrum-css/textfield@8.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 8.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.2
+ - @spectrum-css/textfield@8.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 8.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.1
+ - @spectrum-css/textfield@8.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 8.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.0
+ - @spectrum-css/textfield@8.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 7.4.0
### Minor Changes
@@ -45,6 +328,24 @@
- [#3270](https://github.com/adobe/spectrum-css/pull/3270) [`008bb34`](https://github.com/adobe/spectrum-css/commit/008bb34a0bbefd1abeb0d37bcdb179811dd9df3c) Thanks [@cdransf](https://github.com/cdransf)! - Removes unnecessary stylelint-disable comments now that rule is disabled in config.
+## 7.2.3
+
+### Patch Changes
+
+- [#3300](https://github.com/adobe/spectrum-css/pull/3300) [`89797d0`](https://github.com/adobe/spectrum-css/commit/89797d0324bcbf2195a28840ce87ed6959da24a5) Thanks [@castastrophe](https://github.com/castastrophe)! - Add passthrough markers to prevent unnecessary warnings about unused custom properties
+
+## 7.2.2
+
+### Patch Changes
+
+- [#3295](https://github.com/adobe/spectrum-css/pull/3295) [`62e2b76`](https://github.com/adobe/spectrum-css/commit/62e2b76f1fed5c0fb60049826b05eaa9162f21e2) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violation in search by moving spectrum-search-color custom property above style declarations.
+
+## 7.2.1
+
+### Patch Changes
+
+- [#3270](https://github.com/adobe/spectrum-css/pull/3270) [`008bb34`](https://github.com/adobe/spectrum-css/commit/008bb34a0bbefd1abeb0d37bcdb179811dd9df3c) Thanks [@cdransf](https://github.com/cdransf)! - Removes unnecessary stylelint-disable comments now that rule is disabled in config.
+
## 7.2.0
### Minor Changes
@@ -117,16 +418,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.2.4...@spectrum-css/search@7.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.2.4...@spectrum-css/search@7.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -134,8 +431,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.2.3...@spectrum-css/search@6.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.2.3...@spectrum-css/search@6.2.4)
**Note:** Version bump only for package @spectrum-css/search
@@ -143,8 +439,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.2.2...@spectrum-css/search@6.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.2.2...@spectrum-css/search@6.2.3)
**Note:** Version bump only for package @spectrum-css/search
@@ -152,8 +447,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.2.1...@spectrum-css/search@6.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.2.1...@spectrum-css/search@6.2.2)
**Note:** Version bump only for package @spectrum-css/search
@@ -161,8 +455,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/search
@@ -170,8 +463,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.1.0...@spectrum-css/search@6.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.1.0...@spectrum-css/search@6.2.0)
**Note:** Version bump only for package @spectrum-css/search
@@ -179,8 +471,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.30...@spectrum-css/search@6.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.30...@spectrum-css/search@6.1.0)
### ✨ Features
@@ -190,8 +481,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.30
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.29...@spectrum-css/search@6.0.30)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.29...@spectrum-css/search@6.0.30)
**Note:** Version bump only for package @spectrum-css/search
@@ -199,8 +489,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.29
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.28...@spectrum-css/search@6.0.29)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.28...@spectrum-css/search@6.0.29)
**Note:** Version bump only for package @spectrum-css/search
@@ -208,8 +497,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.28
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.26...@spectrum-css/search@6.0.28)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.26...@spectrum-css/search@6.0.28)
**Note:** Version bump only for package @spectrum-css/search
@@ -217,8 +505,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.27
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.26...@spectrum-css/search@6.0.27)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.26...@spectrum-css/search@6.0.27)
**Note:** Version bump only for package @spectrum-css/search
@@ -226,8 +513,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.26
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.25...@spectrum-css/search@6.0.26)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.25...@spectrum-css/search@6.0.26)
**Note:** Version bump only for package @spectrum-css/search
@@ -235,8 +521,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.25
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.24...@spectrum-css/search@6.0.25)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.24...@spectrum-css/search@6.0.25)
**Note:** Version bump only for package @spectrum-css/search
@@ -244,8 +529,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.24
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.23...@spectrum-css/search@6.0.24)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.23...@spectrum-css/search@6.0.24)
**Note:** Version bump only for package @spectrum-css/search
@@ -253,8 +537,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.23
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.22...@spectrum-css/search@6.0.23)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.22...@spectrum-css/search@6.0.23)
**Note:** Version bump only for package @spectrum-css/search
@@ -262,8 +545,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.22
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.21...@spectrum-css/search@6.0.22)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.21...@spectrum-css/search@6.0.22)
**Note:** Version bump only for package @spectrum-css/search
@@ -271,8 +553,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.21
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.20...@spectrum-css/search@6.0.21)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.20...@spectrum-css/search@6.0.21)
**Note:** Version bump only for package @spectrum-css/search
@@ -280,8 +561,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.20
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.19...@spectrum-css/search@6.0.20)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.19...@spectrum-css/search@6.0.20)
**Note:** Version bump only for package @spectrum-css/search
@@ -289,8 +569,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.19
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.18...@spectrum-css/search@6.0.19)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.18...@spectrum-css/search@6.0.19)
**Note:** Version bump only for package @spectrum-css/search
@@ -298,8 +577,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.18
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.17...@spectrum-css/search@6.0.18)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.17...@spectrum-css/search@6.0.18)
**Note:** Version bump only for package @spectrum-css/search
@@ -307,8 +585,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.17
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.16...@spectrum-css/search@6.0.17)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.16...@spectrum-css/search@6.0.17)
**Note:** Version bump only for package @spectrum-css/search
@@ -316,8 +593,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.16
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.15...@spectrum-css/search@6.0.16)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.15...@spectrum-css/search@6.0.16)
### 🔙 Reverts
@@ -327,8 +603,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.15
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.14...@spectrum-css/search@6.0.15)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.14...@spectrum-css/search@6.0.15)
**Note:** Version bump only for package @spectrum-css/search
@@ -336,8 +611,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.14
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.12...@spectrum-css/search@6.0.14)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.12...@spectrum-css/search@6.0.14)
**Note:** Version bump only for package @spectrum-css/search
@@ -345,8 +619,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.13
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.12...@spectrum-css/search@6.0.13)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.12...@spectrum-css/search@6.0.13)
**Note:** Version bump only for package @spectrum-css/search
@@ -354,8 +627,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.12
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.11...@spectrum-css/search@6.0.12)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.11...@spectrum-css/search@6.0.12)
**Note:** Version bump only for package @spectrum-css/search
@@ -363,8 +635,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.11
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.10...@spectrum-css/search@6.0.11)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.10...@spectrum-css/search@6.0.11)
**Note:** Version bump only for package @spectrum-css/search
@@ -372,8 +643,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.10
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.9...@spectrum-css/search@6.0.10)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.9...@spectrum-css/search@6.0.10)
**Note:** Version bump only for package @spectrum-css/search
@@ -381,8 +651,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.9
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.8...@spectrum-css/search@6.0.9)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.8...@spectrum-css/search@6.0.9)
**Note:** Version bump only for package @spectrum-css/search
@@ -390,8 +659,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.8
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.7...@spectrum-css/search@6.0.8)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.7...@spectrum-css/search@6.0.8)
**Note:** Version bump only for package @spectrum-css/search
@@ -399,8 +667,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.7
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.6...@spectrum-css/search@6.0.7)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.6...@spectrum-css/search@6.0.7)
**Note:** Version bump only for package @spectrum-css/search
@@ -408,8 +675,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.6
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.5...@spectrum-css/search@6.0.6)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.5...@spectrum-css/search@6.0.6)
**Note:** Version bump only for package @spectrum-css/search
@@ -417,8 +683,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.5
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.4...@spectrum-css/search@6.0.5)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.4...@spectrum-css/search@6.0.5)
**Note:** Version bump only for package @spectrum-css/search
@@ -426,8 +691,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.4
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.3...@spectrum-css/search@6.0.4)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.3...@spectrum-css/search@6.0.4)
**Note:** Version bump only for package @spectrum-css/search
@@ -435,8 +699,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.3
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.2...@spectrum-css/search@6.0.3)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.2...@spectrum-css/search@6.0.3)
**Note:** Version bump only for package @spectrum-css/search
@@ -444,8 +707,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.2
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.1...@spectrum-css/search@6.0.2)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.1...@spectrum-css/search@6.0.2)
**Note:** Version bump only for package @spectrum-css/search
@@ -453,8 +715,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.1
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.0...@spectrum-css/search@6.0.1)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@6.0.0...@spectrum-css/search@6.0.1)
**Note:** Version bump only for package @spectrum-css/search
@@ -462,13 +723,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@5.0.23...@spectrum-css/search@6.0.0)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@5.0.23...@spectrum-css/search@6.0.0)
\*chore(search)!: core tokens migration (#1761)([b54d8ef](https://github.com/adobe/spectrum-css/commit/b54d8ef)), closes[#1761](https://github.com/adobe/spectrum-css/issues/1761)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates Search to use `@adobe/spectrum-tokens`
@@ -477,8 +736,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.23
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@5.0.22...@spectrum-css/search@5.0.23)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/search@5.0.22...@spectrum-css/search@5.0.23)
**Note:** Version bump only for package @spectrum-css/search
diff --git a/components/search/index.css b/components/search/index.css
index e33392c5503..9550e136cc5 100644
--- a/components/search/index.css
+++ b/components/search/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Search {
/* Size / Spacing */
--spectrum-search-inline-size: var(--spectrum-field-width);
@@ -25,6 +23,8 @@
--spectrum-search-to-help-text: var(--spectrum-help-text-to-component);
--spectrum-search-top-to-text: var(--spectrum-component-top-to-text-100);
--spectrum-search-bottom-to-text: var(--spectrum-component-bottom-to-text-100);
+ --spectrum-search-border-radius: var(--spectrum-corner-radius-100);
+ --spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-100);
/* Focus Indicator */
--spectrum-search-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
@@ -43,9 +43,15 @@
--spectrum-search-color-focus-hover: var(--spectrum-neutral-content-color-focus-hover);
--spectrum-search-color-key-focus: var(--spectrum-neutral-content-color-key-focus);
+ --spectrum-search-border-color-default: var(--spectrum-gray-500);
+ --spectrum-search-border-color-hover: var(--spectrum-gray-600);
+ --spectrum-search-border-color-focus: var(--spectrum-gray-800);
+ --spectrum-search-border-color-focus-hover: var(--spectrum-gray-900);
+ --spectrum-search-border-color-key-focus: var(--spectrum-gray-900);
+
/* Background and Border */
--spectrum-search-border-width: var(--spectrum-border-width-100);
- --spectrum-search-background-color: var(--spectrum-gray-50);
+ --spectrum-search-background-color: var(--spectrum-gray-25);
/* Disabled */
--spectrum-search-color-disabled: var(--spectrum-disabled-content-color);
@@ -95,18 +101,21 @@
--spectrum-search-block-size: var(--spectrum-component-height-75);
--spectrum-search-icon-size: var(--spectrum-workflow-icon-size-75);
--spectrum-search-text-to-icon: var(--spectrum-text-to-visual-75);
+ --spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-75);
}
.spectrum-Search--sizeL {
--spectrum-search-block-size: var(--spectrum-component-height-200);
--spectrum-search-icon-size: var(--spectrum-workflow-icon-size-200);
--spectrum-search-text-to-icon: var(--spectrum-text-to-visual-200);
+ --spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-200);
}
.spectrum-Search--sizeXL {
--spectrum-search-block-size: var(--spectrum-component-height-300);
--spectrum-search-icon-size: var(--spectrum-workflow-icon-size-300);
--spectrum-search-text-to-icon: var(--spectrum-text-to-visual-300);
+ --spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-300);
}
@media (forced-colors: active) {
@@ -215,12 +224,10 @@
--spectrum-search-border-color-disabled: var(--spectrum-disabled-border-color);
/* Added specificity, otherwise they are overridden by system specific themes. */
- &.spectrum-Search {
- --spectrum-search-border-radius: 0;
- --spectrum-search-edge-to-visual: var(--spectrum-field-edge-to-visual-quiet);
- }
+ --mod-search-border-radius: 0;
+ --mod-search-edge-to-visual: var(--spectrum-field-edge-to-visual-quiet);
- &.spectrum-Search .spectrum-Search-input {
+ .spectrum-Search-input {
border-radius: var(--mod-search-border-radius, var(--spectrum-search-border-radius));
padding-inline-start: calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)));
padding-inline-end: var(--mod-search-button-inline-size, var(--spectrum-search-button-inline-size));
diff --git a/components/search/metadata/metadata.json b/components/search/metadata/metadata.json
index 76433d8544c..b8215b90a5b 100644
--- a/components/search/metadata/metadata.json
+++ b/components/search/metadata/metadata.json
@@ -7,10 +7,8 @@
".spectrum-Search .spectrum-Search-textfield",
".spectrum-Search .spectrum-Search-textfield .spectrum-Search-input",
".spectrum-Search--quiet",
- ".spectrum-Search--quiet.spectrum-Search",
- ".spectrum-Search--quiet.spectrum-Search .spectrum-Search-input",
+ ".spectrum-Search--quiet .spectrum-Search-input",
".spectrum-Search--sizeL",
- ".spectrum-Search--sizeM",
".spectrum-Search--sizeS",
".spectrum-Search--sizeXL",
".spectrum-Search-clearButton",
@@ -113,10 +111,6 @@
"--spectrum-component-height-200",
"--spectrum-component-height-300",
"--spectrum-component-height-75",
- "--spectrum-component-pill-edge-to-visual-100",
- "--spectrum-component-pill-edge-to-visual-200",
- "--spectrum-component-pill-edge-to-visual-300",
- "--spectrum-component-pill-edge-to-visual-75",
"--spectrum-component-top-to-text-100",
"--spectrum-corner-radius-100",
"--spectrum-default-font-style",
@@ -128,8 +122,7 @@
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
- "--spectrum-gray-400",
- "--spectrum-gray-50",
+ "--spectrum-gray-25",
"--spectrum-gray-500",
"--spectrum-gray-600",
"--spectrum-gray-800",
@@ -152,23 +145,6 @@
"--spectrum-workflow-icon-size-300",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [
- "--system-spectrum-search-border-color-default",
- "--system-spectrum-search-border-color-focus",
- "--system-spectrum-search-border-color-focus-hover",
- "--system-spectrum-search-border-color-hover",
- "--system-spectrum-search-border-color-key-focus",
- "--system-spectrum-search-border-radius",
- "--system-spectrum-search-edge-to-visual",
- "--system-spectrum-search-sizel-border-radius",
- "--system-spectrum-search-sizel-edge-to-visual",
- "--system-spectrum-search-sizem-border-radius",
- "--system-spectrum-search-sizem-edge-to-visual",
- "--system-spectrum-search-sizes-border-radius",
- "--system-spectrum-search-sizes-edge-to-visual",
- "--system-spectrum-search-sizexl-border-radius",
- "--system-spectrum-search-sizexl-edge-to-visual"
- ],
"passthroughs": [
"--mod-textfield-background-color",
"--mod-textfield-background-color-disabled",
diff --git a/components/search/metadata/mods.md b/components/search/metadata/mods.md
deleted file mode 100644
index adf3394e21f..00000000000
--- a/components/search/metadata/mods.md
+++ /dev/null
@@ -1,35 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------- |
-| `--mod-search-background-color` |
-| `--mod-search-background-color-disabled` |
-| `--mod-search-block-size` |
-| `--mod-search-border-color-default` |
-| `--mod-search-border-color-disabled` |
-| `--mod-search-border-color-focus` |
-| `--mod-search-border-color-focus-hover` |
-| `--mod-search-border-color-hover` |
-| `--mod-search-border-color-key-focus` |
-| `--mod-search-border-radius` |
-| `--mod-search-border-width` |
-| `--mod-search-bottom-to-text` |
-| `--mod-search-button-inline-size` |
-| `--mod-search-color-default` |
-| `--mod-search-color-disabled` |
-| `--mod-search-color-focus` |
-| `--mod-search-color-focus-hover` |
-| `--mod-search-color-hover` |
-| `--mod-search-color-key-focus` |
-| `--mod-search-edge-to-visual` |
-| `--mod-search-focus-indicator-color` |
-| `--mod-search-focus-indicator-gap` |
-| `--mod-search-focus-indicator-thickness` |
-| `--mod-search-font-family` |
-| `--mod-search-font-style` |
-| `--mod-search-font-weight` |
-| `--mod-search-icon-size` |
-| `--mod-search-inline-size` |
-| `--mod-search-line-height` |
-| `--mod-search-min-inline-size` |
-| `--mod-search-text-to-icon` |
-| `--mod-search-to-help-text` |
-| `--mod-search-top-to-text` |
diff --git a/components/search/package.json b/components/search/package.json
index ef798f7c4d2..4683f9bb22a 100644
--- a/components/search/package.json
+++ b/components/search/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/search",
- "version": "7.4.0",
+ "version": "8.0.0-s2-foundations.19",
"description": "The Spectrum CSS search component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,24 +17,25 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/clearbutton": ">=6",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/textfield": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/clearbutton": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/textfield": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/clearbutton": "workspace:^",
diff --git a/components/search/stories/search.stories.js b/components/search/stories/search.stories.js
index 6283aae9762..ad061edfd79 100644
--- a/components/search/stories/search.stories.js
+++ b/components/search/stories/search.stories.js
@@ -56,6 +56,10 @@ export default {
"click .spectrum-Search-icon",
],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=13670-229",
+ },
packageJson,
metadata,
},
@@ -70,8 +74,10 @@ export const Disabled = SearchOptions.bind({});
Disabled.args = {
isDisabled: true,
};
-
Disabled.tags = ["!dev"];
+Disabled.parameters = {
+ chromatic: { disableSnapshot: true },
+};
/**
* A search field can have [help text](?path=/docs/components-help-text--docs) below the field to give extra context or instruction about what a user should input. The description communicates a hint or helpful information, such as a search’s scope.
diff --git a/components/search/themes/express.css b/components/search/themes/express.css
deleted file mode 100644
index 7dfe45ef663..00000000000
--- a/components/search/themes/express.css
+++ /dev/null
@@ -1,47 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Search {
- --spectrum-search-border-radius: calc(var(--spectrum-component-height-100) / 2);
- --spectrum-search-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-100);
-
- --spectrum-search-border-color-default: var(--spectrum-gray-400);
- --spectrum-search-border-color-hover: var(--spectrum-gray-500);
- --spectrum-search-border-color-focus: var(--spectrum-gray-800);
- --spectrum-search-border-color-focus-hover: var(--spectrum-gray-900);
- --spectrum-search-border-color-key-focus: var(--spectrum-gray-900);
- }
-
- .spectrum-Search--sizeS {
- --spectrum-search-border-radius: calc(var(--spectrum-component-height-75) / 2);
- --spectrum-search-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-75);
- }
-
- .spectrum-Search--sizeM {
- --spectrum-search-border-radius: calc(var(--spectrum-component-height-100) / 2);
- --spectrum-search-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-100);
- }
-
- .spectrum-Search--sizeL {
- --spectrum-search-border-radius: calc(var(--spectrum-component-height-200) / 2);
- --spectrum-search-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-200);
- }
-
- .spectrum-Search--sizeXL {
- --spectrum-search-border-radius: calc(var(--spectrum-component-height-300) / 2);
- --spectrum-search-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-300);
- }
-}
diff --git a/components/search/themes/spectrum.css b/components/search/themes/spectrum.css
deleted file mode 100644
index e4246f817a2..00000000000
--- a/components/search/themes/spectrum.css
+++ /dev/null
@@ -1,45 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Search {
- --spectrum-search-border-radius: var(--spectrum-corner-radius-100);
- --spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-100);
-
- --spectrum-search-border-color-default: var(--spectrum-gray-500);
- --spectrum-search-border-color-hover: var(--spectrum-gray-600);
- --spectrum-search-border-color-focus: var(--spectrum-gray-800);
- --spectrum-search-border-color-focus-hover: var(--spectrum-gray-900);
- --spectrum-search-border-color-key-focus: var(--spectrum-gray-900);
- }
-
- .spectrum-Search--sizeS {
- --spectrum-search-border-radius: var(--spectrum-corner-radius-100);
- --spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-75);
- }
-
- .spectrum-Search--sizeM {
- --spectrum-search-border-radius: var(--spectrum-corner-radius-100);
- --spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-100);
- }
-
- .spectrum-Search--sizeL {
- --spectrum-search-border-radius: var(--spectrum-corner-radius-100);
- --spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-200);
- }
-
- .spectrum-Search--sizeXL {
- --spectrum-search-border-radius: var(--spectrum-corner-radius-100);
- --spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-300);
- }
-}
diff --git a/components/sidenav/CHANGELOG.md b/components/sidenav/CHANGELOG.md
index 1761f420150..67f3c61b5c2 100644
--- a/components/sidenav/CHANGELOG.md
+++ b/components/sidenav/CHANGELOG.md
@@ -1,5 +1,231 @@
# Change Log
+## 6.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -69,16 +295,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.2.4...@spectrum-css/sidenav@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.2.4...@spectrum-css/sidenav@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -86,8 +308,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.2.3...@spectrum-css/sidenav@4.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.2.3...@spectrum-css/sidenav@4.2.4)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -95,8 +316,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.2.2...@spectrum-css/sidenav@4.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.2.2...@spectrum-css/sidenav@4.2.3)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -104,8 +324,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.2.1...@spectrum-css/sidenav@4.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.2.1...@spectrum-css/sidenav@4.2.2)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -113,8 +332,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -122,8 +340,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.1.0...@spectrum-css/sidenav@4.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.1.0...@spectrum-css/sidenav@4.2.0)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -131,8 +348,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.19...@spectrum-css/sidenav@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.19...@spectrum-css/sidenav@4.1.0)
### ✨ Features
@@ -142,8 +358,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.19
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.18...@spectrum-css/sidenav@4.0.19)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.18...@spectrum-css/sidenav@4.0.19)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -151,8 +366,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.18
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.17...@spectrum-css/sidenav@4.0.18)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.17...@spectrum-css/sidenav@4.0.18)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -160,8 +374,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.17
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.15...@spectrum-css/sidenav@4.0.17)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.15...@spectrum-css/sidenav@4.0.17)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -169,8 +382,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.16
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.15...@spectrum-css/sidenav@4.0.16)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.15...@spectrum-css/sidenav@4.0.16)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -178,8 +390,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.15
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.14...@spectrum-css/sidenav@4.0.15)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.14...@spectrum-css/sidenav@4.0.15)
### 🐛 Bug fixes
@@ -189,8 +400,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.14
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.13...@spectrum-css/sidenav@4.0.14)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.13...@spectrum-css/sidenav@4.0.14)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -198,8 +408,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.13
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.12...@spectrum-css/sidenav@4.0.13)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.12...@spectrum-css/sidenav@4.0.13)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -207,8 +416,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.12
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.11...@spectrum-css/sidenav@4.0.12)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.11...@spectrum-css/sidenav@4.0.12)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -216,8 +424,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.11
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.10...@spectrum-css/sidenav@4.0.11)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.10...@spectrum-css/sidenav@4.0.11)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -225,8 +432,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.10
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.9...@spectrum-css/sidenav@4.0.10)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.9...@spectrum-css/sidenav@4.0.10)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -234,8 +440,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.9
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.8...@spectrum-css/sidenav@4.0.9)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.8...@spectrum-css/sidenav@4.0.9)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -243,8 +448,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.7...@spectrum-css/sidenav@4.0.8)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.7...@spectrum-css/sidenav@4.0.8)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -252,8 +456,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.6...@spectrum-css/sidenav@4.0.7)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.6...@spectrum-css/sidenav@4.0.7)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -261,8 +464,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.5...@spectrum-css/sidenav@4.0.6)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.5...@spectrum-css/sidenav@4.0.6)
### 🔙 Reverts
@@ -272,8 +474,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.4...@spectrum-css/sidenav@4.0.5)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.4...@spectrum-css/sidenav@4.0.5)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -281,8 +482,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.2...@spectrum-css/sidenav@4.0.4)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.2...@spectrum-css/sidenav@4.0.4)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -290,8 +490,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.2...@spectrum-css/sidenav@4.0.3)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.2...@spectrum-css/sidenav@4.0.3)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -299,8 +498,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.1...@spectrum-css/sidenav@4.0.2)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.1...@spectrum-css/sidenav@4.0.2)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -308,8 +506,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.0...@spectrum-css/sidenav@4.0.1)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@4.0.0...@spectrum-css/sidenav@4.0.1)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -317,13 +514,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.51...@spectrum-css/sidenav@4.0.0)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.51...@spectrum-css/sidenav@4.0.0)
\*feat(sidenav)!: use spectrum-tokens (#1901)([8851dd9](https://github.com/adobe/spectrum-css/commit/8851dd9)), closes[#1901](https://github.com/adobe/spectrum-css/issues/1901)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
Migrates Side Nav to use `@adobe/spectrum-tokens`
@@ -430,8 +625,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.51
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.50...@spectrum-css/sidenav@3.0.51)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.50...@spectrum-css/sidenav@3.0.51)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -439,8 +633,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.50
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.49...@spectrum-css/sidenav@3.0.50)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.49...@spectrum-css/sidenav@3.0.50)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -448,8 +641,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.49
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.48...@spectrum-css/sidenav@3.0.49)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.48...@spectrum-css/sidenav@3.0.49)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -457,8 +649,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.48
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.47...@spectrum-css/sidenav@3.0.48)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.47...@spectrum-css/sidenav@3.0.48)
### 🐛 Bug fixes
@@ -468,8 +659,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.47
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.46...@spectrum-css/sidenav@3.0.47)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.46...@spectrum-css/sidenav@3.0.47)
**Note:** Version bump only for package @spectrum-css/sidenav
@@ -477,8 +667,7 @@ This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
## 3.0.46
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.45...@spectrum-css/sidenav@3.0.46)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/sidenav@3.0.45...@spectrum-css/sidenav@3.0.46)
**Note:** Version bump only for package @spectrum-css/sidenav
diff --git a/components/sidenav/index.css b/components/sidenav/index.css
index d3fd3adf21c..0aa9b6cbfb3 100644
--- a/components/sidenav/index.css
+++ b/components/sidenav/index.css
@@ -11,7 +11,38 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
+ @media (forced-colors: active) {
+ /* forced-color-adjust: preserve-parent-color addresses svg bug on icon hover */
+ .spectrum-SideNav {
+ .spectrum-Icon {
+ forced-color-adjust: preserve-parent-color;
+ }
+ }
+
+ .spectrum-SideNav-item {
+ --highcontrast-sidenav-content-disabled-color: GrayText;
+
+ --highcontrast-sidenav-focus-ring-color: Highlight;
+
+ --highcontrast-sidenav-content-color-default-selected: SelectedItemText;
+ --highcontrast-sidenav-item-background-default-selected: SelectedItem;
+
+ --highcontrast-sidenav-background-key-focus-selected: Highlight;
+ --highcontrast-sidenav-background-hover-selected: Highlight;
+ --highcontrast-sidenav-item-background-down-selected: Highlight;
+
+ --highcontrast-sidenav-item-background-down: Highlight;
+ --highcontrast-sidenav-background-hover: Highlight;
+ --highcontrast-sidenav-content-color-hover: HighlightText;
+ --highcontrast-sidenav-background-key-focus: Highlight;
+
+ --highcontrast-sidenav-top-level-font-color: ButtonText;
+ --highcontrast-sidenav-content-color-default: ButtonText;
+ --highcontrast-sidenav-content-color-down: HighlightText;
+
+ forced-color-adjust: none;
+ }
+}
.spectrum-SideNav {
/* focus indicator */
@@ -45,14 +76,13 @@
/* color - background */
--spectrum-sidenav-background-disabled: transparent;
--spectrum-sidenav-background-default: transparent;
- --spectrum-sidenav-background-hover: var(--spectrum-gray-200);
- --spectrum-sidenav-item-background-down: var(--spectrum-gray-300);
- --spectrum-sidenav-background-key-focus: var(--spectrum-gray-200);
-
- --spectrum-sidenav-item-background-default-selected: var(--spectrum-gray-200);
- --spectrum-sidenav-background-hover-selected: var(--spectrum-gray-300);
- --spectrum-sidenav-item-background-down-selected: var(--spectrum-gray-300);
- --spectrum-sidenav-background-key-focus-selected: var(--spectrum-gray-200);
+ --spectrum-sidenav-background-hover: var(--spectrum-gray-100);
+ --spectrum-sidenav-item-background-down: var(--spectrum-gray-200);
+ --spectrum-sidenav-background-key-focus: var(--spectrum-gray-100);
+ --spectrum-sidenav-item-background-default-selected: var(--spectrum-gray-100);
+ --spectrum-sidenav-background-hover-selected: var(--spectrum-gray-200);
+ --spectrum-sidenav-item-background-down-selected: var(--spectrum-gray-200);
+ --spectrum-sidenav-background-key-focus-selected: var(--spectrum-gray-100);
/* color font */
--spectrum-sidenav-header-color: var(--spectrum-gray-600);
@@ -76,44 +106,32 @@
--spectrum-sidenav-text-font-size: var(--spectrum-font-size-100);
--spectrum-sidenav-text-line-height: var(--spectrum-line-height-100);
- &:lang(ja),
- &:lang(zh),
- &:lang(ko) {
- --spectrum-sidenav-text-line-height: var(--spectrum-cjk-line-height-100);
- }
-
--spectrum-sidenav-top-level-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-sidenav-top-level-font-weight: var(--spectrum-bold-font-weight);
--spectrum-sidenav-top-level-font-style: var(--spectrum-default-font-style);
--spectrum-sidenav-top-level-font-size: var(--spectrum-font-size-100);
--spectrum-sidenav-top-level-line-height: var(--spectrum-line-height-100);
- &:lang(ja),
- &:lang(zh),
- &:lang(ko) {
- --spectrum-sidenav-top-level-line-height: var(--spectrum-cjk-line-height-100);
- }
-
--spectrum-sidenav-header-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-sidenav-header-font-weight: var(--spectrum-medium-font-weight);
--spectrum-sidenav-header-font-style: var(--spectrum-default-font-style);
--spectrum-sidenav-header-font-size: var(--spectrum-font-size-75);
--spectrum-sidenav-header-line-height: var(--spectrum-line-height-100);
- &:lang(ja),
- &:lang(zh),
- &:lang(ko) {
- --spectrum-sidenav-header-line-height: var(--spectrum-cjk-line-height-100);
- }
-}
-
-.spectrum-SideNav {
display: flex;
flex-direction: column;
list-style-type: none;
margin: 0;
padding: 0;
+
+ &:lang(ja),
+ &:lang(zh),
+ &:lang(ko) {
+ --spectrum-sidenav-text-line-height: var(--spectrum-cjk-line-height-100);
+ --spectrum-sidenav-top-level-line-height: var(--spectrum-cjk-line-height-100);
+ --spectrum-sidenav-header-line-height: var(--spectrum-cjk-line-height-100);
+ }
}
.spectrum-SideNav-item {
@@ -123,34 +141,34 @@
&.is-disabled {
/* Disable all children */
.spectrum-SideNav-itemLink {
- background-color: var(--highcontrast-sidenav-background-disabled, var(--mod-sidenav-background-disabled, var(--spectrum-sidenav-background-disabled)));
+ background-color: var(--mod-sidenav-background-disabled, var(--spectrum-sidenav-background-disabled));
color: var(--highcontrast-sidenav-content-disabled-color, var(--mod-sidenav-content-disabled-color, var(--spectrum-sidenav-content-disabled-color)));
cursor: default;
pointer-events: none;
}
}
-}
-
-.spectrum-SideNav-item.is-selected {
- .spectrum-SideNav-itemLink {
- background-color: var(--highcontrast-sidenav-item-background-default-selected, var(--mod-sidenav-item-background-default-selected, var(--spectrum-sidenav-item-background-default-selected)));
- color: var(--highcontrast-sidenav-content-color-default-selected, var(--mod-sidenav-content-color-default-selected, var(--spectrum-sidenav-content-color-default-selected)));
- &:hover {
- background-color: var(--highcontrast-sidenav-background-hover-selected, var(--mod-sidenav-background-hover-selected, var(--spectrum-sidenav-background-hover-selected)));
- color: var(--mod-sidenav-content-color-hover-selected, var(--spectrum-sidenav-content-color-hover-selected));
- }
-
- &:active {
- background-color: var(--highcontrast-sidenav-item-background-down-selected, var(--mod-sidenav-item-background-down-selected, var(--spectrum-sidenav-item-background-down-selected)));
- color: var(--mod-sidenav-content-color-down-selected, var(--spectrum-sidenav-content-color-down-selected));
- }
-
- &.is-keyboardFocused,
- &:focus-visible {
- background-color: var(--highcontrast-sidenav-background-key-focus-selected, var(--mod-sidenav-background-key-focus-selected, var(--spectrum-sidenav-background-key-focus-selected)));
- color: var(--mod-sidenav-content-color-key-focus-selected, var(--spectrum-sidenav-content-color-key-focus-selected));
+ &.is-selected {
+ .spectrum-SideNav-itemLink {
+ background-color: var(--highcontrast-sidenav-item-background-default-selected, var(--mod-sidenav-item-background-default-selected, var(--spectrum-sidenav-item-background-default-selected)));
+ color: var(--highcontrast-sidenav-content-color-default-selected, var(--mod-sidenav-content-color-default-selected, var(--spectrum-sidenav-content-color-default-selected)));
+
+ &:hover {
+ background-color: var(--highcontrast-sidenav-background-hover-selected, var(--mod-sidenav-background-hover-selected, var(--spectrum-sidenav-background-hover-selected)));
+ color: var(--mod-sidenav-content-color-hover-selected, var(--spectrum-sidenav-content-color-hover-selected));
+ }
+
+ &:active {
+ background-color: var(--highcontrast-sidenav-item-background-down-selected, var(--mod-sidenav-item-background-down-selected, var(--spectrum-sidenav-item-background-down-selected)));
+ color: var(--mod-sidenav-content-color-down-selected, var(--spectrum-sidenav-content-color-down-selected));
+ }
+
+ &.is-keyboardFocused,
+ &:focus-visible {
+ background-color: var(--highcontrast-sidenav-background-key-focus-selected, var(--mod-sidenav-background-key-focus-selected, var(--spectrum-sidenav-background-key-focus-selected)));
+ color: var(--mod-sidenav-content-color-key-focus-selected, var(--spectrum-sidenav-content-color-key-focus-selected));
+ }
}
}
}
@@ -171,7 +189,7 @@
border-radius: var(--mod-sidenav-border-radius, var(--spectrum-sidenav-border-radius));
- background-color: var(--highcontrast-sidenav-background-default, var(--mod-sidenav-background-default, var(--spectrum-sidenav-background-default)));
+ background-color: var(--mod-sidenav-background-default, var(--spectrum-sidenav-background-default));
color: var(--highcontrast-sidenav-content-color-default, var(--mod-sidenav-content-color-default, var(--spectrum-sidenav-content-color-default)));
inline-size: var(--mod-sidenav-width, var(--spectrum-sidenav-width));
@@ -214,7 +232,7 @@
outline: var(--highcontrast-sidenav-focus-ring-color, var(--mod-sidenav-focus-ring-color, var(--spectrum-sidenav-focus-ring-color))) solid var(--mod-sidenav-focus-ring-size, var(--spectrum-sidenav-focus-ring-size));
outline-offset: var(--mod-sidenav-focus-ring-gap, var(--spectrum-sidenav-focus-ring-gap));
background-color: var(--highcontrast-sidenav-background-key-focus, var(--mod-sidenav-background-key-focus, var(--spectrum-sidenav-background-key-focus)));
- color: var(--highcontrast-sidenav-content-color-key-focus, var(--mod-sidenav-content-color-key-focus, var(--spectrum-sidenav-content-color-key-focus)));
+ color: var(--mod-sidenav-content-color-key-focus, var(--spectrum-sidenav-content-color-key-focus));
}
}
@@ -263,35 +281,3 @@
}
}
}
-
-@media (forced-colors: active) {
- .spectrum-SideNav {
- .spectrum-Icon {
- forced-color-adjust: preserve-parent-color;
- }
- }
-
- .spectrum-SideNav-item {
- --highcontrast-sidenav-content-disabled-color: GrayText;
-
- --highcontrast-sidenav-focus-ring-color: Highlight;
-
- --highcontrast-sidenav-content-color-default-selected: SelectedItemText;
- --highcontrast-sidenav-item-background-default-selected: SelectedItem;
-
- --highcontrast-sidenav-background-key-focus-selected: Highlight;
- --highcontrast-sidenav-background-hover-selected: Highlight;
- --highcontrast-sidenav-item-background-down-selected: Highlight;
-
- --highcontrast-sidenav-item-background-down: Highlight;
- --highcontrast-sidenav-background-hover: Highlight;
- --highcontrast-sidenav-content-color-hover: HighlightText;
- --highcontrast-sidenav-background-key-focus: Highlight;
-
- --highcontrast-sidenav-top-level-font-color: ButtonText;
- --highcontrast-sidenav-content-color-default: ButtonText;
- --highcontrast-sidenav-content-color-down: HighlightText;
-
- forced-color-adjust: none;
- }
-}
diff --git a/components/sidenav/metadata/metadata.json b/components/sidenav/metadata/metadata.json
index 08e0dcc839d..0215529e384 100644
--- a/components/sidenav/metadata/metadata.json
+++ b/components/sidenav/metadata/metadata.json
@@ -166,8 +166,8 @@
"--spectrum-focus-indicator-thickness",
"--spectrum-font-size-100",
"--spectrum-font-size-75",
+ "--spectrum-gray-100",
"--spectrum-gray-200",
- "--spectrum-gray-300",
"--spectrum-gray-600",
"--spectrum-line-height-100",
"--spectrum-medium-font-weight",
@@ -180,11 +180,8 @@
"--spectrum-text-to-visual-100",
"--spectrum-workflow-icon-size-100"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
- "--highcontrast-sidenav-background-default",
- "--highcontrast-sidenav-background-disabled",
"--highcontrast-sidenav-background-hover",
"--highcontrast-sidenav-background-hover-selected",
"--highcontrast-sidenav-background-key-focus",
@@ -193,7 +190,6 @@
"--highcontrast-sidenav-content-color-default-selected",
"--highcontrast-sidenav-content-color-down",
"--highcontrast-sidenav-content-color-hover",
- "--highcontrast-sidenav-content-color-key-focus",
"--highcontrast-sidenav-content-disabled-color",
"--highcontrast-sidenav-focus-ring-color",
"--highcontrast-sidenav-item-background-default-selected",
diff --git a/components/sidenav/metadata/mods.md b/components/sidenav/metadata/mods.md
deleted file mode 100644
index 97a9c28a460..00000000000
--- a/components/sidenav/metadata/mods.md
+++ /dev/null
@@ -1,56 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------- |
-| `--mod-sidenav-background-default` |
-| `--mod-sidenav-background-disabled` |
-| `--mod-sidenav-background-hover` |
-| `--mod-sidenav-background-hover-selected` |
-| `--mod-sidenav-background-key-focus` |
-| `--mod-sidenav-background-key-focus-selected` |
-| `--mod-sidenav-border-radius` |
-| `--mod-sidenav-bottom-to-label` |
-| `--mod-sidenav-content-color-default` |
-| `--mod-sidenav-content-color-default-selected` |
-| `--mod-sidenav-content-color-down` |
-| `--mod-sidenav-content-color-down-selected` |
-| `--mod-sidenav-content-color-hover` |
-| `--mod-sidenav-content-color-hover-selected` |
-| `--mod-sidenav-content-color-key-focus` |
-| `--mod-sidenav-content-color-key-focus-selected` |
-| `--mod-sidenav-content-disabled-color` |
-| `--mod-sidenav-focus-ring-color` |
-| `--mod-sidenav-focus-ring-gap` |
-| `--mod-sidenav-focus-ring-size` |
-| `--mod-sidenav-gap` |
-| `--mod-sidenav-header-color` |
-| `--mod-sidenav-header-font-size` |
-| `--mod-sidenav-header-font-style` |
-| `--mod-sidenav-header-font-weight` |
-| `--mod-sidenav-header-line-height` |
-| `--mod-sidenav-heading-bottom-margin` |
-| `--mod-sidenav-heading-top-margin` |
-| `--mod-sidenav-icon-size` |
-| `--mod-sidenav-icon-spacing` |
-| `--mod-sidenav-inline-padding` |
-| `--mod-sidenav-item-background-default-selected` |
-| `--mod-sidenav-item-background-down` |
-| `--mod-sidenav-item-background-down-selected` |
-| `--mod-sidenav-max-width` |
-| `--mod-sidenav-min-height` |
-| `--mod-sidenav-min-width` |
-| `--mod-sidenav-start-to-content-second-level` |
-| `--mod-sidenav-start-to-content-third-level` |
-| `--mod-sidenav-start-to-content-with-icon-second-level` |
-| `--mod-sidenav-start-to-content-with-icon-third-level` |
-| `--mod-sidenav-text-font-family` |
-| `--mod-sidenav-text-font-size` |
-| `--mod-sidenav-text-font-style` |
-| `--mod-sidenav-text-font-weight` |
-| `--mod-sidenav-text-line-height` |
-| `--mod-sidenav-top-level-font-family` |
-| `--mod-sidenav-top-level-font-size` |
-| `--mod-sidenav-top-level-font-style` |
-| `--mod-sidenav-top-level-font-weight` |
-| `--mod-sidenav-top-level-line-height` |
-| `--mod-sidenav-top-to-icon` |
-| `--mod-sidenav-top-to-label` |
-| `--mod-sidenav-width` |
diff --git a/components/sidenav/package.json b/components/sidenav/package.json
index f17cc275c95..900e95f6a8e 100644
--- a/components/sidenav/package.json
+++ b/components/sidenav/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/sidenav",
- "version": "5.2.0",
+ "version": "6.0.0-s2-foundations.16",
"description": "The Spectrum CSS sidenav component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"peerDependenciesMeta": {
"@spectrum-css/icon": {
diff --git a/components/sidenav/stories/sidenav.stories.js b/components/sidenav/stories/sidenav.stories.js
index 3f1b5648431..17ff41ef0f3 100644
--- a/components/sidenav/stories/sidenav.stories.js
+++ b/components/sidenav/stories/sidenav.stories.js
@@ -63,6 +63,10 @@ export default {
],
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=21993-665",
+ },
packageJson,
metadata,
},
@@ -142,6 +146,10 @@ Multilevel.args = {
]
};
Multilevel.parameters = {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=21993-941&node-type=frame&t=YT3sYHqnhqpnjdv9-11",
+ },
chromatic: { disableSnapshot: true },
};
@@ -189,6 +197,10 @@ WithHeading.args = {
]
};
WithHeading.parameters = {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=21993-941&node-type=frame&t=YT3sYHqnhqpnjdv9-11",
+ },
chromatic: { disableSnapshot: true },
};
diff --git a/components/sidenav/stories/template.js b/components/sidenav/stories/template.js
index 18ee61a6ade..d3a832ab03a 100644
--- a/components/sidenav/stories/template.js
+++ b/components/sidenav/stories/template.js
@@ -16,69 +16,106 @@ export const Template = ({
iconName,
iconSet = "workflow",
items = [],
-} = {}, context = {}) => html`
-
- ({ ...a, [c]: true }), {}),
- })}>
- ${repeat(items, (item) => item.id, (item) => {
- // First level nav item with second tier of nav items beneath.
- if (typeof item.levelTwoItems !== "undefined") {
- return html`
-
- ${item.heading
- ? html`${item.heading} `
- : html`
-
- ${when(hasIcon && iconName, () => Icon({ iconName, setName: iconSet }, context))}
- ${item.title}
-
- `
- }
- ({ ...a, [c]: true }), {}),
- })}
- aria-labelledby=${ifDefined(item.heading) ? `${item.id}-heading` : ""}>
- ${repeat(item.levelTwoItems, (item) => item.id, (item) => {
- // Display nav items in second tier, and possibly a third tier.
- return SideNavItem({
- currentTier: 2,
- hasIcon,
- iconName,
- iconSet,
- ...item
- }, context);
- })}
-
-
- `;
- }
- else {
- // First level nav item only.
- return SideNavItem({
- currentTier: 1,
- hasIcon,
- iconName,
- iconSet,
- ...item
- }, context);
- }
- })}
-
-
-`;
+} = {}, context = {}) => {
+ return html`
+
+ ({ ...a, [c]: true }), {}),
+ })}
+ >
+ ${repeat(
+ items,
+ (item) => item.id,
+ (item) => {
+ // First level nav item with second tier of nav items beneath.
+ if (typeof item.levelTwoItems !== "undefined") {
+ return html`
+
+ ${item.heading
+ ? html`
+ ${item.heading}
+ `
+ : html`
+
+ ${when(hasIcon && iconName, () =>
+ Icon({ iconName, setName: iconSet }, context),
+ )}
+ ${item.title}
+
+ `}
+ ({ ...a, [c]: true }),
+ {},
+ ),
+ })}
+ aria-labelledby=${ifDefined(item.heading)
+ ? `${item.id}-heading`
+ : ""}
+ >
+ ${repeat(
+ item.levelTwoItems,
+ (item) => item.id,
+ (item) => {
+ // Display nav items in second tier, and possibly a third tier.
+ return SideNavItem(
+ {
+ currentTier: 2,
+ hasIcon,
+ iconName,
+ iconSet,
+ ...item,
+ },
+ context,
+ );
+ },
+ )}
+
+
+ `;
+ }
+ else {
+ // First level nav item only.
+ return SideNavItem(
+ {
+ currentTier: 1,
+ hasIcon,
+ iconName,
+ iconSet,
+ ...item,
+ },
+ context,
+ );
+ }
+ },
+ )}
+
+
+ `;
+};
/**
* Renders a single navigation item, and an optional third tier of items.
@@ -98,37 +135,53 @@ export const SideNavItem = ({
customClasses = [],
} = {}, context = {}) => {
return html`
- ({ ...a, [c]: true }), {}),
- })}
- >
-
- ${when(hasIcon && iconName && currentTier == 1, () => Icon({ iconName, setName: iconSet }, context))}
-
- ${title}
-
-
- ${when(levelThreeItems, () => html`
-
- ${repeat(levelThreeItems, (item) => item.id, (item) => SideNavItem({
- ...item
- }, context))}
- `
- )}
-
- `;
+ ({ ...a, [c]: true }), {}),
+ })}
+ >
+
+ ${when(hasIcon && iconName && currentTier == 1, () =>
+ Icon({ iconName, setName: iconSet }, context),
+ )}
+
+ ${title}
+
+
+ ${when(
+ levelThreeItems,
+ () =>
+ html`
+ ${repeat(
+ levelThreeItems,
+ (item) => item.id,
+ (item) =>
+ SideNavItem(
+ {
+ ...item,
+ },
+ context,
+ ),
+ )}
+ `,
+ )}
+
+ `;
};
diff --git a/components/sidenav/themes/express.css b/components/sidenav/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/sidenav/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/sidenav/themes/spectrum.css b/components/sidenav/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/sidenav/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/slider/CHANGELOG.md b/components/slider/CHANGELOG.md
index 4f749b63f86..412693e108d 100644
--- a/components/slider/CHANGELOG.md
+++ b/components/slider/CHANGELOG.md
@@ -1,5 +1,248 @@
# Change Log
+## 6.0.0-s2-foundations.18
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/stepper@7.0.0-s2-foundations.19
+
+## 6.0.0-s2-foundations.17
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9c6561b`](https://github.com/adobe/spectrum-css/commit/9c6561b38624307da9bca7499452c3cb8ea2095e) Thanks [@pfulton](https://github.com/pfulton)! - Bring in the latest S2 foundations release including updated corner rounding approach, colors, and icon spacing. Remapped corner rounding values for the -75 token to a static 2px value for spectrum themes.
+
+### Patch Changes
+
+- Updated dependencies [[`9c6561b`](https://github.com/adobe/spectrum-css/commit/9c6561b38624307da9bca7499452c3cb8ea2095e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.25
+
+## 6.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.18
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#3154](https://github.com/adobe/spectrum-css/pull/3154) [`7735155`](https://github.com/adobe/spectrum-css/commit/77351552eac8a28cab316d984fee88dca61dc786) Thanks [@cdransf](https://github.com/cdransf)! - This applies a flex layout to the spectrum slider controls to consistently align the enclosed handle and ramp, while also removing the margins that might otherwise interfere with alignment. This aims to resolve the issues with the calc-based approach that exhibited variations in vertical alignment.
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.17
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/stepper@7.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/stepper@7.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 5.5.0
### Minor Changes
@@ -23,6 +266,21 @@
- [#3298](https://github.com/adobe/spectrum-css/pull/3298) [`07cc324`](https://github.com/adobe/spectrum-css/commit/07cc324af3b1a6240033b6c2f91342373c7234c2) Thanks [@cdransf](https://github.com/cdransf)! - Resolves violation error by moving todo comment into stylelint disable comment as a description
+- Updated dependencies [[`5fa753b`](https://github.com/adobe/spectrum-css/commit/5fa753b34944584576c8d91b8d51460ff0a2e4be)]:
+ - @spectrum-css/stepper@6.2.1
+
+## 5.4.2
+
+### Patch Changes
+
+- [#3300](https://github.com/adobe/spectrum-css/pull/3300) [`89797d0`](https://github.com/adobe/spectrum-css/commit/89797d0324bcbf2195a28840ce87ed6959da24a5) Thanks [@castastrophe](https://github.com/castastrophe)! - Remove duplicate references
+
+## 5.4.1
+
+### Patch Changes
+
+- [#3298](https://github.com/adobe/spectrum-css/pull/3298) [`07cc324`](https://github.com/adobe/spectrum-css/commit/07cc324af3b1a6240033b6c2f91342373c7234c2) Thanks [@cdransf](https://github.com/cdransf)! - Resolves violation error by moving todo comment into stylelint disable comment as a description
+
- Updated dependencies [[`5fa753b`](https://github.com/adobe/spectrum-css/commit/5fa753b34944584576c8d91b8d51460ff0a2e4be)]:
- @spectrum-css/stepper@6.2.1
@@ -120,8 +378,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.3.5...@spectrum-css/slider@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.3.5...@spectrum-css/slider@5.0.0)
### ✨ Features
@@ -129,11 +386,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -141,8 +396,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.3.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.3.4...@spectrum-css/slider@4.3.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.3.4...@spectrum-css/slider@4.3.5)
**Note:** Version bump only for package @spectrum-css/slider
@@ -150,8 +404,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.3.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.3.3...@spectrum-css/slider@4.3.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.3.3...@spectrum-css/slider@4.3.4)
**Note:** Version bump only for package @spectrum-css/slider
@@ -159,8 +412,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.3.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.3.2...@spectrum-css/slider@4.3.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.3.2...@spectrum-css/slider@4.3.3)
**Note:** Version bump only for package @spectrum-css/slider
@@ -168,8 +420,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.3.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.3.1...@spectrum-css/slider@4.3.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.3.1...@spectrum-css/slider@4.3.2)
### 🐛 Bug fixes
@@ -179,8 +430,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.3.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/slider
@@ -188,8 +438,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.3.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.2.1...@spectrum-css/slider@4.3.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.2.1...@spectrum-css/slider@4.3.0)
**Note:** Version bump only for package @spectrum-css/slider
@@ -197,8 +446,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.2.0...@spectrum-css/slider@4.2.1)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.2.0...@spectrum-css/slider@4.2.1)
### 🐛 Bug fixes
@@ -208,8 +456,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.19...@spectrum-css/slider@4.2.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.19...@spectrum-css/slider@4.2.0)
### ✨ Features
@@ -219,8 +466,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.19
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.18...@spectrum-css/slider@4.1.19)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.18...@spectrum-css/slider@4.1.19)
### 🐛 Bug fixes
@@ -230,8 +476,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.18
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.17...@spectrum-css/slider@4.1.18)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.17...@spectrum-css/slider@4.1.18)
**Note:** Version bump only for package @spectrum-css/slider
@@ -239,8 +484,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.17
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.15...@spectrum-css/slider@4.1.17)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.15...@spectrum-css/slider@4.1.17)
**Note:** Version bump only for package @spectrum-css/slider
@@ -248,8 +492,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.16
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.15...@spectrum-css/slider@4.1.16)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.15...@spectrum-css/slider@4.1.16)
**Note:** Version bump only for package @spectrum-css/slider
@@ -257,8 +500,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.15
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.14...@spectrum-css/slider@4.1.15)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.14...@spectrum-css/slider@4.1.15)
### 🐛 Bug fixes
@@ -282,8 +524,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.14
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.13...@spectrum-css/slider@4.1.14)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.13...@spectrum-css/slider@4.1.14)
**Note:** Version bump only for package @spectrum-css/slider
@@ -291,8 +532,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.13
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.12...@spectrum-css/slider@4.1.13)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.12...@spectrum-css/slider@4.1.13)
**Note:** Version bump only for package @spectrum-css/slider
@@ -300,8 +540,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.12
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.11...@spectrum-css/slider@4.1.12)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.11...@spectrum-css/slider@4.1.12)
**Note:** Version bump only for package @spectrum-css/slider
@@ -309,8 +548,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.11
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.10...@spectrum-css/slider@4.1.11)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.10...@spectrum-css/slider@4.1.11)
**Note:** Version bump only for package @spectrum-css/slider
@@ -318,8 +556,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.10
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.9...@spectrum-css/slider@4.1.10)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.9...@spectrum-css/slider@4.1.10)
**Note:** Version bump only for package @spectrum-css/slider
@@ -327,8 +564,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.9
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.8...@spectrum-css/slider@4.1.9)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.8...@spectrum-css/slider@4.1.9)
**Note:** Version bump only for package @spectrum-css/slider
@@ -336,8 +572,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.8
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.7...@spectrum-css/slider@4.1.8)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.7...@spectrum-css/slider@4.1.8)
**Note:** Version bump only for package @spectrum-css/slider
@@ -345,8 +580,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.7
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.6...@spectrum-css/slider@4.1.7)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.6...@spectrum-css/slider@4.1.7)
**Note:** Version bump only for package @spectrum-css/slider
@@ -354,8 +588,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.6
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.5...@spectrum-css/slider@4.1.6)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.5...@spectrum-css/slider@4.1.6)
**Note:** Version bump only for package @spectrum-css/slider
@@ -363,8 +596,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.5
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.4...@spectrum-css/slider@4.1.5)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.4...@spectrum-css/slider@4.1.5)
### 🔙 Reverts
@@ -374,8 +606,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.4
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.3...@spectrum-css/slider@4.1.4)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.3...@spectrum-css/slider@4.1.4)
**Note:** Version bump only for package @spectrum-css/slider
@@ -383,8 +614,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.3
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.1...@spectrum-css/slider@4.1.3)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.1...@spectrum-css/slider@4.1.3)
**Note:** Version bump only for package @spectrum-css/slider
@@ -392,8 +622,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.2
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.1...@spectrum-css/slider@4.1.2)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.1...@spectrum-css/slider@4.1.2)
**Note:** Version bump only for package @spectrum-css/slider
@@ -401,8 +630,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.1
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.0...@spectrum-css/slider@4.1.1)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.1.0...@spectrum-css/slider@4.1.1)
**Note:** Version bump only for package @spectrum-css/slider
@@ -410,8 +638,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.1.0
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.19...@spectrum-css/slider@4.1.0)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.19...@spectrum-css/slider@4.1.0)
### ✨ Features
@@ -421,8 +648,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.19
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.18...@spectrum-css/slider@4.0.19)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.18...@spectrum-css/slider@4.0.19)
**Note:** Version bump only for package @spectrum-css/slider
@@ -430,8 +656,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.18
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.17...@spectrum-css/slider@4.0.18)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.17...@spectrum-css/slider@4.0.18)
**Note:** Version bump only for package @spectrum-css/slider
@@ -439,8 +664,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.17
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.16...@spectrum-css/slider@4.0.17)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.16...@spectrum-css/slider@4.0.17)
**Note:** Version bump only for package @spectrum-css/slider
@@ -448,8 +672,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.16
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.15...@spectrum-css/slider@4.0.16)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.15...@spectrum-css/slider@4.0.16)
**Note:** Version bump only for package @spectrum-css/slider
@@ -457,8 +680,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.15
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.14...@spectrum-css/slider@4.0.15)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.14...@spectrum-css/slider@4.0.15)
**Note:** Version bump only for package @spectrum-css/slider
@@ -466,8 +688,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.14
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.13...@spectrum-css/slider@4.0.14)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.13...@spectrum-css/slider@4.0.14)
**Note:** Version bump only for package @spectrum-css/slider
@@ -475,8 +696,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.13
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.12...@spectrum-css/slider@4.0.13)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.12...@spectrum-css/slider@4.0.13)
**Note:** Version bump only for package @spectrum-css/slider
@@ -484,8 +704,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.12
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.11...@spectrum-css/slider@4.0.12)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.11...@spectrum-css/slider@4.0.12)
**Note:** Version bump only for package @spectrum-css/slider
@@ -493,8 +712,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.11
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.10...@spectrum-css/slider@4.0.11)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.10...@spectrum-css/slider@4.0.11)
**Note:** Version bump only for package @spectrum-css/slider
@@ -502,8 +720,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.10
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.9...@spectrum-css/slider@4.0.10)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.9...@spectrum-css/slider@4.0.10)
**Note:** Version bump only for package @spectrum-css/slider
@@ -511,8 +728,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.9
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.8...@spectrum-css/slider@4.0.9)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.8...@spectrum-css/slider@4.0.9)
### 🐛 Bug fixes
@@ -522,8 +738,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.8
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.7...@spectrum-css/slider@4.0.8)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.7...@spectrum-css/slider@4.0.8)
**Note:** Version bump only for package @spectrum-css/slider
@@ -531,8 +746,7 @@ Implementations should also bubble the following class to the `.spectrum-Slider-
## 4.0.7
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.6...@spectrum-css/slider@4.0.7)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/slider@4.0.6...@spectrum-css/slider@4.0.7)
**Note:** Version bump only for package @spectrum-css/slider
diff --git a/components/slider/index.css b/components/slider/index.css
index f4cd0317ee8..fc0ac4d4aed 100644
--- a/components/slider/index.css
+++ b/components/slider/index.css
@@ -11,14 +11,11 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Slider {
/* default sizing, matches t-shirt size M */
--spectrum-slider-font-size: var(--spectrum-font-size-75);
--spectrum-slider-handle-size: var(--spectrum-slider-handle-size-medium);
--spectrum-slider-control-height: var(--spectrum-component-height-100);
- --spectrum-slider-handle-border-radius: var(--spectrum-corner-radius-200);
--spectrum-slider-handle-border-width-down: var(--spectrum-slider-handle-border-width-down-medium);
--spectrum-slider-label-top-to-text: var(--spectrum-component-top-to-text-75);
--spectrum-slider-control-to-field-label: var(--spectrum-slider-control-to-field-label-medium);
@@ -27,57 +24,10 @@
/* TODO: placeholder value for sideLabel variant value width */
--spectrum-slider-value-inline-size: 18px;
- &:dir(rtl),
- &:dir(rtl) {
- --spectrum-logical-rotation: matrix(-1, 0, 0, 1, 0, 0);
- }
-}
-
-.spectrum-Slider--sizeS {
- --spectrum-slider-font-size: var(--spectrum-font-size-75);
- --spectrum-slider-handle-size: var(--spectrum-slider-handle-size-small);
- --spectrum-slider-control-height: var(--spectrum-component-height-75);
- --spectrum-slider-handle-border-radius: var(--spectrum-corner-radius-200);
- --spectrum-slider-handle-border-width-down: var(--spectrum-slider-handle-border-width-down-small);
- --spectrum-slider-label-top-to-text: var(--spectrum-component-top-to-text-75);
- --spectrum-slider-control-to-field-label: var(--spectrum-slider-control-to-field-label-small);
- --spectrum-slider-value-side-padding-inline: var(--spectrum-spacing-100);
-}
-
-.spectrum-Slider--sizeL {
- --spectrum-slider-font-size: var(--spectrum-font-size-100);
- --spectrum-slider-handle-size: var(--spectrum-slider-handle-size-large);
- --spectrum-slider-control-height: var(--spectrum-component-height-200);
- --spectrum-slider-handle-border-radius: calc(var(--spectrum-corner-radius-200) * 4);
- --spectrum-slider-handle-border-width-down: var(--spectrum-slider-handle-border-width-down-large);
- --spectrum-slider-label-top-to-text: var(--spectrum-component-top-to-text-100);
- --spectrum-slider-control-to-field-label: var(--spectrum-slider-control-to-field-label-large);
- --spectrum-slider-value-side-padding-inline: var(--spectrum-spacing-200);
-
- /* TODO: placeholder value for sideLabel variant value width */
- --spectrum-slider-value-inline-size: 18px;
-}
-
-.spectrum-Slider--sizeXL {
- --spectrum-slider-font-size: var(--spectrum-font-size-200);
- --spectrum-slider-handle-size: var(--spectrum-slider-handle-size-extra-large);
- --spectrum-slider-control-height: var(--spectrum-component-height-300);
- --spectrum-slider-handle-border-radius: calc(var(--spectrum-corner-radius-200) * 4);
- --spectrum-slider-handle-border-width-down: var(--spectrum-slider-handle-border-width-down-extra-large);
- --spectrum-slider-label-top-to-text: var(--spectrum-component-top-to-text-200);
- --spectrum-slider-control-to-field-label: var(--spectrum-slider-control-to-field-label-extra-large);
- --spectrum-slider-value-side-padding-inline: var(--spectrum-spacing-200);
-
- /* TODO: placeholder value for sideLabel variant value width */
- --spectrum-slider-value-inline-size: 22px;
-}
-
-.spectrum-Slider {
--spectrum-slider-cjk-line-height: var(--spectrum-cjk-line-height-100);
--spectrum-slider-min-size: var(--spectrum-spacing-900);
- --spectrum-slider-track-corner-radius: var(--spectrum-corner-radius-75);
--spectrum-slider-label-margin-start: var(--spectrum-spacing-300);
--spectrum-slider-handle-border-width: var(--spectrum-border-width-200);
--spectrum-slider-handle-margin-left: calc(var(--spectrum-slider-handle-size) / -2);
@@ -91,6 +41,10 @@
--spectrum-slider-tick-handle-background-color: var(--spectrum-gray-100);
/* colors */
+ --spectrum-slider-track-color: var(--spectrum-gray-200);
+ --spectrum-slider-track-fill-color: var(--spectrum-gray-700);
+ --spectrum-slider-ramp-track-color: var(--spectrum-gray-400);
+ --spectrum-slider-ramp-track-color-disabled: var(--spectrum-gray-100);
--spectrum-slider-track-color-disabled: var(--spectrum-disabled-background-color);
--spectrum-slider-track-fill-color-disabled: var(--spectrum-disabled-background-color);
--spectrum-slider-handle-border-color-disabled: var(--spectrum-disabled-border-color);
@@ -99,6 +53,19 @@
--spectrum-slider-label-text-color-disabled: var(--spectrum-disabled-content-color);
--spectrum-slider-tick-mark-color-disabled: var(--spectrum-disabled-background-color);
--spectrum-slider-ramp-handle-border-color-active: var(--spectrum-gray-100);
+ --spectrum-slider-handle-background-color: transparent;
+ --spectrum-slider-handle-background-color-disabled: transparent;
+ --spectrum-slider-ramp-handle-background-color: var(--spectrum-gray-75);
+ --spectrum-slider-ticks-handle-background-color: var(--spectrum-gray-75);
+ --spectrum-slider-handle-border-color: var(--spectrum-gray-700);
+ --spectrum-slider-handle-disabled-background-color: var(--spectrum-gray-75);
+ --spectrum-slider-tick-mark-color: var(--spectrum-gray-200);
+
+
+ --spectrum-slider-handle-border-color-hover: var(--spectrum-gray-800);
+ --spectrum-slider-handle-border-color-down: var(--spectrum-gray-800);
+ --spectrum-slider-handle-border-color-key-focus: var(--spectrum-gray-800);
+ --spectrum-slider-handle-focus-ring-color-key-focus: var(--spectrum-focus-indicator-color);
/* values */
--spectrum-slider-input-left: calc(var(--spectrum-slider-handle-margin-left) / 4);
@@ -106,6 +73,10 @@
--spectrum-slider-range-track-reset: 0;
+ --spectrum-slider-track-corner-radius: 2px;
+
+ --spectrum-slider-handle-border-radius: var(--spectrum-corner-radius-500);
+
position: relative;
/* Don't let z-index'd child elements float above other things on the page */
@@ -115,11 +86,55 @@
user-select: none;
+ &:dir(rtl),
+ &:dir(rtl) {
+ --spectrum-logical-rotation: matrix(-1, 0, 0, 1, 0, 0);
+ }
+
&:not(.spectrum-Slider--sideLabel) .spectrum-Slider-labelContainer + .spectrum-Slider-controls:has(.spectrum-Slider-ramp) {
margin-block-start: calc(var(--mod-slider-ramp-track-height, var(--spectrum-slider-ramp-track-height)) / 2);
}
}
+.spectrum-Slider--sizeS {
+ --spectrum-slider-font-size: var(--spectrum-font-size-75);
+ --spectrum-slider-handle-size: var(--spectrum-slider-handle-size-small);
+ --spectrum-slider-control-height: var(--spectrum-component-height-75);
+ --spectrum-slider-handle-border-width-down: var(--spectrum-slider-handle-border-width-down-small);
+ --spectrum-slider-label-top-to-text: var(--spectrum-component-top-to-text-75);
+ --spectrum-slider-control-to-field-label: var(--spectrum-slider-control-to-field-label-small);
+ --spectrum-slider-value-side-padding-inline: var(--spectrum-spacing-100);
+ --spectrum-slider-handle-border-radius: var(--spectrum-corner-radius-500);
+}
+
+.spectrum-Slider--sizeL {
+ --spectrum-slider-font-size: var(--spectrum-font-size-100);
+ --spectrum-slider-handle-size: var(--spectrum-slider-handle-size-large);
+ --spectrum-slider-control-height: var(--spectrum-component-height-200);
+ --spectrum-slider-handle-border-width-down: var(--spectrum-slider-handle-border-width-down-large);
+ --spectrum-slider-label-top-to-text: var(--spectrum-component-top-to-text-100);
+ --spectrum-slider-control-to-field-label: var(--spectrum-slider-control-to-field-label-large);
+ --spectrum-slider-value-side-padding-inline: var(--spectrum-spacing-200);
+ --spectrum-slider-handle-border-radius: calc(var(--spectrum-corner-radius-500) * 4);
+
+ /* TODO: placeholder value for sideLabel variant value width */
+ --spectrum-slider-value-inline-size: 18px;
+}
+
+.spectrum-Slider--sizeXL {
+ --spectrum-slider-font-size: var(--spectrum-font-size-200);
+ --spectrum-slider-handle-size: var(--spectrum-slider-handle-size-extra-large);
+ --spectrum-slider-control-height: var(--spectrum-component-height-300);
+ --spectrum-slider-handle-border-width-down: var(--spectrum-slider-handle-border-width-down-extra-large);
+ --spectrum-slider-label-top-to-text: var(--spectrum-component-top-to-text-200);
+ --spectrum-slider-control-to-field-label: var(--spectrum-slider-control-to-field-label-extra-large);
+ --spectrum-slider-value-side-padding-inline: var(--spectrum-spacing-200);
+ --spectrum-slider-handle-border-radius: calc(var(--spectrum-corner-radius-500) * 4);
+
+ /* TODO: placeholder value for sideLabel variant value width */
+ --spectrum-slider-value-inline-size: 22px;
+}
+
.spectrum-Slider--sideLabel {
display: flex;
align-items: center;
@@ -302,7 +317,7 @@
block-size: 100%;
/* Flip the ramp automatically for RTL */
- transform: var(--spectrum-logical-rotation);
+ transform: var(--spectrum-logical-rotation,);
}
}
@@ -442,7 +457,7 @@
/* setting tick marks in relation to label */
.spectrum-Slider--tick {
.spectrum-Slider-handle {
- background-color: var(--highcontrast-slider-tick-handle-background-color, var(--mod-slider-tick-handle-background-color, var(--spectrum-slider-tick-handle-background-color)));
+ background-color: var(--mod-slider-tick-handle-background-color, var(--spectrum-slider-tick-handle-background-color));
}
.spectrum-Slider-controls {
@@ -656,7 +671,8 @@
&:hover,
&:active {
- border-color: var(--highcontrast-disabled-border-color, var(--mod-disabled-border-color, var(--spectrum-disabled-border-color)));
+ /* @todo need to update --mod with a component-specific prefix */
+ border-color: var(--mod-disabled-border-color, var(--spectrum-disabled-border-color));
background: var(--highcontrast-slider-handle-background-color-disabled, var(--mod-slider-handle-background-color-disabled, var(--spectrum-slider-handle-background-color-disabled)));
}
}
diff --git a/components/slider/metadata/metadata.json b/components/slider/metadata/metadata.json
index 4c2be2d396c..8b6d35c65c7 100644
--- a/components/slider/metadata/metadata.json
+++ b/components/slider/metadata/metadata.json
@@ -230,8 +230,7 @@
"--spectrum-component-top-to-text-100",
"--spectrum-component-top-to-text-200",
"--spectrum-component-top-to-text-75",
- "--spectrum-corner-radius-200",
- "--spectrum-corner-radius-75",
+ "--spectrum-corner-radius-500",
"--spectrum-disabled-background-color",
"--spectrum-disabled-border-color",
"--spectrum-disabled-content-color",
@@ -243,13 +242,10 @@
"--spectrum-font-size-75",
"--spectrum-gray-100",
"--spectrum-gray-200",
- "--spectrum-gray-300",
"--spectrum-gray-400",
- "--spectrum-gray-50",
- "--spectrum-gray-600",
"--spectrum-gray-700",
+ "--spectrum-gray-75",
"--spectrum-gray-800",
- "--spectrum-gray-900",
"--spectrum-line-height-100",
"--spectrum-logical-rotation",
"--spectrum-neutral-content-color-default",
@@ -259,26 +255,8 @@
"--spectrum-spacing-900",
"--spectrum-text-to-visual-75"
],
- "system-theme": [
- "--system-spectrum-slider-handle-background-color",
- "--system-spectrum-slider-handle-background-color-disabled",
- "--system-spectrum-slider-handle-border-color",
- "--system-spectrum-slider-handle-border-color-down",
- "--system-spectrum-slider-handle-border-color-hover",
- "--system-spectrum-slider-handle-border-color-key-focus",
- "--system-spectrum-slider-handle-disabled-background-color",
- "--system-spectrum-slider-handle-focus-ring-color-key-focus",
- "--system-spectrum-slider-ramp-handle-background-color",
- "--system-spectrum-slider-ramp-track-color",
- "--system-spectrum-slider-ramp-track-color-disabled",
- "--system-spectrum-slider-tick-mark-color",
- "--system-spectrum-slider-ticks-handle-background-color",
- "--system-spectrum-slider-track-color",
- "--system-spectrum-slider-track-fill-color"
- ],
"passthroughs": [],
"high-contrast": [
- "--highcontrast-disabled-border-color",
"--highcontrast-slider-filled-track-fill-color",
"--highcontrast-slider-handle-background-color",
"--highcontrast-slider-handle-background-color-disabled",
@@ -295,7 +273,6 @@
"--highcontrast-slider-ramp-handle-border-color-active",
"--highcontrast-slider-ramp-track-color",
"--highcontrast-slider-ramp-track-color-disabled",
- "--highcontrast-slider-tick-handle-background-color",
"--highcontrast-slider-tick-mark-color",
"--highcontrast-slider-tick-mark-color-disabled",
"--highcontrast-slider-track-color",
diff --git a/components/slider/metadata/mods.md b/components/slider/metadata/mods.md
deleted file mode 100644
index 0c6f4dfe93b..00000000000
--- a/components/slider/metadata/mods.md
+++ /dev/null
@@ -1,58 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------ |
-| `--mod-animation-duration-100` |
-| `--mod-disabled-border-color` |
-| `--mod-focus-indicator-gap` |
-| `--mod-font-size-75` |
-| `--mod-line-height-100` |
-| `--mod-sectrum-slider-ramp-handle-border-color-active` |
-| `--mod-slider-cjk-line-height` |
-| `--mod-slider-control-height` |
-| `--mod-slider-controls-margin` |
-| `--mod-slider-font-size` |
-| `--mod-slider-handle-background-color` |
-| `--mod-slider-handle-background-color-disabled` |
-| `--mod-slider-handle-border-color` |
-| `--mod-slider-handle-border-color-disabled` |
-| `--mod-slider-handle-border-color-down` |
-| `--mod-slider-handle-border-color-hover` |
-| `--mod-slider-handle-border-color-key-focus` |
-| `--mod-slider-handle-border-radius` |
-| `--mod-slider-handle-border-width` |
-| `--mod-slider-handle-border-width-down` |
-| `--mod-slider-handle-disabled-background-color` |
-| `--mod-slider-handle-focus-ring-color-key-focus` |
-| `--mod-slider-handle-gap` |
-| `--mod-slider-handle-size` |
-| `--mod-slider-input-left` |
-| `--mod-slider-input-top-size` |
-| `--mod-slider-label-margin-start` |
-| `--mod-slider-label-text-color` |
-| `--mod-slider-label-text-color-disabled` |
-| `--mod-slider-label-top-to-text` |
-| `--mod-slider-min-size` |
-| `--mod-slider-ramp-handle-background-color` |
-| `--mod-slider-ramp-track-color` |
-| `--mod-slider-ramp-track-color-disabled` |
-| `--mod-slider-ramp-track-height` |
-| `--mod-slider-range-track-reset` |
-| `--mod-slider-tick-handle-background-color` |
-| `--mod-slider-tick-label-color` |
-| `--mod-slider-tick-mark-border-radius` |
-| `--mod-slider-tick-mark-color` |
-| `--mod-slider-tick-mark-color-disabled` |
-| `--mod-slider-tick-mark-height` |
-| `--mod-slider-tick-mark-width` |
-| `--mod-slider-ticks-handle-background-color` |
-| `--mod-slider-track-color` |
-| `--mod-slider-track-color-disabled` |
-| `--mod-slider-track-corner-radius` |
-| `--mod-slider-track-fill-color` |
-| `--mod-slider-track-fill-color-disabled` |
-| `--mod-slider-track-fill-thickness` |
-| `--mod-slider-track-handleoffset` |
-| `--mod-slider-track-margin-offset` |
-| `--mod-slider-track-middle-handleoffset` |
-| `--mod-slider-track-thickness` |
-| `--mod-slider-value-inline-size` |
-| `--mod-slider-value-side-padding-inline` |
diff --git a/components/slider/package.json b/components/slider/package.json
index fb047af5489..6d6ee7f910d 100644
--- a/components/slider/package.json
+++ b/components/slider/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/slider",
- "version": "5.5.0",
+ "version": "6.0.0-s2-foundations.18",
"description": "The Spectrum CSS slider component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/stepper": ">=6",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/stepper": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/stepper": "workspace:^",
diff --git a/components/slider/stories/slider.stories.js b/components/slider/stories/slider.stories.js
index 2c2c4984585..c0977f94830 100644
--- a/components/slider/stories/slider.stories.js
+++ b/components/slider/stories/slider.stories.js
@@ -140,6 +140,10 @@ export default {
"change .spectrum-Slider-input",
],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=842-1056",
+ },
packageJson,
metadata,
},
diff --git a/components/slider/themes/express.css b/components/slider/themes/express.css
deleted file mode 100644
index 834cc673f79..00000000000
--- a/components/slider/themes/express.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Slider {
- --spectrum-slider-track-color: var(--spectrum-gray-200);
- --spectrum-slider-track-fill-color: var(--spectrum-gray-600);
- --spectrum-slider-ramp-track-color: var(--spectrum-gray-300);
- --spectrum-slider-ramp-track-color-disabled: var(--spectrum-gray-200);
-
- --spectrum-slider-handle-background-color: var(--spectrum-gray-50);
- --spectrum-slider-handle-background-color-disabled: var(--spectrum-gray-50);
- --spectrum-slider-ramp-handle-background-color: var(--spectrum-gray-50);
- --spectrum-slider-ticks-handle-background-color: var(--spectrum-gray-50);
- --spectrum-slider-handle-border-color: var(--spectrum-gray-800);
- --spectrum-slider-handle-disabled-background-color: var(--spectrum-gray-50);
-
- --spectrum-slider-tick-mark-color: var(--spectrum-gray-200);
-
- --spectrum-slider-handle-border-color-hover: var(--spectrum-gray-900);
- --spectrum-slider-handle-border-color-down: var(--spectrum-gray-900);
- --spectrum-slider-handle-border-color-key-focus: var(--spectrum-gray-900);
- --spectrum-slider-handle-focus-ring-color-key-focus: var(--spectrum-focus-indicator-color);
- }
-}
diff --git a/components/slider/themes/spectrum.css b/components/slider/themes/spectrum.css
deleted file mode 100644
index 1beab05efd8..00000000000
--- a/components/slider/themes/spectrum.css
+++ /dev/null
@@ -1,35 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Slider {
- --spectrum-slider-track-color: var(--spectrum-gray-300);
- --spectrum-slider-track-fill-color: var(--spectrum-gray-700);
- --spectrum-slider-ramp-track-color: var(--spectrum-gray-400);
- --spectrum-slider-ramp-track-color-disabled: var(--spectrum-gray-200);
-
- --spectrum-slider-handle-background-color: transparent;
- --spectrum-slider-handle-background-color-disabled: transparent;
- --spectrum-slider-ramp-handle-background-color: var(--spectrum-gray-100);
- --spectrum-slider-ticks-handle-background-color: var(--spectrum-gray-100);
- --spectrum-slider-handle-border-color: var(--spectrum-gray-700);
- --spectrum-slider-handle-disabled-background-color: var(--spectrum-gray-100);
-
- --spectrum-slider-tick-mark-color: var(--spectrum-gray-300);
-
- --spectrum-slider-handle-border-color-hover: var(--spectrum-gray-800);
- --spectrum-slider-handle-border-color-down: var(--spectrum-gray-800);
- --spectrum-slider-handle-border-color-key-focus: var(--spectrum-gray-800);
- --spectrum-slider-handle-focus-ring-color-key-focus: var(--spectrum-focus-indicator-color);
- }
-}
diff --git a/components/splitview/CHANGELOG.md b/components/splitview/CHANGELOG.md
index 991760d8a42..bfbe2f2cce9 100644
--- a/components/splitview/CHANGELOG.md
+++ b/components/splitview/CHANGELOG.md
@@ -1,5 +1,221 @@
# Change Log
+## 6.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 6.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9c6561b`](https://github.com/adobe/spectrum-css/commit/9c6561b38624307da9bca7499452c3cb8ea2095e) Thanks [@pfulton](https://github.com/pfulton)! - Bring in the latest S2 foundations release including updated corner rounding approach, colors, and icon spacing. Remapped corner rounding values for the -75 token to a static 2px value for spectrum themes.
+
+### Patch Changes
+
+- Updated dependencies [[`9c6561b`](https://github.com/adobe/spectrum-css/commit/9c6561b38624307da9bca7499452c3cb8ea2095e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.25
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 5.3.0
### Minor Changes
@@ -54,16 +270,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.2.4...@spectrum-css/splitview@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.2.4...@spectrum-css/splitview@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -71,8 +283,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.2.3...@spectrum-css/splitview@4.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.2.3...@spectrum-css/splitview@4.2.4)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -80,8 +291,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.2.2...@spectrum-css/splitview@4.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.2.2...@spectrum-css/splitview@4.2.3)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -89,8 +299,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.2.1...@spectrum-css/splitview@4.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.2.1...@spectrum-css/splitview@4.2.2)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -98,8 +307,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/splitview
@@ -107,8 +315,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.1.0...@spectrum-css/splitview@4.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.1.0...@spectrum-css/splitview@4.2.0)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -116,8 +323,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.10...@spectrum-css/splitview@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.10...@spectrum-css/splitview@4.1.0)
### ✨ Features
@@ -127,8 +333,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.10
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.9...@spectrum-css/splitview@4.0.10)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.9...@spectrum-css/splitview@4.0.10)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -136,8 +341,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.9
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.8...@spectrum-css/splitview@4.0.9)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.8...@spectrum-css/splitview@4.0.9)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -145,8 +349,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.6...@spectrum-css/splitview@4.0.8)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.6...@spectrum-css/splitview@4.0.8)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -154,8 +357,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.6...@spectrum-css/splitview@4.0.7)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.6...@spectrum-css/splitview@4.0.7)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -163,8 +365,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.5...@spectrum-css/splitview@4.0.6)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.5...@spectrum-css/splitview@4.0.6)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -172,8 +373,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.4...@spectrum-css/splitview@4.0.5)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.4...@spectrum-css/splitview@4.0.5)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -181,8 +381,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.3...@spectrum-css/splitview@4.0.4)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.3...@spectrum-css/splitview@4.0.4)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -190,8 +389,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.2...@spectrum-css/splitview@4.0.3)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.2...@spectrum-css/splitview@4.0.3)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -199,8 +397,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.1...@spectrum-css/splitview@4.0.2)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.1...@spectrum-css/splitview@4.0.2)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -208,8 +405,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.0...@spectrum-css/splitview@4.0.1)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@4.0.0...@spectrum-css/splitview@4.0.1)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -217,8 +413,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.48...@spectrum-css/splitview@4.0.0)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.48...@spectrum-css/splitview@4.0.0)
### 🔙 Reverts
@@ -226,8 +421,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat(splitview)!: migrate to spectrum tokens (#2103)([4f39c5d](https://github.com/adobe/spectrum-css/commit/4f39c5d)), closes[#2103](https://github.com/adobe/spectrum-css/issues/2103)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates SplitView to use `@adobe/spectrum-tokens`
@@ -253,8 +447,7 @@ fix max nesting depth
## 3.0.48
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.47...@spectrum-css/splitview@3.0.48)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.47...@spectrum-css/splitview@3.0.48)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -262,8 +455,7 @@ fix max nesting depth
## 3.0.47
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.46...@spectrum-css/splitview@3.0.47)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.46...@spectrum-css/splitview@3.0.47)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -271,8 +463,7 @@ fix max nesting depth
## 3.0.46
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.45...@spectrum-css/splitview@3.0.46)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.45...@spectrum-css/splitview@3.0.46)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -280,8 +471,7 @@ fix max nesting depth
## 3.0.45
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.44...@spectrum-css/splitview@3.0.45)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.44...@spectrum-css/splitview@3.0.45)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -289,8 +479,7 @@ fix max nesting depth
## 3.0.44
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.43...@spectrum-css/splitview@3.0.44)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.43...@spectrum-css/splitview@3.0.44)
### 🐛 Bug fixes
@@ -300,8 +489,7 @@ fix max nesting depth
## 3.0.43
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.42...@spectrum-css/splitview@3.0.43)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.42...@spectrum-css/splitview@3.0.43)
**Note:** Version bump only for package @spectrum-css/splitview
@@ -309,8 +497,7 @@ fix max nesting depth
## 3.0.42
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.41...@spectrum-css/splitview@3.0.42)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/splitview@3.0.41...@spectrum-css/splitview@3.0.42)
**Note:** Version bump only for package @spectrum-css/splitview
diff --git a/components/splitview/index.css b/components/splitview/index.css
index 219190bfab8..a0578e0f125 100644
--- a/components/splitview/index.css
+++ b/components/splitview/index.css
@@ -11,31 +11,28 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-SplitView {
--spectrum-splitview-vertical-width: 100%;
--spectrum-splitview-vertical-gripper-width: 50%;
--spectrum-splitview-vertical-gripper-outer-width: 100%;
--spectrum-splitview-vertical-gripper-reset: 0;
- --spectrum-splitview-background-color: var(--spectrum-gray-100);
+ --spectrum-splitview-background-color: var(--spectrum-gray-75);
--spectrum-splitview-content-color: var(--spectrum-body-color);
- --spectrum-splitview-handle-background-color: var(--spectrum-gray-300);
+ --spectrum-splitview-handle-background-color: var(--spectrum-gray-200);
--spectrum-splitview-handle-background-color-hover: var(--spectrum-gray-400);
--spectrum-splitview-handle-background-color-down: var(--spectrum-gray-800);
--spectrum-splitview-handle-background-color-focus: var(--spectrum-focus-indicator-color);
+
--spectrum-splitview-handle-width: var(--spectrum-border-width-200);
- --spectrum-splitview-gripper-border-radius: var(--spectrum-corner-radius-75);
--spectrum-splitview-gripper-width: var(--spectrum-border-width-400);
- --spectrum-splitview-gripper-height: 16px; /* No good token to use for this */
- --spectrum-splitview-gripper-border-width-horizontal: 3px; /* No good token to use for this */
+ --spectrum-splitview-gripper-height: 16px;
+ --spectrum-splitview-gripper-border-width-horizontal: 3px;
--spectrum-splitview-gripper-border-width-vertical: var(--spectrum-border-width-400);
-}
+ --spectrum-splitview-gripper-border-radius: var(--spectrum-corner-radius-100);
-.spectrum-SplitView {
display: flex;
overflow: hidden;
}
@@ -111,51 +108,51 @@
inset-inline-start: auto;
}
}
-}
-
-.spectrum-SplitView-splitter.is-draggable {
- &:hover,
- &.is-hovered {
- background-color: var(--highcontrast-splitview-handle-background-color-hover, var(--mod-splitview-handle-background-color-hover, var(--spectrum-splitview-handle-background-color-hover)));
- .spectrum-SplitView-gripper {
- border-color: var(--highcontrast-splitview-handle-background-color-hover, var(--mod-splitview-handle-background-color-hover, var(--spectrum-splitview-handle-background-color-hover)));
- }
-
- .spectrum-SplitView-gripper::before {
+ &.is-draggable {
+ &:hover,
+ &.is-hovered {
background-color: var(--highcontrast-splitview-handle-background-color-hover, var(--mod-splitview-handle-background-color-hover, var(--spectrum-splitview-handle-background-color-hover)));
- }
- }
- &:active,
- &.is-active {
- background-color: var(--highcontrast-splitview-handle-background-color-down, var(--mod-splitview-handle-background-color-down, var(--spectrum-splitview-handle-background-color-down)));
+ .spectrum-SplitView-gripper {
+ border-color: var(--highcontrast-splitview-handle-background-color-hover, var(--mod-splitview-handle-background-color-hover, var(--spectrum-splitview-handle-background-color-hover)));
+ }
- .spectrum-SplitView-gripper {
- border-color: var(--highcontrast-splitview-handle-background-color-down, var(--mod-splitview-handle-background-color-down, var(--spectrum-splitview-handle-background-color-down)));
+ .spectrum-SplitView-gripper::before {
+ background-color: var(--highcontrast-splitview-handle-background-color-hover, var(--mod-splitview-handle-background-color-hover, var(--spectrum-splitview-handle-background-color-hover)));
+ }
}
- /* Center line of gripper */
- .spectrum-SplitView-gripper::before {
+ &:active,
+ &.is-active {
background-color: var(--highcontrast-splitview-handle-background-color-down, var(--mod-splitview-handle-background-color-down, var(--spectrum-splitview-handle-background-color-down)));
- }
- }
- &:focus {
- outline: none;
- }
+ .spectrum-SplitView-gripper {
+ border-color: var(--highcontrast-splitview-handle-background-color-down, var(--mod-splitview-handle-background-color-down, var(--spectrum-splitview-handle-background-color-down)));
+ }
- &:focus-visible {
- outline: none;
- background-color: var(--highcontrast-splitview-handle-background-color-focus, var(--mod-splitview-handle-background-color-focus, var(--spectrum-splitview-handle-background-color-focus)));
+ /* Center line of gripper */
+ .spectrum-SplitView-gripper::before {
+ background-color: var(--highcontrast-splitview-handle-background-color-down, var(--mod-splitview-handle-background-color-down, var(--spectrum-splitview-handle-background-color-down)));
+ }
+ }
- .spectrum-SplitView-gripper {
- border-color: var(--highcontrast-splitview-handle-background-color-focus, var(--mod-splitview-handle-background-color-focus, var(--spectrum-splitview-handle-background-color-focus)));
- box-shadow: 0 0 0 1px var(--highcontrast-splitview-handle-background-color-focus, var(--mod-splitview-handle-background-color-focus, var(--spectrum-splitview-handle-background-color-focus)));
+ &:focus {
+ outline: none;
}
- .spectrum-SplitView-gripper::before {
+ &:focus-visible {
+ outline: none;
background-color: var(--highcontrast-splitview-handle-background-color-focus, var(--mod-splitview-handle-background-color-focus, var(--spectrum-splitview-handle-background-color-focus)));
+
+ .spectrum-SplitView-gripper {
+ border-color: var(--highcontrast-splitview-handle-background-color-focus, var(--mod-splitview-handle-background-color-focus, var(--spectrum-splitview-handle-background-color-focus)));
+ box-shadow: 0 0 0 1px var(--highcontrast-splitview-handle-background-color-focus, var(--mod-splitview-handle-background-color-focus, var(--spectrum-splitview-handle-background-color-focus)));
+ }
+
+ .spectrum-SplitView-gripper::before {
+ background-color: var(--highcontrast-splitview-handle-background-color-focus, var(--mod-splitview-handle-background-color-focus, var(--spectrum-splitview-handle-background-color-focus)));
+ }
}
}
}
diff --git a/components/splitview/metadata/metadata.json b/components/splitview/metadata/metadata.json
index b8f8fa5031a..0c165540ad2 100644
--- a/components/splitview/metadata/metadata.json
+++ b/components/splitview/metadata/metadata.json
@@ -75,14 +75,13 @@
"--spectrum-body-color",
"--spectrum-border-width-200",
"--spectrum-border-width-400",
- "--spectrum-corner-radius-75",
+ "--spectrum-corner-radius-100",
"--spectrum-focus-indicator-color",
- "--spectrum-gray-100",
- "--spectrum-gray-300",
+ "--spectrum-gray-200",
"--spectrum-gray-400",
+ "--spectrum-gray-75",
"--spectrum-gray-800"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-splitview-handle-background-color",
diff --git a/components/splitview/metadata/mods.md b/components/splitview/metadata/mods.md
deleted file mode 100644
index 4bc870ef41b..00000000000
--- a/components/splitview/metadata/mods.md
+++ /dev/null
@@ -1,18 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------- |
-| `--mod-splitview-background-color` |
-| `--mod-splitview-content-color` |
-| `--mod-splitview-gripper-border-radius` |
-| `--mod-splitview-gripper-border-width-horizontal` |
-| `--mod-splitview-gripper-border-width-vertical` |
-| `--mod-splitview-gripper-height` |
-| `--mod-splitview-gripper-width` |
-| `--mod-splitview-handle-background-color` |
-| `--mod-splitview-handle-background-color-down` |
-| `--mod-splitview-handle-background-color-focus` |
-| `--mod-splitview-handle-background-color-hover` |
-| `--mod-splitview-handle-width` |
-| `--mod-splitview-vertical-gripper-outer-width` |
-| `--mod-splitview-vertical-gripper-reset` |
-| `--mod-splitview-vertical-gripper-width` |
-| `--mod-splitview-vertical-width` |
diff --git a/components/splitview/package.json b/components/splitview/package.json
index 93a0a7e36c1..34c76758266 100644
--- a/components/splitview/package.json
+++ b/components/splitview/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/splitview",
- "version": "5.3.0",
+ "version": "6.0.0-s2-foundations.17",
"description": "The Spectrum CSS splitview component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/splitview/themes/express.css b/components/splitview/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/splitview/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/splitview/themes/spectrum.css b/components/splitview/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/splitview/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/statuslight/CHANGELOG.md b/components/statuslight/CHANGELOG.md
index 3dfc11abb4e..91fa612f493 100644
--- a/components/statuslight/CHANGELOG.md
+++ b/components/statuslight/CHANGELOG.md
@@ -1,5 +1,232 @@
# Change Log
+## 8.0.0-next.0
+
+### Major Changes
+
+- [#2818](https://github.com/adobe/spectrum-css/pull/2818) [`2f8ef28`](https://github.com/adobe/spectrum-css/commit/2f8ef28aa58063553de30026de81bbc965e91157) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - Spectrum 2 Status light migration
+
+ New non-semantic colors were added to the variants list, while the `accent` semantic variant was removed. There were also some new and updated color and text-to-visual tokens used to match the designs, along with normalizing font family, font style, and font weight.
+
+ New mods added:
+
+ - `--mod-statuslight-font-family`
+ - `--mod-statuslight-font-style`
+ - `--mod-statuslight-nonsemantic-brown-color`
+ - `--mod-statuslight-nonsemantic-cinnamon-color`
+ - `--mod-statuslight-nonsemantic-pink-color`
+ - `--mod-statuslight-nonsemantic-silver-color`
+ - `--mod-statuslight-nonsemantic-turquoise-color`
+
+ Removed mods:
+
+ - `--mod-statuslight-semantic-accent-color`
+
+## 8.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 8.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 8.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 8.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 8.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 8.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 8.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 8.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 8.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 8.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 8.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 8.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 8.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 8.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 8.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 8.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 8.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 7.3.0
### Minor Changes
@@ -12,6 +239,12 @@
- [#3299](https://github.com/adobe/spectrum-css/pull/3299) [`d1a8522`](https://github.com/adobe/spectrum-css/commit/d1a8522b8bd0ba8f1ecf30bd8ed00af679e7e532) Thanks [@cdransf](https://github.com/cdransf)! - Adjust custom property ordering to resolve lint violations.
+## 7.2.3
+
+### Patch Changes
+
+- [#3299](https://github.com/adobe/spectrum-css/pull/3299) [`d1a8522`](https://github.com/adobe/spectrum-css/commit/d1a8522b8bd0ba8f1ecf30bd8ed00af679e7e532) Thanks [@cdransf](https://github.com/cdransf)! - Adjust custom property ordering to resolve lint violations.
+
## 7.2.2
### Patch Changes
@@ -60,16 +293,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.6...@spectrum-css/statuslight@7.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.6...@spectrum-css/statuslight@7.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -77,8 +307,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.6
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.5...@spectrum-css/statuslight@6.1.6)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.5...@spectrum-css/statuslight@6.1.6)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -86,8 +315,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.5
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.4...@spectrum-css/statuslight@6.1.5)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.4...@spectrum-css/statuslight@6.1.5)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -95,8 +323,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.4
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.3...@spectrum-css/statuslight@6.1.4)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.3...@spectrum-css/statuslight@6.1.4)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -104,8 +331,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.2...@spectrum-css/statuslight@6.1.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.2...@spectrum-css/statuslight@6.1.3)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -113,8 +339,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.1...@spectrum-css/statuslight@6.1.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.1.1...@spectrum-css/statuslight@6.1.2)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -122,8 +347,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -131,8 +355,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.62...@spectrum-css/statuslight@6.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.62...@spectrum-css/statuslight@6.1.0)
### ✨ Features
@@ -142,8 +365,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.62
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.61...@spectrum-css/statuslight@6.0.62)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.61...@spectrum-css/statuslight@6.0.62)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -151,8 +373,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.61
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.60...@spectrum-css/statuslight@6.0.61)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.60...@spectrum-css/statuslight@6.0.61)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -160,8 +381,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.60
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.58...@spectrum-css/statuslight@6.0.60)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.58...@spectrum-css/statuslight@6.0.60)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -169,8 +389,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.59
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.58...@spectrum-css/statuslight@6.0.59)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.58...@spectrum-css/statuslight@6.0.59)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -178,8 +397,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.58
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.57...@spectrum-css/statuslight@6.0.58)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.57...@spectrum-css/statuslight@6.0.58)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -187,8 +405,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.57
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.56...@spectrum-css/statuslight@6.0.57)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.56...@spectrum-css/statuslight@6.0.57)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -196,8 +413,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.56
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.55...@spectrum-css/statuslight@6.0.56)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.55...@spectrum-css/statuslight@6.0.56)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -205,8 +421,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.55
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.54...@spectrum-css/statuslight@6.0.55)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.54...@spectrum-css/statuslight@6.0.55)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -214,8 +429,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.54
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.53...@spectrum-css/statuslight@6.0.54)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.53...@spectrum-css/statuslight@6.0.54)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -223,8 +437,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.53
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.52...@spectrum-css/statuslight@6.0.53)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.52...@spectrum-css/statuslight@6.0.53)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -232,8 +445,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.52
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.51...@spectrum-css/statuslight@6.0.52)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.51...@spectrum-css/statuslight@6.0.52)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -241,8 +453,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.51
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.50...@spectrum-css/statuslight@6.0.51)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.50...@spectrum-css/statuslight@6.0.51)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -250,8 +461,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.50
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.49...@spectrum-css/statuslight@6.0.50)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.49...@spectrum-css/statuslight@6.0.50)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -259,8 +469,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.49
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.48...@spectrum-css/statuslight@6.0.49)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.48...@spectrum-css/statuslight@6.0.49)
### 🔙 Reverts
@@ -270,8 +479,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.48
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.47...@spectrum-css/statuslight@6.0.48)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.47...@spectrum-css/statuslight@6.0.48)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -279,8 +487,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.47
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.45...@spectrum-css/statuslight@6.0.47)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.45...@spectrum-css/statuslight@6.0.47)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -288,8 +495,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.46
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.45...@spectrum-css/statuslight@6.0.46)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.45...@spectrum-css/statuslight@6.0.46)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -297,8 +503,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.45
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.44...@spectrum-css/statuslight@6.0.45)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.44...@spectrum-css/statuslight@6.0.45)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -306,8 +511,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.44
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.43...@spectrum-css/statuslight@6.0.44)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.43...@spectrum-css/statuslight@6.0.44)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -315,8 +519,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.43
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.42...@spectrum-css/statuslight@6.0.43)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.42...@spectrum-css/statuslight@6.0.43)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -324,8 +527,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.42
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.41...@spectrum-css/statuslight@6.0.42)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.41...@spectrum-css/statuslight@6.0.42)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -333,8 +535,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.41
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.40...@spectrum-css/statuslight@6.0.41)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.40...@spectrum-css/statuslight@6.0.41)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -342,8 +543,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.40
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.39...@spectrum-css/statuslight@6.0.40)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.39...@spectrum-css/statuslight@6.0.40)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -351,8 +551,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.39
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.38...@spectrum-css/statuslight@6.0.39)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.38...@spectrum-css/statuslight@6.0.39)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -360,8 +559,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.38
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.37...@spectrum-css/statuslight@6.0.38)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.37...@spectrum-css/statuslight@6.0.38)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -369,8 +567,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.37
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.36...@spectrum-css/statuslight@6.0.37)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.36...@spectrum-css/statuslight@6.0.37)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -378,8 +575,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.36
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.35...@spectrum-css/statuslight@6.0.36)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.35...@spectrum-css/statuslight@6.0.36)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -387,8 +583,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.35
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.34...@spectrum-css/statuslight@6.0.35)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.34...@spectrum-css/statuslight@6.0.35)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -396,8 +591,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.34
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.33...@spectrum-css/statuslight@6.0.34)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.33...@spectrum-css/statuslight@6.0.34)
### 🐛 Bug fixes
@@ -407,8 +601,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.33
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.32...@spectrum-css/statuslight@6.0.33)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.32...@spectrum-css/statuslight@6.0.33)
**Note:** Version bump only for package @spectrum-css/statuslight
@@ -416,8 +609,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.32
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.31...@spectrum-css/statuslight@6.0.32)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/statuslight@6.0.31...@spectrum-css/statuslight@6.0.32)
**Note:** Version bump only for package @spectrum-css/statuslight
diff --git a/components/statuslight/index.css b/components/statuslight/index.css
index ee936645cf1..b7d461aa0d8 100644
--- a/components/statuslight/index.css
+++ b/components/statuslight/index.css
@@ -11,12 +11,9 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-StatusLight {
/* Static tokens */
- --spectrum-statuslight-corner-radius: 50%;
- --spectrum-statuslight-font-weight: 400;
+ --spectrum-statuslight-corner-radius: var(--spectrum-corner-radius-full);
--spectrum-statuslight-border-width: var(--spectrum-border-width-100);
/* Size */
@@ -25,23 +22,27 @@
--spectrum-statuslight-line-height: var(--spectrum-line-height-100);
--spectrum-statuslight-line-height-cjk: var(--spectrum-cjk-line-height-100);
+ /* Font */
+ --spectrum-statuslight-font-family: var(--spectrum-default-font-family);
+ --spectrum-statuslight-font-weight: var(--spectrum-regular-font-weight);
+ --spectrum-statuslight-font-style: var(--spectrum-default-font-style);
--spectrum-statuslight-font-size: var(--spectrum-font-size-100);
/* Space */
- --spectrum-statuslight-spacing-dot-to-label: var(--spectrum-text-to-visual-100);
+ --spectrum-statuslight-spacing-dot-to-label: var(--spectrum-status-light-text-to-visual-100);
--spectrum-statuslight-spacing-top-to-dot: var(--spectrum-status-light-top-to-dot-medium);
--spectrum-statuslight-spacing-top-to-label: var(--spectrum-component-top-to-text-100);
--spectrum-statuslight-spacing-bottom-to-label: var(--spectrum-component-bottom-to-text-100);
/* Color */
--spectrum-statuslight-content-color-default: var(--spectrum-neutral-content-color-default);
- --spectrum-statuslight-subdued-content-color-default: var(--spectrum-neutral-subdued-content-color-default);
+ --spectrum-statuslight-subdued-content-color-default: var(--spectrum-gray-600);
--spectrum-statuslight-semantic-neutral-color: var(--spectrum-neutral-visual-color);
- --spectrum-statuslight-semantic-accent-color: var(--spectrum-accent-visual-color);
--spectrum-statuslight-semantic-negative-color: var(--spectrum-negative-visual-color);
--spectrum-statuslight-semantic-info-color: var(--spectrum-informative-visual-color);
--spectrum-statuslight-semantic-notice-color: var(--spectrum-notice-visual-color);
--spectrum-statuslight-semantic-positive-color: var(--spectrum-positive-visual-color);
+
--spectrum-statuslight-nonsemantic-gray-color: var(--spectrum-gray-visual-color);
--spectrum-statuslight-nonsemantic-red-color: var(--spectrum-red-visual-color);
--spectrum-statuslight-nonsemantic-orange-color: var(--spectrum-orange-visual-color);
@@ -56,6 +57,11 @@
--spectrum-statuslight-nonsemantic-purple-color: var(--spectrum-purple-visual-color);
--spectrum-statuslight-nonsemantic-fuchsia-color: var(--spectrum-fuchsia-visual-color);
--spectrum-statuslight-nonsemantic-magenta-color: var(--spectrum-magenta-visual-color);
+ --spectrum-statuslight-nonsemantic-pink-color: var(--spectrum-pink-visual-color);
+ --spectrum-statuslight-nonsemantic-turquoise-color: var(--spectrum-turquoise-visual-color);
+ --spectrum-statuslight-nonsemantic-cinnamon-color: var(--spectrum-cinnamon-visual-color);
+ --spectrum-statuslight-nonsemantic-brown-color: var(--spectrum-brown-visual-color);
+ --spectrum-statuslight-nonsemantic-silver-color: var(--spectrum-silver-visual-color);
}
.spectrum-StatusLight--sizeS {
@@ -64,31 +70,19 @@
--spectrum-statuslight-font-size: var(--spectrum-font-size-75);
- --spectrum-statuslight-spacing-dot-to-label: var(--spectrum-text-to-visual-75);
+ --spectrum-statuslight-spacing-dot-to-label: var(--spectrum-status-light-text-to-visual-75);
--spectrum-statuslight-spacing-top-to-dot: var(--spectrum-status-light-top-to-dot-small);
--spectrum-statuslight-spacing-top-to-label: var(--spectrum-component-top-to-text-75);
--spectrum-statuslight-spacing-bottom-to-label: var(--spectrum-component-bottom-to-text-75);
}
-.spectrum-StatusLight--sizeM {
- --spectrum-statuslight-height: var(--spectrum-component-height-100);
- --spectrum-statuslight-dot-size: var(--spectrum-status-light-dot-size-medium);
-
- --spectrum-statuslight-font-size: var(--spectrum-font-size-100);
-
- --spectrum-statuslight-spacing-dot-to-label: var(--spectrum-text-to-visual-100);
- --spectrum-statuslight-spacing-top-to-dot: var(--spectrum-status-light-top-to-dot-medium);
- --spectrum-statuslight-spacing-top-to-label: var(--spectrum-component-top-to-text-100);
- --spectrum-statuslight-spacing-bottom-to-label: var(--spectrum-component-bottom-to-text-100);
-}
-
.spectrum-StatusLight--sizeL {
--spectrum-statuslight-height: var(--spectrum-component-height-200);
--spectrum-statuslight-dot-size: var(--spectrum-status-light-dot-size-large);
--spectrum-statuslight-font-size: var(--spectrum-font-size-200);
- --spectrum-statuslight-spacing-dot-to-label: var(--spectrum-text-to-visual-200);
+ --spectrum-statuslight-spacing-dot-to-label: var(--spectrum-status-light-text-to-visual-200);
--spectrum-statuslight-spacing-top-to-dot: var(--spectrum-status-light-top-to-dot-large);
--spectrum-statuslight-spacing-top-to-label: var(--spectrum-component-top-to-text-200);
--spectrum-statuslight-spacing-bottom-to-label: var(--spectrum-component-bottom-to-text-200);
@@ -100,7 +94,7 @@
--spectrum-statuslight-font-size: var(--spectrum-font-size-300);
- --spectrum-statuslight-spacing-dot-to-label: var(--spectrum-text-to-visual-300);
+ --spectrum-statuslight-spacing-dot-to-label: var(--spectrum-status-light-text-to-visual-300);
--spectrum-statuslight-spacing-top-to-dot: var(--spectrum-status-light-top-to-dot-extra-large);
--spectrum-statuslight-spacing-top-to-label: var(--spectrum-component-top-to-text-300);
--spectrum-statuslight-spacing-bottom-to-label: var(--spectrum-component-bottom-to-text-300);
@@ -120,6 +114,8 @@
font-size: var(--mod-statuslight-font-size, var(--spectrum-statuslight-font-size));
font-weight: var(--mod-statuslight-font-weight, var(--spectrum-statuslight-font-weight));
+ font-family: var(--mod-statuslight-font-family, var(--spectrum-statuslight-font-family));
+ font-style: var(--mod-statuslight-font-style, var(--spectrum-statuslight-font-style));
line-height: var(--mod-statuslight-line-height, var(--spectrum-statuslight-line-height));
@@ -133,8 +129,6 @@
/* Dot */
&::before {
- --spectrum-statuslight-spacing-computed-top-to-dot: calc(var(--mod-statuslight-spacing-top-to-dot, var(--spectrum-statuslight-spacing-top-to-dot)) - var(--mod-statuslight-spacing-top-to-label, var(--spectrum-statuslight-spacing-top-to-label)));
-
content: "";
flex-grow: 0;
flex-shrink: 0;
@@ -143,17 +137,13 @@
block-size: var(--mod-statuslight-dot-size, var(--spectrum-statuslight-dot-size));
border-radius: var(--mod-statuslight-corner-radius, var(--spectrum-statuslight-corner-radius));
+ --spectrum-statuslight-spacing-computed-top-to-dot: calc(var(--mod-statuslight-spacing-top-to-dot, var(--spectrum-statuslight-spacing-top-to-dot)) - var(--mod-statuslight-spacing-top-to-label, var(--spectrum-statuslight-spacing-top-to-label)));
margin-block-start: var(--spectrum-statuslight-spacing-computed-top-to-dot);
margin-inline-end: var(--mod-statuslight-spacing-dot-to-label, var(--spectrum-statuslight-spacing-dot-to-label));
}
}
-.spectrum-StatusLight--neutral {
- font-style: italic;
-}
-
/* Semantic Colors */
-
.spectrum-StatusLight--neutral {
color: var(--highcontrast-statuslight-subdued-content-color-default, var(--mod-statuslight-subdued-content-color-default, var(--spectrum-statuslight-subdued-content-color-default)));
@@ -162,10 +152,6 @@
}
}
-.spectrum-StatusLight--accent::before {
- background-color: var(--mod-statuslight-semantic-accent-color, var(--spectrum-statuslight-semantic-accent-color));
-}
-
.spectrum-StatusLight--info::before {
background-color: var(--mod-statuslight-semantic-info-color, var(--spectrum-statuslight-semantic-info-color));
}
@@ -183,7 +169,6 @@
}
/* Non-Semantic Colors */
-
.spectrum-StatusLight--gray::before {
background-color: var(--mod-statuslight-nonsemantic-gray-color, var(--spectrum-statuslight-nonsemantic-gray-color));
}
@@ -240,13 +225,32 @@
background-color: var(--mod-statuslight-nonsemantic-magenta-color, var(--spectrum-statuslight-nonsemantic-magenta-color));
}
+.spectrum-StatusLight--pink::before {
+ background-color: var(--mod-statuslight-nonsemantic-pink-color, var(--spectrum-statuslight-nonsemantic-pink-color));
+}
+
+.spectrum-StatusLight--turquoise::before {
+ background-color: var(--mod-statuslight-nonsemantic-turquoise-color, var(--spectrum-statuslight-nonsemantic-turquoise-color));
+}
+
+.spectrum-StatusLight--cinnamon::before {
+ background-color: var(--mod-statuslight-nonsemantic-cinnamon-color, var(--spectrum-statuslight-nonsemantic-cinnamon-color));
+}
+
+.spectrum-StatusLight--brown::before {
+ background-color: var(--mod-statuslight-nonsemantic-brown-color, var(--spectrum-statuslight-nonsemantic-brown-color));
+}
+
+.spectrum-StatusLight--silver::before {
+ background-color: var(--mod-statuslight-nonsemantic-silver-color, var(--spectrum-statuslight-nonsemantic-silver-color));
+}
+
@media (forced-colors: active) {
.spectrum-StatusLight {
+ forced-color-adjust: none;
--highcontrast-statuslight-content-color-default: CanvasText;
--highcontrast-statuslight-subdued-content-color-default: CanvasText;
- forced-color-adjust: none;
-
/* Dot */
&::before {
forced-color-adjust: none;
diff --git a/components/statuslight/metadata/metadata.json b/components/statuslight/metadata/metadata.json
index 7c7c6a7587f..96e9aa7abf5 100644
--- a/components/statuslight/metadata/metadata.json
+++ b/components/statuslight/metadata/metadata.json
@@ -2,10 +2,11 @@
"sourceFile": "index.css",
"selectors": [
".spectrum-StatusLight",
- ".spectrum-StatusLight--accent:before",
".spectrum-StatusLight--blue:before",
+ ".spectrum-StatusLight--brown:before",
".spectrum-StatusLight--celery:before",
".spectrum-StatusLight--chartreuse:before",
+ ".spectrum-StatusLight--cinnamon:before",
".spectrum-StatusLight--cyan:before",
".spectrum-StatusLight--fuchsia:before",
".spectrum-StatusLight--gray:before",
@@ -18,14 +19,16 @@
".spectrum-StatusLight--neutral:before",
".spectrum-StatusLight--notice:before",
".spectrum-StatusLight--orange:before",
+ ".spectrum-StatusLight--pink:before",
".spectrum-StatusLight--positive:before",
".spectrum-StatusLight--purple:before",
".spectrum-StatusLight--red:before",
".spectrum-StatusLight--seafoam:before",
+ ".spectrum-StatusLight--silver:before",
".spectrum-StatusLight--sizeL",
- ".spectrum-StatusLight--sizeM",
".spectrum-StatusLight--sizeS",
".spectrum-StatusLight--sizeXL",
+ ".spectrum-StatusLight--turquoise:before",
".spectrum-StatusLight--yellow:before",
".spectrum-StatusLight:before",
".spectrum-StatusLight:lang(ja)",
@@ -37,14 +40,18 @@
"--mod-statuslight-content-color-default",
"--mod-statuslight-corner-radius",
"--mod-statuslight-dot-size",
+ "--mod-statuslight-font-family",
"--mod-statuslight-font-size",
+ "--mod-statuslight-font-style",
"--mod-statuslight-font-weight",
"--mod-statuslight-height",
"--mod-statuslight-line-height",
"--mod-statuslight-line-height-cjk",
"--mod-statuslight-nonsemantic-blue-color",
+ "--mod-statuslight-nonsemantic-brown-color",
"--mod-statuslight-nonsemantic-celery-color",
"--mod-statuslight-nonsemantic-chartreuse-color",
+ "--mod-statuslight-nonsemantic-cinnamon-color",
"--mod-statuslight-nonsemantic-cyan-color",
"--mod-statuslight-nonsemantic-fuchsia-color",
"--mod-statuslight-nonsemantic-gray-color",
@@ -52,11 +59,13 @@
"--mod-statuslight-nonsemantic-indigo-color",
"--mod-statuslight-nonsemantic-magenta-color",
"--mod-statuslight-nonsemantic-orange-color",
+ "--mod-statuslight-nonsemantic-pink-color",
"--mod-statuslight-nonsemantic-purple-color",
"--mod-statuslight-nonsemantic-red-color",
"--mod-statuslight-nonsemantic-seafoam-color",
+ "--mod-statuslight-nonsemantic-silver-color",
+ "--mod-statuslight-nonsemantic-turquoise-color",
"--mod-statuslight-nonsemantic-yellow-color",
- "--mod-statuslight-semantic-accent-color",
"--mod-statuslight-semantic-info-color",
"--mod-statuslight-semantic-negative-color",
"--mod-statuslight-semantic-neutral-color",
@@ -73,6 +82,10 @@
"--spectrum-status-light-dot-size-large",
"--spectrum-status-light-dot-size-medium",
"--spectrum-status-light-dot-size-small",
+ "--spectrum-status-light-text-to-visual-100",
+ "--spectrum-status-light-text-to-visual-200",
+ "--spectrum-status-light-text-to-visual-300",
+ "--spectrum-status-light-text-to-visual-75",
"--spectrum-status-light-top-to-dot-extra-large",
"--spectrum-status-light-top-to-dot-large",
"--spectrum-status-light-top-to-dot-medium",
@@ -81,14 +94,18 @@
"--spectrum-statuslight-content-color-default",
"--spectrum-statuslight-corner-radius",
"--spectrum-statuslight-dot-size",
+ "--spectrum-statuslight-font-family",
"--spectrum-statuslight-font-size",
+ "--spectrum-statuslight-font-style",
"--spectrum-statuslight-font-weight",
"--spectrum-statuslight-height",
"--spectrum-statuslight-line-height",
"--spectrum-statuslight-line-height-cjk",
"--spectrum-statuslight-nonsemantic-blue-color",
+ "--spectrum-statuslight-nonsemantic-brown-color",
"--spectrum-statuslight-nonsemantic-celery-color",
"--spectrum-statuslight-nonsemantic-chartreuse-color",
+ "--spectrum-statuslight-nonsemantic-cinnamon-color",
"--spectrum-statuslight-nonsemantic-cyan-color",
"--spectrum-statuslight-nonsemantic-fuchsia-color",
"--spectrum-statuslight-nonsemantic-gray-color",
@@ -96,11 +113,13 @@
"--spectrum-statuslight-nonsemantic-indigo-color",
"--spectrum-statuslight-nonsemantic-magenta-color",
"--spectrum-statuslight-nonsemantic-orange-color",
+ "--spectrum-statuslight-nonsemantic-pink-color",
"--spectrum-statuslight-nonsemantic-purple-color",
"--spectrum-statuslight-nonsemantic-red-color",
"--spectrum-statuslight-nonsemantic-seafoam-color",
+ "--spectrum-statuslight-nonsemantic-silver-color",
+ "--spectrum-statuslight-nonsemantic-turquoise-color",
"--spectrum-statuslight-nonsemantic-yellow-color",
- "--spectrum-statuslight-semantic-accent-color",
"--spectrum-statuslight-semantic-info-color",
"--spectrum-statuslight-semantic-negative-color",
"--spectrum-statuslight-semantic-neutral-color",
@@ -114,11 +133,12 @@
"--spectrum-statuslight-subdued-content-color-default"
],
"global": [
- "--spectrum-accent-visual-color",
"--spectrum-blue-visual-color",
"--spectrum-border-width-100",
+ "--spectrum-brown-visual-color",
"--spectrum-celery-visual-color",
"--spectrum-chartreuse-visual-color",
+ "--spectrum-cinnamon-visual-color",
"--spectrum-cjk-line-height-100",
"--spectrum-component-bottom-to-text-100",
"--spectrum-component-bottom-to-text-200",
@@ -132,12 +152,16 @@
"--spectrum-component-top-to-text-200",
"--spectrum-component-top-to-text-300",
"--spectrum-component-top-to-text-75",
+ "--spectrum-corner-radius-full",
"--spectrum-cyan-visual-color",
+ "--spectrum-default-font-family",
+ "--spectrum-default-font-style",
"--spectrum-font-size-100",
"--spectrum-font-size-200",
"--spectrum-font-size-300",
"--spectrum-font-size-75",
"--spectrum-fuchsia-visual-color",
+ "--spectrum-gray-600",
"--spectrum-gray-visual-color",
"--spectrum-green-visual-color",
"--spectrum-indigo-visual-color",
@@ -146,21 +170,19 @@
"--spectrum-magenta-visual-color",
"--spectrum-negative-visual-color",
"--spectrum-neutral-content-color-default",
- "--spectrum-neutral-subdued-content-color-default",
"--spectrum-neutral-visual-color",
"--spectrum-notice-visual-color",
"--spectrum-orange-visual-color",
+ "--spectrum-pink-visual-color",
"--spectrum-positive-visual-color",
"--spectrum-purple-visual-color",
"--spectrum-red-visual-color",
+ "--spectrum-regular-font-weight",
"--spectrum-seafoam-visual-color",
- "--spectrum-text-to-visual-100",
- "--spectrum-text-to-visual-200",
- "--spectrum-text-to-visual-300",
- "--spectrum-text-to-visual-75",
+ "--spectrum-silver-visual-color",
+ "--spectrum-turquoise-visual-color",
"--spectrum-yellow-visual-color"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-statuslight-content-color-default",
diff --git a/components/statuslight/metadata/mods.md b/components/statuslight/metadata/mods.md
deleted file mode 100644
index bc3b415f907..00000000000
--- a/components/statuslight/metadata/mods.md
+++ /dev/null
@@ -1,36 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------- |
-| `--mod-statuslight-border-width` |
-| `--mod-statuslight-content-color-default` |
-| `--mod-statuslight-corner-radius` |
-| `--mod-statuslight-dot-size` |
-| `--mod-statuslight-font-size` |
-| `--mod-statuslight-font-weight` |
-| `--mod-statuslight-height` |
-| `--mod-statuslight-line-height` |
-| `--mod-statuslight-line-height-cjk` |
-| `--mod-statuslight-nonsemantic-blue-color` |
-| `--mod-statuslight-nonsemantic-celery-color` |
-| `--mod-statuslight-nonsemantic-chartreuse-color` |
-| `--mod-statuslight-nonsemantic-cyan-color` |
-| `--mod-statuslight-nonsemantic-fuchsia-color` |
-| `--mod-statuslight-nonsemantic-gray-color` |
-| `--mod-statuslight-nonsemantic-green-color` |
-| `--mod-statuslight-nonsemantic-indigo-color` |
-| `--mod-statuslight-nonsemantic-magenta-color` |
-| `--mod-statuslight-nonsemantic-orange-color` |
-| `--mod-statuslight-nonsemantic-purple-color` |
-| `--mod-statuslight-nonsemantic-red-color` |
-| `--mod-statuslight-nonsemantic-seafoam-color` |
-| `--mod-statuslight-nonsemantic-yellow-color` |
-| `--mod-statuslight-semantic-accent-color` |
-| `--mod-statuslight-semantic-info-color` |
-| `--mod-statuslight-semantic-negative-color` |
-| `--mod-statuslight-semantic-neutral-color` |
-| `--mod-statuslight-semantic-notice-color` |
-| `--mod-statuslight-semantic-positive-color` |
-| `--mod-statuslight-spacing-bottom-to-label` |
-| `--mod-statuslight-spacing-dot-to-label` |
-| `--mod-statuslight-spacing-top-to-dot` |
-| `--mod-statuslight-spacing-top-to-label` |
-| `--mod-statuslight-subdued-content-color-default` |
diff --git a/components/statuslight/package.json b/components/statuslight/package.json
index 1ddbb84bc8a..8234fdfeac8 100644
--- a/components/statuslight/package.json
+++ b/components/statuslight/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/statuslight",
- "version": "7.3.0",
+ "version": "8.0.0-next.0",
"description": "The Spectrum CSS statuslight component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/statuslight/stories/statuslight.stories.js b/components/statuslight/stories/statuslight.stories.js
index fdd4f7224da..ecf5666a521 100644
--- a/components/statuslight/stories/statuslight.stories.js
+++ b/components/statuslight/stories/statuslight.stories.js
@@ -33,26 +33,30 @@ export default {
category: "Component",
},
options: [
- "accent",
"info",
"neutral",
"positive",
"notice",
"negative",
- "gray",
- "red",
- "orange",
"yellow",
"chartreuse",
"celery",
- "green",
"seafoam",
"cyan",
- "blue",
"indigo",
"purple",
"fuchsia",
"magenta",
+ "gray",
+ "red",
+ "orange",
+ "green",
+ "blue",
+ "pink",
+ "turquoise",
+ "cinnamon",
+ "brown",
+ "silver",
],
control: "select",
},
@@ -65,9 +69,14 @@ export default {
isDisabled: false,
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=36797-954",
+ },
packageJson,
metadata,
},
+ tags: ["migrated"],
};
/**
diff --git a/components/statuslight/themes/express.css b/components/statuslight/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/statuslight/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/statuslight/themes/spectrum.css b/components/statuslight/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/statuslight/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/steplist/CHANGELOG.md b/components/steplist/CHANGELOG.md
index 1117b3ac23c..3d1e3ae5bfc 100644
--- a/components/steplist/CHANGELOG.md
+++ b/components/steplist/CHANGELOG.md
@@ -1,5 +1,255 @@
# Change Log
+## 6.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`5a0ce6e`](https://github.com/adobe/spectrum-css/commit/5a0ce6e5c1908679bd87a63969b99a105faea265)]:
+ - @spectrum-css/tooltip@7.0.0-next.0
+
+## 6.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.13
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tooltip@7.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -18,6 +268,12 @@
- [#3302](https://github.com/adobe/spectrum-css/pull/3302) [`4988da3`](https://github.com/adobe/spectrum-css/commit/4988da329bc4d562dd068776d7b7f84393086274) Thanks [@cdransf](https://github.com/cdransf)! - Resolves stylelint violation by removing vertical-align declaration that is ignored due to preceding display: block declaration.
+## 5.1.4
+
+### Patch Changes
+
+- [#3302](https://github.com/adobe/spectrum-css/pull/3302) [`4988da3`](https://github.com/adobe/spectrum-css/commit/4988da329bc4d562dd068776d7b7f84393086274) Thanks [@cdransf](https://github.com/cdransf)! - Resolves stylelint violation by removing vertical-align declaration that is ignored due to preceding display: block declaration.
+
## 5.1.3
### Patch Changes
@@ -74,16 +330,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.1.4...@spectrum-css/steplist@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.1.4...@spectrum-css/steplist@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -91,8 +344,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.1.3...@spectrum-css/steplist@4.1.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.1.3...@spectrum-css/steplist@4.1.4)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -100,8 +352,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.1.2...@spectrum-css/steplist@4.1.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.1.2...@spectrum-css/steplist@4.1.3)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -109,8 +360,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.1.1...@spectrum-css/steplist@4.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.1.1...@spectrum-css/steplist@4.1.2)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -118,8 +368,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/steplist
@@ -127,8 +376,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.9...@spectrum-css/steplist@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.9...@spectrum-css/steplist@4.1.0)
### ✨ Features
@@ -138,8 +386,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.9
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.8...@spectrum-css/steplist@4.0.9)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.8...@spectrum-css/steplist@4.0.9)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -147,8 +394,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.7...@spectrum-css/steplist@4.0.8)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.7...@spectrum-css/steplist@4.0.8)
### 🐛 Bug fixes
@@ -158,8 +404,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.5...@spectrum-css/steplist@4.0.7)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.5...@spectrum-css/steplist@4.0.7)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -167,8 +412,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.5...@spectrum-css/steplist@4.0.6)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.5...@spectrum-css/steplist@4.0.6)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -176,8 +420,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.4...@spectrum-css/steplist@4.0.5)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.4...@spectrum-css/steplist@4.0.5)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -185,8 +428,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.3...@spectrum-css/steplist@4.0.4)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.3...@spectrum-css/steplist@4.0.4)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -194,8 +436,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.2...@spectrum-css/steplist@4.0.3)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.2...@spectrum-css/steplist@4.0.3)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -203,8 +444,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.1...@spectrum-css/steplist@4.0.2)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.1...@spectrum-css/steplist@4.0.2)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -212,8 +452,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.0...@spectrum-css/steplist@4.0.1)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@4.0.0...@spectrum-css/steplist@4.0.1)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -221,13 +460,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.78...@spectrum-css/steplist@4.0.0)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.78...@spectrum-css/steplist@4.0.0)
\*feat(steplist)!: migrate to spectrum tokens([5b0f4aa](https://github.com/adobe/spectrum-css/commit/5b0f4aa))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates to use spectrum-tokens
@@ -236,8 +473,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.78
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.77...@spectrum-css/steplist@3.0.78)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.77...@spectrum-css/steplist@3.0.78)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -245,8 +481,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.77
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.76...@spectrum-css/steplist@3.0.77)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.76...@spectrum-css/steplist@3.0.77)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -254,8 +489,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.76
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.75...@spectrum-css/steplist@3.0.76)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.75...@spectrum-css/steplist@3.0.76)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -263,8 +497,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.75
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.74...@spectrum-css/steplist@3.0.75)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.74...@spectrum-css/steplist@3.0.75)
### 🔙 Reverts
@@ -274,8 +507,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.74
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.73...@spectrum-css/steplist@3.0.74)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.73...@spectrum-css/steplist@3.0.74)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -283,8 +515,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.73
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.71...@spectrum-css/steplist@3.0.73)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.71...@spectrum-css/steplist@3.0.73)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -292,8 +523,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.72
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.71...@spectrum-css/steplist@3.0.72)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.71...@spectrum-css/steplist@3.0.72)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -301,8 +531,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.71
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.70...@spectrum-css/steplist@3.0.71)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.70...@spectrum-css/steplist@3.0.71)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -310,8 +539,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.70
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.69...@spectrum-css/steplist@3.0.70)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.69...@spectrum-css/steplist@3.0.70)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -319,8 +547,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.69
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.68...@spectrum-css/steplist@3.0.69)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.68...@spectrum-css/steplist@3.0.69)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -328,8 +555,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.68
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.67...@spectrum-css/steplist@3.0.68)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.67...@spectrum-css/steplist@3.0.68)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -337,8 +563,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.67
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.66...@spectrum-css/steplist@3.0.67)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.66...@spectrum-css/steplist@3.0.67)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -346,8 +571,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.66
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.65...@spectrum-css/steplist@3.0.66)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.65...@spectrum-css/steplist@3.0.66)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -355,8 +579,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.65
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.64...@spectrum-css/steplist@3.0.65)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.64...@spectrum-css/steplist@3.0.65)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -364,8 +587,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.64
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.63...@spectrum-css/steplist@3.0.64)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.63...@spectrum-css/steplist@3.0.64)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -373,8 +595,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.63
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.62...@spectrum-css/steplist@3.0.63)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.62...@spectrum-css/steplist@3.0.63)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -382,8 +603,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.62
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.61...@spectrum-css/steplist@3.0.62)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.61...@spectrum-css/steplist@3.0.62)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -391,8 +611,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.61
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.60...@spectrum-css/steplist@3.0.61)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.60...@spectrum-css/steplist@3.0.61)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -400,8 +619,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.60
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.59...@spectrum-css/steplist@3.0.60)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.59...@spectrum-css/steplist@3.0.60)
### 🐛 Bug fixes
@@ -411,8 +629,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.59
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.58...@spectrum-css/steplist@3.0.59)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.58...@spectrum-css/steplist@3.0.59)
**Note:** Version bump only for package @spectrum-css/steplist
@@ -420,8 +637,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.58
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.57...@spectrum-css/steplist@3.0.58)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/steplist@3.0.57...@spectrum-css/steplist@3.0.58)
**Note:** Version bump only for package @spectrum-css/steplist
diff --git a/components/steplist/index.css b/components/steplist/index.css
index d8734bd6dfc..a44843e3411 100644
--- a/components/steplist/index.css
+++ b/components/steplist/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Steplist {
/* The width of a step */
--spectrum-steplist-step-width: 80px;
@@ -40,23 +38,16 @@
--spectrum-steplist-label-text-size: 12px;
--spectrum-steplist-current-label-text-color: var(--spectrum-gray-800);
-
--spectrum-steplist-current-marker-color: var(--spectrum-gray-800);
--spectrum-steplist-complete-label-text-color: var(--spectrum-gray-700);
-
- --spectrum-steplist-incomplete-label-color: var(--spectrum-gray-600);
-
--spectrum-steplist-complete-marker-background-color: var(--spectrum-gray-600);
-
- --spectrum-steplist-incomplete-marker-border-color: var(--spectrum-gray-300);
-
- --spectrum-steplist-incomplete-segment-border-block-end-color: var(--spectrum-gray-300);
-
--spectrum-steplist-complete-segment-border-block-end-color: var(--spectrum-gray-600);
-}
-.spectrum-Steplist {
+ --spectrum-steplist-incomplete-label-text-color: var(--spectrum-gray-600);
+ --spectrum-steplist-incomplete-marker-border-color: var(--spectrum-gray-200);
+ --spectrum-steplist-incomplete-segment-border-block-end-color: var(--spectrum-gray-200);
+
/* Contain child elements with positive z-index */
z-index: 0;
position: relative;
@@ -190,6 +181,7 @@
inset-inline-start: 50%;
inset-block-end: var(--mod-steplist-label-labelOffset, var(--spectrum-steplist-label-labelOffset));
+
display: block;
inline-size: calc(var(--mod-steplist-step-width, var(--spectrum-steplist-step-width)) * 1.5);
@@ -198,7 +190,7 @@
transform: translateX(-50%);
- color: var(--mod-steplist-incomplete-label-color, var(--spectrum-steplist-incomplete-label-color));
+ color: var(--mod-steplist-incomplete-label-color, var(--spectrum-steplist-incomplete-label-text-color));
&:dir(rtl) {
transform: translateX(50%);
@@ -235,7 +227,8 @@
border-radius: var(--mod-steplist-marker-diameter, var(--spectrum-steplist-marker-diameter));
- border: 2px solid;
+ border-width: 2px;
+ border-style: solid;
border-color: var(--mod-steplist-incomplete-marker-border-color, var(--spectrum-steplist-incomplete-marker-border-color));
background: transparent;
}
diff --git a/components/steplist/metadata/metadata.json b/components/steplist/metadata/metadata.json
index 3f2c92091bf..42ae953636d 100644
--- a/components/steplist/metadata/metadata.json
+++ b/components/steplist/metadata/metadata.json
@@ -72,7 +72,7 @@
"--spectrum-steplist-current-label-text-color",
"--spectrum-steplist-current-marker-color",
"--spectrum-steplist-current-marker-color-key-focus",
- "--spectrum-steplist-incomplete-label-color",
+ "--spectrum-steplist-incomplete-label-text-color",
"--spectrum-steplist-incomplete-marker-border-color",
"--spectrum-steplist-incomplete-segment-border-block-end-color",
"--spectrum-steplist-label-labelOffset",
@@ -86,12 +86,11 @@
"--spectrum-steplist-topPadding"
],
"global": [
- "--spectrum-gray-300",
+ "--spectrum-gray-200",
"--spectrum-gray-600",
"--spectrum-gray-700",
"--spectrum-gray-800"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-steplist-complete-marker-background-color",
diff --git a/components/steplist/metadata/mods.md b/components/steplist/metadata/mods.md
deleted file mode 100644
index 71bc456f278..00000000000
--- a/components/steplist/metadata/mods.md
+++ /dev/null
@@ -1,20 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------------------------- |
-| `--mod-steplist-complete-label-text-color` |
-| `--mod-steplist-complete-marker-background-color` |
-| `--mod-steplist-complete-segment-border-block-end-color` |
-| `--mod-steplist-current-label-text-color` |
-| `--mod-steplist-current-marker-color` |
-| `--mod-steplist-current-marker-color-key-focus` |
-| `--mod-steplist-incomplete-label-color` |
-| `--mod-steplist-incomplete-marker-border-color` |
-| `--mod-steplist-incomplete-segment-border-block-end-color` |
-| `--mod-steplist-label-labelOffset` |
-| `--mod-steplist-label-text-size` |
-| `--mod-steplist-marker-diameter` |
-| `--mod-steplist-marker-hitArea` |
-| `--mod-steplist-segment-height` |
-| `--mod-steplist-sidePadding` |
-| `--mod-steplist-small-topPadding` |
-| `--mod-steplist-step-width` |
-| `--mod-steplist-topPadding` |
diff --git a/components/steplist/package.json b/components/steplist/package.json
index 428b2e91ed0..f87612e001c 100644
--- a/components/steplist/package.json
+++ b/components/steplist/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/steplist",
- "version": "5.2.0",
+ "version": "6.0.0-next.0",
"description": "The Spectrum CSS steplist component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,23 +17,24 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14",
- "@spectrum-css/tooltip": ">=6"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3",
+ "@spectrum-css/tooltip": ">=7.0.0-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/tooltip": {
diff --git a/components/steplist/themes/express.css b/components/steplist/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/steplist/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/steplist/themes/spectrum.css b/components/steplist/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/steplist/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/stepper/CHANGELOG.md b/components/stepper/CHANGELOG.md
index c07139f577c..756ed91175c 100644
--- a/components/stepper/CHANGELOG.md
+++ b/components/stepper/CHANGELOG.md
@@ -1,5 +1,313 @@
# Change Log
+## 7.0.0-s2-foundations.19
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.17
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.24
+ - @spectrum-css/textfield@8.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 7.0.0-s2-foundations.18
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.16
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.21
+ - @spectrum-css/textfield@8.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 7.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.15
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.20
+ - @spectrum-css/textfield@8.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 7.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5f693f2`](https://github.com/adobe/spectrum-css/commit/5f693f2b000ffe77f1293980bc6006fbc5fa76c0) Thanks [@pfulton](https://github.com/pfulton)! - Stepper bug fixes for S1 and Express variants.
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5f693f2`](https://github.com/adobe/spectrum-css/commit/5f693f2b000ffe77f1293980bc6006fbc5fa76c0) Thanks [@pfulton](https://github.com/pfulton)! - Realign structure with original style format
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5f693f2`](https://github.com/adobe/spectrum-css/commit/5f693f2b000ffe77f1293980bc6006fbc5fa76c0) Thanks [@pfulton](https://github.com/pfulton)! - Add separate variable for stepper button border width
+
+## 7.0.0-s2-foundations.15
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9ae725f`](https://github.com/adobe/spectrum-css/commit/9ae725f10ebbb78b62070c4c477cb41cfc1b1ed6) Thanks [@pfulton](https://github.com/pfulton)! - Combobox moved the quiet min-inline-size property to index.css from theme to pick up the t-shirt sizing for the calc.
+
+ Typography increases specificity for the t-shirt sizing.
+
+ Stepper fixes for the disabled + hovered states as well as regressions fixed for the quiet variant.
+
+- Updated dependencies [[`4e80ae6`](https://github.com/adobe/spectrum-css/commit/4e80ae67ddda329a5ed556b57426623c6f0f13f0)]:
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.19
+
+## 7.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.14
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.18
+ - @spectrum-css/textfield@8.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 7.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#3041](https://github.com/adobe/spectrum-css/pull/3041) [`7be40c3`](https://github.com/adobe/spectrum-css/commit/7be40c334748f3e1064c614af793117f06146475) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - --mod properties were moved out of `stepper/themes/spectrum-two.css` into `stepper/index.css` so --mods can be applied at the component level.
+
+## 7.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.12
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.13
+ - @spectrum-css/textfield@8.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.11
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.12
+ - @spectrum-css/textfield@8.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 7.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.10
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.10
+ - @spectrum-css/textfield@8.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 7.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`da47fa2`](https://github.com/adobe/spectrum-css/commit/da47fa2cb18373e74a6718775f2db90bb25868d4), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.9
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.9
+ - @spectrum-css/textfield@8.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 7.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.8
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.8
+ - @spectrum-css/textfield@8.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 7.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.7
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.7
+ - @spectrum-css/textfield@8.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 7.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.6
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.6
+ - @spectrum-css/textfield@8.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 7.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.5
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.5
+ - @spectrum-css/textfield@8.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 7.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.4
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.4
+ - @spectrum-css/textfield@8.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 7.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.3
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.3
+ - @spectrum-css/textfield@8.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 7.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.2
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.2
+ - @spectrum-css/textfield@8.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.1
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.1
+ - @spectrum-css/textfield@8.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 7.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/infieldbutton@6.0.0-s2-foundations.0
+ - @spectrum-css/actionbutton@7.0.0-s2-foundations.0
+ - @spectrum-css/textfield@8.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 6.3.0
### Minor Changes
@@ -20,6 +328,15 @@
- [#3303](https://github.com/adobe/spectrum-css/pull/3303) [`5fa753b`](https://github.com/adobe/spectrum-css/commit/5fa753b34944584576c8d91b8d51460ff0a2e4be) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violations by removing unused properties and adding comment description.
+- Updated dependencies [[`d05f25f`](https://github.com/adobe/spectrum-css/commit/d05f25f971f2e0123ad0747c53ad0250c7cee707)]:
+ - @spectrum-css/infieldbutton@5.1.4
+
+## 6.2.1
+
+### Patch Changes
+
+- [#3303](https://github.com/adobe/spectrum-css/pull/3303) [`5fa753b`](https://github.com/adobe/spectrum-css/commit/5fa753b34944584576c8d91b8d51460ff0a2e4be) Thanks [@cdransf](https://github.com/cdransf)! - Resolves lint violations by removing unused properties and adding comment description.
+
- Updated dependencies [[`d05f25f`](https://github.com/adobe/spectrum-css/commit/d05f25f971f2e0123ad0747c53ad0250c7cee707)]:
- @spectrum-css/infieldbutton@5.1.4
@@ -106,16 +423,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.1.5...@spectrum-css/stepper@6.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.1.5...@spectrum-css/stepper@6.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -123,8 +437,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.1.4...@spectrum-css/stepper@5.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.1.4...@spectrum-css/stepper@5.1.5)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -132,8 +445,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.1.3...@spectrum-css/stepper@5.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.1.3...@spectrum-css/stepper@5.1.4)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -141,8 +453,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.1.2...@spectrum-css/stepper@5.1.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.1.2...@spectrum-css/stepper@5.1.3)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -150,8 +461,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.1.1...@spectrum-css/stepper@5.1.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.1.1...@spectrum-css/stepper@5.1.2)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -159,8 +469,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/stepper
@@ -168,8 +477,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.7...@spectrum-css/stepper@5.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.7...@spectrum-css/stepper@5.1.0)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -177,8 +485,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.7
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.6...@spectrum-css/stepper@5.0.7)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.6...@spectrum-css/stepper@5.0.7)
### 🐛 Bug fixes
@@ -194,8 +501,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.6
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.5...@spectrum-css/stepper@5.0.6)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.5...@spectrum-css/stepper@5.0.6)
### 🐛 Bug fixes
@@ -206,8 +512,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.5
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.4...@spectrum-css/stepper@5.0.5)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.4...@spectrum-css/stepper@5.0.5)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -215,8 +520,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.4
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.2...@spectrum-css/stepper@5.0.4)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.2...@spectrum-css/stepper@5.0.4)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -224,8 +528,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.3
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.2...@spectrum-css/stepper@5.0.3)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.2...@spectrum-css/stepper@5.0.3)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -233,8 +536,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.2
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.1...@spectrum-css/stepper@5.0.2)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.1...@spectrum-css/stepper@5.0.2)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -242,8 +544,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.1
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.0...@spectrum-css/stepper@5.0.1)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@5.0.0...@spectrum-css/stepper@5.0.1)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -251,8 +552,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.59...@spectrum-css/stepper@5.0.0)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.59...@spectrum-css/stepper@5.0.0)
\*feat(stepper)!: stepper migrate tokens (#1960)([3a4c217](https://github.com/adobe/spectrum-css/commit/3a4c217)), closes[#1960](https://github.com/adobe/spectrum-css/issues/1960)
@@ -380,8 +680,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.59
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.58...@spectrum-css/stepper@4.0.59)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.58...@spectrum-css/stepper@4.0.59)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -389,8 +688,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.58
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.57...@spectrum-css/stepper@4.0.58)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.57...@spectrum-css/stepper@4.0.58)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -398,8 +696,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.57
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.56...@spectrum-css/stepper@4.0.57)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.56...@spectrum-css/stepper@4.0.57)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -407,8 +704,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.56
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.55...@spectrum-css/stepper@4.0.56)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.55...@spectrum-css/stepper@4.0.56)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -416,8 +712,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.55
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.54...@spectrum-css/stepper@4.0.55)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.54...@spectrum-css/stepper@4.0.55)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -425,8 +720,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.54
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.53...@spectrum-css/stepper@4.0.54)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.53...@spectrum-css/stepper@4.0.54)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -434,8 +728,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.53
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.52...@spectrum-css/stepper@4.0.53)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.52...@spectrum-css/stepper@4.0.53)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -443,8 +736,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.52
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.51...@spectrum-css/stepper@4.0.52)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.51...@spectrum-css/stepper@4.0.52)
### 🔙 Reverts
@@ -454,8 +746,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.51
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.50...@spectrum-css/stepper@4.0.51)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.50...@spectrum-css/stepper@4.0.51)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -463,8 +754,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.50
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.48...@spectrum-css/stepper@4.0.50)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.48...@spectrum-css/stepper@4.0.50)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -472,8 +762,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.49
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.48...@spectrum-css/stepper@4.0.49)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.48...@spectrum-css/stepper@4.0.49)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -481,8 +770,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.48
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.47...@spectrum-css/stepper@4.0.48)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.47...@spectrum-css/stepper@4.0.48)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -490,8 +778,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.47
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.46...@spectrum-css/stepper@4.0.47)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.46...@spectrum-css/stepper@4.0.47)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -499,8 +786,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.46
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.45...@spectrum-css/stepper@4.0.46)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.45...@spectrum-css/stepper@4.0.46)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -508,8 +794,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.45
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.44...@spectrum-css/stepper@4.0.45)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.44...@spectrum-css/stepper@4.0.45)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -517,8 +802,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.44
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.43...@spectrum-css/stepper@4.0.44)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.43...@spectrum-css/stepper@4.0.44)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -526,8 +810,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.43
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.42...@spectrum-css/stepper@4.0.43)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.42...@spectrum-css/stepper@4.0.43)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -535,8 +818,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.42
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.41...@spectrum-css/stepper@4.0.42)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.41...@spectrum-css/stepper@4.0.42)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -544,8 +826,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.41
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.40...@spectrum-css/stepper@4.0.41)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.40...@spectrum-css/stepper@4.0.41)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -553,8 +834,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.40
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.39...@spectrum-css/stepper@4.0.40)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.39...@spectrum-css/stepper@4.0.40)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -562,8 +842,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.39
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.38...@spectrum-css/stepper@4.0.39)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.38...@spectrum-css/stepper@4.0.39)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -571,8 +850,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.38
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.37...@spectrum-css/stepper@4.0.38)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.37...@spectrum-css/stepper@4.0.38)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -580,8 +858,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.37
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.36...@spectrum-css/stepper@4.0.37)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.36...@spectrum-css/stepper@4.0.37)
### 🐛 Bug fixes
@@ -591,8 +868,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.36
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.35...@spectrum-css/stepper@4.0.36)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.35...@spectrum-css/stepper@4.0.36)
**Note:** Version bump only for package @spectrum-css/stepper
@@ -600,8 +876,7 @@ ellipsis at medium size, instead of 3. Was a matter of 1 or 2 pixels.
## 4.0.35
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.34...@spectrum-css/stepper@4.0.35)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/stepper@4.0.34...@spectrum-css/stepper@4.0.35)
**Note:** Version bump only for package @spectrum-css/stepper
diff --git a/components/stepper/index.css b/components/stepper/index.css
index 23e913843d7..5793fd54d5b 100644
--- a/components/stepper/index.css
+++ b/components/stepper/index.css
@@ -11,249 +11,279 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
+/* --- High contrast settings --- */
+@media (forced-colors: active) {
+ .spectrum-Stepper {
+ --highcontrast-stepper-border-color: CanvasText;
+ --highcontrast-stepper-border-color-hover: Highlight;
+ --highcontrast-stepper-border-color-focus: Highlight;
+ --highcontrast-stepper-border-color-focus-hover: Highlight;
+ --highcontrast-stepper-border-color-keyboard-focus: CanvasText;
+ --highcontrast-stepper-focus-indicator-color: Highlight;
-.spectrum-Stepper {
- /* Set defaults to medium size */
- --spectrum-stepper-height: var(--spectrum-component-height-100);
- --spectrum-stepper-border-radius: var(--spectrum-corner-radius-100);
+ &.is-invalid {
+ --highcontrast-stepper-border-color: Highlight;
+ --highcontrast-stepper-border-color-hover: Highlight;
+ --highcontrast-stepper-border-color-focus: Highlight;
+ --highcontrast-stepper-border-color-focus-hover: Highlight;
+ --highcontrast-stepper-border-color-keyboard-focus: Highlight;
+ }
+
+ &.is-disabled {
+ --highcontrast-stepper-border-color: GrayText;
+ --highcontrast-stepper-buttons-border-width: var(--mod-stepper-border-width, var(--spectrum-stepper-border-width));
+ }
+
+ &:not(.is-disabled) {
+ &:hover {
+ --highcontrast-stepper-border-color: var(--highcontrast-stepper-border-color-hover);
+ }
- --spectrum-stepper-button-width: var(--spectrum-in-field-button-width-stacked-medium);
+ &.is-focused,
+ &:focus {
+ --highcontrast-stepper-border-color: var(--highcontrast-stepper-border-color-focus);
- --spectrum-stepper-width: calc(var(--mod-stepper-height, var(--spectrum-stepper-height)) * var(--mod-stepper-min-width-multiplier, var(--spectrum-text-field-minimum-width-multiplier)) + var(--mod-stepper-button-width, var(--spectrum-stepper-button-width)) + (var(--mod-stepper-border-width, var(--spectrum-stepper-border-width)) * 2));
+ &:hover {
+ --highcontrast-stepper-border-color: var(--highcontrast-stepper-border-color-focus-hover);
+ }
+ }
- /*** Focus Indicator ***/
- --spectrum-stepper-focus-indicator-width: var(--spectrum-focus-indicator-thickness);
- --spectrum-stepper-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
- --spectrum-stepper-focus-indicator-color: var(--spectrum-focus-indicator-color);
+ &.is-keyboardFocused,
+ &:focus-visible {
+ --highcontrast-stepper-border-color: var(--highcontrast-stepper-border-color-keyboard-focus);
+ }
+ }
+ }
- --spectrum-stepper-animation-duration: var(--spectrum-animation-duration-100);
+ /* @passthrough start */
+ .spectrum-Stepper-input {
+ --highcontrast-textfield-border-color: var(--highcontrast-stepper-border-color);
+ }
+ /* @passthrough end */
- /*** MODS for sub components ***/
- --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-buttons-border-color, var(--spectrum-stepper-buttons-border-color)));
- --mod-infield-button-border-width: var(--mod-stepper-button-border-width, var(--spectrum-stepper-button-border-width));
- --mod-textfield-border-width: var(--mod-stepper-border-width, var(--spectrum-stepper-border-width));
+ /* @passthrough start */
+ .spectrum-Stepper-button {
+ --highcontrast-infield-button-border-color: var(--highcontrast-stepper-border-color);
+ --highcontrast-infield-button-border-color-active: var(--highcontrast-stepper-border-color);
+ }
+ /* @passthrough end */
+}
+
+/* --- Component-level definitions --- */
+.spectrum-Stepper {
+ --spectrum-stepper-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color, var(--spectrum-stepper-border-color-default)));
+ --spectrum-stepper-border-radius: var(--mod-stepper-border-radius, var(--spectrum-corner-radius-100));
+
+ --spectrum-stepper-focus-indicator-width: var(--mod-stepper-focus-indicator-width, var(--spectrum-focus-indicator-thickness));
+ --spectrum-stepper-focus-indicator-gap: var(--mod-stepper-focus-indicator-gap, var(--spectrum-focus-indicator-gap));
+ --spectrum-stepper-focus-indicator-color: var(--highcontrast-stepper-focus-indicator-color, var(--mod-stepper-focus-indicator-color, var(--spectrum-focus-indicator-color)));
+
+ --spectrum-stepper-animation-duration: var(--mod-stepper-animation-duration, var(--spectrum-animation-duration-100));
+
+ --spectrum-stepper-button-width: var(--mod-stepper-button-width, var(--spectrum-in-field-button-width-stacked-medium));
+ --spectrum-stepper-height: var(--mod-stepper-height, var(--spectrum-component-height-100));
&.spectrum-Stepper--sizeS {
- --spectrum-stepper-button-width: var(--spectrum-in-field-button-width-stacked-small);
- --spectrum-stepper-height: var(--spectrum-component-height-75);
+ --spectrum-stepper-button-width: var(--mod-stepper-button-width, var(--spectrum-in-field-button-width-stacked-small));
+ --spectrum-stepper-height: var(--mod-stepper-height, var(--spectrum-component-height-75));
}
&.spectrum-Stepper--sizeL {
- --spectrum-stepper-button-width: var(--spectrum-in-field-button-width-stacked-large);
- --spectrum-stepper-height: var(--spectrum-component-height-200);
+ --spectrum-stepper-button-width: var(--mod-stepper-button-width, var(--spectrum-in-field-button-width-stacked-large));
+ --spectrum-stepper-height: var(--mod-stepper-height, var(--spectrum-component-height-200));
}
&.spectrum-Stepper--sizeXL {
- --spectrum-stepper-button-width: var(--spectrum-in-field-button-width-stacked-extra-large);
- --spectrum-stepper-height: var(--spectrum-component-height-300);
- }
-
- /*** Quiet ***/
- &.spectrum-Stepper--quiet {
- --mod-infield-button-width-stacked: var(--mod-stepper-button-width-quiet, var(--spectrum-stepper-button-width));
- --mod-textfield-focus-indicator-color: transparent;
+ --spectrum-stepper-button-width: var(--mod-stepper-button-width, var(--spectrum-in-field-button-width-stacked-extra-large));
+ --spectrum-stepper-height: var(--mod-stepper-height, var(--spectrum-component-height-300));
}
&.is-disabled {
- --mod-infield-button-border-color-quiet-disabled: var(--spectrum-disabled-border-color);
+ --spectrum-stepper-buttons-border-width: var(--spectrum-stepper-button-border-width-disabled);
+ --spectrum-stepper-buttons-background-color: var(--spectrum-stepper-buttons-background-color-disabled);
}
- /*** Invalid ***/
&.is-invalid {
--mod-stepper-border-color: var(--mod-stepper-border-color-invalid, var(--spectrum-negative-border-color-default));
--mod-stepper-border-color-hover: var(--mod-stepper-border-color-hover-invalid, var(--spectrum-negative-border-color-hover));
--mod-stepper-border-color-focus: var(--mod-stepper-border-color-focus-invalid, var(--spectrum-negative-border-color-focus));
--mod-stepper-border-color-focus-hover: var(--mod-stepper-border-color-focus-hover-invalid, var(--spectrum-negative-border-color-focus-hover));
--mod-stepper-border-color-keyboard-focus: var(--mod-stepper-border-color-keyboard-focus-invalid, var(--spectrum-negative-border-color-key-focus));
- --mod-infield-button-border-color: var(--mod-stepper-border-color-invalid, var(--spectrum-stepper-border-color-invalid));
- --mod-textfield-icon-spacing-inline-start-invalid: 0;
+ }
+
+ &:not(.is-disabled):hover {
+ --mod-stepper-border-color: var(--highcontrast-stepper-border-color-hover, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover)));
+ }
+
+ &:not(.is-disabled).is-focused,
+ &:not(.is-disabled):focus {
+ --mod-stepper-border-color: var(--highcontrast-stepper-border-color-focus, var(--mod-stepper-border-color-focus, var(--spectrum-stepper-border-color-focus)));
+ --mod-stepper-buttons-border-color: var(--highcontrast-stepper-border-color-focus, var(--mod-stepper-border-color-focus, var(--spectrum-stepper-border-color-focus)));
&:hover {
- --mod-infield-button-border-color: var(--mod-stepper-border-color-hover-invalid, var(--spectrum-negative-border-color-hover));
+ --mod-stepper-border-color: var(--highcontrast-stepper-border-color-focus-hover, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover)));
+ --mod-stepper-buttons-border-color: var(--highcontrast-stepper-border-color-focus-hover, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover)));
}
+ }
- &.is-focused,
- &:focus {
- --mod-infield-button-border-color: var(--mod-stepper-border-color-focus-invalid, var(--spectrum-stepper-border-color-focus-invalid));
+ &:not(.is-disabled).is-keyboardFocused {
+ --mod-stepper-border-color: var(--highcontrast-stepper-border-color-focus, var(--mod-stepper-border-color-focus, var(--spectrum-stepper-border-color-keyboard-focus)));
+ }
+
+ &.spectrum-Stepper--quiet {
+ --mod-stepper-buttons-background-color: transparent;
+ /* quiet hover */
+ &:not(.is-disabled) {
&:hover {
- --mod-infield-button-border-color: var(--mod-stepper-border-color-focus-hover-invalid, var(--spectrum-stepper-border-color-focus-hover-invalid));
+ --mod-stepper-buttons-background-color: transparent;
+ }
+
+ &.is-keyboardFocused {
+ /* quiet focus indicator only on bottom border */
+ --mod-stepper-focus-indicator-visibility: visible;
}
}
- &.is-keyboardFocused,
- &:focus-visible {
- --mod-infield-button-border-color: var(--mod-stepper-border-color-keyboard-focus-invalid, var(--spectrum-stepper-border-color-keyboard-focus-invalid));
+ &.is-invalid {
+ --mod-stepper-border-color: var(--mod-stepper-border-color-invalid, var(--spectrum-negative-border-color-default));
}
}
}
-.x {
- border-radius: var(--spectrum-stepper-button-border-radius-reset);
-}
-
+/* --- Component-level passthroughs for nested components --- */
+/* @passthrough start -- MODS for sub components */
.spectrum-Stepper {
- position: relative;
- display: inline-flex;
- flex-flow: row nowrap;
-
- inline-size: var(--mod-stepper-width, var(--spectrum-stepper-width));
- block-size: var(--mod-stepper-height, var(--spectrum-stepper-height));
- border-radius: var(--mod-stepper-border-radius, var(--spectrum-stepper-border-radius));
- border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color, var(--spectrum-stepper-border-color)));
-
- .spectrum-Stepper-input {
- border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color, var(--spectrum-stepper-border-color)));
- border-start-end-radius: 0;
- border-end-end-radius: 0;
- border-inline-end-width: 0;
- }
+ --mod-infield-button-border-color: var(--mod-stepper-buttons-border-color, var(--spectrum-stepper-buttons-border-color));
+ --mod-infield-button-border-color-quiet-disabled: var(--spectrum-disabled-border-color);
+ --mod-infield-button-border-width: var(--mod-stepper-button-border-width, var(--spectrum-stepper-button-border-width));
- /*** Hover ***/
- &:hover:not(.is-invalid) {
- --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-hover, var(--mod-stepper-buttons-border-color-hover, var(--spectrum-stepper-buttons-border-color-hover)));
- }
+ --mod-textfield-border-width: var(--mod-stepper-border-width, var(--spectrum-stepper-border-width));
+ --mod-textfield-border-color: var(--spectrum-stepper-border-color);
- &:hover:not(.is-disabled) {
- .spectrum-Stepper-input,
- .spectrum-Stepper-buttons {
- border-color: var(--highcontrast-stepper-border-color-hover, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover)));
- }
+ &:hover:not(.is-invalid,.is-disabled) {
+ --mod-infield-button-border-color: var(--mod-stepper-buttons-border-color-hover, var(--spectrum-stepper-buttons-border-color-hover));
}
- /*** Focused ***/
- &.is-focused,
- &:focus {
- --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-focus, var(--mod-stepper-buttons-border-color-focus, var(--spectrum-stepper-buttons-border-color-focus)));
-
- &:not(.is-disabled) {
- .spectrum-Stepper-input {
- outline: none;
- }
+ &:not(.is-disabled) {
+ .is-focused,
+ &:focus {
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-focus, var(--mod-stepper-buttons-border-color-focus, var(--spectrum-stepper-buttons-border-color-focus)));
+ --mod-textfield-focus-indicator-width: 0;
- .spectrum-Stepper-input,
- .spectrum-Stepper-buttons {
- border-color: var(--highcontrast-stepper-border-color-focus, var(--mod-stepper-border-color-focus, var(--spectrum-stepper-border-color-focus)));
+ &:hover {
+ /* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- allows for --spectrum-stepper-buttons-border-color-focus-hover to be defined outside of current context */
+ --mod-infield-button-border-color: var(--mod-stepper-buttons-border-color-focus-hover, var(--spectrum-stepper-buttons-border-color-focus-hover));
+ --mod-textfield-focus-indicator-width: 0;
+ --mod-textfield-border-color: var(--highcontrast-stepper-border-color-focus-hover, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover)));
}
}
- &:hover {
- /* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- allows for --spectrum-stepper-buttons-border-color-focus-hover to be defined outside of current context */
- --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-focus-hover, var(--mod-stepper-buttons-border-color-focus-hover, var(--spectrum-stepper-buttons-border-color-focus-hover)));
+ &.is-keyboardFocused,
+ &:focus-visible {
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-keyboard-focus, var(--mod-stepper-buttons-border-color-keyboard-focus, var(--spectrum-stepper-buttons-border-color-keyboard-focus)));
+ --mod-textfield-focus-indicator-width: 0;
+ --mod-textfield-border-color: var(--highcontrast-stepper-border-color-keyboard-focus, var(--mod-stepper-border-color-keyboard-focus, var(--spectrum-stepper-border-color-keyboard-focus)));
- .spectrum-Stepper-input,
- .spectrum-Stepper-buttons {
- border-color: var(--highcontrast-stepper-border-color-focus-hover, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover)));
- }
+ /* keyboard focus indicator is visible */
+ outline: var(--spectrum-stepper-focus-indicator-width) solid;
+ outline-color: var(--spectrum-stepper-focus-indicator-color);
+ outline-offset: var(--spectrum-stepper-focus-indicator-gap);
}
}
- /*** Keyboard Focused ***/
- &.is-keyboardFocused,
- &:focus-visible {
- --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-keyboard-focus, var(--mod-stepper-buttons-border-color-keyboard-focus, var(--spectrum-stepper-buttons-border-color-keyboard-focus)));
+ &.is-invalid {
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-invalid, var(--spectrum-stepper-border-color-invalid)));
+ --mod-textfield-icon-spacing-inline-start-invalid: 0;
- &:not(.is-disabled) {
- /* keyboard focus indicator is visible */
- outline: var(--mod-stepper-focus-indicator-width, var(--spectrum-stepper-focus-indicator-width)) solid;
- outline-color: var(--highcontrast-stepper-focus-indicator-color, var(--mod-stepper-focus-indicator-color, var(--spectrum-stepper-focus-indicator-color)));
- outline-offset: var(--mod-stepper-focus-indicator-gap, var(--spectrum-stepper-focus-indicator-gap));
+ &:hover {
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-hover-invalid, var(--spectrum-negative-border-color-hover)));
+ }
- .spectrum-Stepper-input {
- outline: none;
- }
+ &.is-focused,
+ &:focus {
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-invalid, var(--spectrum-stepper-border-color-focus-invalid)));
- .spectrum-Stepper-input,
- .spectrum-Stepper-buttons {
- border-color: var(--highcontrast-stepper-border-color-keyboard-focus, var(--mod-stepper-border-color-keyboard-focus, var(--spectrum-stepper-border-color-keyboard-focus)));
+ &:hover {
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-hover-invalid, var(--spectrum-stepper-border-color-focus-hover-invalid)));
}
}
- }
-}
-
-/*** Quiet ***/
-.spectrum-Stepper.spectrum-Stepper--quiet {
- --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color, var(--spectrum-stepper-border-color)));
-
- /* quiet corners are not rounded */
- border-start-start-radius: 0;
- border-start-end-radius: 0;
- border-end-start-radius: 0;
- border-end-end-radius: 0;
-
- &.hide-stepper .spectrum-Stepper-input {
- border-inline-end-width: 0;
- border-end-end-radius: 0;
- }
-
- &::after {
- content: "";
- position: absolute;
- inset-block-end: calc(-1 * (var(--mod-stepper-focus-indicator-gap, var(--spectrum-stepper-focus-indicator-gap)) + var(--mod-stepper-focus-indicator-width, var(--spectrum-stepper-focus-indicator-width))));
- inset-inline-start: 0;
- inline-size: 100%;
- block-size: var(--mod-stepper-focus-indicator-width, var(--spectrum-stepper-focus-indicator-width));
- }
- .spectrum-Stepper-buttons {
- border: none;
+ &.is-keyboardFocused,
+ &:focus-visible {
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-keyboard-focus-invalid, var(--spectrum-stepper-border-color-keyboard-focus-invalid)));
+ }
}
- .spectrum-Stepper-button {
+ &.spectrum-Stepper--quiet {
+ --mod-infield-button-width-stacked: var(--mod-stepper-button-width-quiet, var(--spectrum-stepper-button-width));
+ --mod-infield-button-border-color: var(--spectrum-stepper-border-color);
+ --mod-infield-button-border-color-quiet: var(--spectrum-stepper-border-color);
--mod-infield-button-border-block-end-width: var(--mod-stepper-border-width, var(--spectrum-stepper-border-width));
--mod-infield-button-stacked-bottom-border-block-end-width: var(--mod-stepper-border-width, var(--spectrum-stepper-border-width));
--mod-infield-button-stacked-bottom-border-radius-end-end: 0;
--mod-infield-button-stacked-bottom-border-radius-end-start: 0;
--mod-infield-button-fill-justify-content: flex-end;
- padding: 0;
- }
+ --mod-infield-button-inner-edge-to-fill: var(--spectrum-stepper-button-edge-to-fill);
+ --mod-infield-button-edge-to-fill: var(--spectrum-stepper-button-edge-to-fill);
- .spectrum-Stepper-input,
- .spectrum-Stepper-buttons {
- background-color: transparent;
- }
+ --mod-textfield-focus-indicator-color: transparent;
+ --mod-textfield-background-color: transparent;
+ --mod-textfield-border-color-hover: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover)));
- /* quiet hover */
- &:not(.is-disabled):hover {
- --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-hover, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover)));
+ &:not(.is-disabled) {
+ &:hover {
+ --mod-textfield-border-color-hover: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover)));
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover)));
+ }
- .spectrum-Stepper-buttons {
- background-color: transparent;
- }
- }
+ /* quiet focus */
+ &.is-focused,
+ &:focus {
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus, var(--spectrum-stepper-border-color-focus)));
+
+ /* stylelint-disable-next-line max-nesting-depth -- @todo reduce complexity of selectors */
+ &:hover {
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover)));
+ }
+ }
- /* quiet focus */
- &.is-focused,
- &:focus {
- --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-focus, var(--mod-stepper-border-color-focus, var(--spectrum-stepper-border-color-focus)));
+ &.is-keyboardFocused {
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-keyboard-focus, var(--spectrum-stepper-border-color-keyboard-focus)));
- &:hover {
- --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-focus-hover, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover)));
+ /* stylelint-disable-next-line max-nesting-depth -- @todo reduce complexity of selectors */
+ &:hover {
+ --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover)));
+ }
+ }
}
}
+}
+/* @passthrough end */
- /* quiet keyboard focused */
- &.is-keyboardFocused {
- --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-keyboard-focus, var(--mod-stepper-border-color-keyboard-focus, var(--spectrum-stepper-border-color-keyboard-focus)));
+/* --- Component styles --- */
+.spectrum-Stepper {
+ --spectrum-stepper-width: var(--mod-stepper-width, calc(var(--spectrum-stepper-height) * var(--mod-stepper-min-width-multiplier, var(--spectrum-text-field-minimum-width-multiplier)) + var(--spectrum-stepper-button-width) + (var(--mod-stepper-border-width, var(--spectrum-stepper-border-width)) * 2)));
- &:not(.is-disabled) {
- outline: none;
+ position: relative;
+ display: inline-flex;
+ flex-flow: row nowrap;
- /* quiet focus indicator only on bottom border */
- &::after {
- background-color: var(--highcontrast-stepper-focus-indicator-color, var(--mod-stepper-focus-indicator-color, var(--spectrum-stepper-focus-indicator-color)));
- }
+ inline-size: var(--spectrum-stepper-width);
+ block-size: var(--spectrum-stepper-height);
- &:hover {
- --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-hover, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover)));
- }
- }
+ border-radius: var(--spectrum-stepper-border-radius);
+
+ &::before {
+ content: "";
}
}
-.spectrum-Stepper::before {
- content: "";
+/* Nested textfield subcomponent */
+.spectrum-Stepper-input {
+ border-start-end-radius: 0;
+ border-end-end-radius: 0;
+ border-inline-end-width: 0;
}
/* container for stepUp and stepDown buttons */
@@ -263,55 +293,57 @@
justify-content: center;
box-sizing: border-box;
- block-size: var(--mod-stepper-height, var(--spectrum-stepper-height));
- inline-size: var(--mod-stepper-button-width, var(--spectrum-stepper-button-width));
+ block-size: var(--spectrum-stepper-height);
+ inline-size: var(--spectrum-stepper-button-width);
- border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color, var(--spectrum-stepper-border-color)));
+ border-color: var(--spectrum-stepper-border-color);
border-style: var(--mod-stepper-buttons-border-style, var(--spectrum-stepper-buttons-border-style));
border-width: var(--highcontrast-stepper-buttons-border-width, var(--mod-stepper-buttons-border-width, var(--spectrum-stepper-buttons-border-width)));
border-inline-start-width: 0;
/* Have to add border radius here to avoid overlapping textfield border */
- border-start-end-radius: var(--mod-stepper-border-radius, var(--spectrum-stepper-border-radius));
- border-end-end-radius: var(--mod-stepper-border-radius, var(--spectrum-stepper-border-radius));
+ border-start-end-radius: var(--spectrum-stepper-border-radius);
+ border-end-end-radius: var(--spectrum-stepper-border-radius);
- background-color: var(--highcontrast-stepper-buttons-background-color, var(--mod-stepper-buttons-background-color, var(--spectrum-stepper-buttons-background-color)));
- transition: border-color var(--mod-stepper-animation-duration, var(--spectrum-stepper-animation-duration)) ease-in-out;
+ background-color: var(--mod-stepper-buttons-background-color, var(--spectrum-stepper-buttons-background-color));
+ transition: border-color var(--spectrum-stepper-animation-duration) ease-in-out;
}
-/* hide-stepper */
+/* stylelint-disable-next-line selector-class-pattern -- @todo update hide-stepper class to standard variant syntax */
.spectrum-Stepper.hide-stepper .spectrum-Stepper-input {
- border-start-end-radius: var(--mod-stepper-border-radius, var(--spectrum-stepper-border-radius));
- border-end-end-radius: var(--mod-stepper-border-radius, var(--spectrum-stepper-border-radius));
+ border-start-end-radius: var(--spectrum-stepper-border-radius);
+ border-end-end-radius: var(--spectrum-stepper-border-radius);
border-inline-end-width: var(--mod-stepper-border-width, var(--spectrum-stepper-border-width));
}
-@media (forced-colors: active) {
- .spectrum-Stepper {
- --highcontrast-stepper-border-color: CanvasText;
- --highcontrast-stepper-border-color-hover: Highlight;
- --highcontrast-stepper-border-color-focus: Highlight;
- --highcontrast-stepper-border-color-focus-hover: Highlight;
- --highcontrast-stepper-border-color-keyboard-focus: CanvasText;
- --highcontrast-stepper-button-background-color-default: Canvas;
- --highcontrast-stepper-button-background-color-hover: Canvas;
- --highcontrast-stepper-button-background-color-focus: Canvas;
- --highcontrast-stepper-button-background-color-keyboard-focus: Canvas;
- --highcontrast-stepper-focus-indicator-color: Highlight;
+/* --- Quiet variant styles --- */
+.spectrum-Stepper--quiet {
+ /* quiet corners are not rounded */
+ border-start-start-radius: 0;
+ border-start-end-radius: 0;
+ border-end-start-radius: 0;
+ border-end-end-radius: 0;
- &.is-invalid {
- --highcontrast-stepper-border-color: Highlight;
- --highcontrast-stepper-border-color-hover: Highlight;
- --highcontrast-stepper-border-color-focus: Highlight;
- --highcontrast-stepper-border-color-focus-hover: Highlight;
- --highcontrast-stepper-border-color-keyboard-focus: Highlight;
- --highcontrast-infield-button-border-color: Highlight;
- }
+ /* stylelint-disable selector-class-pattern -- @todo update hide-stepper class to standard variant syntax */
+ &.hide-stepper .spectrum-Stepper-input {
+ border-inline-end-width: 0;
+ border-end-end-radius: 0;
+ }
+ /* stylelint-enable selector-class-pattern */
- &.is-disabled {
- --highcontrast-stepper-border-color: GrayText;
- --highcontrast-infield-button-border-color: GrayText;
- --highcontrast-stepper-buttons-border-width: var(--mod-stepper-border-width, var(--spectrum-stepper-border-width));
- }
+ &::after {
+ visibility: var(--mod-stepper-focus-indicator-visibility, hidden);
+ content: "";
+ position: absolute;
+ inset-block-end: calc(-1 * (var(--spectrum-stepper-focus-indicator-gap) + var(--spectrum-stepper-focus-indicator-width)));
+ inset-inline-start: 0;
+ inline-size: 100%;
+ block-size: var(--spectrum-stepper-focus-indicator-width);
+ background-color: var(--spectrum-stepper-focus-indicator-color);
+ }
+
+ /* quiet hover */
+ &.is-keyboardFocused:not(.is-disabled) {
+ outline: none;
}
}
diff --git a/components/stepper/metadata/metadata.json b/components/stepper/metadata/metadata.json
index 7d2ac4ad7cf..f141c7f9aea 100644
--- a/components/stepper/metadata/metadata.json
+++ b/components/stepper/metadata/metadata.json
@@ -2,16 +2,17 @@
"sourceFile": "index.css",
"selectors": [
".spectrum-Stepper",
- ".spectrum-Stepper .spectrum-Stepper-input",
+ ".spectrum-Stepper--quiet",
+ ".spectrum-Stepper--quiet.hide-stepper .spectrum-Stepper-input",
+ ".spectrum-Stepper--quiet.is-keyboardFocused:not(.is-disabled)",
+ ".spectrum-Stepper--quiet:after",
+ ".spectrum-Stepper-button",
".spectrum-Stepper-buttons",
+ ".spectrum-Stepper-input",
".spectrum-Stepper.hide-stepper .spectrum-Stepper-input",
".spectrum-Stepper.is-disabled",
- ".spectrum-Stepper.is-focused",
- ".spectrum-Stepper.is-focused:hover",
- ".spectrum-Stepper.is-focused:hover .spectrum-Stepper-buttons",
- ".spectrum-Stepper.is-focused:hover .spectrum-Stepper-input",
- ".spectrum-Stepper.is-focused:not(.is-disabled) .spectrum-Stepper-buttons",
- ".spectrum-Stepper.is-focused:not(.is-disabled) .spectrum-Stepper-input",
+ ".spectrum-Stepper.is-focused:not(.is-disabled)",
+ ".spectrum-Stepper.is-focused:not(.is-disabled):hover",
".spectrum-Stepper.is-invalid",
".spectrum-Stepper.is-invalid.is-focused",
".spectrum-Stepper.is-invalid.is-focused:hover",
@@ -20,44 +21,27 @@
".spectrum-Stepper.is-invalid:focus-visible",
".spectrum-Stepper.is-invalid:focus:hover",
".spectrum-Stepper.is-invalid:hover",
- ".spectrum-Stepper.is-keyboardFocused",
".spectrum-Stepper.is-keyboardFocused:not(.is-disabled)",
- ".spectrum-Stepper.is-keyboardFocused:not(.is-disabled) .spectrum-Stepper-buttons",
- ".spectrum-Stepper.is-keyboardFocused:not(.is-disabled) .spectrum-Stepper-input",
".spectrum-Stepper.spectrum-Stepper--quiet",
- ".spectrum-Stepper.spectrum-Stepper--quiet .spectrum-Stepper-button",
- ".spectrum-Stepper.spectrum-Stepper--quiet .spectrum-Stepper-buttons",
- ".spectrum-Stepper.spectrum-Stepper--quiet .spectrum-Stepper-input",
- ".spectrum-Stepper.spectrum-Stepper--quiet.hide-stepper .spectrum-Stepper-input",
- ".spectrum-Stepper.spectrum-Stepper--quiet.is-focused",
- ".spectrum-Stepper.spectrum-Stepper--quiet.is-focused:hover",
- ".spectrum-Stepper.spectrum-Stepper--quiet.is-keyboardFocused",
+ ".spectrum-Stepper.spectrum-Stepper--quiet.is-focused:not(.is-disabled)",
+ ".spectrum-Stepper.spectrum-Stepper--quiet.is-focused:not(.is-disabled):hover",
+ ".spectrum-Stepper.spectrum-Stepper--quiet.is-invalid",
".spectrum-Stepper.spectrum-Stepper--quiet.is-keyboardFocused:not(.is-disabled)",
- ".spectrum-Stepper.spectrum-Stepper--quiet.is-keyboardFocused:not(.is-disabled):after",
".spectrum-Stepper.spectrum-Stepper--quiet.is-keyboardFocused:not(.is-disabled):hover",
- ".spectrum-Stepper.spectrum-Stepper--quiet:after",
- ".spectrum-Stepper.spectrum-Stepper--quiet:focus",
- ".spectrum-Stepper.spectrum-Stepper--quiet:focus:hover",
+ ".spectrum-Stepper.spectrum-Stepper--quiet:not(.is-disabled):focus",
+ ".spectrum-Stepper.spectrum-Stepper--quiet:not(.is-disabled):focus:hover",
".spectrum-Stepper.spectrum-Stepper--quiet:not(.is-disabled):hover",
- ".spectrum-Stepper.spectrum-Stepper--quiet:not(.is-disabled):hover .spectrum-Stepper-buttons",
".spectrum-Stepper.spectrum-Stepper--sizeL",
".spectrum-Stepper.spectrum-Stepper--sizeS",
".spectrum-Stepper.spectrum-Stepper--sizeXL",
".spectrum-Stepper:before",
- ".spectrum-Stepper:focus",
- ".spectrum-Stepper:focus-visible",
- ".spectrum-Stepper:focus-visible:not(.is-disabled)",
- ".spectrum-Stepper:focus-visible:not(.is-disabled) .spectrum-Stepper-buttons",
- ".spectrum-Stepper:focus-visible:not(.is-disabled) .spectrum-Stepper-input",
- ".spectrum-Stepper:focus:hover",
- ".spectrum-Stepper:focus:hover .spectrum-Stepper-buttons",
- ".spectrum-Stepper:focus:hover .spectrum-Stepper-input",
- ".spectrum-Stepper:focus:not(.is-disabled) .spectrum-Stepper-buttons",
- ".spectrum-Stepper:focus:not(.is-disabled) .spectrum-Stepper-input",
- ".spectrum-Stepper:hover:not(.is-disabled) .spectrum-Stepper-buttons",
- ".spectrum-Stepper:hover:not(.is-disabled) .spectrum-Stepper-input",
- ".spectrum-Stepper:hover:not(.is-invalid)",
- ".x"
+ ".spectrum-Stepper:hover:not(.is-invalid, .is-disabled)",
+ ".spectrum-Stepper:not(.is-disabled) .is-focused",
+ ".spectrum-Stepper:not(.is-disabled) .is-focused:hover",
+ ".spectrum-Stepper:not(.is-disabled):focus",
+ ".spectrum-Stepper:not(.is-disabled):focus-visible",
+ ".spectrum-Stepper:not(.is-disabled):focus:hover",
+ ".spectrum-Stepper:not(.is-disabled):hover"
],
"modifiers": [
"--mod-stepper-animation-duration",
@@ -86,6 +70,7 @@
"--mod-stepper-buttons-border-width",
"--mod-stepper-focus-indicator-color",
"--mod-stepper-focus-indicator-gap",
+ "--mod-stepper-focus-indicator-visibility",
"--mod-stepper-focus-indicator-width",
"--mod-stepper-height",
"--mod-stepper-min-width-multiplier",
@@ -94,6 +79,7 @@
"component": [
"--spectrum-stepper-animation-duration",
"--spectrum-stepper-border-color",
+ "--spectrum-stepper-border-color-default",
"--spectrum-stepper-border-color-focus",
"--spectrum-stepper-border-color-focus-hover",
"--spectrum-stepper-border-color-focus-hover-invalid",
@@ -104,12 +90,12 @@
"--spectrum-stepper-border-color-keyboard-focus-invalid",
"--spectrum-stepper-border-radius",
"--spectrum-stepper-border-width",
- "--spectrum-stepper-button-background-color-focus",
- "--spectrum-stepper-button-background-color-keyboard-focus",
- "--spectrum-stepper-button-border-radius-reset",
"--spectrum-stepper-button-border-width",
+ "--spectrum-stepper-button-border-width-disabled",
+ "--spectrum-stepper-button-edge-to-fill",
"--spectrum-stepper-button-width",
"--spectrum-stepper-buttons-background-color",
+ "--spectrum-stepper-buttons-background-color-disabled",
"--spectrum-stepper-buttons-border-color",
"--spectrum-stepper-buttons-border-color-focus",
"--spectrum-stepper-buttons-border-color-focus-hover",
@@ -125,27 +111,15 @@
],
"global": [
"--spectrum-animation-duration-100",
- "--spectrum-border-width-100",
- "--spectrum-border-width-200",
"--spectrum-component-height-100",
"--spectrum-component-height-200",
"--spectrum-component-height-300",
"--spectrum-component-height-75",
"--spectrum-corner-radius-100",
- "--spectrum-disabled-background-color",
"--spectrum-disabled-border-color",
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
- "--spectrum-gray-200",
- "--spectrum-gray-300",
- "--spectrum-gray-400",
- "--spectrum-gray-50",
- "--spectrum-gray-500",
- "--spectrum-gray-600",
- "--spectrum-gray-800",
- "--spectrum-gray-900",
- "--spectrum-in-field-button-fill-stacked-inner-border-rounding",
"--spectrum-in-field-button-width-stacked-extra-large",
"--spectrum-in-field-button-width-stacked-large",
"--spectrum-in-field-button-width-stacked-medium",
@@ -157,58 +131,37 @@
"--spectrum-negative-border-color-key-focus",
"--spectrum-text-field-minimum-width-multiplier"
],
- "system-theme": [
- "--system-spectrum-stepper-border-color",
- "--system-spectrum-stepper-border-color-focus",
- "--system-spectrum-stepper-border-color-focus-hover",
- "--system-spectrum-stepper-border-color-focus-hover-invalid",
- "--system-spectrum-stepper-border-color-focus-invalid",
- "--system-spectrum-stepper-border-color-hover",
- "--system-spectrum-stepper-border-color-invalid",
- "--system-spectrum-stepper-border-color-keyboard-focus",
- "--system-spectrum-stepper-border-color-keyboard-focus-invalid",
- "--system-spectrum-stepper-border-width",
- "--system-spectrum-stepper-button-background-color-focus",
- "--system-spectrum-stepper-button-background-color-keyboard-focus",
- "--system-spectrum-stepper-button-border-radius-reset",
- "--system-spectrum-stepper-button-border-width",
- "--system-spectrum-stepper-buttons-background-color",
- "--system-spectrum-stepper-buttons-border-color",
- "--system-spectrum-stepper-buttons-border-color-focus",
- "--system-spectrum-stepper-buttons-border-color-hover",
- "--system-spectrum-stepper-buttons-border-color-keyboard-focus",
- "--system-spectrum-stepper-buttons-border-style",
- "--system-spectrum-stepper-buttons-border-width",
- "--system-spectrum-stepper-disabled-buttons-background-color",
- "--system-spectrum-stepper-disabled-buttons-border-width"
- ],
"passthroughs": [
"--mod-infield-button-border-block-end-width",
"--mod-infield-button-border-color",
+ "--mod-infield-button-border-color-quiet",
"--mod-infield-button-border-color-quiet-disabled",
"--mod-infield-button-border-width",
+ "--mod-infield-button-edge-to-fill",
"--mod-infield-button-fill-justify-content",
+ "--mod-infield-button-inner-edge-to-fill",
"--mod-infield-button-stacked-bottom-border-block-end-width",
"--mod-infield-button-stacked-bottom-border-radius-end-end",
"--mod-infield-button-stacked-bottom-border-radius-end-start",
"--mod-infield-button-width-stacked",
+ "--mod-textfield-background-color",
+ "--mod-textfield-border-color",
+ "--mod-textfield-border-color-hover",
"--mod-textfield-border-width",
"--mod-textfield-focus-indicator-color",
+ "--mod-textfield-focus-indicator-width",
"--mod-textfield-icon-spacing-inline-start-invalid"
],
"high-contrast": [
"--highcontrast-infield-button-border-color",
+ "--highcontrast-infield-button-border-color-active",
"--highcontrast-stepper-border-color",
"--highcontrast-stepper-border-color-focus",
"--highcontrast-stepper-border-color-focus-hover",
"--highcontrast-stepper-border-color-hover",
"--highcontrast-stepper-border-color-keyboard-focus",
- "--highcontrast-stepper-button-background-color-default",
- "--highcontrast-stepper-button-background-color-focus",
- "--highcontrast-stepper-button-background-color-hover",
- "--highcontrast-stepper-button-background-color-keyboard-focus",
- "--highcontrast-stepper-buttons-background-color",
"--highcontrast-stepper-buttons-border-width",
- "--highcontrast-stepper-focus-indicator-color"
+ "--highcontrast-stepper-focus-indicator-color",
+ "--highcontrast-textfield-border-color"
]
}
diff --git a/components/stepper/metadata/mods.md b/components/stepper/metadata/mods.md
deleted file mode 100644
index bdec6a209ac..00000000000
--- a/components/stepper/metadata/mods.md
+++ /dev/null
@@ -1,32 +0,0 @@
-| Modifiable custom properties |
-| --------------------------------------------------- |
-| `--mod-stepper-animation-duration` |
-| `--mod-stepper-border-color` |
-| `--mod-stepper-border-color-focus` |
-| `--mod-stepper-border-color-focus-hover` |
-| `--mod-stepper-border-color-focus-hover-invalid` |
-| `--mod-stepper-border-color-focus-invalid` |
-| `--mod-stepper-border-color-hover` |
-| `--mod-stepper-border-color-hover-invalid` |
-| `--mod-stepper-border-color-invalid` |
-| `--mod-stepper-border-color-keyboard-focus` |
-| `--mod-stepper-border-color-keyboard-focus-invalid` |
-| `--mod-stepper-border-radius` |
-| `--mod-stepper-border-width` |
-| `--mod-stepper-button-border-width` |
-| `--mod-stepper-button-width` |
-| `--mod-stepper-button-width-quiet` |
-| `--mod-stepper-buttons-background-color` |
-| `--mod-stepper-buttons-border-color` |
-| `--mod-stepper-buttons-border-color-focus` |
-| `--mod-stepper-buttons-border-color-focus-hover` |
-| `--mod-stepper-buttons-border-color-hover` |
-| `--mod-stepper-buttons-border-color-keyboard-focus` |
-| `--mod-stepper-buttons-border-style` |
-| `--mod-stepper-buttons-border-width` |
-| `--mod-stepper-focus-indicator-color` |
-| `--mod-stepper-focus-indicator-gap` |
-| `--mod-stepper-focus-indicator-width` |
-| `--mod-stepper-height` |
-| `--mod-stepper-min-width-multiplier` |
-| `--mod-stepper-width` |
diff --git a/components/stepper/package.json b/components/stepper/package.json
index 9fda6f9abcc..cf517139345 100644
--- a/components/stepper/package.json
+++ b/components/stepper/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/stepper",
- "version": "6.3.0",
+ "version": "7.0.0-s2-foundations.19",
"description": "The Spectrum CSS stepper component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,25 +17,26 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/actionbutton": ">=6",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/infieldbutton": ">=5",
- "@spectrum-css/textfield": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/actionbutton": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/infieldbutton": ">=6.0.0-s2-foundations.0",
+ "@spectrum-css/textfield": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"peerDependenciesMeta": {
"@spectrum-css/infieldbutton": {
diff --git a/components/stepper/stories/stepper.stories.js b/components/stepper/stories/stepper.stories.js
index cbd0c044e19..d92d141cd80 100644
--- a/components/stepper/stories/stepper.stories.js
+++ b/components/stepper/stories/stepper.stories.js
@@ -42,6 +42,10 @@ export default {
hideStepper: false
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=67507-450",
+ },
packageJson,
metadata,
},
diff --git a/components/stepper/themes/express.css b/components/stepper/themes/express.css
deleted file mode 100644
index 6cc552c49f9..00000000000
--- a/components/stepper/themes/express.css
+++ /dev/null
@@ -1,50 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Stepper {
- --spectrum-stepper-border-width: var(--spectrum-border-width-200);
-
- --spectrum-stepper-buttons-border-style: solid;
- --spectrum-stepper-buttons-border-width: var(--spectrum-border-width-200);
- --spectrum-stepper-buttons-border-color: transparent;
- --spectrum-stepper-buttons-background-color: var(--spectrum-gray-50);
- --spectrum-stepper-buttons-border-color-hover: transparent;
- --spectrum-stepper-buttons-border-color-focus: transparent;
- --spectrum-stepper-buttons-border-color-keyboard-focus: transparent;
-
- --spectrum-stepper-button-border-radius-reset: var(--spectrum-in-field-button-fill-stacked-inner-border-rounding);
- --spectrum-stepper-button-border-width: 0;
-
- --spectrum-stepper-border-color: var(--spectrum-gray-400);
- --spectrum-stepper-border-color-hover: var(--spectrum-gray-500);
- --spectrum-stepper-border-color-focus: var(--spectrum-gray-800);
- --spectrum-stepper-border-color-focus-hover: var(--spectrum-gray-900);
- --spectrum-stepper-border-color-keyboard-focus: var(--spectrum-gray-900);
-
- --spectrum-stepper-border-color-invalid: transparent;
- --spectrum-stepper-border-color-focus-invalid: transparent;
- --spectrum-stepper-border-color-focus-hover-invalid: transparent;
- --spectrum-stepper-border-color-keyboard-focus-invalid: transparent;
-
- --spectrum-stepper-button-background-color-focus: var(--spectrum-gray-400);
- --spectrum-stepper-button-background-color-keyboard-focus: var(--spectrum-gray-300);
-
- &.is-disabled {
- --spectrum-stepper-buttons-background-color: var(--spectrum-disabled-background-color);
- --spectrum-stepper-buttons-border-width: 0;
- }
- }
-}
diff --git a/components/stepper/themes/spectrum.css b/components/stepper/themes/spectrum.css
deleted file mode 100644
index 17bb6158b38..00000000000
--- a/components/stepper/themes/spectrum.css
+++ /dev/null
@@ -1,43 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Stepper {
- --spectrum-stepper-border-width: var(--spectrum-border-width-100);
-
- --spectrum-stepper-buttons-border-style: none;
- --spectrum-stepper-buttons-border-width: 0;
- --spectrum-stepper-buttons-border-color: var(--spectrum-gray-500);
- --spectrum-stepper-buttons-background-color: var(--spectrum-gray-50);
- --spectrum-stepper-buttons-border-color-hover: var(--spectrum-gray-600);
- --spectrum-stepper-buttons-border-color-focus: var(--spectrum-gray-800);
- --spectrum-stepper-buttons-border-color-keyboard-focus: var(--spectrum-gray-900);
-
- --spectrum-stepper-button-border-radius-reset: 0px;
- --spectrum-stepper-button-border-width: var(--spectrum-border-width-100);
-
- --spectrum-stepper-border-color: var(--spectrum-gray-500);
- --spectrum-stepper-border-color-hover: var(--spectrum-gray-600);
- --spectrum-stepper-border-color-focus: var(--spectrum-gray-800);
- --spectrum-stepper-border-color-focus-hover: var(--spectrum-gray-800);
- --spectrum-stepper-border-color-keyboard-focus: var(--spectrum-gray-900);
-
- --spectrum-stepper-border-color-invalid: var(--spectrum-negative-border-color-default);
- --spectrum-stepper-border-color-focus-invalid: var(--spectrum-negative-border-color-focus);
- --spectrum-stepper-border-color-focus-hover-invalid: var(--spectrum-negative-border-color-focus-hover);
- --spectrum-stepper-border-color-keyboard-focus-invalid: var(--spectrum-negative-border-color-key-focus);
-
- --spectrum-stepper-button-background-color-focus: var(--spectrum-gray-300);
- --spectrum-stepper-button-background-color-keyboard-focus: var(--spectrum-gray-200);
- }
-}
diff --git a/components/swatch/CHANGELOG.md b/components/swatch/CHANGELOG.md
index 6505146564a..6363727390d 100644
--- a/components/swatch/CHANGELOG.md
+++ b/components/swatch/CHANGELOG.md
@@ -1,5 +1,259 @@
# Change Log
+## 7.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`eda9897`](https://github.com/adobe/spectrum-css/commit/eda9897f1a6e9ecaa4e000985e55b62ecdb9a586)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/opacitycheckerboard@3.0.0-next.0
+
+## 7.0.0-s2-foundations.18
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.16
+
+## 7.0.0-s2-foundations.17
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`aedc167`](https://github.com/adobe/spectrum-css/commit/aedc167f86d810f54dea1b2aacb191e718ac9598) Thanks [@pfulton](https://github.com/pfulton)! - Border color for Swatch on light/dark mode switched to use gray instead of black so it responds to theme.
+
+- Updated dependencies [[`aedc167`](https://github.com/adobe/spectrum-css/commit/aedc167f86d810f54dea1b2aacb191e718ac9598)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.27
+
+## 7.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.15
+
+## 7.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 7.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 7.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#2954](https://github.com/adobe/spectrum-css/pull/2954) [`2d89227`](https://github.com/adobe/spectrum-css/commit/2d892277adbc1d8d5598bdf85130d3499fd31e13) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - Reimplements support for the `spectrum-Swatch--lightBorder` class for swatches specifically in a swatch group.
+
+### Patch Changes
+
+- Updated dependencies [[`58a89ea`](https://github.com/adobe/spectrum-css/commit/58a89ea464c387111511271a5f5afce044f11042)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.15
+
+## 7.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 7.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 7.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 7.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 7.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 7.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.6
+
+## 7.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 7.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 7.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 7.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 7.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.0
+
## 6.4.1
### Patch Changes
@@ -25,6 +279,17 @@
### Patch Changes
+- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
+ - @spectrum-css/tokens@14.5.0
+
+## 6.3.0
+
+### Minor Changes
+
+- [#3253](https://github.com/adobe/spectrum-css/pull/3253) [`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86) Thanks [@castastrophe](https://github.com/castastrophe)! - This update removes tokens defined locally that belonged in the global scope. To ensure no regressions, please upgrade your @spectrum-css/tokens package at the same time so you will pick up the component-level definitions now in the global tokens scope. References to `.spectrum--(light|dark|darkest|medium|large)` have been removed.
+
+### Patch Changes
+
- Updated dependencies [[`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86)]:
- @spectrum-css/tokens@14.5.0
@@ -86,16 +351,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.1.5...@spectrum-css/swatch@6.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.1.5...@spectrum-css/swatch@6.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -103,8 +364,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.1.4...@spectrum-css/swatch@5.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.1.4...@spectrum-css/swatch@5.1.5)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -112,8 +372,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.1.3...@spectrum-css/swatch@5.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.1.3...@spectrum-css/swatch@5.1.4)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -121,8 +380,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.1.2...@spectrum-css/swatch@5.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.1.2...@spectrum-css/swatch@5.1.3)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -130,8 +388,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.1.1...@spectrum-css/swatch@5.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.1.1...@spectrum-css/swatch@5.1.2)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -139,8 +396,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/swatch
@@ -148,8 +404,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.22...@spectrum-css/swatch@5.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.22...@spectrum-css/swatch@5.1.0)
### ✨ Features
@@ -164,8 +419,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.22
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.21...@spectrum-css/swatch@5.0.22)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.21...@spectrum-css/swatch@5.0.22)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -173,8 +427,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.21
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.20...@spectrum-css/swatch@5.0.21)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.20...@spectrum-css/swatch@5.0.21)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -182,8 +435,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.20
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.18...@spectrum-css/swatch@5.0.20)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.18...@spectrum-css/swatch@5.0.20)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -191,8 +443,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.19
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.18...@spectrum-css/swatch@5.0.19)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.18...@spectrum-css/swatch@5.0.19)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -200,8 +451,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.18
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.17...@spectrum-css/swatch@5.0.18)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.17...@spectrum-css/swatch@5.0.18)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -209,8 +459,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.17
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.16...@spectrum-css/swatch@5.0.17)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.16...@spectrum-css/swatch@5.0.17)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -218,8 +467,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.16
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.15...@spectrum-css/swatch@5.0.16)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.15...@spectrum-css/swatch@5.0.16)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -227,8 +475,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.15
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.14...@spectrum-css/swatch@5.0.15)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.14...@spectrum-css/swatch@5.0.15)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -236,8 +483,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.14
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.13...@spectrum-css/swatch@5.0.14)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.13...@spectrum-css/swatch@5.0.14)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -245,8 +491,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.13
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.12...@spectrum-css/swatch@5.0.13)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.12...@spectrum-css/swatch@5.0.13)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -254,8 +499,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.12
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.11...@spectrum-css/swatch@5.0.12)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.11...@spectrum-css/swatch@5.0.12)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -263,8 +507,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.11
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.10...@spectrum-css/swatch@5.0.11)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.10...@spectrum-css/swatch@5.0.11)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -272,8 +515,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.10
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.9...@spectrum-css/swatch@5.0.10)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.9...@spectrum-css/swatch@5.0.10)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -281,8 +523,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.9
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.8...@spectrum-css/swatch@5.0.9)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.8...@spectrum-css/swatch@5.0.9)
### 🔙 Reverts
@@ -292,8 +533,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.8
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.7...@spectrum-css/swatch@5.0.8)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.7...@spectrum-css/swatch@5.0.8)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -301,8 +541,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.7
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.5...@spectrum-css/swatch@5.0.7)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.5...@spectrum-css/swatch@5.0.7)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -310,8 +549,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.6
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.5...@spectrum-css/swatch@5.0.6)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.5...@spectrum-css/swatch@5.0.6)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -319,8 +557,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.5
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.4...@spectrum-css/swatch@5.0.5)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.4...@spectrum-css/swatch@5.0.5)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -328,8 +565,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.4
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.3...@spectrum-css/swatch@5.0.4)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.3...@spectrum-css/swatch@5.0.4)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -337,8 +573,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.3
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.2...@spectrum-css/swatch@5.0.3)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.2...@spectrum-css/swatch@5.0.3)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -346,8 +581,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.2
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.1...@spectrum-css/swatch@5.0.2)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.1...@spectrum-css/swatch@5.0.2)
### 🐛 Bug fixes
@@ -357,8 +591,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.1
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.0...@spectrum-css/swatch@5.0.1)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@5.0.0...@spectrum-css/swatch@5.0.1)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -366,13 +599,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.31...@spectrum-css/swatch@5.0.0)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.31...@spectrum-css/swatch@5.0.0)
\*feat(opacitycheckerboard)!: new component (#1916)([24e9f06](https://github.com/adobe/spectrum-css/commit/24e9f06)), closes[#1916](https://github.com/adobe/spectrum-css/issues/1916)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
creates new Opacity Checkerboard component and uses it within Swatch, Color Handle, Thumbnail, Color Slider.
@@ -417,8 +648,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.31
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.30...@spectrum-css/swatch@4.0.31)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.30...@spectrum-css/swatch@4.0.31)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -426,8 +656,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.30
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.29...@spectrum-css/swatch@4.0.30)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.29...@spectrum-css/swatch@4.0.30)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -435,8 +664,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.29
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.28...@spectrum-css/swatch@4.0.29)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.28...@spectrum-css/swatch@4.0.29)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -444,8 +672,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.28
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.27...@spectrum-css/swatch@4.0.28)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.27...@spectrum-css/swatch@4.0.28)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -453,8 +680,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.27
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.26...@spectrum-css/swatch@4.0.27)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.26...@spectrum-css/swatch@4.0.27)
### 🐛 Bug fixes
@@ -464,8 +690,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.26
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.25...@spectrum-css/swatch@4.0.26)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.25...@spectrum-css/swatch@4.0.26)
### 🐛 Bug fixes
@@ -475,8 +700,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.25
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.24...@spectrum-css/swatch@4.0.25)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.24...@spectrum-css/swatch@4.0.25)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -484,8 +708,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.24
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.23...@spectrum-css/swatch@4.0.24)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.23...@spectrum-css/swatch@4.0.24)
### 🐛 Bug fixes
@@ -495,8 +718,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.23
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.22...@spectrum-css/swatch@4.0.23)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.22...@spectrum-css/swatch@4.0.23)
**Note:** Version bump only for package @spectrum-css/swatch
@@ -504,8 +726,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.22
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.21...@spectrum-css/swatch@4.0.22)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatch@4.0.21...@spectrum-css/swatch@4.0.22)
**Note:** Version bump only for package @spectrum-css/swatch
diff --git a/components/swatch/index.css b/components/swatch/index.css
index 18c0f4b7cf2..f0f03dbaac9 100644
--- a/components/swatch/index.css
+++ b/components/swatch/index.css
@@ -11,56 +11,47 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
-/* Swatch tokens */
+ /* @note: default sizing for swatch is small */
.spectrum-Swatch {
/* Placeholder tokens */
- --spectrum-swatch-focus-indicator-border-radius: 8px;
- --spectrum-swatch-icon-border-color: rgb(0 0 0 / 51%);
+ --spectrum-swatch-focus-indicator-border-radius: var(--mod-swatch-focus-indicator-border-radius, 8px);
+ --spectrum-swatch-icon-border-color: var(--mod-swatch-icon-border-color, rgb(0 0 0 / 51%));
/* Size */
- --spectrum-swatch-size: var(--spectrum-swatch-size-small);
- --spectrum-swatch-border-radius: var(--spectrum-corner-radius-100);
- --spectrum-swatch-border-thickness: var(--spectrum-border-width-100);
- --spectrum-swatch-border-thickness-selected: var(--spectrum-border-width-200);
- --spectrum-swatch-disabled-icon-size: var(--spectrum-workflow-icon-size-75);
- --spectrum-swatch-slash-thickness: var(--spectrum-swatch-slash-thickness-small);
- --spectrum-swatch-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
- --spectrum-swatch-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
+ --spectrum-swatch-size: var(--mod-swatch-size, var(--spectrum-swatch-size-small));
+ --spectrum-swatch-border-radius: var(--mod-swatch-border-radius, var(--spectrum-corner-radius-100));
+ --spectrum-swatch-border-thickness: var(--mod-swatch-border-thickness, var(--spectrum-border-width-100));
+ --spectrum-swatch-border-thickness-selected: var(--mod-swatch-border-thickness-selected, var(--spectrum-border-width-200));
+ --spectrum-swatch-disabled-icon-size: var(--mod-swatch-disabled-icon-size, var(--spectrum-workflow-icon-size-75));
+ --spectrum-swatch-slash-thickness: var(--mod-swatch-slash-thickness, var(--spectrum-swatch-slash-thickness-small));
+ --spectrum-swatch-focus-indicator-thickness: var(--mod-swatch-focus-indicator-thickness, var(--spectrum-focus-indicator-thickness));
+ --spectrum-swatch-focus-indicator-gap: var(--mod-swatch-focus-indicator-gap, var(--spectrum-focus-indicator-gap));
/* Color */
- --spectrum-swatch-border-color-selected: var(--spectrum-gray-900);
- --spectrum-swatch-inner-border-color-selected: var(--spectrum-gray-50);
- --spectrum-swatch-disabled-icon-border-color: var(--spectrum-swatch-disabled-icon-border-color);
- --spectrum-swatch-disabled-icon-color: var(--spectrum-white);
+ --spectrum-swatch-border-color-selected: var(--highcontrast-swatch-border-color-selected, var(--mod-swatch-border-color-selected, var(--spectrum-gray-900)));
+ --spectrum-swatch-inner-border-color-selected: var(--highcontrast-swatch-background-color-selected, var(--mod-swatch-inner-border-color-selected, var(--spectrum-gray-25)));
+ --spectrum-swatch-disabled-icon-color: var(--highcontrast-swatch-disabled-icon-color, var(--mod-swatch-disabled-icon-color, var(--spectrum-white)));
--spectrum-swatch-dash-icon-color: var(--spectrum-gray-800);
- --spectrum-swatch-slash-icon-color: var(--spectrum-red-900);
- --spectrum-swatch-focus-indicator-color: var(--spectrum-focus-indicator-color);
+ --spectrum-swatch-slash-icon-color: var(--highcontrast-swatch-fill-foreground-color, var(--mod-swatch-slash-icon-color, var(--spectrum-red-900)));
+ --spectrum-swatch-focus-indicator-color: var(--highcontrast-swatch-focus-indicator-color, var(--mod-swatch-focus-indicator-color, var(--spectrum-focus-indicator-color)));
}
.spectrum-Swatch--sizeXS {
- --spectrum-swatch-size: var(--spectrum-swatch-size-extra-small);
- --spectrum-swatch-disabled-icon-size: var(--spectrum-workflow-icon-size-50);
- --spectrum-swatch-slash-thickness: var(--spectrum-swatch-slash-thickness-extra-small);
-}
-
-.spectrum-Swatch--sizeS {
- --spectrum-swatch-size: var(--spectrum-swatch-size-small);
- --spectrum-swatch-disabled-icon-size: var(--spectrum-workflow-icon-size-75);
- --spectrum-swatch-slash-thickness: var(--spectrum-swatch-slash-thickness-small);
+ --spectrum-swatch-size: var(--mod-swatch-size, var(--spectrum-swatch-size-extra-small));
+ --spectrum-swatch-disabled-icon-size: var(--mod-swatch-disabled-icon-size, var(--spectrum-workflow-icon-size-50));
+ --spectrum-swatch-slash-thickness: var(--mod-swatch-slash-thickness, var(--spectrum-swatch-slash-thickness-extra-small));
}
.spectrum-Swatch--sizeM {
- --spectrum-swatch-size: var(--spectrum-swatch-size-medium);
- --spectrum-swatch-disabled-icon-size: var(--spectrum-workflow-icon-size-100);
- --spectrum-swatch-slash-thickness: var(--spectrum-swatch-slash-thickness-medium);
+ --spectrum-swatch-size: var(--mod-swatch-size, var(--spectrum-swatch-size-medium));
+ --spectrum-swatch-disabled-icon-size: var(--mod-swatch-disabled-icon-size, var(--spectrum-workflow-icon-size-100));
+ --spectrum-swatch-slash-thickness: var(--mod-swatch-slash-thickness, var(--spectrum-swatch-slash-thickness-medium));
}
.spectrum-Swatch--sizeL {
- --spectrum-swatch-size: var(--spectrum-swatch-size-large);
- --spectrum-swatch-disabled-icon-size: var(--spectrum-workflow-icon-size-200);
- --spectrum-swatch-slash-thickness: var(--spectrum-swatch-slash-thickness-large);
+ --spectrum-swatch-size: var(--mod-swatch-size, var(--spectrum-swatch-size-large));
+ --spectrum-swatch-disabled-icon-size: var(--mod-swatch-disabled-icon-size, var(--spectrum-workflow-icon-size-200));
+ --spectrum-swatch-slash-thickness: var(--mod-swatch-slash-thickness, var(--spectrum-swatch-slash-thickness-large));
}
/* Windows high contrast mode */
@@ -76,18 +67,17 @@
.spectrum-Swatch-fill {
forced-color-adjust: none;
}
- }
- .spectrum-Swatch[disabled],
- .spectrum-Swatch.is-disabled {
- --highcontrast-swatch-border-color: GrayText;
+ &[disabled],
+ &.is-disabled {
+ --highcontrast-swatch-border-color: GrayText;
+ }
}
}
-/* Swatch styles */
.spectrum-Swatch {
- inline-size: var(--mod-swatch-size, var(--spectrum-swatch-size));
- block-size: var(--mod-swatch-size, var(--spectrum-swatch-size));
+ inline-size: var(--spectrum-swatch-size);
+ block-size: var(--spectrum-swatch-size);
display: flex;
align-items: center;
@@ -102,24 +92,24 @@
user-select: none;
.spectrum-Swatch-disabledIcon {
- inline-size: var(--mod-swatch-disabled-icon-size, var(--spectrum-swatch-disabled-icon-size));
- block-size: var(--mod-swatch-disabled-icon-size, var(--spectrum-swatch-disabled-icon-size));
+ inline-size: var(--spectrum-swatch-disabled-icon-size);
+ block-size: var(--spectrum-swatch-disabled-icon-size);
}
&,
&::before {
- border-radius: var(--mod-swatch-border-radius, var(--spectrum-swatch-border-radius));
+ border-radius: var(--spectrum-swatch-border-radius);
}
&.is-selected {
- background: var(--highcontrast-swatch-background-color-selected, var(--mod-swatch-inner-border-color-selected, var(--spectrum-swatch-inner-border-color-selected)));
+ background: var(--spectrum-swatch-inner-border-color-selected);
.spectrum-Swatch-fill {
clip-path: polygon(
- calc(var(--mod-swatch-border-thickness-selected, var(--spectrum-swatch-border-thickness-selected)) * 2) calc(var(--mod-swatch-border-thickness-selected, var(--spectrum-swatch-border-thickness-selected)) * 2),
- calc(100% - var(--mod-swatch-border-thickness-selected, var(--spectrum-swatch-border-thickness-selected)) * 2) calc(var(--mod-swatch-border-thickness-selected, var(--spectrum-swatch-border-thickness-selected)) * 2),
- calc(100% - var(--mod-swatch-border-thickness-selected, var(--spectrum-swatch-border-thickness-selected)) * 2) calc(100% - var(--mod-swatch-border-thickness-selected, var(--spectrum-swatch-border-thickness-selected)) * 2),
- calc(var(--mod-swatch-border-thickness-selected, var(--spectrum-swatch-border-thickness-selected)) * 2) calc(100% - var(--mod-swatch-border-thickness-selected, var(--spectrum-swatch-border-thickness-selected)) * 2)
+ calc(var(--spectrum-swatch-border-thickness-selected) * 2) calc(var(--spectrum-swatch-border-thickness-selected) * 2),
+ calc(100% - var(--spectrum-swatch-border-thickness-selected) * 2) calc(var(--spectrum-swatch-border-thickness-selected) * 2),
+ calc(100% - var(--spectrum-swatch-border-thickness-selected) * 2) calc(100% - var(--spectrum-swatch-border-thickness-selected) * 2),
+ calc(var(--spectrum-swatch-border-thickness-selected) * 2) calc(100% - var(--spectrum-swatch-border-thickness-selected) * 2)
);
/* no border radius when selected */
@@ -161,12 +151,12 @@
background-image: none;
&::after {
- inline-size: var(--mod-swatch-slash-thickness, var(--spectrum-swatch-slash-thickness));
+ inline-size: var(--spectrum-swatch-slash-thickness);
content: "";
position: absolute;
transform: rotate(-45deg);
block-size: 200%; /* just needs to be bigger than a swatch */
- background: var(--highcontrast-swatch-fill-foreground-color, var(--mod-swatch-slash-icon-color, var(--spectrum-swatch-slash-icon-color)));
+ background: var(--spectrum-swatch-slash-icon-color);
}
}
@@ -188,9 +178,9 @@
position: absolute;
inset: 0;
- border-width: var(--mod-swatch-border-thickness-selected, var(--spectrum-swatch-border-thickness-selected));
+ border-width: var(--spectrum-swatch-border-thickness-selected);
border-style: solid;
- border-color: var(--highcontrast-swatch-border-color-selected, var(--mod-swatch-border-color-selected, var(--spectrum-swatch-border-color-selected)));
+ border-color: var(--spectrum-swatch-border-color-selected);
opacity: 0;
@@ -201,14 +191,14 @@
&::after {
content: "";
position: absolute;
- inset: calc(-2 * var(--mod-swatch-focus-indicator-gap, var(--spectrum-swatch-focus-indicator-gap)));
+ inset: calc(-2 * var(--spectrum-swatch-focus-indicator-gap));
opacity: 0;
- border-width: var(--mod-swatch-focus-indicator-thickness, var(--spectrum-swatch-focus-indicator-thickness));
+ border-width: var(--spectrum-swatch-focus-indicator-thickness);
border-style: solid;
- border-color: var(--highcontrast-swatch-focus-indicator-color, var(--mod-swatch-focus-indicator-color, var(--spectrum-swatch-focus-indicator-color)));
- border-radius: var(--mod-swatch-focus-indicator-border-radius, var(--spectrum-swatch-focus-indicator-border-radius));
+ border-color: var(--spectrum-swatch-focus-indicator-color);
+ border-radius: var(--spectrum-swatch-focus-indicator-border-radius);
transition: opacity var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-in-out;
}
@@ -242,6 +232,7 @@
inset: 0;
z-index: 0;
+ /* Undefined variable allows custom stylesheet or JS to pass the value to this element */
background: var(--spectrum-picked-color, transparent);
/* Swatch border */
@@ -255,7 +246,6 @@
.spectrum-Swatch-fill {
&::before {
box-shadow: none;
-
background: var(--spectrum-picked-color, transparent);
}
}
@@ -264,7 +254,7 @@
.spectrum-Swatch--lightBorder {
.spectrum-Swatch-fill {
&::before {
- box-shadow: inset 0 0 0 var(--mod-swatch-border-thickness, var(--spectrum-swatch-border-thickness)) var(--highcontrast-swatch-border-color-light, var(--mod-swatch-border-color-light, var(--spectrum-swatch-border-color-light)));
+ box-shadow: inset 0 0 0 var(--spectrum-swatch-border-thickness) var(--mod-swatch-border-color-light, var(--spectrum-swatch-border-color-light));
}
}
}
@@ -273,6 +263,7 @@
display: none;
pointer-events: none;
+ /* Undefined variable allows custom stylesheet or JS to pass the value to this element */
color: var(--spectrum-picked-color, transparent);
}
@@ -283,22 +274,22 @@
display: none;
pointer-events: none;
- color: var(--highcontrast-swatch-disabled-icon-color, var(--mod-swatch-disabled-icon-color, var(--spectrum-swatch-disabled-icon-color)));
- stroke: var(--highcontrast-swatch-disabled-icon-color, var(--mod-swatch-disabled-icon-color, var(--spectrum-swatch-disabled-icon-color)));
+ color: var(--spectrum-swatch-disabled-icon-color);
+ stroke: var(--spectrum-swatch-disabled-icon-color);
/* Icon fill color */
path:first-child {
- fill: var(--highcontrast-swatch-disabled-icon-color, var(--mod-swatch-disabled-icon-color, var(--spectrum-swatch-disabled-icon-color)));
+ fill: var(--spectrum-swatch-disabled-icon-color);
}
/* Icon outline color - does not need a highcontrast token because the icon fill color provides contrast. */
path:last-child {
- fill: var(--mod-swatch-icon-border-color, var(--spectrum-swatch-icon-border-color));
+ fill: var(--spectrum-swatch-icon-border-color);
}
}
.spectrum-Swatch--rectangle {
- inline-size: calc(var(--mod-swatch-size, var(--spectrum-swatch-size)) * 2);
+ inline-size: calc(var(--spectrum-swatch-size) * 2);
}
/* Variant: Rounding - None */
@@ -328,7 +319,7 @@
}
&.is-selected .spectrum-Swatch-fill {
- clip-path: circle(calc(50% - (var(--mod-swatch-border-thickness-selected, var(--spectrum-swatch-border-thickness-selected)) * 2)) at 50% 50%);
+ clip-path: circle(calc(50% - (var(--spectrum-swatch-border-thickness-selected) * 2)) at 50% 50%);
}
}
}
diff --git a/components/swatch/metadata/metadata.json b/components/swatch/metadata/metadata.json
index 341ffaf99e4..e3affcc83cb 100644
--- a/components/swatch/metadata/metadata.json
+++ b/components/swatch/metadata/metadata.json
@@ -23,7 +23,6 @@
".spectrum-Swatch--roundingNone:before",
".spectrum-Swatch--sizeL",
".spectrum-Swatch--sizeM",
- ".spectrum-Swatch--sizeS",
".spectrum-Swatch--sizeXS",
".spectrum-Swatch-disabledIcon",
".spectrum-Swatch-disabledIcon path:first-child",
@@ -78,7 +77,6 @@
"--spectrum-swatch-border-thickness",
"--spectrum-swatch-border-thickness-selected",
"--spectrum-swatch-dash-icon-color",
- "--spectrum-swatch-disabled-icon-border-color",
"--spectrum-swatch-disabled-icon-color",
"--spectrum-swatch-disabled-icon-size",
"--spectrum-swatch-focus-indicator-border-radius",
@@ -107,7 +105,7 @@
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
- "--spectrum-gray-50",
+ "--spectrum-gray-25",
"--spectrum-gray-800",
"--spectrum-gray-900",
"--spectrum-picked-color",
@@ -118,12 +116,10 @@
"--spectrum-workflow-icon-size-50",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-swatch-background-color-selected",
"--highcontrast-swatch-border-color",
- "--highcontrast-swatch-border-color-light",
"--highcontrast-swatch-border-color-selected",
"--highcontrast-swatch-disabled-icon-color",
"--highcontrast-swatch-fill-foreground-color",
diff --git a/components/swatch/metadata/mods.md b/components/swatch/metadata/mods.md
deleted file mode 100644
index 06d5eefd243..00000000000
--- a/components/swatch/metadata/mods.md
+++ /dev/null
@@ -1,20 +0,0 @@
-| Modifiable custom properties |
-| -------------------------------------------- |
-| `--mod-animation-duration-100` |
-| `--mod-swatch-border-color` |
-| `--mod-swatch-border-color-light` |
-| `--mod-swatch-border-color-selected` |
-| `--mod-swatch-border-radius` |
-| `--mod-swatch-border-thickness` |
-| `--mod-swatch-border-thickness-selected` |
-| `--mod-swatch-disabled-icon-color` |
-| `--mod-swatch-disabled-icon-size` |
-| `--mod-swatch-focus-indicator-border-radius` |
-| `--mod-swatch-focus-indicator-color` |
-| `--mod-swatch-focus-indicator-gap` |
-| `--mod-swatch-focus-indicator-thickness` |
-| `--mod-swatch-icon-border-color` |
-| `--mod-swatch-inner-border-color-selected` |
-| `--mod-swatch-size` |
-| `--mod-swatch-slash-icon-color` |
-| `--mod-swatch-slash-thickness` |
diff --git a/components/swatch/package.json b/components/swatch/package.json
index 55d5844340c..6272aa7add4 100644
--- a/components/swatch/package.json
+++ b/components/swatch/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/swatch",
- "version": "6.4.1",
+ "version": "7.0.0-next.0",
"description": "The Spectrum CSS Color swatch component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/opacitycheckerboard": ">=2",
- "@spectrum-css/tokens": ">=14.5.0"
+ "@spectrum-css/opacitycheckerboard": ">=3.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/opacitycheckerboard": "workspace:^",
diff --git a/components/swatch/stories/swatch.stories.js b/components/swatch/stories/swatch.stories.js
index 433e4261378..1d7cc28ab27 100644
--- a/components/swatch/stories/swatch.stories.js
+++ b/components/swatch/stories/swatch.stories.js
@@ -99,6 +99,10 @@ export default {
isMixedValue: false,
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=57008-1092",
+ },
packageJson,
metadata,
},
diff --git a/components/swatch/themes/express.css b/components/swatch/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/swatch/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/swatch/themes/spectrum.css b/components/swatch/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/swatch/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/swatchgroup/CHANGELOG.md b/components/swatchgroup/CHANGELOG.md
index 5fbef6e8133..a26c610ee90 100644
--- a/components/swatchgroup/CHANGELOG.md
+++ b/components/swatchgroup/CHANGELOG.md
@@ -1,5 +1,239 @@
# Change Log
+## 4.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/swatch@7.0.0-next.0
+
+## 4.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/swatch@7.0.0-s2-foundations.18
+
+## 4.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.16
+
+## 4.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 4.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 4.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 4.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 4.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 4.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 4.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 4.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 4.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/swatch@7.0.0-s2-foundations.6
+
+## 4.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 4.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 4.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 4.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 4.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 4.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/swatch@7.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 3.2.0
### Minor Changes
@@ -63,16 +297,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.1.5...@spectrum-css/swatchgroup@3.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.1.5...@spectrum-css/swatchgroup@3.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -80,8 +311,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.1.4...@spectrum-css/swatchgroup@2.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.1.4...@spectrum-css/swatchgroup@2.1.5)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -89,8 +319,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.1.3...@spectrum-css/swatchgroup@2.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.1.3...@spectrum-css/swatchgroup@2.1.4)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -98,8 +327,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.1.2...@spectrum-css/swatchgroup@2.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.1.2...@spectrum-css/swatchgroup@2.1.3)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -107,8 +335,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.1.1...@spectrum-css/swatchgroup@2.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.1.1...@spectrum-css/swatchgroup@2.1.2)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -116,8 +343,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -125,8 +351,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.78...@spectrum-css/swatchgroup@2.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.78...@spectrum-css/swatchgroup@2.1.0)
### ✨ Features
@@ -136,8 +361,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.78
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.77...@spectrum-css/swatchgroup@2.0.78)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.77...@spectrum-css/swatchgroup@2.0.78)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -145,8 +369,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.77
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.76...@spectrum-css/swatchgroup@2.0.77)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.76...@spectrum-css/swatchgroup@2.0.77)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -154,8 +377,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.76
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.74...@spectrum-css/swatchgroup@2.0.76)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.74...@spectrum-css/swatchgroup@2.0.76)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -163,8 +385,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.75
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.74...@spectrum-css/swatchgroup@2.0.75)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.74...@spectrum-css/swatchgroup@2.0.75)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -172,8 +393,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.74
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.73...@spectrum-css/swatchgroup@2.0.74)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.73...@spectrum-css/swatchgroup@2.0.74)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -181,8 +401,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.73
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.72...@spectrum-css/swatchgroup@2.0.73)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.72...@spectrum-css/swatchgroup@2.0.73)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -190,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.72
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.71...@spectrum-css/swatchgroup@2.0.72)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.71...@spectrum-css/swatchgroup@2.0.72)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -199,8 +417,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.71
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.70...@spectrum-css/swatchgroup@2.0.71)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.70...@spectrum-css/swatchgroup@2.0.71)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -208,8 +425,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.70
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.69...@spectrum-css/swatchgroup@2.0.70)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.69...@spectrum-css/swatchgroup@2.0.70)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -217,8 +433,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.69
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.68...@spectrum-css/swatchgroup@2.0.69)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.68...@spectrum-css/swatchgroup@2.0.69)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -226,8 +441,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.68
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.67...@spectrum-css/swatchgroup@2.0.68)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.67...@spectrum-css/swatchgroup@2.0.68)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -235,8 +449,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.67
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.66...@spectrum-css/swatchgroup@2.0.67)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.66...@spectrum-css/swatchgroup@2.0.67)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -244,8 +457,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.66
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.65...@spectrum-css/swatchgroup@2.0.66)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.65...@spectrum-css/swatchgroup@2.0.66)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -253,8 +465,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.65
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.64...@spectrum-css/swatchgroup@2.0.65)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.64...@spectrum-css/swatchgroup@2.0.65)
### 🔙 Reverts
@@ -264,8 +475,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.64
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.63...@spectrum-css/swatchgroup@2.0.64)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.63...@spectrum-css/swatchgroup@2.0.64)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -273,8 +483,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.63
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.61...@spectrum-css/swatchgroup@2.0.63)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.61...@spectrum-css/swatchgroup@2.0.63)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -282,8 +491,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.62
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.61...@spectrum-css/swatchgroup@2.0.62)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.61...@spectrum-css/swatchgroup@2.0.62)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -291,8 +499,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.61
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.60...@spectrum-css/swatchgroup@2.0.61)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.60...@spectrum-css/swatchgroup@2.0.61)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -300,8 +507,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.60
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.59...@spectrum-css/swatchgroup@2.0.60)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.59...@spectrum-css/swatchgroup@2.0.60)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -309,8 +515,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.59
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.58...@spectrum-css/swatchgroup@2.0.59)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.58...@spectrum-css/swatchgroup@2.0.59)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -318,8 +523,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.58
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.57...@spectrum-css/swatchgroup@2.0.58)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.57...@spectrum-css/swatchgroup@2.0.58)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -327,8 +531,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.57
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.56...@spectrum-css/swatchgroup@2.0.57)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.56...@spectrum-css/swatchgroup@2.0.57)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -336,8 +539,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.56
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.55...@spectrum-css/swatchgroup@2.0.56)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.55...@spectrum-css/swatchgroup@2.0.56)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -345,8 +547,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.55
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.54...@spectrum-css/swatchgroup@2.0.55)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.54...@spectrum-css/swatchgroup@2.0.55)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -354,8 +555,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.54
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.53...@spectrum-css/swatchgroup@2.0.54)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.53...@spectrum-css/swatchgroup@2.0.54)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -363,8 +563,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.53
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.52...@spectrum-css/swatchgroup@2.0.53)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.52...@spectrum-css/swatchgroup@2.0.53)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -372,8 +571,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.52
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.51...@spectrum-css/swatchgroup@2.0.52)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.51...@spectrum-css/swatchgroup@2.0.52)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -381,8 +579,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.51
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.50...@spectrum-css/swatchgroup@2.0.51)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.50...@spectrum-css/swatchgroup@2.0.51)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -390,8 +587,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.50
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.49...@spectrum-css/swatchgroup@2.0.50)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.49...@spectrum-css/swatchgroup@2.0.50)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -399,8 +595,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.49
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.48...@spectrum-css/swatchgroup@2.0.49)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.48...@spectrum-css/swatchgroup@2.0.49)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -408,8 +603,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.48
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.47...@spectrum-css/swatchgroup@2.0.48)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.47...@spectrum-css/swatchgroup@2.0.48)
### 🐛 Bug fixes
@@ -419,8 +613,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.47
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.46...@spectrum-css/swatchgroup@2.0.47)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.46...@spectrum-css/swatchgroup@2.0.47)
**Note:** Version bump only for package @spectrum-css/swatchgroup
@@ -428,8 +621,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.46
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.45...@spectrum-css/swatchgroup@2.0.46)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/swatchgroup@2.0.45...@spectrum-css/swatchgroup@2.0.46)
**Note:** Version bump only for package @spectrum-css/swatchgroup
diff --git a/components/swatchgroup/index.css b/components/swatchgroup/index.css
index 0c46df9a83e..78485c77529 100644
--- a/components/swatchgroup/index.css
+++ b/components/swatchgroup/index.css
@@ -11,32 +11,26 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-SwatchGroup {
- --spectrum-swatchgroup-spacing-compact: var(--spectrum-spacing-50);
- --spectrum-swatchgroup-spacing-regular: var(--spectrum-spacing-75);
- --spectrum-swatchgroup-spacing-spacious: var(--spectrum-spacing-100);
-}
+ --spectrum-swatchgroup-spacing: var(--spectrum-spacing-75);
-.spectrum-SwatchGroup {
display: inline-flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
-}
-/* Regular (Default) */
-.spectrum-SwatchGroup {
- gap: var(--mod-swatchgroup-spacing-regular, var(--spectrum-swatchgroup-spacing-regular));
+ /* Regular (Default) */
+ gap: var(--mod-swatchgroup-spacing-regular, var(--spectrum-swatchgroup-spacing));
}
/* Compact */
.spectrum-SwatchGroup--compact {
- gap: var(--mod-swatchgroup-spacing-compact, var(--spectrum-swatchgroup-spacing-compact));
+ --mod-swatchgroup-spacing-regular: var(--mod-swatchgroup-spacing-compact);
+ --spectrum-swatchgroup-spacing: var(--spectrum-spacing-50);
}
/* Spacious */
.spectrum-SwatchGroup--spacious {
- gap: var(--mod-swatchgroup-spacing-spacious, var(--spectrum-swatchgroup-spacing-spacious));
+ --mod-swatchgroup-spacing-regular: var(--mod-swatchgroup-spacing-spacious);
+ --spectrum-swatchgroup-spacing: var(--spectrum-spacing-100);
}
diff --git a/components/swatchgroup/metadata/metadata.json b/components/swatchgroup/metadata/metadata.json
index b03c96ca873..24e3423ca5d 100644
--- a/components/swatchgroup/metadata/metadata.json
+++ b/components/swatchgroup/metadata/metadata.json
@@ -10,17 +10,12 @@
"--mod-swatchgroup-spacing-regular",
"--mod-swatchgroup-spacing-spacious"
],
- "component": [
- "--spectrum-swatchgroup-spacing-compact",
- "--spectrum-swatchgroup-spacing-regular",
- "--spectrum-swatchgroup-spacing-spacious"
- ],
+ "component": ["--spectrum-swatchgroup-spacing"],
"global": [
"--spectrum-spacing-100",
"--spectrum-spacing-50",
"--spectrum-spacing-75"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/swatchgroup/metadata/mods.md b/components/swatchgroup/metadata/mods.md
deleted file mode 100644
index 61adf343556..00000000000
--- a/components/swatchgroup/metadata/mods.md
+++ /dev/null
@@ -1,5 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------ |
-| `--mod-swatchgroup-spacing-compact` |
-| `--mod-swatchgroup-spacing-regular` |
-| `--mod-swatchgroup-spacing-spacious` |
diff --git a/components/swatchgroup/package.json b/components/swatchgroup/package.json
index ee54f9d7809..45fd7b92723 100644
--- a/components/swatchgroup/package.json
+++ b/components/swatchgroup/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/swatchgroup",
- "version": "3.2.0",
+ "version": "4.0.0-next.0",
"description": "The Spectrum CSS Color swatch group component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/swatch": ">=6",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/swatch": ">=7.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/swatch": "workspace:^",
diff --git a/components/swatchgroup/stories/swatchgroup.stories.js b/components/swatchgroup/stories/swatchgroup.stories.js
index 1b33f6c0deb..05e126cfae7 100644
--- a/components/swatchgroup/stories/swatchgroup.stories.js
+++ b/components/swatchgroup/stories/swatchgroup.stories.js
@@ -112,6 +112,10 @@ export default {
...(Swatch.parameters?.actions?.handles ?? []),
],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=57008-1093",
+ },
packageJson,
metadata,
},
diff --git a/components/swatchgroup/themes/express.css b/components/swatchgroup/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/swatchgroup/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/swatchgroup/themes/spectrum.css b/components/swatchgroup/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/swatchgroup/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/switch/CHANGELOG.md b/components/switch/CHANGELOG.md
index 0598a7e3edd..33e42a67b92 100644
--- a/components/switch/CHANGELOG.md
+++ b/components/switch/CHANGELOG.md
@@ -1,5 +1,216 @@
# Change Log
+## 6.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 6.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 6.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a477157`](https://github.com/adobe/spectrum-css/commit/a477157a27c6fe5bba3f42397438d21c0cff4ddb) Thanks [@pfulton](https://github.com/pfulton)! - fix(switch): migrate mods
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -48,16 +259,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.2.5...@spectrum-css/switch@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.2.5...@spectrum-css/switch@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -65,8 +273,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.2.4...@spectrum-css/switch@4.2.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.2.4...@spectrum-css/switch@4.2.5)
**Note:** Version bump only for package @spectrum-css/switch
@@ -74,8 +281,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.2.3...@spectrum-css/switch@4.2.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.2.3...@spectrum-css/switch@4.2.4)
**Note:** Version bump only for package @spectrum-css/switch
@@ -83,8 +289,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.2.2...@spectrum-css/switch@4.2.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.2.2...@spectrum-css/switch@4.2.3)
**Note:** Version bump only for package @spectrum-css/switch
@@ -92,8 +297,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.2.1...@spectrum-css/switch@4.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.2.1...@spectrum-css/switch@4.2.2)
**Note:** Version bump only for package @spectrum-css/switch
@@ -101,8 +305,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/switch
@@ -110,8 +313,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.1.0...@spectrum-css/switch@4.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.1.0...@spectrum-css/switch@4.2.0)
**Note:** Version bump only for package @spectrum-css/switch
@@ -119,8 +321,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.17...@spectrum-css/switch@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.17...@spectrum-css/switch@4.1.0)
### ✨ Features
@@ -130,8 +331,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.17
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.16...@spectrum-css/switch@4.0.17)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.16...@spectrum-css/switch@4.0.17)
**Note:** Version bump only for package @spectrum-css/switch
@@ -139,8 +339,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.16
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.15...@spectrum-css/switch@4.0.16)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.15...@spectrum-css/switch@4.0.16)
**Note:** Version bump only for package @spectrum-css/switch
@@ -148,8 +347,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.15
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.13...@spectrum-css/switch@4.0.15)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.13...@spectrum-css/switch@4.0.15)
**Note:** Version bump only for package @spectrum-css/switch
@@ -157,8 +355,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.14
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.13...@spectrum-css/switch@4.0.14)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.13...@spectrum-css/switch@4.0.14)
**Note:** Version bump only for package @spectrum-css/switch
@@ -166,8 +363,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.13
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.12...@spectrum-css/switch@4.0.13)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.12...@spectrum-css/switch@4.0.13)
**Note:** Version bump only for package @spectrum-css/switch
@@ -175,8 +371,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.12
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.11...@spectrum-css/switch@4.0.12)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.11...@spectrum-css/switch@4.0.12)
**Note:** Version bump only for package @spectrum-css/switch
@@ -184,8 +379,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.11
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.10...@spectrum-css/switch@4.0.11)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.10...@spectrum-css/switch@4.0.11)
**Note:** Version bump only for package @spectrum-css/switch
@@ -193,8 +387,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.10
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.9...@spectrum-css/switch@4.0.10)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.9...@spectrum-css/switch@4.0.10)
**Note:** Version bump only for package @spectrum-css/switch
@@ -202,8 +395,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.9
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.8...@spectrum-css/switch@4.0.9)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.8...@spectrum-css/switch@4.0.9)
**Note:** Version bump only for package @spectrum-css/switch
@@ -211,8 +403,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.7...@spectrum-css/switch@4.0.8)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.7...@spectrum-css/switch@4.0.8)
**Note:** Version bump only for package @spectrum-css/switch
@@ -220,8 +411,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.6...@spectrum-css/switch@4.0.7)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.6...@spectrum-css/switch@4.0.7)
**Note:** Version bump only for package @spectrum-css/switch
@@ -229,8 +419,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.5...@spectrum-css/switch@4.0.6)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.5...@spectrum-css/switch@4.0.6)
**Note:** Version bump only for package @spectrum-css/switch
@@ -238,8 +427,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.4...@spectrum-css/switch@4.0.5)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.4...@spectrum-css/switch@4.0.5)
**Note:** Version bump only for package @spectrum-css/switch
@@ -247,8 +435,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.3...@spectrum-css/switch@4.0.4)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.3...@spectrum-css/switch@4.0.4)
### 🔙 Reverts
@@ -258,8 +445,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.2...@spectrum-css/switch@4.0.3)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.2...@spectrum-css/switch@4.0.3)
**Note:** Version bump only for package @spectrum-css/switch
@@ -267,8 +453,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.0...@spectrum-css/switch@4.0.2)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.0...@spectrum-css/switch@4.0.2)
**Note:** Version bump only for package @spectrum-css/switch
@@ -276,8 +461,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.0...@spectrum-css/switch@4.0.1)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@4.0.0...@spectrum-css/switch@4.0.1)
**Note:** Version bump only for package @spectrum-css/switch
@@ -285,13 +469,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.13...@spectrum-css/switch@4.0.0)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.13...@spectrum-css/switch@4.0.0)
\*refactor(switch)!: replace focus-ring with focus-visible([7c5aa13](https://github.com/adobe/spectrum-css/commit/7c5aa13))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
use focus-visible pseudo class in place of focus-ring
@@ -300,8 +482,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.13
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.12...@spectrum-css/switch@3.1.13)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.12...@spectrum-css/switch@3.1.13)
### 🐛 Bug fixes
@@ -311,8 +492,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.12
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.11...@spectrum-css/switch@3.1.12)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.11...@spectrum-css/switch@3.1.12)
**Note:** Version bump only for package @spectrum-css/switch
@@ -320,8 +500,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.11
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.10...@spectrum-css/switch@3.1.11)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.10...@spectrum-css/switch@3.1.11)
**Note:** Version bump only for package @spectrum-css/switch
@@ -329,8 +508,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.10
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.9...@spectrum-css/switch@3.1.10)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.9...@spectrum-css/switch@3.1.10)
**Note:** Version bump only for package @spectrum-css/switch
@@ -338,8 +516,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.9
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.8...@spectrum-css/switch@3.1.9)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.8...@spectrum-css/switch@3.1.9)
**Note:** Version bump only for package @spectrum-css/switch
@@ -347,8 +524,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.8
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.7...@spectrum-css/switch@3.1.8)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.7...@spectrum-css/switch@3.1.8)
**Note:** Version bump only for package @spectrum-css/switch
@@ -356,8 +532,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.7
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.6...@spectrum-css/switch@3.1.7)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.6...@spectrum-css/switch@3.1.7)
**Note:** Version bump only for package @spectrum-css/switch
@@ -365,8 +540,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.6
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.5...@spectrum-css/switch@3.1.6)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.5...@spectrum-css/switch@3.1.6)
**Note:** Version bump only for package @spectrum-css/switch
@@ -374,8 +548,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.5
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.4...@spectrum-css/switch@3.1.5)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.4...@spectrum-css/switch@3.1.5)
**Note:** Version bump only for package @spectrum-css/switch
@@ -383,8 +556,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.4
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.3...@spectrum-css/switch@3.1.4)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.3...@spectrum-css/switch@3.1.4)
**Note:** Version bump only for package @spectrum-css/switch
@@ -392,8 +564,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.3
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.2...@spectrum-css/switch@3.1.3)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.2...@spectrum-css/switch@3.1.3)
**Note:** Version bump only for package @spectrum-css/switch
@@ -401,8 +572,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.2
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.1...@spectrum-css/switch@3.1.2)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.1...@spectrum-css/switch@3.1.2)
### 🐛 Bug fixes
@@ -412,8 +582,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.1
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.0...@spectrum-css/switch@3.1.1)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.1.0...@spectrum-css/switch@3.1.1)
**Note:** Version bump only for package @spectrum-css/switch
@@ -421,8 +590,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.0
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.0.38...@spectrum-css/switch@3.1.0)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/switch@3.0.38...@spectrum-css/switch@3.1.0)
### ✨ Features
diff --git a/components/switch/index.css b/components/switch/index.css
index 7913f290947..2e0a88fe4f1 100644
--- a/components/switch/index.css
+++ b/components/switch/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Switch {
--spectrum-switch-label-color-default: var(--spectrum-neutral-content-color-default);
--spectrum-switch-label-color-hover: var(--spectrum-neutral-content-color-hover);
@@ -20,42 +18,74 @@
--spectrum-switch-label-color-focus: var(--spectrum-neutral-content-color-key-focus);
--spectrum-switch-label-color-disabled: var(--spectrum-disabled-content-color);
- --spectrum-switch-background-color: var(--spectrum-gray-300);
- --spectrum-switch-background-color-disabled: var(--spectrum-gray-300);
- --spectrum-switch-background-color-selected-disabled: var(--spectrum-disabled-content-color);
+ --spectrum-switch-border-width: var(--spectrum-border-width-200);
+
+ --spectrum-switch-border-color-default: var(--spectrum-neutral-content-color-default);
+ --spectrum-switch-border-color-hover: var(--spectrum-neutral-content-color-hover);
+ --spectrum-switch-border-color-down: var(--spectrum-neutral-content-color-down);
+ --spectrum-switch-border-color-focus: var(--spectrum-neutral-content-color-key-focus);
+ --spectrum-switch-border-color-disabled: var(--spectrum-disabled-content-color);
+
+ --spectrum-switch-border-color-selected-default: var(--spectrum-neutral-content-color-default);
+ --spectrum-switch-border-color-selected-hover: var(--spectrum-neutral-content-color-hover);
+ --spectrum-switch-border-color-selected-down: var(--spectrum-neutral-content-color-down);
+ --spectrum-switch-border-color-selected-focus: var(--spectrum-neutral-content-color-key-focus);
+
+ --spectrum-switch-background-color: var(--spectrum-gray-25);
+ --spectrum-switch-background-color-disabled: var(--spectrum-gray-25);
- --spectrum-switch-background-color-selected-default: var(--spectrum-neutral-background-color-selected-default);
- --spectrum-switch-background-color-selected-hover: var(--spectrum-neutral-background-color-selected-hover);
- --spectrum-switch-background-color-selected-down: var(--spectrum-neutral-background-color-selected-down);
- --spectrum-switch-background-color-selected-focus: var(--spectrum-neutral-background-color-selected-key-focus);
+ --spectrum-switch-background-color-selected-default: var(--spectrum-neutral-background-color-default);
+ --spectrum-switch-background-color-selected-hover: var(--spectrum-neutral-background-color-hover);
+ --spectrum-switch-background-color-selected-down: var(--spectrum-neutral-background-color-down);
+ --spectrum-switch-background-color-selected-focus: var(--spectrum-neutral-background-color-key-focus);
+ --spectrum-switch-background-color-selected-disabled: var(--spectrum-disabled-content-color);
- --spectrum-switch-focus-indicator-thickness: var(--mod-focus-indicator-thickness, var(--spectrum-focus-indicator-thickness));
+ --spectrum-switch-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
--spectrum-switch-focus-indicator-color: var(--spectrum-focus-indicator-color);
+ --spectrum-switch-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
+
+ --spectrum-switch-handle-background-color-default: var(--spectrum-neutral-content-color-default);
+ --spectrum-switch-handle-background-color-hover: var(--spectrum-neutral-content-color-hover);
+ --spectrum-switch-handle-background-color-down: var(--spectrum-neutral-content-color-down);
+ --spectrum-switch-handle-background-color-focus: var(--spectrum-neutral-content-color-key-focus);
+ --spectrum-switch-handle-background-color-disabled: var(--spectrum-disabled-content-color);
+
+ --spectrum-switch-handle-background-color-selected: var(--spectrum-gray-25);
+ --spectrum-switch-handle-background-color-selected-disabled: var(--spectrum-gray-25);
- --spectrum-switch-handle-background-color: var(--spectrum-gray-75);
- --spectrum-switch-handle-border-color-disabled: var(--spectrum-disabled-content-color);
+ --spectrum-switch-handle-size: var(--spectrum-switch-handle-size-medium);
+ --spectrum-switch-handle-selected-size: var(--spectrum-switch-handle-selected-size-medium);
+
+ /* Default size - medium */
+ --spectrum-switch-min-height: var(--spectrum-component-height-100);
+ --spectrum-switch-control-width: var(--spectrum-switch-control-width-medium);
+ --spectrum-switch-control-height: var(--spectrum-switch-control-height-medium);
+ --spectrum-switch-control-label-spacing: var(--spectrum-text-to-control-100);
+ --spectrum-switch-spacing-top-to-control: var(--spectrum-switch-top-to-control-medium);
+ --spectrum-switch-spacing-top-to-label: var(--spectrum-component-top-to-text-100);
+ --spectrum-switch-spacing-bottom-to-label: var(--spectrum-component-bottom-to-text-100);
+
+ --spectrum-switch-font-size: var(--spectrum-font-size-100);
+ --spectrum-switch-line-height: var(--spectrum-line-height-100);
+ --spectrum-switch-cjk-line-height: var(--spectrum-cjk-line-height-100);
+
+ --spectrum-switch-border-radius: var(--spectrum-corner-radius-full);
}
.spectrum-Switch--disabled {
--spectrum-switch-label-color-default: var(--spectrum-disabled-content-color);
}
-.spectrum-Switch.spectrum-Switch--emphasized {
- /*
- Selector specificity needed to beat the cascade, post-build.
- The `spectrum` & `express` theme vars get appended below this in the dist file
- & the higher specificity here will override.
- */
- /* selected + emphasized */
- --spectrum-switch-background-color-selected-default: var(--spectrum-accent-color-900);
- --spectrum-switch-background-color-selected-hover: var(--spectrum-accent-color-1000);
- --spectrum-switch-background-color-selected-down: var(--spectrum-accent-color-1100);
- --spectrum-switch-background-color-selected-focus: var(--spectrum-accent-color-1000);
-
- --spectrum-switch-handle-border-color-selected-default: var(--spectrum-accent-color-900);
- --spectrum-switch-handle-border-color-selected-hover: var(--spectrum-accent-color-1000);
- --spectrum-switch-handle-border-color-selected-down: var(--spectrum-accent-color-1100);
- --spectrum-switch-handle-border-color-selected-focus: var(--spectrum-accent-color-1000);
+.spectrum-Switch--emphasized {
+ --spectrum-switch-background-color-selected-default: var(--spectrum-accent-background-color-default);
+ --spectrum-switch-background-color-selected-hover: var(--spectrum-accent-background-color-hover);
+ --spectrum-switch-background-color-selected-down: var(--spectrum-accent-background-color-down);
+ --spectrum-switch-background-color-selected-focus: var(--spectrum-accent-background-color-key-focus);
+
+ --spectrum-switch-border-color-selected-default: var(--spectrum-accent-background-color-default);
+ --spectrum-switch-border-color-selected-hover: var(--spectrum-accent-background-color-hover);
+ --spectrum-switch-border-color-selected-down: var(--spectrum-accent-background-color-down);
+ --spectrum-switch-border-color-selected-focus: var(--spectrum-accent-background-color-key-focus);
}
.spectrum-Switch--sizeS {
@@ -65,19 +95,12 @@
--spectrum-switch-control-label-spacing: var(--spectrum-text-to-control-75);
--spectrum-switch-spacing-top-to-control: var(--spectrum-switch-top-to-control-small);
--spectrum-switch-spacing-top-to-label: var(--spectrum-component-top-to-text-75);
+ --spectrum-switch-spacing-bottom-to-label: var(--spectrum-component-bottom-to-text-75);
- --spectrum-switch-font-size: var(--spectrum-font-size-75);
-}
-
-.spectrum-Switch--sizeM {
- --spectrum-switch-min-height: var(--spectrum-component-height-100);
- --spectrum-switch-control-width: var(--spectrum-switch-control-width-medium);
- --spectrum-switch-control-height: var(--spectrum-switch-control-height-medium);
- --spectrum-switch-control-label-spacing: var(--spectrum-text-to-control-100);
- --spectrum-switch-spacing-top-to-control: var(--spectrum-switch-top-to-control-medium);
- --spectrum-switch-spacing-top-to-label: var(--spectrum-component-top-to-text-100);
+ --spectrum-switch-handle-size: var(--spectrum-switch-handle-size-small);
+ --spectrum-switch-handle-selected-size: var(--spectrum-switch-handle-selected-size-small);
- --spectrum-switch-font-size: var(--spectrum-font-size-100);
+ --spectrum-switch-font-size: var(--spectrum-font-size-75);
}
.spectrum-Switch--sizeL {
@@ -87,6 +110,10 @@
--spectrum-switch-control-label-spacing: var(--spectrum-text-to-control-200);
--spectrum-switch-spacing-top-to-control: var(--spectrum-switch-top-to-control-large);
--spectrum-switch-spacing-top-to-label: var(--spectrum-component-top-to-text-200);
+ --spectrum-switch-spacing-bottom-to-label: var(--spectrum-component-bottom-to-text-200);
+
+ --spectrum-switch-handle-size: var(--spectrum-switch-handle-size-large);
+ --spectrum-switch-handle-selected-size: var(--spectrum-switch-handle-selected-size-large);
--spectrum-switch-font-size: var(--spectrum-font-size-200);
}
@@ -98,6 +125,10 @@
--spectrum-switch-control-label-spacing: var(--spectrum-text-to-control-300);
--spectrum-switch-spacing-top-to-control: var(--spectrum-switch-top-to-control-extra-large);
--spectrum-switch-spacing-top-to-label: var(--spectrum-component-top-to-text-300);
+ --spectrum-switch-spacing-bottom-to-label: var(--spectrum-component-bottom-to-text-300);
+
+ --spectrum-switch-handle-size: var(--spectrum-switch-handle-size-extra-large);
+ --spectrum-switch-handle-selected-size: var(--spectrum-switch-handle-selected-size-extra-large);
--spectrum-switch-font-size: var(--spectrum-font-size-300);
}
@@ -112,13 +143,8 @@
}
.spectrum-Switch-input {
- /* Remove the margin for input in Firefox and Safari. */
margin: 0;
-
- /* Add the correct box sizing for [type="checkbox"] in IE 10-. */
box-sizing: border-box;
-
- /* Remove the padding for [type="checkbox"] in IE 10-. */
padding: 0;
position: absolute;
@@ -131,36 +157,38 @@
cursor: pointer;
- &:checked + .spectrum-Switch-switch {
- &::before {
- transform: translateX(calc(var(--mod-switch-control-width, var(--spectrum-switch-control-width)) - 100%));
- }
-
- &:dir(rtl)::before {
- transform: translateX(calc(-1 * (var(--mod-switch-control-width, var(--spectrum-switch-control-width)) - 100%)));
- }
- }
-
&:disabled,
&[disabled] {
cursor: default;
}
-
- &:focus-visible + .spectrum-Switch-switch {
- &::after {
- margin: calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)) * -1);
- }
- }
}
.spectrum-Switch-label {
- color: var(--highcontrast-switch-label-color-default, var(--mod-switch-label-color-default, var(--spectrum-switch-label-color-default)));
+ color: var(--highcontrast-switch-label-color-default, var(--mod-switch-label-color, var(--spectrum-switch-label-color-default)));
margin-inline: var(--mod-switch-control-label-spacing, var(--spectrum-switch-control-label-spacing));
margin-block-start: var(--mod-switch-spacing-top-to-label, var(--spectrum-switch-spacing-top-to-label));
- margin-block-end: 0;
+ margin-block-end: var(--mod-switch-spacing-bottom-to-label, var(--spectrum-switch-spacing-bottom-to-label));
font-size: var(--mod-switch-font-size, var(--spectrum-switch-font-size));
- line-height: var(--mod-line-height-100, var(--spectrum-line-height-100));
- transition: color var(--mod-animation-duration-200, var(--spectrum-animation-duration-200)) ease-in-out;
+ line-height: var(--mod-switch-line-height, var(--spectrum-switch-line-height));
+ transition: color var(--spectrum-animation-duration-200) ease-in-out;
+
+ &:lang(ja),
+ &:lang(zh),
+ &:lang(ko) {
+ line-height: var(--mod-switch-cjk-line-height, var(--spectrum-switch-cjk-line-height));
+ }
+
+ .spectrum-Switch:hover ~ & {
+ color: var(--highcontrast-switch-label-color-hover, var(--mod-switch-label-color-hover, var(--spectrum-switch-label-color-hover)));
+ }
+
+ .spectrum-Switch:active ~ & {
+ color: var(--highcontrast-switch-label-color-down, var(--mod-switch-label-color-down, var(--spectrum-switch-label-color-down)));
+ }
+
+ .spectrum-Switch-input:focus-visible ~ & {
+ color: var(--highcontrast-switch-label-color-focus, var(--mod-switch-label-color-focus, var(--spectrum-switch-label-color-focus)));
+ }
}
.spectrum-Switch-switch {
@@ -190,191 +218,148 @@
inset-inline-start: 0;
inset-inline-end: 0;
- border-radius: calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height)) / 2);
+ background-color: var(--highcontrast-switch-background-color, var(--mod-switch-background-color, var(--spectrum-switch-background-color)));
+ border-radius: var(--mod-switch-border-radius, var(--spectrum-switch-border-radius));
+ border-width: var(--mod-switch-border-width, var(--spectrum-switch-border-width));
+ border-color: var(--highcontrast-switch-border-color-default, var(--mod-switch-border-color-default, var(--spectrum-switch-border-color-default)));
+ border-style: solid;
- &::before {
- display: block;
- position: absolute;
- content: "";
- box-sizing: border-box;
+ .spectrum-Switch:hover & {
+ border-color: var(--highcontrast-switch-border-color-hover, var(--mod-switch-border-color-hover, var(--spectrum-switch-border-color-hover)));
}
- /* :before is used for the handle of the switch */
- &::before {
- transition:
- background var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-in-out,
- border var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-in-out,
- transform var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-in-out,
- box-shadow var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-in-out;
+ .spectrum-Switch:active & {
+ border-color: var(--highcontrast-switch-border-color-down, var(--mod-switch-border-color-down, var(--spectrum-switch-border-color-down)));
+ }
- inline-size: var(--mod-switch-control-height, var(--spectrum-switch-control-height));
- block-size: var(--mod-switch-control-height, var(--spectrum-switch-control-height));
+ .spectrum-Switch-input:focus-visible + & {
+ border-color: var(--highcontrast-switch-border-color-focus, var(--mod-switch-border-color-focus, var(--spectrum-switch-border-color-focus)));
+ }
- inset-block-start: 0;
- inset-inline-start: 0;
+ .spectrum-Switch-input:checked + & {
+ background-color: var(--highcontrast-switch-background-color-selected-default, var(--mod-switch-background-color-selected-default, var(--spectrum-switch-background-color-selected-default)));
+ border-color: var(--highcontrast-switch-border-color-selected-default, var(--mod-switch-border-color-selected-default, var(--spectrum-switch-border-color-selected-default)));
+
+ .spectrum-Switch:hover & {
+ background-color: var(--highcontrast-switch-background-color-selected-hover, var(--mod-switch-background-color-selected-hover, var(--spectrum-switch-background-color-selected-hover)));
+ border-color: var(--highcontrast-switch-border-color-selected-hover, var(--mod-switch-border-color-selected-hover, var(--spectrum-switch-border-color-selected-hover)));
+ }
- border-width: var(--mod-border-width-200, var(--spectrum-border-width-200));
- border-radius: calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height)) / 2);
- border-style: solid;
+ .spectrum-Switch:active & {
+ background-color: var(--highcontrast-switch-background-color-selected-down, var(--mod-switch-background-color-selected-down, var(--spectrum-switch-background-color-selected-down)));
+ border-color: var(--highcontrast-switch-border-color-selected-down, var(--mod-switch-border-color-selected-down, var(--spectrum-switch-border-color-selected-down)));
+ }
}
- /* :after is used for the focus halo */
- &::after {
- border-radius: calc(calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height)) / 2) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)) * 2);
- content: "";
+ .spectrum-Switch-input:checked:focus-visible + & {
+ background-color: var(--highcontrast-switch-background-color-selected-focus, var(--mod-switch-background-color-selected-focus, var(--spectrum-switch-background-color-selected-focus)));
+ border-color: var(--highcontrast-switch-border-color-selected-focus, var(--mod-switch-border-color-selected-focus, var(--spectrum-switch-border-color-selected-focus)));
+ }
+
+ /* :before is used for the handle of the switch */
+ &::before {
display: block;
position: absolute;
- inset-inline-start: 0;
- inset-inline-end: 0;
- inset-block-end: 0;
- inset-block-start: 0;
- margin: 0;
+ content: "";
+ box-sizing: border-box;
- transition:
- opacity var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-out,
- margin var(--spectrum-animation-duration-100, var(--spectrum-animation-duration-100)) ease-out;
- }
-}
+ transition: background var(--spectrum-animation-duration-100) ease-in-out,
+ border var(--spectrum-animation-duration-100) ease-in-out,
+ transform var(--spectrum-animation-duration-100) ease-in-out,
+ box-shadow var(--spectrum-animation-duration-100) ease-in-out;
-.spectrum-Switch {
- .spectrum-Switch-switch {
- background-color: var(--highcontrast-switch-background-color, var(--mod-switch-background-color, var(--spectrum-switch-background-color)));
+ inline-size: var(--mod-switch-handle-size, var(--spectrum-switch-handle-size));
+ block-size: var(--mod-switch-handle-size, var(--spectrum-switch-handle-size));
- &::before {
- background-color: var(--highcontrast-switch-handle-background-color, var(--mod-switch-handle-background-color, var(--spectrum-switch-handle-background-color)));
- border-color: var(--highcontrast-switch-handle-border-color-default, var(--mod-switch-handle-border-color-default, var(--spectrum-switch-handle-border-color-default)));
- }
- }
-}
+ inset-block-start: calc((var(--mod-switch-control-height, var(--spectrum-switch-control-height)) - var(--mod-switch-handle-size, var(--spectrum-switch-handle-size))) * 0.25);
+ inset-inline-start: calc((var(--mod-switch-control-height, var(--spectrum-switch-control-height)) - var(--mod-switch-handle-size, var(--spectrum-switch-handle-size))) * 0.25);
-.spectrum-Switch:hover {
- .spectrum-Switch-input {
- & + .spectrum-Switch-switch {
- &::before {
- border-color: var(--highcontrast-switch-handle-border-color-hover, var(--mod-switch-handle-border-color-hover, var(--spectrum-switch-handle-border-color-hover)));
- box-shadow: none;
- }
- }
+ background-color: var(--highcontrast-switch-handle-background-color-default, var(--mod-switch-handle-background-color-default, var(--spectrum-switch-handle-background-color-default)));
+ border-radius: var(--mod-switch-border-radius, var(--spectrum-switch-border-radius));
- & ~ .spectrum-Switch-label {
- color: var(--highcontrast-switch-label-color-hover, var(--mod-switch-label-color-hover, var(--spectrum-switch-label-color-hover)));
+ .spectrum-Switch:hover & {
+ background-color: var(--highcontrast-switch-handle-background-color-hover, var(--mod-switch-handle-background-color-hover, var(--spectrum-switch-handle-background-color-hover)));
}
- /* selected, not emphasized */
- &:checked:enabled + .spectrum-Switch-switch {
- background-color: var(--highcontrast-switch-background-color-selected-hover, var(--mod-switch-background-color-selected-hover, var(--spectrum-switch-background-color-selected-hover)));
+ .spectrum-Switch:active & {
+ background-color: var(--highcontrast-switch-handle-background-color-down, var(--mod-switch-handle-background-color-down, var(--spectrum-switch-handle-background-color-down)));
+ }
- &::before {
- border-color: var(--highcontrast-switch-handle-border-color-selected-hover, var(--mod-switch-handle-border-color-selected-hover, var(--spectrum-switch-handle-border-color-selected-hover)));
- }
+ .spectrum-Switch-input:focus-visible + & {
+ background-color: var(--highcontrast-switch-handle-background-color-focus, var(--mod-switch-handle-background-color-focus, var(--spectrum-switch-handle-background-color-focus)));
}
- &:disabled,
- &[disabled] {
- & + .spectrum-Switch-switch {
- background-color: var(--highcontrast-switch-background-color-disabled, var(--mod-switch-background-color-disabled, var(--spectrum-switch-background-color-disabled)));
- }
+ /* Handle size changes when selected/checked */
+ .spectrum-Switch-input:checked + & {
+ background-color: var(--highcontrast-switch-handle-background-color-selected, var(--mod-switch-handle-background-color-selected, var(--spectrum-switch-handle-background-color-selected)));
- & + .spectrum-Switch-switch::before {
- border-color: var(--highcontrast-switch-handle-border-color-disabled, var(--mod-switch-handle-border-color-disabled, var(--spectrum-switch-handle-border-color-disabled)));
- }
+ inline-size: var(--mod-switch-handle-selected-size, var(--spectrum-switch-handle-selected-size));
+ block-size: var(--mod-switch-handle-selected-size, var(--spectrum-switch-handle-selected-size));
- & ~ .spectrum-Switch-label {
- color: var(--highcontrast-switch-label-color-disabled, var(--mod-switch-label-color-disabled, var(--spectrum-switch-label-color-disabled)));
- }
+ inset-block-start: calc((var(--mod-switch-control-height, var(--spectrum-switch-control-height)) - var(--mod-switch-border-width, var(--spectrum-switch-border-width)) - var(--mod-switch-handle-selected-size, var(--spectrum-switch-handle-selected-size))) * 0.25);
+ inset-inline-start: calc((var(--mod-switch-control-height, var(--spectrum-switch-control-height)) - var(--mod-switch-border-width, var(--spectrum-switch-border-width)) - var(--mod-switch-handle-selected-size, var(--spectrum-switch-handle-selected-size))) * 0.25);
- /* disabled + selected, not emphasized */
- &:checked + .spectrum-Switch-switch {
- background-color: var(--highcontrast-switch-background-color-selected-disabled, var(--mod-switch-background-color-selected-disabled, var(--spectrum-switch-background-color-selected-disabled)));
- }
-
- &:checked + .spectrum-Switch-switch::before {
- border-color: var(--highcontrast-switch-handle-border-color-disabled, var(--mod-switch-handle-border-color-disabled, var(--spectrum-switch-handle-border-color-disabled)));
- }
+ transform: translateX(calc(100% + (var(--mod-switch-border-width, var(--spectrum-switch-border-width)) * 0.25)));
- &:checked ~ .spectrum-Switch-label {
- color: var(--highcontrast-switch-label-color-disabled, var(--mod-switch-label-color-disabled, var(--spectrum-switch-label-color-disabled)));
+ &:dir(rtl) {
+ transform: translateX(calc(-1 * (100% + (var(--mod-switch-border-width, var(--spectrum-switch-border-width)) * 0.25))));
}
- }
- }
-}
-.spectrum-Switch:active {
- .spectrum-Switch-input {
- & + .spectrum-Switch-switch {
- &::before {
- border-color: var(--highcontrast-switch-handle-border-color-down, var(--mod-switch-handle-border-color-down, var(--spectrum-switch-handle-border-color-down)));
+ .spectrum-Switch:hover & {
+ background-color: var(--highcontrast-switch-handle-background-color-selected, var(--mod-switch-handle-background-color-selected, var(--spectrum-switch-handle-background-color-selected)));
}
}
- & ~ .spectrum-Switch-label {
- color: var(--highcontrast-switch-label-color-down, var(--mod-switch-label-color-down, var(--spectrum-switch-label-color-down)));
+ .spectrum-Switch:active .spectrum-Switch-input:not(:disabled) + & {
+ transform: perspective(var(--spectrum-component-size-minimum-perspective-down)) translateZ(var(--spectrum-component-size-difference-down));
}
- /* selected, not emphasized */
- &:checked:enabled + .spectrum-Switch-switch {
- background-color: var(--highcontrast-switch-background-color-selected-down, var(--mod-switch-background-color-selected-down, var(--spectrum-switch-background-color-selected-down)));
+ .spectrum-Switch:active .spectrum-Switch-input:not(:disabled):checked + & {
+ /* Add down state without overriding translateX */
+ transform: translateX(calc(100% + (var(--mod-switch-border-width, var(--spectrum-switch-border-width)) * 0.25))) perspective(var(--spectrum-component-size-minimum-perspective-down)) translateZ(var(--spectrum-component-size-difference-down));
- &::before {
- border-color: var(--highcontrast-switch-handle-border-color-selected-down, var(--mod-switch-handle-border-color-selected-down, var(--spectrum-switch-handle-border-color-selected-down)));
+ &:dir(rtl) {
+ /* Add down state without overriding translateX */
+ transform: translateX(calc(-1 * (100% + (var(--mod-switch-border-width, var(--spectrum-switch-border-width)) * 0.25)))) perspective(var(--spectrum-component-size-minimum-perspective-down)) translateZ(var(--spectrum-component-size-difference-down));
}
}
}
-}
-
-/* key focus */
-/* :after is the focus ring */
-/* :before is used for the handle of the switch */
-.spectrum-Switch,
-.spectrum-Switch:hover {
- .spectrum-Switch-input:focus-visible {
- & + .spectrum-Switch-switch {
- &::after {
- box-shadow: 0 0 0 var(--mod-switch-focus-indicator-thickness, var(--spectrum-switch-focus-indicator-thickness)) var(--highcontrast-switch-focus-indicator-color, var(--mod-switch-focus-indicator-color, var(--spectrum-switch-focus-indicator-color)));
- }
-
- &::before {
- border-color: var(--highcontrast-switch-handle-border-color-focus, var(--mod-switch-handle-border-color-focus, var(--spectrum-switch-handle-border-color-focus)));
- }
- }
- /* selected, not emphasized key focus */
- &:checked {
- & + .spectrum-Switch-switch {
- background-color: var(--highcontrast-switch-background-color-selected-focus, var(--mod-switch-background-color-selected-focus, var(--spectrum-switch-background-color-selected-focus)));
- }
-
- & + .spectrum-Switch-switch::before {
- border-color: var(--highcontrast-switch-handle-border-color-selected-focus, var(--mod-switch-handle-border-color-selected-focus, var(--spectrum-switch-handle-border-color-selected-focus)));
- }
- }
-
- & ~ .spectrum-Switch-label {
- color: var(--highcontrast-switch-label-color-focus, var(--mod-switch-label-color-focus, var(--spectrum-switch-label-color-focus)));
- }
- }
-}
+ /* :after is used for the track of the switch and the focus */
+ &::after {
+ border-radius: var(--mod-switch-border-radius, var(--spectrum-switch-border-radius));
+ content: "";
+ display: block;
+ position: absolute;
+ inset-inline-start: 0;
+ inset-inline-end: 0;
+ inset-block-end: 0;
+ inset-block-start: 0;
+ margin: 0;
-/* when checked, after transition or set manually */
-.spectrum-Switch-input {
- /* selected, not emphasized */
- &:checked + .spectrum-Switch-switch {
- background-color: var(--highcontrast-switch-background-color-selected-default, var(--mod-switch-background-color-selected-default, var(--spectrum-switch-background-color-selected-default)));
+ transition:
+ opacity var(--spectrum-animation-duration-100) ease-out,
+ outline-offset var(--spectrum-animation-duration-100) ease-out,
+ border var(--spectrum-animation-duration-100) ease-in-out;
- &::before {
- border-color: var(--highcontrast-switch-handle-border-color-selected-default, var(--mod-switch-handle-border-color-selected-default, var(--spectrum-switch-handle-border-color-selected-default)));
+ .spectrum-Switch-input:focus-visible + & {
+ outline: var(--mod-switch-focus-indicator-thickness, var(--spectrum-switch-focus-indicator-thickness)) solid var(--highcontrast-switch-focus-indicator-color, var(--mod-switch-focus-indicator-color, var(--spectrum-switch-focus-indicator-color)));
+ outline-offset: calc(var(--mod-switch-focus-indicator-gap, var(--spectrum-switch-focus-indicator-gap)) + var(--mod-switch-focus-indicator-thickness, var(--spectrum-switch-focus-indicator-thickness)));
}
}
}
/* disabled */
-.spectrum-Switch-input:disabled,
-.spectrum-Switch-input[disabled] {
+.spectrum-Switch .spectrum-Switch-input:disabled,
+.spectrum-Switch .spectrum-Switch-input[disabled],
+.spectrum-Switch:hover .spectrum-Switch-input:disabled,
+.spectrum-Switch:hover .spectrum-Switch-input[disabled] {
& + .spectrum-Switch-switch {
background-color: var(--highcontrast-switch-background-color-disabled, var(--mod-switch-background-color-disabled, var(--spectrum-switch-background-color-disabled)));
+ border-color: var(--highcontrast-switch-border-color-disabled, var(--mod-switch-border-color-disabled, var(--spectrum-switch-border-color-disabled)));
&::before {
- border-color: var(--highcontrast-switch-handle-border-color-disabled, var(--mod-switch-handle-border-color-disabled, var(--spectrum-switch-handle-border-color-disabled)));
+ background-color: var(--highcontrast-switch-handle-background-color-disabled, var(--mod-switch-handle-background-color-disabled, var(--spectrum-switch-handle-background-color-disabled)));
}
}
@@ -382,12 +367,11 @@
color: var(--highcontrast-switch-label-color-disabled, var(--mod-switch-label-color-disabled, var(--spectrum-switch-label-color-disabled)));
}
- /* disabled + selected, not emphasized */
&:checked + .spectrum-Switch-switch {
background-color: var(--highcontrast-switch-background-color-selected-disabled, var(--mod-switch-background-color-selected-disabled, var(--spectrum-switch-background-color-selected-disabled)));
&::before {
- border-color: var(--highcontrast-switch-handle-border-color-disabled, var(--mod-switch-handle-border-color-disabled, var(--spectrum-switch-handle-border-color-disabled)));
+ background-color: var(--highcontrast-switch-handle-background-color-selected-disabled, var(--mod-switch-handle-background-color-selected-disabled, var(--spectrum-switch-handle-background-color-selected-disabled)));
}
}
@@ -405,83 +389,36 @@
--highcontrast-switch-label-color-focus: ButtonText;
--highcontrast-switch-label-color-disabled: GrayText;
- --highcontrast-switch-handle-background-color: ButtonFace;
+ --highcontrast-switch-background-color: transparent;
+
+ --highcontrast-switch-border-color-default: ButtonText;
+ --highcontrast-switch-border-color-hover: Highlight;
+ --highcontrast-switch-border-color-down: ButtonText;
+ --highcontrast-switch-border-color-focus: ButtonText;
+ --highcontrast-switch-border-color-disabled: GrayText;
+
+ --highcontrast-switch-border-color-selected-default: Highlight;
+ --highcontrast-switch-border-color-selected-hover: Highlight;
+ --highcontrast-switch-border-color-selected-down: Highlight;
+ --highcontrast-switch-border-color-selected-focus: Highlight;
- --highcontrast-switch-handle-border-color-default: ButtonText;
- --highcontrast-switch-handle-border-color-hover: Highlight;
- --highcontrast-switch-handle-border-color-down: Highlight;
- --highcontrast-switch-handle-border-color-focus: Highlight;
- --highcontrast-switch-handle-border-color-disabled: Highlight;
+ --highcontrast-switch-handle-background-color-default: ButtonText;
+ --highcontrast-switch-handle-background-color-hover: Highlight;
+ --highcontrast-switch-handle-background-color-down: ButtonText;
+ --highcontrast-switch-handle-background-color-focus: ButtonText;
+ --highcontrast-switch-handle-background-color-disabled: GrayText;
- --highcontrast-switch-handle-border-color-selected-default: Highlight;
- --highcontrast-switch-handle-border-color-selected-hover: Highlight;
- --highcontrast-switch-handle-border-color-selected-down: Highlight;
- --highcontrast-switch-handle-border-color-selected-focus: Highlight;
+ --highcontrast-switch-handle-background-color-selected: HighlightText;
+ --highcontrast-switch-handle-background-color-selected-disabled: ButtonFace;
+
+ --highcontrast-switch-background-color-disabled: ButtonFace;
- --highcontrast-switch-background-color: ButtonFace;
--highcontrast-switch-background-color-selected-default: Highlight;
--highcontrast-switch-background-color-selected-hover: Highlight;
--highcontrast-switch-background-color-selected-down: Highlight;
--highcontrast-switch-background-color-selected-focus: Highlight;
- --highcontrast-switch-background-color-selected-disabled: Highlight;
+ --highcontrast-switch-background-color-selected-disabled: GrayText;
--highcontrast-switch-focus-indicator-color: ButtonText;
-
- forced-color-adjust: none;
-
- .spectrum-Switch-input {
- &:not(:checked) + .spectrum-Switch-switch {
- box-shadow: inset 0 0 0 1px ButtonText;
- }
- }
-
- &:hover .spectrum-Switch-input {
- &:not(:checked) + .spectrum-Switch-switch {
- box-shadow: inset 0 0 0 1px Highlight;
- }
-
- &:disabled,
- &[disabled] {
- &:checked + .spectrum-Switch-switch {
- box-shadow: inset 0 0 0 1px GrayText;
- background-color: GrayText;
- }
-
- &:checked + .spectrum-Switch-switch::before {
- border-color: GrayText;
- background-color: ButtonFace;
- }
- }
- }
-
- /* over-writes for disabled button */
- .spectrum-Switch-input {
- &:disabled,
- &[disabled] {
- &:not(:checked) + .spectrum-Switch-switch {
- box-shadow: inset 0 0 0 1px GrayText;
- background-color: ButtonFace;
- }
-
- &:not(:checked) + .spectrum-Switch-switch::before {
- border-color: GrayText;
- background-color: ButtonFace;
- }
-
- &:checked + .spectrum-Switch-switch {
- box-shadow: inset 0 0 0 1px GrayText;
- background-color: GrayText;
- }
-
- &:checked + .spectrum-Switch-switch::before {
- border-color: GrayText;
- background-color: ButtonFace;
- }
-
- & ~ .spectrum-Switch-label {
- color: GrayText;
- }
- }
- }
}
}
diff --git a/components/switch/metadata/metadata.json b/components/switch/metadata/metadata.json
index d97f21effae..57a281d35df 100644
--- a/components/switch/metadata/metadata.json
+++ b/components/switch/metadata/metadata.json
@@ -2,86 +2,66 @@
"sourceFile": "index.css",
"selectors": [
".spectrum-Switch",
+ ".spectrum-Switch .spectrum-Switch-input:disabled + .spectrum-Switch-switch",
+ ".spectrum-Switch .spectrum-Switch-input:disabled + .spectrum-Switch-switch:before",
".spectrum-Switch .spectrum-Switch-input:disabled ~ .spectrum-Switch-label",
".spectrum-Switch .spectrum-Switch-input:disabled:checked + .spectrum-Switch-switch",
".spectrum-Switch .spectrum-Switch-input:disabled:checked + .spectrum-Switch-switch:before",
- ".spectrum-Switch .spectrum-Switch-input:disabled:not(:checked) + .spectrum-Switch-switch",
- ".spectrum-Switch .spectrum-Switch-input:disabled:not(:checked) + .spectrum-Switch-switch:before",
- ".spectrum-Switch .spectrum-Switch-input:focus-visible + .spectrum-Switch-switch:after",
- ".spectrum-Switch .spectrum-Switch-input:focus-visible + .spectrum-Switch-switch:before",
- ".spectrum-Switch .spectrum-Switch-input:focus-visible ~ .spectrum-Switch-label",
- ".spectrum-Switch .spectrum-Switch-input:focus-visible:checked + .spectrum-Switch-switch",
- ".spectrum-Switch .spectrum-Switch-input:focus-visible:checked + .spectrum-Switch-switch:before",
- ".spectrum-Switch .spectrum-Switch-input:not(:checked) + .spectrum-Switch-switch",
+ ".spectrum-Switch .spectrum-Switch-input[disabled] + .spectrum-Switch-switch",
+ ".spectrum-Switch .spectrum-Switch-input[disabled] + .spectrum-Switch-switch:before",
".spectrum-Switch .spectrum-Switch-input[disabled] ~ .spectrum-Switch-label",
".spectrum-Switch .spectrum-Switch-input[disabled]:checked + .spectrum-Switch-switch",
".spectrum-Switch .spectrum-Switch-input[disabled]:checked + .spectrum-Switch-switch:before",
- ".spectrum-Switch .spectrum-Switch-input[disabled]:not(:checked) + .spectrum-Switch-switch",
- ".spectrum-Switch .spectrum-Switch-input[disabled]:not(:checked) + .spectrum-Switch-switch:before",
- ".spectrum-Switch .spectrum-Switch-switch",
- ".spectrum-Switch .spectrum-Switch-switch:before",
".spectrum-Switch--disabled",
+ ".spectrum-Switch--emphasized",
".spectrum-Switch--sizeL",
- ".spectrum-Switch--sizeM",
".spectrum-Switch--sizeS",
".spectrum-Switch--sizeXL",
".spectrum-Switch-input",
".spectrum-Switch-input:checked + .spectrum-Switch-switch",
".spectrum-Switch-input:checked + .spectrum-Switch-switch:before",
- ".spectrum-Switch-input:checked + .spectrum-Switch-switch:dir(rtl):before",
+ ".spectrum-Switch-input:checked + .spectrum-Switch-switch:before:dir(rtl)",
+ ".spectrum-Switch-input:checked:focus-visible + .spectrum-Switch-switch",
".spectrum-Switch-input:disabled",
- ".spectrum-Switch-input:disabled + .spectrum-Switch-switch",
- ".spectrum-Switch-input:disabled + .spectrum-Switch-switch:before",
- ".spectrum-Switch-input:disabled ~ .spectrum-Switch-label",
- ".spectrum-Switch-input:disabled:checked + .spectrum-Switch-switch",
- ".spectrum-Switch-input:disabled:checked + .spectrum-Switch-switch:before",
+ ".spectrum-Switch-input:focus-visible + .spectrum-Switch-switch",
".spectrum-Switch-input:focus-visible + .spectrum-Switch-switch:after",
+ ".spectrum-Switch-input:focus-visible + .spectrum-Switch-switch:before",
+ ".spectrum-Switch-input:focus-visible ~ .spectrum-Switch-label",
".spectrum-Switch-input[disabled]",
- ".spectrum-Switch-input[disabled] + .spectrum-Switch-switch",
- ".spectrum-Switch-input[disabled] + .spectrum-Switch-switch:before",
- ".spectrum-Switch-input[disabled] ~ .spectrum-Switch-label",
- ".spectrum-Switch-input[disabled]:checked + .spectrum-Switch-switch",
- ".spectrum-Switch-input[disabled]:checked + .spectrum-Switch-switch:before",
".spectrum-Switch-label",
+ ".spectrum-Switch-label:lang(ja)",
+ ".spectrum-Switch-label:lang(ko)",
+ ".spectrum-Switch-label:lang(zh)",
".spectrum-Switch-switch",
".spectrum-Switch-switch:after",
".spectrum-Switch-switch:before",
- ".spectrum-Switch.spectrum-Switch--emphasized",
- ".spectrum-Switch:active .spectrum-Switch-input + .spectrum-Switch-switch:before",
- ".spectrum-Switch:active .spectrum-Switch-input ~ .spectrum-Switch-label",
- ".spectrum-Switch:active .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch",
- ".spectrum-Switch:active .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch:before",
- ".spectrum-Switch:hover .spectrum-Switch-input + .spectrum-Switch-switch:before",
- ".spectrum-Switch:hover .spectrum-Switch-input ~ .spectrum-Switch-label",
- ".spectrum-Switch:hover .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch",
- ".spectrum-Switch:hover .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch:before",
+ ".spectrum-Switch:active .spectrum-Switch-input:checked + .spectrum-Switch-switch",
+ ".spectrum-Switch:active .spectrum-Switch-input:not(:disabled) + .spectrum-Switch-switch:before",
+ ".spectrum-Switch:active .spectrum-Switch-input:not(:disabled):checked + .spectrum-Switch-switch:before",
+ ".spectrum-Switch:active .spectrum-Switch-input:not(:disabled):checked + .spectrum-Switch-switch:before:dir(rtl)",
+ ".spectrum-Switch:active .spectrum-Switch-switch",
+ ".spectrum-Switch:active .spectrum-Switch-switch:before",
+ ".spectrum-Switch:active ~ .spectrum-Switch-label",
+ ".spectrum-Switch:hover .spectrum-Switch-input:checked + .spectrum-Switch-switch",
+ ".spectrum-Switch:hover .spectrum-Switch-input:checked + .spectrum-Switch-switch:before",
".spectrum-Switch:hover .spectrum-Switch-input:disabled + .spectrum-Switch-switch",
".spectrum-Switch:hover .spectrum-Switch-input:disabled + .spectrum-Switch-switch:before",
".spectrum-Switch:hover .spectrum-Switch-input:disabled ~ .spectrum-Switch-label",
".spectrum-Switch:hover .spectrum-Switch-input:disabled:checked + .spectrum-Switch-switch",
".spectrum-Switch:hover .spectrum-Switch-input:disabled:checked + .spectrum-Switch-switch:before",
- ".spectrum-Switch:hover .spectrum-Switch-input:disabled:checked ~ .spectrum-Switch-label",
- ".spectrum-Switch:hover .spectrum-Switch-input:focus-visible + .spectrum-Switch-switch:after",
- ".spectrum-Switch:hover .spectrum-Switch-input:focus-visible + .spectrum-Switch-switch:before",
- ".spectrum-Switch:hover .spectrum-Switch-input:focus-visible ~ .spectrum-Switch-label",
- ".spectrum-Switch:hover .spectrum-Switch-input:focus-visible:checked + .spectrum-Switch-switch",
- ".spectrum-Switch:hover .spectrum-Switch-input:focus-visible:checked + .spectrum-Switch-switch:before",
- ".spectrum-Switch:hover .spectrum-Switch-input:not(:checked) + .spectrum-Switch-switch",
".spectrum-Switch:hover .spectrum-Switch-input[disabled] + .spectrum-Switch-switch",
".spectrum-Switch:hover .spectrum-Switch-input[disabled] + .spectrum-Switch-switch:before",
".spectrum-Switch:hover .spectrum-Switch-input[disabled] ~ .spectrum-Switch-label",
".spectrum-Switch:hover .spectrum-Switch-input[disabled]:checked + .spectrum-Switch-switch",
".spectrum-Switch:hover .spectrum-Switch-input[disabled]:checked + .spectrum-Switch-switch:before",
- ".spectrum-Switch:hover .spectrum-Switch-input[disabled]:checked ~ .spectrum-Switch-label",
- "[dir=\"rtl\"] .spectrum-Switch-input:checked + .spectrum-Switch-switch:before"
+ ".spectrum-Switch:hover .spectrum-Switch-switch",
+ ".spectrum-Switch:hover .spectrum-Switch-switch:before",
+ ".spectrum-Switch:hover ~ .spectrum-Switch-label",
+ "[dir=\"rtl\"] .spectrum-Switch-input:checked + .spectrum-Switch-switch:before",
+ "[dir=\"rtl\"] .spectrum-Switch:active .spectrum-Switch-input:not(:disabled):checked + .spectrum-Switch-switch:before"
],
"modifiers": [
"--mod-animation-duration-100",
- "--mod-animation-duration-200",
- "--mod-border-width-200",
- "--mod-focus-indicator-gap",
- "--mod-focus-indicator-thickness",
- "--mod-line-height-100",
"--mod-switch-background-color",
"--mod-switch-background-color-disabled",
"--mod-switch-background-color-selected-default",
@@ -89,28 +69,42 @@
"--mod-switch-background-color-selected-down",
"--mod-switch-background-color-selected-focus",
"--mod-switch-background-color-selected-hover",
+ "--mod-switch-border-color-default",
+ "--mod-switch-border-color-disabled",
+ "--mod-switch-border-color-down",
+ "--mod-switch-border-color-focus",
+ "--mod-switch-border-color-hover",
+ "--mod-switch-border-color-selected-default",
+ "--mod-switch-border-color-selected-down",
+ "--mod-switch-border-color-selected-focus",
+ "--mod-switch-border-color-selected-hover",
+ "--mod-switch-border-radius",
+ "--mod-switch-border-width",
+ "--mod-switch-cjk-line-height",
"--mod-switch-control-height",
"--mod-switch-control-label-spacing",
"--mod-switch-control-width",
"--mod-switch-focus-indicator-color",
+ "--mod-switch-focus-indicator-gap",
"--mod-switch-focus-indicator-thickness",
"--mod-switch-font-size",
- "--mod-switch-handle-background-color",
- "--mod-switch-handle-border-color-default",
- "--mod-switch-handle-border-color-disabled",
- "--mod-switch-handle-border-color-down",
- "--mod-switch-handle-border-color-focus",
- "--mod-switch-handle-border-color-hover",
- "--mod-switch-handle-border-color-selected-default",
- "--mod-switch-handle-border-color-selected-down",
- "--mod-switch-handle-border-color-selected-focus",
- "--mod-switch-handle-border-color-selected-hover",
+ "--mod-switch-handle-background-color-default",
+ "--mod-switch-handle-background-color-disabled",
+ "--mod-switch-handle-background-color-down",
+ "--mod-switch-handle-background-color-focus",
+ "--mod-switch-handle-background-color-hover",
+ "--mod-switch-handle-background-color-selected",
+ "--mod-switch-handle-background-color-selected-disabled",
+ "--mod-switch-handle-selected-size",
+ "--mod-switch-handle-size",
"--mod-switch-height",
- "--mod-switch-label-color-default",
+ "--mod-switch-label-color",
"--mod-switch-label-color-disabled",
"--mod-switch-label-color-down",
"--mod-switch-label-color-focus",
"--mod-switch-label-color-hover",
+ "--mod-switch-line-height",
+ "--mod-switch-spacing-bottom-to-label",
"--mod-switch-spacing-top-to-control",
"--mod-switch-spacing-top-to-label"
],
@@ -122,6 +116,18 @@
"--spectrum-switch-background-color-selected-down",
"--spectrum-switch-background-color-selected-focus",
"--spectrum-switch-background-color-selected-hover",
+ "--spectrum-switch-border-color-default",
+ "--spectrum-switch-border-color-disabled",
+ "--spectrum-switch-border-color-down",
+ "--spectrum-switch-border-color-focus",
+ "--spectrum-switch-border-color-hover",
+ "--spectrum-switch-border-color-selected-default",
+ "--spectrum-switch-border-color-selected-down",
+ "--spectrum-switch-border-color-selected-focus",
+ "--spectrum-switch-border-color-selected-hover",
+ "--spectrum-switch-border-radius",
+ "--spectrum-switch-border-width",
+ "--spectrum-switch-cjk-line-height",
"--spectrum-switch-control-height",
"--spectrum-switch-control-height-extra-large",
"--spectrum-switch-control-height-large",
@@ -134,24 +140,34 @@
"--spectrum-switch-control-width-medium",
"--spectrum-switch-control-width-small",
"--spectrum-switch-focus-indicator-color",
+ "--spectrum-switch-focus-indicator-gap",
"--spectrum-switch-focus-indicator-thickness",
"--spectrum-switch-font-size",
- "--spectrum-switch-handle-background-color",
- "--spectrum-switch-handle-border-color-default",
- "--spectrum-switch-handle-border-color-disabled",
- "--spectrum-switch-handle-border-color-down",
- "--spectrum-switch-handle-border-color-focus",
- "--spectrum-switch-handle-border-color-hover",
- "--spectrum-switch-handle-border-color-selected-default",
- "--spectrum-switch-handle-border-color-selected-down",
- "--spectrum-switch-handle-border-color-selected-focus",
- "--spectrum-switch-handle-border-color-selected-hover",
+ "--spectrum-switch-handle-background-color-default",
+ "--spectrum-switch-handle-background-color-disabled",
+ "--spectrum-switch-handle-background-color-down",
+ "--spectrum-switch-handle-background-color-focus",
+ "--spectrum-switch-handle-background-color-hover",
+ "--spectrum-switch-handle-background-color-selected",
+ "--spectrum-switch-handle-background-color-selected-disabled",
+ "--spectrum-switch-handle-selected-size",
+ "--spectrum-switch-handle-selected-size-extra-large",
+ "--spectrum-switch-handle-selected-size-large",
+ "--spectrum-switch-handle-selected-size-medium",
+ "--spectrum-switch-handle-selected-size-small",
+ "--spectrum-switch-handle-size",
+ "--spectrum-switch-handle-size-extra-large",
+ "--spectrum-switch-handle-size-large",
+ "--spectrum-switch-handle-size-medium",
+ "--spectrum-switch-handle-size-small",
"--spectrum-switch-label-color-default",
"--spectrum-switch-label-color-disabled",
"--spectrum-switch-label-color-down",
"--spectrum-switch-label-color-focus",
"--spectrum-switch-label-color-hover",
+ "--spectrum-switch-line-height",
"--spectrum-switch-min-height",
+ "--spectrum-switch-spacing-bottom-to-label",
"--spectrum-switch-spacing-top-to-control",
"--spectrum-switch-spacing-top-to-label",
"--spectrum-switch-top-to-control-extra-large",
@@ -160,20 +176,29 @@
"--spectrum-switch-top-to-control-small"
],
"global": [
- "--spectrum-accent-color-1000",
- "--spectrum-accent-color-1100",
- "--spectrum-accent-color-900",
+ "--spectrum-accent-background-color-default",
+ "--spectrum-accent-background-color-down",
+ "--spectrum-accent-background-color-hover",
+ "--spectrum-accent-background-color-key-focus",
"--spectrum-animation-duration-100",
"--spectrum-animation-duration-200",
"--spectrum-border-width-200",
+ "--spectrum-cjk-line-height-100",
+ "--spectrum-component-bottom-to-text-100",
+ "--spectrum-component-bottom-to-text-200",
+ "--spectrum-component-bottom-to-text-300",
+ "--spectrum-component-bottom-to-text-75",
"--spectrum-component-height-100",
"--spectrum-component-height-200",
"--spectrum-component-height-300",
"--spectrum-component-height-75",
+ "--spectrum-component-size-difference-down",
+ "--spectrum-component-size-minimum-perspective-down",
"--spectrum-component-top-to-text-100",
"--spectrum-component-top-to-text-200",
"--spectrum-component-top-to-text-300",
"--spectrum-component-top-to-text-75",
+ "--spectrum-corner-radius-full",
"--spectrum-disabled-content-color",
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
@@ -182,17 +207,12 @@
"--spectrum-font-size-200",
"--spectrum-font-size-300",
"--spectrum-font-size-75",
- "--spectrum-gray-300",
- "--spectrum-gray-600",
- "--spectrum-gray-700",
- "--spectrum-gray-75",
- "--spectrum-gray-800",
- "--spectrum-gray-900",
+ "--spectrum-gray-25",
"--spectrum-line-height-100",
- "--spectrum-neutral-background-color-selected-default",
- "--spectrum-neutral-background-color-selected-down",
- "--spectrum-neutral-background-color-selected-hover",
- "--spectrum-neutral-background-color-selected-key-focus",
+ "--spectrum-neutral-background-color-default",
+ "--spectrum-neutral-background-color-down",
+ "--spectrum-neutral-background-color-hover",
+ "--spectrum-neutral-background-color-key-focus",
"--spectrum-neutral-content-color-default",
"--spectrum-neutral-content-color-down",
"--spectrum-neutral-content-color-hover",
@@ -202,16 +222,6 @@
"--spectrum-text-to-control-300",
"--spectrum-text-to-control-75"
],
- "system-theme": [
- "--system-spectrum-switch-handle-border-color-default",
- "--system-spectrum-switch-handle-border-color-down",
- "--system-spectrum-switch-handle-border-color-focus",
- "--system-spectrum-switch-handle-border-color-hover",
- "--system-spectrum-switch-handle-border-color-selected-default",
- "--system-spectrum-switch-handle-border-color-selected-down",
- "--system-spectrum-switch-handle-border-color-selected-focus",
- "--system-spectrum-switch-handle-border-color-selected-hover"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-switch-background-color",
@@ -221,17 +231,23 @@
"--highcontrast-switch-background-color-selected-down",
"--highcontrast-switch-background-color-selected-focus",
"--highcontrast-switch-background-color-selected-hover",
+ "--highcontrast-switch-border-color-default",
+ "--highcontrast-switch-border-color-disabled",
+ "--highcontrast-switch-border-color-down",
+ "--highcontrast-switch-border-color-focus",
+ "--highcontrast-switch-border-color-hover",
+ "--highcontrast-switch-border-color-selected-default",
+ "--highcontrast-switch-border-color-selected-down",
+ "--highcontrast-switch-border-color-selected-focus",
+ "--highcontrast-switch-border-color-selected-hover",
"--highcontrast-switch-focus-indicator-color",
- "--highcontrast-switch-handle-background-color",
- "--highcontrast-switch-handle-border-color-default",
- "--highcontrast-switch-handle-border-color-disabled",
- "--highcontrast-switch-handle-border-color-down",
- "--highcontrast-switch-handle-border-color-focus",
- "--highcontrast-switch-handle-border-color-hover",
- "--highcontrast-switch-handle-border-color-selected-default",
- "--highcontrast-switch-handle-border-color-selected-down",
- "--highcontrast-switch-handle-border-color-selected-focus",
- "--highcontrast-switch-handle-border-color-selected-hover",
+ "--highcontrast-switch-handle-background-color-default",
+ "--highcontrast-switch-handle-background-color-disabled",
+ "--highcontrast-switch-handle-background-color-down",
+ "--highcontrast-switch-handle-background-color-focus",
+ "--highcontrast-switch-handle-background-color-hover",
+ "--highcontrast-switch-handle-background-color-selected",
+ "--highcontrast-switch-handle-background-color-selected-disabled",
"--highcontrast-switch-label-color-default",
"--highcontrast-switch-label-color-disabled",
"--highcontrast-switch-label-color-down",
diff --git a/components/switch/metadata/mods.md b/components/switch/metadata/mods.md
deleted file mode 100644
index 1ddbb105433..00000000000
--- a/components/switch/metadata/mods.md
+++ /dev/null
@@ -1,39 +0,0 @@
-| Modifiable custom properties |
-| --------------------------------------------------- |
-| `--mod-animation-duration-100` |
-| `--mod-animation-duration-200` |
-| `--mod-border-width-200` |
-| `--mod-focus-indicator-gap` |
-| `--mod-focus-indicator-thickness` |
-| `--mod-line-height-100` |
-| `--mod-switch-background-color` |
-| `--mod-switch-background-color-disabled` |
-| `--mod-switch-background-color-selected-default` |
-| `--mod-switch-background-color-selected-disabled` |
-| `--mod-switch-background-color-selected-down` |
-| `--mod-switch-background-color-selected-focus` |
-| `--mod-switch-background-color-selected-hover` |
-| `--mod-switch-control-height` |
-| `--mod-switch-control-label-spacing` |
-| `--mod-switch-control-width` |
-| `--mod-switch-focus-indicator-color` |
-| `--mod-switch-focus-indicator-thickness` |
-| `--mod-switch-font-size` |
-| `--mod-switch-handle-background-color` |
-| `--mod-switch-handle-border-color-default` |
-| `--mod-switch-handle-border-color-disabled` |
-| `--mod-switch-handle-border-color-down` |
-| `--mod-switch-handle-border-color-focus` |
-| `--mod-switch-handle-border-color-hover` |
-| `--mod-switch-handle-border-color-selected-default` |
-| `--mod-switch-handle-border-color-selected-down` |
-| `--mod-switch-handle-border-color-selected-focus` |
-| `--mod-switch-handle-border-color-selected-hover` |
-| `--mod-switch-height` |
-| `--mod-switch-label-color-default` |
-| `--mod-switch-label-color-disabled` |
-| `--mod-switch-label-color-down` |
-| `--mod-switch-label-color-focus` |
-| `--mod-switch-label-color-hover` |
-| `--mod-switch-spacing-top-to-control` |
-| `--mod-switch-spacing-top-to-label` |
diff --git a/components/switch/package.json b/components/switch/package.json
index 05fb335f77b..7384f41267e 100644
--- a/components/switch/package.json
+++ b/components/switch/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/switch",
- "version": "5.2.0",
+ "version": "6.0.0-s2-foundations.17",
"description": "The Spectrum CSS switch component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/switch/stories/switch.stories.js b/components/switch/stories/switch.stories.js
index 561518c4c33..cd40c68b45c 100644
--- a/components/switch/stories/switch.stories.js
+++ b/components/switch/stories/switch.stories.js
@@ -39,9 +39,15 @@ export default {
size: "m",
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=164-16761",
+ },
packageJson,
metadata,
},
+ decorators: [],
+ tags: ["migrated"],
};
export const Default = SwitchGroup.bind({});
diff --git a/components/switch/themes/express.css b/components/switch/themes/express.css
deleted file mode 100644
index 6f4e39a2b7a..00000000000
--- a/components/switch/themes/express.css
+++ /dev/null
@@ -1,28 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Switch {
- --spectrum-switch-handle-border-color-default: var(--spectrum-gray-800);
- --spectrum-switch-handle-border-color-hover: var(--spectrum-gray-900);
- --spectrum-switch-handle-border-color-down: var(--spectrum-gray-900);
- --spectrum-switch-handle-border-color-focus: var(--spectrum-gray-900);
-
- --spectrum-switch-handle-border-color-selected-default: var(--spectrum-gray-800);
- --spectrum-switch-handle-border-color-selected-hover: var(--spectrum-gray-900);
- --spectrum-switch-handle-border-color-selected-down: var(--spectrum-gray-900);
- --spectrum-switch-handle-border-color-selected-focus: var(--spectrum-gray-900);
- }
-}
diff --git a/components/switch/themes/spectrum.css b/components/switch/themes/spectrum.css
deleted file mode 100644
index 755d004ae61..00000000000
--- a/components/switch/themes/spectrum.css
+++ /dev/null
@@ -1,26 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Switch {
- --spectrum-switch-handle-border-color-default: var(--spectrum-gray-600);
- --spectrum-switch-handle-border-color-hover: var(--spectrum-gray-700);
- --spectrum-switch-handle-border-color-down: var(--spectrum-gray-800);
- --spectrum-switch-handle-border-color-focus: var(--spectrum-gray-700);
-
- --spectrum-switch-handle-border-color-selected-default: var(--spectrum-gray-700);
- --spectrum-switch-handle-border-color-selected-hover: var(--spectrum-gray-800);
- --spectrum-switch-handle-border-color-selected-down: var(--spectrum-gray-900);
- --spectrum-switch-handle-border-color-selected-focus: var(--spectrum-gray-800);
- }
-}
diff --git a/components/table/CHANGELOG.md b/components/table/CHANGELOG.md
index 13133217549..3540efdc383 100644
--- a/components/table/CHANGELOG.md
+++ b/components/table/CHANGELOG.md
@@ -1,5 +1,302 @@
# Change Log
+## 7.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`2c62239`](https://github.com/adobe/spectrum-css/commit/2c62239aab6ae9815bac6edf531c212c45665a5c), [`eda9897`](https://github.com/adobe/spectrum-css/commit/eda9897f1a6e9ecaa4e000985e55b62ecdb9a586)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/thumbnail@7.0.0-next.0
+
+## 7.0.0-s2-foundations.18
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.18
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.20
+ - @spectrum-css/button@14.0.0-s2-foundations.19
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 7.0.0-s2-foundations.17
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.15
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.18
+ - @spectrum-css/button@14.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 7.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.14
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.17
+ - @spectrum-css/button@14.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 7.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.13
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.16
+ - @spectrum-css/button@14.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 7.0.0-s2-foundations.14
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`1037169`](https://github.com/adobe/spectrum-css/commit/103716919fa4e0d43c68e67e1fd3355651c02016) Thanks [@pfulton](https://github.com/pfulton)! - Move --highcontrast references out of themes; remove remaining --mods from the themes
+
+## 7.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#3040](https://github.com/adobe/spectrum-css/pull/3040) [`cf2e737`](https://github.com/adobe/spectrum-css/commit/cf2e73743b2c3d43d4c51fceeabfb99fda1ac4b5) Thanks [@aramos-adobe](https://github.com/aramos-adobe)! - Migrating --mod to index.css from infield button, logic button and table components
+
+## 7.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.12
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.12
+ - @spectrum-css/button@14.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.11
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.11
+ - @spectrum-css/button@14.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 7.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.10
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.10
+ - @spectrum-css/button@14.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 7.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.9
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.9
+ - @spectrum-css/button@14.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 7.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.8
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.8
+ - @spectrum-css/button@14.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 7.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.7
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.7
+ - @spectrum-css/button@14.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 7.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.6
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.6
+ - @spectrum-css/button@14.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 7.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.5
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.5
+ - @spectrum-css/button@14.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 7.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.4
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.4
+ - @spectrum-css/button@14.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 7.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.3
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.3
+ - @spectrum-css/button@14.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 7.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.2
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.2
+ - @spectrum-css/button@14.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.1
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.1
+ - @spectrum-css/button@14.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 7.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/checkbox@10.0.0-s2-foundations.0
+ - @spectrum-css/button@14.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.0
+
## 6.2.0
### Minor Changes
@@ -20,6 +317,12 @@
- [#3305](https://github.com/adobe/spectrum-css/pull/3305) [`092aac5`](https://github.com/adobe/spectrum-css/commit/092aac56953f4c02cd5227e3f61c6cb0b2b4e46a) Thanks [@cdransf](https://github.com/cdransf)! - Move mod declaration to satisfy lint rules. Rename table custom properties to align with lint rules.
+## 6.1.4
+
+### Patch Changes
+
+- [#3305](https://github.com/adobe/spectrum-css/pull/3305) [`092aac5`](https://github.com/adobe/spectrum-css/commit/092aac56953f4c02cd5227e3f61c6cb0b2b4e46a) Thanks [@cdransf](https://github.com/cdransf)! - Move mod declaration to satisfy lint rules. Rename table custom properties to align with lint rules.
+
## 6.1.3
### Patch Changes
@@ -84,16 +387,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.2.5...@spectrum-css/table@6.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.2.5...@spectrum-css/table@6.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -101,8 +401,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.2.4...@spectrum-css/table@5.2.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.2.4...@spectrum-css/table@5.2.5)
**Note:** Version bump only for package @spectrum-css/table
@@ -110,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.2.3...@spectrum-css/table@5.2.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.2.3...@spectrum-css/table@5.2.4)
**Note:** Version bump only for package @spectrum-css/table
@@ -119,8 +417,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.2.2...@spectrum-css/table@5.2.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.2.2...@spectrum-css/table@5.2.3)
**Note:** Version bump only for package @spectrum-css/table
@@ -128,8 +425,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.2.1...@spectrum-css/table@5.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.2.1...@spectrum-css/table@5.2.2)
**Note:** Version bump only for package @spectrum-css/table
@@ -137,8 +433,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/table
@@ -146,8 +441,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.1.1...@spectrum-css/table@5.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.1.1...@spectrum-css/table@5.2.0)
**Note:** Version bump only for package @spectrum-css/table
@@ -155,8 +449,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.1
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.1.0...@spectrum-css/table@5.1.1)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.1.0...@spectrum-css/table@5.1.1)
### 🐛 Bug fixes
@@ -167,8 +460,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.11...@spectrum-css/table@5.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.11...@spectrum-css/table@5.1.0)
### ✨ Features
@@ -178,8 +470,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.11
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.10...@spectrum-css/table@5.0.11)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.10...@spectrum-css/table@5.0.11)
**Note:** Version bump only for package @spectrum-css/table
@@ -187,8 +478,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.10
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.9...@spectrum-css/table@5.0.10)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.9...@spectrum-css/table@5.0.10)
**Note:** Version bump only for package @spectrum-css/table
@@ -196,8 +486,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.9
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.7...@spectrum-css/table@5.0.9)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.7...@spectrum-css/table@5.0.9)
**Note:** Version bump only for package @spectrum-css/table
@@ -205,8 +494,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.8
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.7...@spectrum-css/table@5.0.8)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.7...@spectrum-css/table@5.0.8)
**Note:** Version bump only for package @spectrum-css/table
@@ -214,8 +502,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.7
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.6...@spectrum-css/table@5.0.7)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.6...@spectrum-css/table@5.0.7)
**Note:** Version bump only for package @spectrum-css/table
@@ -223,8 +510,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.6
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.5...@spectrum-css/table@5.0.6)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.5...@spectrum-css/table@5.0.6)
**Note:** Version bump only for package @spectrum-css/table
@@ -232,8 +518,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.5
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.4...@spectrum-css/table@5.0.5)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.4...@spectrum-css/table@5.0.5)
**Note:** Version bump only for package @spectrum-css/table
@@ -241,8 +526,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.4
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.3...@spectrum-css/table@5.0.4)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.3...@spectrum-css/table@5.0.4)
**Note:** Version bump only for package @spectrum-css/table
@@ -250,8 +534,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.3
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.2...@spectrum-css/table@5.0.3)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.2...@spectrum-css/table@5.0.3)
**Note:** Version bump only for package @spectrum-css/table
@@ -259,8 +542,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.2
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.1...@spectrum-css/table@5.0.2)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.1...@spectrum-css/table@5.0.2)
**Note:** Version bump only for package @spectrum-css/table
@@ -268,8 +550,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.1
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.0...@spectrum-css/table@5.0.1)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@5.0.0...@spectrum-css/table@5.0.1)
**Note:** Version bump only for package @spectrum-css/table
@@ -277,8 +558,7 @@ _deprecate logical transform plugin ([#2437](https://github.com/adobe/spectrum-c
## 5.0.0
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.73...@spectrum-css/table@5.0.0)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.73...@spectrum-css/table@5.0.0)
\*feat(table)!: migrate to spectrum-tokens, add section header (#1842)([74cd1b4](https://github.com/adobe/spectrum-css/commit/74cd1b4)), closes[#1842](https://github.com/adobe/spectrum-css/issues/1842)
@@ -780,8 +1060,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.73
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.72...@spectrum-css/table@4.0.73)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.72...@spectrum-css/table@4.0.73)
**Note:** Version bump only for package @spectrum-css/table
@@ -789,8 +1068,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.72
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.71...@spectrum-css/table@4.0.72)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.71...@spectrum-css/table@4.0.72)
**Note:** Version bump only for package @spectrum-css/table
@@ -798,8 +1076,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.71
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.70...@spectrum-css/table@4.0.71)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.70...@spectrum-css/table@4.0.71)
### 🔙 Reverts
@@ -809,8 +1086,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.70
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.69...@spectrum-css/table@4.0.70)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.69...@spectrum-css/table@4.0.70)
**Note:** Version bump only for package @spectrum-css/table
@@ -818,8 +1094,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.69
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.67...@spectrum-css/table@4.0.69)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.67...@spectrum-css/table@4.0.69)
**Note:** Version bump only for package @spectrum-css/table
@@ -827,8 +1102,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.68
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.67...@spectrum-css/table@4.0.68)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.67...@spectrum-css/table@4.0.68)
**Note:** Version bump only for package @spectrum-css/table
@@ -836,8 +1110,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.67
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.66...@spectrum-css/table@4.0.67)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.66...@spectrum-css/table@4.0.67)
**Note:** Version bump only for package @spectrum-css/table
@@ -845,8 +1118,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.66
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.65...@spectrum-css/table@4.0.66)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.65...@spectrum-css/table@4.0.66)
**Note:** Version bump only for package @spectrum-css/table
@@ -854,8 +1126,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.65
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.64...@spectrum-css/table@4.0.65)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.64...@spectrum-css/table@4.0.65)
**Note:** Version bump only for package @spectrum-css/table
@@ -863,8 +1134,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.64
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.63...@spectrum-css/table@4.0.64)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.63...@spectrum-css/table@4.0.64)
**Note:** Version bump only for package @spectrum-css/table
@@ -872,8 +1142,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.63
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.62...@spectrum-css/table@4.0.63)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.62...@spectrum-css/table@4.0.63)
**Note:** Version bump only for package @spectrum-css/table
@@ -881,8 +1150,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.62
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.61...@spectrum-css/table@4.0.62)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.61...@spectrum-css/table@4.0.62)
**Note:** Version bump only for package @spectrum-css/table
@@ -890,8 +1158,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.61
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.60...@spectrum-css/table@4.0.61)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.60...@spectrum-css/table@4.0.61)
**Note:** Version bump only for package @spectrum-css/table
@@ -899,8 +1166,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.60
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.59...@spectrum-css/table@4.0.60)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.59...@spectrum-css/table@4.0.60)
**Note:** Version bump only for package @spectrum-css/table
@@ -908,8 +1174,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.59
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.58...@spectrum-css/table@4.0.59)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.58...@spectrum-css/table@4.0.59)
**Note:** Version bump only for package @spectrum-css/table
@@ -917,8 +1182,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.58
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.57...@spectrum-css/table@4.0.58)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.57...@spectrum-css/table@4.0.58)
**Note:** Version bump only for package @spectrum-css/table
@@ -926,8 +1190,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.57
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.56...@spectrum-css/table@4.0.57)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.56...@spectrum-css/table@4.0.57)
**Note:** Version bump only for package @spectrum-css/table
@@ -935,8 +1198,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.56
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.55...@spectrum-css/table@4.0.56)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.55...@spectrum-css/table@4.0.56)
**Note:** Version bump only for package @spectrum-css/table
@@ -944,8 +1206,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.55
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.54...@spectrum-css/table@4.0.55)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.54...@spectrum-css/table@4.0.55)
### 🐛 Bug fixes
@@ -955,8 +1216,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.54
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.53...@spectrum-css/table@4.0.54)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.53...@spectrum-css/table@4.0.54)
**Note:** Version bump only for package @spectrum-css/table
@@ -964,8 +1224,7 @@ set on the cell instead of the row (previous fix for Firefix bug).
## 4.0.53
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.52...@spectrum-css/table@4.0.53)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/table@4.0.52...@spectrum-css/table@4.0.53)
**Note:** Version bump only for package @spectrum-css/table
diff --git a/components/table/index.css b/components/table/index.css
index 9f58a1b3265..9abac94c557 100644
--- a/components/table/index.css
+++ b/components/table/index.css
@@ -11,71 +11,103 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
+/********* HIGH CONTRAST *********/
+@media (forced-colors: active) {
+ .spectrum-Table {
+ --highcontrast-table-row-background-color: Canvas;
+ --highcontrast-table-row-text-color: CanvasText;
+ --highcontrast-table-divider-color: CanvasText;
+ --highcontrast-table-border-color: CanvasText;
+ --highcontrast-table-icon-color: CanvasText;
+ --highcontrast-table-icon-color-focus: Highlight;
-.spectrum-Table {
- /* Size and Spacing */
- --spectrum-table-header-top-to-text: var(--spectrum-table-column-header-row-top-to-text-medium);
- --spectrum-table-header-bottom-to-text: var(--spectrum-table-column-header-row-bottom-to-text-medium);
+ --highcontrast-table-selected-row-background-color: Highlight;
+ --highcontrast-table-selected-row-text-color: HighlightText;
- --spectrum-table-min-header-height: var(--spectrum-component-height-100);
- --spectrum-table-min-row-height: var(--spectrum-table-row-height-medium-regular);
- --spectrum-table-row-top-to-text: var(--spectrum-table-row-top-to-text-medium-regular);
- --spectrum-table-row-bottom-to-text: var(--spectrum-table-row-bottom-to-text-medium-regular);
+ --highcontrast-table-selected-row-background-color-focus: Highlight;
+ --highcontrast-table-selected-row-text-color-focus: HighlightText;
+ --highcontrast-table-row-background-color-hover: Highlight;
+ --highcontrast-table-row-text-color-hover: HighlightText;
+
+ --highcontrast-table-section-header-text-color: Canvas;
+ --highcontrast-table-section-header-background-color: CanvasText;
+ --highcontrast-table-focus-indicator-color: Highlight;
+ --highcontrast-table-transition-duration: 0;
+
+ @supports (color: SelectedItem) {
+ --highcontrast-table-selected-row-background-color: SelectedItem;
+ --highcontrast-table-selected-row-text-color: SelectedItemText;
+ }
+ }
+
+ .spectrum-Table-cell {
+ /* Removes unstylable readability backplate. */
+ forced-color-adjust: none;
+ }
+
+ .spectrum-Table-row {
+ &:hover,
+ &:focus-visible,
+ &.is-focused {
+ .spectrum-Table-checkbox .spectrum-Checkbox-box::before {
+ outline: var(--highcontrast-table-row-text-color-hover) 1px solid;
+ }
+ }
+ }
+
+ .spectrum-Table-row.is-selected,
+ .spectrum-Table-row.is-drop-target,
+ .spectrum-Table-body.is-drop-target .spectrum-Table-row {
+ /* Ensure negative offset outline contrasts on top of SelectedItem background. */
+ --highcontrast-table-cell-focus-indicator-color: var(--highcontrast-table-selected-row-text-color);
+ --highcontrast-table-cell-focus-extra-offset: 1px;
+
+ .spectrum-Table-checkbox .spectrum-Checkbox-box::before {
+ outline: var(--highcontrast-table-selected-row-text-color) 1px solid;
+ }
+ }
+}
+
+.spectrum-Table {
--spectrum-table-cell-inline-space: var(--spectrum-table-edge-to-content);
--spectrum-table-border-radius: var(--spectrum-corner-radius-100);
--spectrum-table-border-width: var(--spectrum-table-border-divider-width);
--spectrum-table-outer-border-inline-width: var(--spectrum-table-border-divider-width);
- --spectrum-table-icon-to-text: var(--spectrum-text-to-visual-100);
-
--spectrum-table-default-vertical-align: top;
--spectrum-table-header-vertical-align: middle;
- /* Typography */
--spectrum-table-header-font-weight: var(--spectrum-bold-font-weight);
--spectrum-table-row-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-table-row-font-weight: var(--spectrum-regular-font-weight);
--spectrum-table-row-font-style: var(--spectrum-default-font-style);
- --spectrum-table-row-font-size: var(--spectrum-font-size-100);
--spectrum-table-row-line-height: var(--spectrum-line-height-100);
- /* General Colors */
- --spectrum-table-border-color: var(--spectrum-gray-300);
- --spectrum-table-divider-color: var(--spectrum-gray-300);
-
+ --spectrum-table-border-color: var(--spectrum-gray-200);
+ --spectrum-table-divider-color: var(--spectrum-gray-200);
--spectrum-table-header-background-color: var(--spectrum-transparent-white-100);
--spectrum-table-header-text-color: var(--spectrum-body-color);
-
- --spectrum-table-row-background-color: var(--spectrum-gray-50);
+ --spectrum-table-row-background-color: var(--spectrum-gray-25);
--spectrum-table-row-text-color: var(--spectrum-neutral-content-color-default);
- /* ----- *
- @todo Refactor or remove these properties once the RGB stripped value is available. */
+ /* @todo Refactor or remove these properties once the RGB stripped value is available. */
--spectrum-table-selected-row-background-color: rgba(var(--spectrum-blue-900-rgb), var(--spectrum-table-selected-row-background-opacity));
--spectrum-table-selected-row-background-color-non-emphasized: rgba(var(--spectrum-gray-700-rgb), var(--spectrum-table-selected-row-background-opacity-non-emphasized));
--spectrum-table-row-background-color-hover: rgba(var(--spectrum-gray-900-rgb), var(--spectrum-table-row-hover-opacity));
-
--spectrum-table-row-active-color: rgba(var(--spectrum-gray-900-rgb), var(--spectrum-table-row-down-opacity));
--spectrum-table-selected-row-background-color-focus: rgba(var(--spectrum-blue-900-rgb), var(--spectrum-table-selected-row-background-opacity-hover));
--spectrum-table-selected-row-background-color-non-emphasized-focus: rgba(var(--spectrum-gray-700-rgb), var(--spectrum-table-selected-row-background-opacity-non-emphasized-hover));
- /* ----- */
-
--spectrum-table-icon-color-default: var(--spectrum-neutral-subdued-content-color-default);
--spectrum-table-icon-color-hover: var(--spectrum-neutral-subdued-content-color-hover);
--spectrum-table-icon-color-active: var(--spectrum-neutral-subdued-content-color-down);
- --spectrum-table-icon-color-focus: var(--spectrum-neutral-subdued-content-color-focus);
- --spectrum-table-icon-color-focus-hover: var(--spectrum-neutral-subdued-content-focus-hover);
+ --spectrum-table-icon-color-focus: var(--spectrum-neutral-subdued-content-color-key-focus);
+ --spectrum-table-icon-color-focus-hover: var(--spectrum-neutral-subdued-content-color-key-focus);
--spectrum-table-icon-color-key-focus: var(--spectrum-neutral-subdued-content-color-key-focus);
- /* Row Selection */
- --spectrum-table-header-checkbox-block-spacing: var(--spectrum-table-header-row-checkbox-to-top-medium);
- --spectrum-table-row-checkbox-block-spacing: var(--spectrum-table-row-checkbox-to-top-medium-regular);
-
--spectrum-table-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
--spectrum-table-focus-indicator-color: var(--spectrum-focus-indicator-color);
@@ -86,32 +118,49 @@
/* Summary Row and Section Header Row */
--spectrum-table-summary-row-font-weight: var(--spectrum-bold-font-weight);
- --spectrum-table-summary-row-background-color: var(--spectrum-gray-200);
+ --spectrum-table-summary-row-background-color: var(--spectrum-gray-100);
+
+ --spectrum-table-section-header-font-weight: var(--spectrum-bold-font-weight);
+ --spectrum-table-section-header-background-color: var(--spectrum-gray-100);
+
+ /* Collapsible and thumbnails */
+ --spectrum-table-collapsible-tier-indent: var(--spectrum-spacing-300);
+ --spectrum-table-collapsible-disclosure-inline-spacing: 0px;
+ --spectrum-table-collapsible-icon-animation-duration: var(--spectrum-animation-duration-100);
+
+ --spectrum-table-cell-background-color: var(--highcontrast-table-row-background-color, var(--mod-table-row-background-color, var(--spectrum-table-row-background-color)));
+ --spectrum-table-selected-cell-background-color: var(--highcontrast-table-selected-row-background-color, var(--mod-table-selected-row-background-color-non-emphasized, var(--spectrum-table-selected-row-background-color-non-emphasized)));
+ --spectrum-table-selected-cell-background-color-focus: var(--highcontrast-table-selected-row-background-color-focus, var(--mod-table-selected-row-background-color-non-emphasized-focus, var(--spectrum-table-selected-row-background-color-non-emphasized-focus)));
+
+ /* Row Selection */
+ --spectrum-table-header-checkbox-block-spacing: var(--spectrum-table-header-row-checkbox-to-top-medium);
+ --spectrum-table-row-checkbox-block-spacing: var(--spectrum-table-row-checkbox-to-top-medium-regular);
--spectrum-table-section-header-min-height: var(--spectrum-table-section-header-row-height-medium);
--spectrum-table-section-header-block-start-spacing: var(--spectrum-component-top-to-text-100);
--spectrum-table-section-header-block-end-spacing: var(--spectrum-component-bottom-to-text-100);
- --spectrum-table-section-header-font-weight: var(--spectrum-bold-font-weight);
- --spectrum-table-section-header-background-color: var(--spectrum-gray-200);
-
/* Collapsible and Thumbnails */
- --spectrum-table-collapsible-tier-indent: var(--spectrum-spacing-300);
- --spectrum-table-collapsible-disclosure-inline-spacing: 0px;
--spectrum-table-disclosure-icon-size: var(--spectrum-component-height-100);
- --spectrum-table-collapsible-icon-animation-duration: var(--spectrum-animation-duration-100);
--spectrum-table-thumbnail-to-text: var(--spectrum-text-to-visual-100);
--spectrum-table-thumbnail-block-spacing: var(--spectrum-table-thumbnail-to-top-minimum-medium-regular);
--spectrum-table-thumbnail-size: var(--spectrum-thumbnail-size-300);
- /* Local custom properties used to assign row color to child cells, to help get around Firefox bug 921341
- and for modifying emphasized/non-emphasized background colors from the root element. */
- --spectrum-table-cell-background-color: var(--highcontrast-table-row-background-color, var(--mod-table-row-background-color, var(--spectrum-table-row-background-color)));
- --spectrum-table-selected-cell-background-color: var(--highcontrast-table-selected-row-background-color, var(--mod-table-selected-row-background-color-non-emphasized, var(--spectrum-table-selected-row-background-color-non-emphasized)));
- --spectrum-table-selected-cell-background-color-focus: var(--highcontrast-table-selected-row-background-color-focus, var(--mod-table-selected-row-background-color-non-emphasized-focus, var(--spectrum-table-selected-row-background-color-non-emphasized-focus)));
+ --spectrum-table-min-header-height: var(--spectrum-component-height-100);
+ --spectrum-table-header-top-to-text: var(--spectrum-table-column-header-row-top-to-text-medium);
+ --spectrum-table-header-bottom-to-text: var(--spectrum-table-column-header-row-bottom-to-text-medium);
- /* Passthrough for nested component(s) */
+ --spectrum-table-min-row-height: var(--spectrum-table-row-height-medium-regular);
+ --spectrum-table-row-top-to-text: var(--spectrum-table-row-top-to-text-medium-regular);
+ --spectrum-table-row-bottom-to-text: var(--spectrum-table-row-bottom-to-text-medium-regular);
+
+ --spectrum-table-icon-to-text: var(--spectrum-text-to-visual-100);
+
+ /* Typography */
+ --spectrum-table-row-font-size: var(--spectrum-font-size-100);
+
+ /* @passthrough -- nested component(s) */
--mod-thumbnail-size: var(--mod-table-thumbnail-size, var(--spectrum-table-thumbnail-size));
&:dir(rtl) {
@@ -119,7 +168,6 @@
}
}
-/********* T-SHIRT SIZES (Regular Density) *********/
.spectrum-Table--sizeS {
/* Size and Spacing */
--spectrum-table-min-header-height: var(--spectrum-component-height-100);
@@ -341,71 +389,12 @@
--mod-table-row-background-color: var(--mod-table-row-background-color--quiet, var(--spectrum-transparent-white-100));
}
-/********* HIGH CONTRAST *********/
-@media (forced-colors: active) {
- .spectrum-Table {
- --highcontrast-table-row-background-color: Canvas;
- --highcontrast-table-row-text-color: CanvasText;
- --highcontrast-table-divider-color: CanvasText;
- --highcontrast-table-border-color: CanvasText;
- --highcontrast-table-icon-color: CanvasText;
- --highcontrast-table-icon-color-focus: Highlight;
-
- --highcontrast-table-selected-row-background-color: Highlight;
- --highcontrast-table-selected-row-text-color: HighlightText;
- --highcontrast-table-selected-row-text-color-default: HighlightText;
-
- @supports (color: SelectedItem) {
- --highcontrast-table-selected-row-background-color: SelectedItem;
- --highcontrast-table-selected-row-text-color: SelectedItemText;
- --highcontrast-table-selected-row-text-color-default: SelectedItemText;
- }
-
- --highcontrast-table-selected-row-background-color-focus: Highlight;
- --highcontrast-table-selected-row-text-color-focus: HighlightText;
- --highcontrast-table-row-background-color-hover: Highlight;
- --highcontrast-table-row-text-color-hover: HighlightText;
-
- --highcontrast-table-section-header-text-color: Canvas;
- --highcontrast-table-section-header-background-color: CanvasText;
-
- --highcontrast-table-focus-indicator-color: Highlight;
- --highcontrast-table-transition-duration: 0;
- }
-
- .spectrum-Table-cell {
- /* Removes unstylable readability backplate. */
- forced-color-adjust: none;
- }
-
- .spectrum-Table-row {
- &:hover,
- &:focus-visible,
- &.is-focused {
- .spectrum-Table-checkbox .spectrum-Checkbox-box::before {
- outline: var(--highcontrast-table-row-text-color-hover) 1px solid;
- }
- }
- }
-
- .spectrum-Table-row.is-selected,
- .spectrum-Table-row.is-drop-target,
- .spectrum-Table-body.is-drop-target .spectrum-Table-row {
- /* Ensure negative offset outline contrasts on top of SelectedItem background. */
- --highcontrast-table-cell-focus-indicator-color: var(--highcontrast-table-selected-row-text-color);
- --highcontrast-table-cell-focus-extra-offset: 1px;
-
- .spectrum-Table-checkbox .spectrum-Checkbox-box::before {
- outline: var(--highcontrast-table-selected-row-text-color) 1px solid;
- }
- }
-}
-
/********* REGULAR / DEFAULT *********/
.spectrum-Table:not(.spectrum-Table-scroller),
.spectrum-Table-main {
border-collapse: separate;
border-spacing: 0;
+ display: table;
}
.spectrum-Table-sortedIcon {
@@ -508,6 +497,7 @@
position: relative;
border: none;
border-radius: var(--mod-table-border-radius, var(--spectrum-table-border-radius));
+ display: table-row-group;
&.is-drop-target {
/* Make sure negative offset outline is not covered by borders. */
@@ -526,6 +516,22 @@
/* Row divider lines */
.spectrum-Table-cell {
border-block-start: var(--mod-table-border-width, var(--spectrum-table-border-width)) solid var(--highcontrast-table-divider-color, var(--mod-table-divider-color, var(--spectrum-table-divider-color)));
+
+ /* Cells within table body */
+ box-sizing: border-box;
+ font-size: var(--mod-table-row-font-size, var(--spectrum-table-row-font-size));
+ font-weight: var(--mod-table-row-font-weight, var(--spectrum-table-row-font-weight));
+ line-height: var(--mod-table-row-line-height, var(--spectrum-table-row-line-height));
+ vertical-align: var(--mod-table-default-vertical-align, var(--spectrum-table-default-vertical-align));
+ color: var(--highcontrast-table-row-text-color, var(--mod-table-row-text-color, var(--spectrum-table-row-text-color)));
+ background-color: var(--spectrum-table-cell-background-color);
+
+ /* block-size functions as min-block-size when using display table-cell. */
+ block-size: var(--mod-table-min-row-height, var(--spectrum-table-min-row-height));
+
+ padding-block-start: calc(var(--mod-table-row-top-to-text, var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width, var(--spectrum-table-border-width)));
+ padding-block-end: var(--mod-table-row-bottom-to-text, var(--spectrum-table-row-bottom-to-text));
+ padding-inline: calc(var(--mod-table-edge-to-content, var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width, var(--spectrum-table-outer-border-inline-width)));
}
/* Outside border */
@@ -549,6 +555,12 @@
/* Rounded corners */
.spectrum-Table-row {
+ /* Rows within table body */
+ position: relative;
+ transition: background-color var(--highcontrast-table-transition-duration, var(--mod-table-transition-duration, var(--spectrum-table-transition-duration))) ease-in-out;
+ cursor: var(--mod-table-cursor-row-default, pointer);
+ border-block-start: none;
+
&:first-child .spectrum-Table-cell:first-child {
border-start-start-radius: var(--mod-table-border-radius, var(--spectrum-table-border-radius));
}
@@ -564,51 +576,6 @@
&:last-child .spectrum-Table-cell:last-child {
border-end-end-radius: var(--mod-table-border-radius, var(--spectrum-table-border-radius));
}
-}
-
-/* Cells within table body */
-.spectrum-Table-cell {
- box-sizing: border-box;
- font-size: var(--mod-table-row-font-size, var(--spectrum-table-row-font-size));
- font-weight: var(--mod-table-row-font-weight, var(--spectrum-table-row-font-weight));
- line-height: var(--mod-table-row-line-height, var(--spectrum-table-row-line-height));
- vertical-align: var(--mod-table-default-vertical-align, var(--spectrum-table-default-vertical-align));
- color: var(--highcontrast-table-row-text-color, var(--mod-table-row-text-color, var(--spectrum-table-row-text-color)));
- background-color: var(--spectrum-table-cell-background-color);
-
- /* block-size functions as min-block-size when using display table-cell. */
- block-size: var(--mod-table-min-row-height, var(--spectrum-table-min-row-height));
-
- padding-block-start: calc(var(--mod-table-row-top-to-text, var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width, var(--spectrum-table-border-width)));
- padding-block-end: var(--mod-table-row-bottom-to-text, var(--spectrum-table-row-bottom-to-text));
- padding-inline: calc(var(--mod-table-edge-to-content, var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width, var(--spectrum-table-outer-border-inline-width)));
-}
-
-/* Focus Indicator (Ring) */
-.spectrum-Table-cell,
-.spectrum-Table-headCell {
- position: relative;
-
- &:focus-visible,
- &.is-focused {
- outline-width: var(--mod-table-focus-indicator-thickness, var(--spectrum-table-focus-indicator-thickness));
- outline-style: solid;
- outline-color: var(--highcontrast-table-cell-focus-indicator-color, var(--highcontrast-table-focus-indicator-color, var(--mod-table-focus-indicator-color, var(--spectrum-table-focus-indicator-color))));
- outline-offset: calc((-1 * var(--mod-table-focus-indicator-thickness, var(--spectrum-table-focus-indicator-thickness))) - var(--highcontrast-table-cell-focus-extra-offset, 0px));
- }
-}
-
-/* Cells that display a column divider (vertical border). */
-.spectrum-Table-cell--divider {
- border-inline-end: var(--mod-table-border-width, var(--spectrum-table-border-width)) solid var(--highcontrast-table-divider-color, var(--mod-table-divider-color, var(--spectrum-table-divider-color)));
-}
-
-/* Rows within table body */
-.spectrum-Table-row {
- position: relative;
- transition: background-color var(--highcontrast-table-transition-duration, var(--mod-table-transition-duration, var(--spectrum-table-transition-duration))) ease-in-out;
- cursor: var(--mod-table-cursor-row-default, pointer);
- border-block-start: none;
&:first-child {
/* Ensure that 'outline' will match the border-radius, when used on rows. */
@@ -642,14 +609,14 @@
&.is-selected {
--highcontrast-table-row-text-color: var(--highcontrast-table-selected-row-text-color);
--highcontrast-table-icon-color: var(--highcontrast-table-selected-row-text-color);
- --spectrum-table-cell-background-color: var(--spectrum-table-selected-cell-background-color);
+ --spectrum-table-cell-background-color: var(--highcontrast-table-selected-row-background-color, var(--spectrum-table-selected-cell-background-color));
&:hover,
&:focus-visible,
&.is-focused {
--highcontrast-table-row-text-color: var(--highcontrast-table-selected-row-text-color-focus);
--highcontrast-table-icon-color: var(--highcontrast-table-selected-row-text-color-focus);
- --spectrum-table-cell-background-color: var(--spectrum-table-selected-cell-background-color-focus);
+ --spectrum-table-cell-background-color: var(--highcontrast-table-selected-row-background-color-focus, var(--spectrum-table-selected-cell-background-color-focus));
}
}
@@ -675,6 +642,26 @@
}
}
+/* Focus Indicator (Ring) */
+.spectrum-Table-cell,
+.spectrum-Table-headCell {
+ position: relative;
+ display: table-cell;
+
+ &:focus-visible,
+ &.is-focused {
+ outline-width: var(--mod-table-focus-indicator-thickness, var(--spectrum-table-focus-indicator-thickness));
+ outline-style: solid;
+ outline-color: var(--highcontrast-table-cell-focus-indicator-color, var(--highcontrast-table-focus-indicator-color, var(--mod-table-focus-indicator-color, var(--spectrum-table-focus-indicator-color))));
+ outline-offset: calc((-1 * var(--mod-table-focus-indicator-thickness, var(--spectrum-table-focus-indicator-thickness))) - var(--highcontrast-table-cell-focus-extra-offset, 0px));
+ }
+}
+
+/* Cells that display a column divider (vertical border). */
+.spectrum-Table-cell--divider {
+ border-inline-end: var(--mod-table-border-width, var(--spectrum-table-border-width)) solid var(--highcontrast-table-divider-color, var(--mod-table-divider-color, var(--spectrum-table-divider-color)));
+}
+
.spectrum-Table-row--summary {
--spectrum-table-cell-background-color: var(--highcontrast-table-row-background-color, var(--mod-table-summary-row-background-color, var(--spectrum-table-summary-row-background-color)));
@@ -723,7 +710,7 @@
inline-size: var(--spectrum-checkbox-control-size-small);
/* The calc subtraction is because the --spectrum-table-checkbox-to-text spacing value
- includes the inline start padding in the adjacent cell. */
+ includes the inline start padding in the adjacent cell. */
padding-inline-end: calc(var(--mod-table-checkbox-to-text, var(--spectrum-table-checkbox-to-text)) - var(--mod-table-edge-to-content, var(--spectrum-table-edge-to-content)));
/* Block spacing must be moved to calculated margin on the checkbox element. */
@@ -731,6 +718,7 @@
.spectrum-Table-checkbox {
--mod-checkbox-spacing: 0px;
+
min-block-size: initial;
}
@@ -747,33 +735,19 @@
/********* DIVS *********/
/* Make sure markup that uses divs instead of elements displays like a regular table. */
-.spectrum-Table:not(.spectrum-Table-scroller),
-.spectrum-Table-main {
- display: table;
-}
-
.spectrum-Table-head {
display: table-header-group;
}
-.spectrum-Table-body {
- display: table-row-group;
-}
-
.spectrum-Table-row,
.spectrum-Table-head [role="row"] {
display: table-row;
}
-.spectrum-Table-cell,
-.spectrum-Table-headCell {
- display: table-cell;
-}
-
/********* SCROLLABLE *********/
/* Wrapper that allows a scrollable body and sticky column header. */
.spectrum-Table-scroller {
- --spectrum-table-header-background-color: var(--mod-table-header-background-color-scrollable, var(--spectrum-background-layer-1-color, var(--spectrum-gray-100)));
+ --spectrum-table-header-background-color: var(--mod-table-header-background-color-scrollable, var(--spectrum-background-layer-1-color, var(--spectrum-gray-75)));
box-sizing: border-box;
display: inline-block;
@@ -785,7 +759,7 @@
border-inline: var(--mod-table-outer-border-inline-width, var(--spectrum-table-outer-border-inline-width)) solid var(--highcontrast-table-border-color, var(--mod-table-border-color, var(--spectrum-table-border-color)));
&.spectrum-Table--quiet {
- --mod-table-header-background-color--quiet: var(--mod-table-header-background-color-scrollable, var(--spectrum-background-layer-1-color, var(--spectrum-gray-100)));
+ --mod-table-header-background-color--quiet: var(--mod-table-header-background-color-scrollable, var(--spectrum-background-layer-1-color, var(--spectrum-gray-75)));
border-block-start: none;
}
@@ -910,7 +884,7 @@
border: 0;
color: var(--spectrum-table-icon-color);
- transform: var(--spectrum-logical-rotation);
+ transform: var(--spectrum-logical-rotation,);
&[aria-expanded="true"] {
transform: var(--spectrum-logical-rotation,) rotate(90deg);
diff --git a/components/table/metadata/metadata.json b/components/table/metadata/metadata.json
index 4b33650d334..62dcb4fb0ed 100644
--- a/components/table/metadata/metadata.json
+++ b/components/table/metadata/metadata.json
@@ -406,19 +406,17 @@
"--spectrum-font-size-75",
"--spectrum-gray-100",
"--spectrum-gray-200",
- "--spectrum-gray-300",
- "--spectrum-gray-50",
+ "--spectrum-gray-25",
"--spectrum-gray-700-rgb",
+ "--spectrum-gray-75",
"--spectrum-gray-900-rgb",
"--spectrum-line-height-100",
"--spectrum-logical-rotation",
"--spectrum-neutral-content-color-default",
"--spectrum-neutral-subdued-content-color-default",
"--spectrum-neutral-subdued-content-color-down",
- "--spectrum-neutral-subdued-content-color-focus",
"--spectrum-neutral-subdued-content-color-hover",
"--spectrum-neutral-subdued-content-color-key-focus",
- "--spectrum-neutral-subdued-content-focus-hover",
"--spectrum-regular-font-weight",
"--spectrum-sans-font-family-stack",
"--spectrum-spacing-300",
@@ -433,7 +431,6 @@
"--spectrum-thumbnail-size-800",
"--spectrum-transparent-white-100"
],
- "system-theme": [],
"passthroughs": ["--mod-checkbox-spacing", "--mod-thumbnail-size"],
"high-contrast": [
"--highcontrast-table-border-color",
@@ -452,7 +449,6 @@
"--highcontrast-table-selected-row-background-color",
"--highcontrast-table-selected-row-background-color-focus",
"--highcontrast-table-selected-row-text-color",
- "--highcontrast-table-selected-row-text-color-default",
"--highcontrast-table-selected-row-text-color-focus",
"--highcontrast-table-transition-duration"
]
diff --git a/components/table/metadata/mods.md b/components/table/metadata/mods.md
deleted file mode 100644
index fafb0b57495..00000000000
--- a/components/table/metadata/mods.md
+++ /dev/null
@@ -1,97 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------------------------------- |
-| `--mod-table-border-color` |
-| `--mod-table-border-radius` |
-| `--mod-table-border-radius--quiet` |
-| `--mod-table-border-width` |
-| `--mod-table-cell-inline-space` |
-| `--mod-table-checkbox-to-text` |
-| `--mod-table-collapsible-disclosure-inline-spacing` |
-| `--mod-table-collapsible-icon-animation-duration` |
-| `--mod-table-current-header-height` |
-| `--mod-table-cursor-header-default` |
-| `--mod-table-cursor-header-sortable` |
-| `--mod-table-cursor-row-default` |
-| `--mod-table-cursor-section-header` |
-| `--mod-table-default-vertical-align` |
-| `--mod-table-disclosure-icon-size` |
-| `--mod-table-divider-color` |
-| `--mod-table-drop-zone-background-color` |
-| `--mod-table-drop-zone-outline-color` |
-| `--mod-table-edge-to-content` |
-| `--mod-table-focus-indicator-color` |
-| `--mod-table-focus-indicator-thickness` |
-| `--mod-table-header-background-color` |
-| `--mod-table-header-background-color--quiet` |
-| `--mod-table-header-background-color-scrollable` |
-| `--mod-table-header-bottom-to-text` |
-| `--mod-table-header-checkbox-block-spacing` |
-| `--mod-table-header-font-family` |
-| `--mod-table-header-font-size` |
-| `--mod-table-header-font-weight` |
-| `--mod-table-header-line-height` |
-| `--mod-table-header-text-color` |
-| `--mod-table-header-text-transform` |
-| `--mod-table-header-top-to-text` |
-| `--mod-table-header-vertical-align` |
-| `--mod-table-icon-color-active` |
-| `--mod-table-icon-color-default` |
-| `--mod-table-icon-color-focus` |
-| `--mod-table-icon-color-focus-hover` |
-| `--mod-table-icon-color-hover` |
-| `--mod-table-icon-color-key-focus` |
-| `--mod-table-icon-to-text` |
-| `--mod-table-min-header-height` |
-| `--mod-table-min-row-height` |
-| `--mod-table-min-row-height--compact` |
-| `--mod-table-min-row-height--spacious` |
-| `--mod-table-outer-border-inline-width` |
-| `--mod-table-outer-border-inline-width--quiet` |
-| `--mod-table-row-active-color` |
-| `--mod-table-row-background-color` |
-| `--mod-table-row-background-color--quiet` |
-| `--mod-table-row-background-color-hover` |
-| `--mod-table-row-bottom-to-text` |
-| `--mod-table-row-bottom-to-text--compact` |
-| `--mod-table-row-bottom-to-text--spacious` |
-| `--mod-table-row-checkbox-block-spacing` |
-| `--mod-table-row-checkbox-block-spacing--compact` |
-| `--mod-table-row-checkbox-block-spacing--spacious` |
-| `--mod-table-row-font-size` |
-| `--mod-table-row-font-weight` |
-| `--mod-table-row-line-height` |
-| `--mod-table-row-text-color` |
-| `--mod-table-row-top-to-text` |
-| `--mod-table-row-top-to-text--compact` |
-| `--mod-table-row-top-to-text--spacious` |
-| `--mod-table-section-header-background-color` |
-| `--mod-table-section-header-block-end-spacing` |
-| `--mod-table-section-header-block-start-spacing` |
-| `--mod-table-section-header-font-family` |
-| `--mod-table-section-header-font-size` |
-| `--mod-table-section-header-font-style` |
-| `--mod-table-section-header-font-weight` |
-| `--mod-table-section-header-line-height` |
-| `--mod-table-section-header-min-height` |
-| `--mod-table-section-header-text-color` |
-| `--mod-table-selected-row-background-color` |
-| `--mod-table-selected-row-background-color-focus` |
-| `--mod-table-selected-row-background-color-non-emphasized` |
-| `--mod-table-selected-row-background-color-non-emphasized-focus` |
-| `--mod-table-sort-icon-inline-end-spacing` |
-| `--mod-table-sort-icon-inline-start-spacing` |
-| `--mod-table-summary-row-background-color` |
-| `--mod-table-summary-row-font-family` |
-| `--mod-table-summary-row-font-size` |
-| `--mod-table-summary-row-font-style` |
-| `--mod-table-summary-row-font-weight` |
-| `--mod-table-summary-row-line-height` |
-| `--mod-table-summary-row-text-color` |
-| `--mod-table-thumbnail-block-spacing` |
-| `--mod-table-thumbnail-block-spacing-compact` |
-| `--mod-table-thumbnail-block-spacing-spacious` |
-| `--mod-table-thumbnail-size` |
-| `--mod-table-thumbnail-size-compact` |
-| `--mod-table-thumbnail-size-spacious` |
-| `--mod-table-thumbnail-to-text` |
-| `--mod-table-transition-duration` |
diff --git a/components/table/package.json b/components/table/package.json
index 36ab920258b..490506e07f1 100644
--- a/components/table/package.json
+++ b/components/table/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/table",
- "version": "6.2.0",
+ "version": "7.0.0-next.0",
"description": "The Spectrum CSS table component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,25 +17,26 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/button": ">=13",
- "@spectrum-css/checkbox": ">=9",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/thumbnail": ">=6",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/button": ">=14.0.0-next.0",
+ "@spectrum-css/checkbox": ">=10.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/thumbnail": ">=7.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/button": {
diff --git a/components/table/stories/table.stories.js b/components/table/stories/table.stories.js
index 6612a875fde..dee3eaaed71 100644
--- a/components/table/stories/table.stories.js
+++ b/components/table/stories/table.stories.js
@@ -111,6 +111,10 @@ export default {
],
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=54024-574",
+ },
packageJson,
metadata,
},
diff --git a/components/table/themes/express.css b/components/table/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/table/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/table/themes/spectrum.css b/components/table/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/table/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/tabs/CHANGELOG.md b/components/tabs/CHANGELOG.md
index 12f83efcb40..6725dfb6351 100644
--- a/components/tabs/CHANGELOG.md
+++ b/components/tabs/CHANGELOG.md
@@ -1,5 +1,292 @@
# Change Log
+## 6.0.0-next.1
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/picker@9.0.0-next.1
+ - @spectrum-css/menu@8.0.0-next.0
+
+## 6.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`5d730fe`](https://github.com/adobe/spectrum-css/commit/5d730fe711c7469b7216ece9638a4a157429fa17)]:
+ - @spectrum-css/picker@9.0.0-next.0
+
+## 6.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/picker@9.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+ - @spectrum-css/menu@8.0.0-s2-foundations.17
+
+## 6.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+ - @spectrum-css/menu@8.0.0-s2-foundations.15
+
+## 6.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/menu@8.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.13
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/menu@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#3036](https://github.com/adobe/spectrum-css/pull/3036) [`96686a5`](https://github.com/adobe/spectrum-css/commit/96686a56e2532bc747985b40686783ddd9b98221) Thanks [@rise-erpelding](https://github.com/rise-erpelding)! - [CSS-890]: adjusts --mods to be applied inside of index.css
+
+### Patch Changes
+
+- Updated dependencies [[`96686a5`](https://github.com/adobe/spectrum-css/commit/96686a56e2532bc747985b40686783ddd9b98221)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.18
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/menu@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/menu@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/menu@8.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/menu@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/menu@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/menu@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/picker@9.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+ - @spectrum-css/menu@8.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/menu@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/menu@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/menu@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/menu@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/menu@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/picker@9.0.0-s2-foundations.0
+ - @spectrum-css/menu@8.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -79,8 +366,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.1.4...@spectrum-css/tabs@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.1.4...@spectrum-css/tabs@5.0.0)
### 🐛 Bug fixes
@@ -100,8 +386,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.1.3...@spectrum-css/tabs@4.1.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.1.3...@spectrum-css/tabs@4.1.4)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -109,8 +394,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.1.2...@spectrum-css/tabs@4.1.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.1.2...@spectrum-css/tabs@4.1.3)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -118,8 +402,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.1.1...@spectrum-css/tabs@4.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.1.1...@spectrum-css/tabs@4.1.2)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -127,8 +410,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/tabs
@@ -136,8 +418,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.28...@spectrum-css/tabs@4.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.28...@spectrum-css/tabs@4.1.0)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -145,8 +426,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.28
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.27...@spectrum-css/tabs@4.0.28)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.27...@spectrum-css/tabs@4.0.28)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -154,8 +434,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.27
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.26...@spectrum-css/tabs@4.0.27)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.26...@spectrum-css/tabs@4.0.27)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -163,8 +442,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.26
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.25...@spectrum-css/tabs@4.0.26)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.25...@spectrum-css/tabs@4.0.26)
### 🐛 Bug fixes
@@ -174,8 +452,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.25
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.23...@spectrum-css/tabs@4.0.25)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.23...@spectrum-css/tabs@4.0.25)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -183,8 +460,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.24
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.23...@spectrum-css/tabs@4.0.24)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.23...@spectrum-css/tabs@4.0.24)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -192,8 +468,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.23
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.22...@spectrum-css/tabs@4.0.23)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.22...@spectrum-css/tabs@4.0.23)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -201,8 +476,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.22
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.21...@spectrum-css/tabs@4.0.22)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.21...@spectrum-css/tabs@4.0.22)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -210,8 +484,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.21
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.20...@spectrum-css/tabs@4.0.21)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.20...@spectrum-css/tabs@4.0.21)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -219,8 +492,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.20
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.19...@spectrum-css/tabs@4.0.20)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.19...@spectrum-css/tabs@4.0.20)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -228,8 +500,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.19
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.18...@spectrum-css/tabs@4.0.19)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.18...@spectrum-css/tabs@4.0.19)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -237,8 +508,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.18
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.17...@spectrum-css/tabs@4.0.18)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.17...@spectrum-css/tabs@4.0.18)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -246,8 +516,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.17
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.16...@spectrum-css/tabs@4.0.17)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.16...@spectrum-css/tabs@4.0.17)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -255,8 +524,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.16
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.15...@spectrum-css/tabs@4.0.16)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.15...@spectrum-css/tabs@4.0.16)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -264,8 +532,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.15
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.14...@spectrum-css/tabs@4.0.15)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.14...@spectrum-css/tabs@4.0.15)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -273,8 +540,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.14
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.13...@spectrum-css/tabs@4.0.14)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.13...@spectrum-css/tabs@4.0.14)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -282,8 +548,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.13
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.12...@spectrum-css/tabs@4.0.13)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.12...@spectrum-css/tabs@4.0.13)
### 🔙 Reverts
@@ -293,8 +558,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.12
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.11...@spectrum-css/tabs@4.0.12)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.11...@spectrum-css/tabs@4.0.12)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -302,8 +566,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.11
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.9...@spectrum-css/tabs@4.0.11)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.9...@spectrum-css/tabs@4.0.11)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -311,8 +574,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.10
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.9...@spectrum-css/tabs@4.0.10)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.9...@spectrum-css/tabs@4.0.10)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -320,8 +582,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.9
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.8...@spectrum-css/tabs@4.0.9)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.8...@spectrum-css/tabs@4.0.9)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -329,8 +590,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.7...@spectrum-css/tabs@4.0.8)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.7...@spectrum-css/tabs@4.0.8)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -338,8 +598,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.6...@spectrum-css/tabs@4.0.7)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.6...@spectrum-css/tabs@4.0.7)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -347,8 +606,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.5...@spectrum-css/tabs@4.0.6)
+🗓 2023-08-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.5...@spectrum-css/tabs@4.0.6)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -356,8 +614,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.4...@spectrum-css/tabs@4.0.5)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.4...@spectrum-css/tabs@4.0.5)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -365,8 +622,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.3...@spectrum-css/tabs@4.0.4)
+🗓 2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.3...@spectrum-css/tabs@4.0.4)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -374,8 +630,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.2...@spectrum-css/tabs@4.0.3)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.2...@spectrum-css/tabs@4.0.3)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -383,8 +638,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.1...@spectrum-css/tabs@4.0.2)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.1...@spectrum-css/tabs@4.0.2)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -392,8 +646,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.0...@spectrum-css/tabs@4.0.1)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@4.0.0...@spectrum-css/tabs@4.0.1)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -401,8 +654,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.64...@spectrum-css/tabs@4.0.0)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.64...@spectrum-css/tabs@4.0.0)
\*feat(tabs)!: migrate tokens (#1902)([6d07436](https://github.com/adobe/spectrum-css/commit/6d07436)), closes[#1902](https://github.com/adobe/spectrum-css/issues/1902)
@@ -420,8 +672,7 @@ Compact tabs should not be used without `.spectrum-Tabs--quiet`.
## 3.2.64
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.63...@spectrum-css/tabs@3.2.64)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.63...@spectrum-css/tabs@3.2.64)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -429,8 +680,7 @@ Compact tabs should not be used without `.spectrum-Tabs--quiet`.
## 3.2.63
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.62...@spectrum-css/tabs@3.2.63)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.62...@spectrum-css/tabs@3.2.63)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -438,8 +688,7 @@ Compact tabs should not be used without `.spectrum-Tabs--quiet`.
## 3.2.62
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.61...@spectrum-css/tabs@3.2.62)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.61...@spectrum-css/tabs@3.2.62)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -447,8 +696,7 @@ Compact tabs should not be used without `.spectrum-Tabs--quiet`.
## 3.2.61
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.60...@spectrum-css/tabs@3.2.61)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.60...@spectrum-css/tabs@3.2.61)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -456,8 +704,7 @@ Compact tabs should not be used without `.spectrum-Tabs--quiet`.
## 3.2.60
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.59...@spectrum-css/tabs@3.2.60)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.59...@spectrum-css/tabs@3.2.60)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -465,8 +712,7 @@ Compact tabs should not be used without `.spectrum-Tabs--quiet`.
## 3.2.59
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.58...@spectrum-css/tabs@3.2.59)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.58...@spectrum-css/tabs@3.2.59)
### 🐛 Bug fixes
@@ -476,8 +722,7 @@ Compact tabs should not be used without `.spectrum-Tabs--quiet`.
## 3.2.58
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.57...@spectrum-css/tabs@3.2.58)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.57...@spectrum-css/tabs@3.2.58)
**Note:** Version bump only for package @spectrum-css/tabs
@@ -485,8 +730,7 @@ Compact tabs should not be used without `.spectrum-Tabs--quiet`.
## 3.2.57
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.56...@spectrum-css/tabs@3.2.57)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tabs@3.2.56...@spectrum-css/tabs@3.2.57)
**Note:** Version bump only for package @spectrum-css/tabs
diff --git a/components/tabs/index.css b/components/tabs/index.css
index e2f31ac8cfb..a869ec416c8 100644
--- a/components/tabs/index.css
+++ b/components/tabs/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Tabs {
/* Default is Medium sizing */
--spectrum-tabs-item-height: var(--spectrum-tab-item-height-medium);
@@ -36,6 +34,7 @@
--spectrum-tabs-font-style: var(--spectrum-default-font-style);
--spectrum-tabs-font-size: var(--spectrum-font-size-100);
--spectrum-tabs-line-height: var(--spectrum-line-height-100);
+ --spectrum-tabs-font-weight: var(--spectrum-regular-font-weight);
/* Focus Indicator */
--spectrum-tabs-focus-indicator-width: var(--spectrum-focus-indicator-thickness);
@@ -45,7 +44,7 @@
--spectrum-tabs-selection-indicator-color: var(--spectrum-neutral-subdued-content-color-down);
--spectrum-tabs-list-background-direction: top;
- --spectrum-tabs-divider-background-color: var(--spectrum-gray-300);
+ --spectrum-tabs-divider-background-color: var(--spectrum-gray-200);
--spectrum-tabs-divider-size: var(--spectrum-border-width-200);
--spectrum-tabs-divider-border-radius: 1px;
diff --git a/components/tabs/metadata/metadata.json b/components/tabs/metadata/metadata.json
index 5ac97bf7431..37e3c7b1a37 100644
--- a/components/tabs/metadata/metadata.json
+++ b/components/tabs/metadata/metadata.json
@@ -135,24 +135,23 @@
"--spectrum-accent-content-color-key-focus",
"--spectrum-animation-duration-100",
"--spectrum-animation-ease-in-out",
- "--spectrum-bold-font-weight",
"--spectrum-border-width-200",
"--spectrum-corner-radius-100",
"--spectrum-default-font-style",
- "--spectrum-default-font-weight",
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-thickness",
"--spectrum-font-size-100",
"--spectrum-font-size-200",
"--spectrum-font-size-300",
"--spectrum-font-size-75",
- "--spectrum-gray-300",
+ "--spectrum-gray-200",
"--spectrum-gray-500",
"--spectrum-line-height-100",
"--spectrum-neutral-subdued-content-color-default",
"--spectrum-neutral-subdued-content-color-down",
"--spectrum-neutral-subdued-content-color-hover",
"--spectrum-neutral-subdued-content-color-key-focus",
+ "--spectrum-regular-font-weight",
"--spectrum-sans-font-family-stack",
"--spectrum-tab-item-bottom-to-text-extra-large",
"--spectrum-tab-item-bottom-to-text-large",
@@ -207,7 +206,6 @@
"--spectrum-workflow-icon-size-50",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": ["--system-spectrum-tabs-font-weight"],
"passthroughs": [],
"high-contrast": [
"--highcontrast-tabs-color",
diff --git a/components/tabs/metadata/mods.md b/components/tabs/metadata/mods.md
deleted file mode 100644
index cae5ab4188a..00000000000
--- a/components/tabs/metadata/mods.md
+++ /dev/null
@@ -1,43 +0,0 @@
-| Modifiable custom properties |
-| ----------------------------------------------------- |
-| `--mod-tabs-animation-duration` |
-| `--mod-tabs-animation-ease` |
-| `--mod-tabs-bottom-to-text` |
-| `--mod-tabs-bottom-to-text-compact` |
-| `--mod-tabs-color` |
-| `--mod-tabs-color-disabled` |
-| `--mod-tabs-color-hover` |
-| `--mod-tabs-color-hover-emphasized` |
-| `--mod-tabs-color-key-focus` |
-| `--mod-tabs-color-key-focus-emphasized` |
-| `--mod-tabs-color-selected` |
-| `--mod-tabs-color-selected-emphasized` |
-| `--mod-tabs-divider-background-color` |
-| `--mod-tabs-divider-border-radius` |
-| `--mod-tabs-divider-size` |
-| `--mod-tabs-focus-indicator-border-radius` |
-| `--mod-tabs-focus-indicator-color` |
-| `--mod-tabs-focus-indicator-gap` |
-| `--mod-tabs-focus-indicator-width` |
-| `--mod-tabs-font-family` |
-| `--mod-tabs-font-size` |
-| `--mod-tabs-font-style` |
-| `--mod-tabs-font-weight` |
-| `--mod-tabs-icon-size` |
-| `--mod-tabs-icon-to-text` |
-| `--mod-tabs-item-height` |
-| `--mod-tabs-item-height-compact` |
-| `--mod-tabs-item-horizontal-spacing` |
-| `--mod-tabs-item-vertical-spacing` |
-| `--mod-tabs-line-height` |
-| `--mod-tabs-list-background-direction` |
-| `--mod-tabs-list-background-direction-vertical` |
-| `--mod-tabs-list-background-direction-vertical-right` |
-| `--mod-tabs-selection-indicator-color` |
-| `--mod-tabs-selection-indicator-color-emphasized` |
-| `--mod-tabs-start-to-edge` |
-| `--mod-tabs-start-to-item-quiet` |
-| `--mod-tabs-top-to-icon` |
-| `--mod-tabs-top-to-icon-compact` |
-| `--mod-tabs-top-to-text` |
-| `--mod-tabs-top-to-text-compact` |
diff --git a/components/tabs/package.json b/components/tabs/package.json
index ac24c27f8ae..38b541f4dbd 100644
--- a/components/tabs/package.json
+++ b/components/tabs/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/tabs",
- "version": "5.2.0",
+ "version": "6.0.0-next.1",
"description": "The Spectrum CSS tabs component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,24 +17,25 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/menu": ">=7",
- "@spectrum-css/picker": ">=8",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/menu": ">=8.0.0-next.0",
+ "@spectrum-css/picker": ">=9.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/icon": {
diff --git a/components/tabs/stories/tabs.stories.js b/components/tabs/stories/tabs.stories.js
index 38589d8e2ff..89e074daa95 100644
--- a/components/tabs/stories/tabs.stories.js
+++ b/components/tabs/stories/tabs.stories.js
@@ -113,6 +113,10 @@ export default {
actions: {
handles: [".spectrum-Tabs-item"],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=48979-4695",
+ },
packageJson,
metadata,
},
diff --git a/components/tabs/themes/express.css b/components/tabs/themes/express.css
deleted file mode 100644
index e958787153b..00000000000
--- a/components/tabs/themes/express.css
+++ /dev/null
@@ -1,20 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Tabs {
- --spectrum-tabs-font-weight: var(--spectrum-bold-font-weight);
- }
-}
diff --git a/components/tabs/themes/spectrum.css b/components/tabs/themes/spectrum.css
deleted file mode 100644
index 4e49c9ae85d..00000000000
--- a/components/tabs/themes/spectrum.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Tabs {
- --spectrum-tabs-font-weight: var(--spectrum-default-font-weight);
- }
-}
diff --git a/components/tag/CHANGELOG.md b/components/tag/CHANGELOG.md
index ba8eb6feb35..153c4faf23b 100644
--- a/components/tag/CHANGELOG.md
+++ b/components/tag/CHANGELOG.md
@@ -1,5 +1,273 @@
# Change Log
+## 10.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`a827601`](https://github.com/adobe/spectrum-css/commit/a827601bc1769a775f24e9da294bdfaa70535082), [`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/avatar@8.0.0-next.0
+ - @spectrum-css/tokens@14.0.0-next.10
+
+## 10.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.17
+ - @spectrum-css/avatar@8.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 10.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.16
+ - @spectrum-css/avatar@8.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 10.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.15
+ - @spectrum-css/avatar@8.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 10.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.14
+ - @spectrum-css/avatar@8.0.0-s2-foundations.13
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 10.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.12
+ - @spectrum-css/avatar@8.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 10.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.11
+ - @spectrum-css/avatar@8.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 10.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.10
+ - @spectrum-css/avatar@8.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 10.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.9
+ - @spectrum-css/avatar@8.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 10.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.8
+ - @spectrum-css/avatar@8.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 10.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.7
+ - @spectrum-css/avatar@8.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 10.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.6
+ - @spectrum-css/avatar@8.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 10.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.5
+ - @spectrum-css/avatar@8.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 10.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.4
+ - @spectrum-css/avatar@8.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 10.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.3
+ - @spectrum-css/avatar@8.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 10.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.2
+ - @spectrum-css/avatar@8.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 10.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.1
+ - @spectrum-css/avatar@8.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 10.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/clearbutton@7.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/avatar@8.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 9.2.0
### Minor Changes
@@ -19,6 +287,12 @@
- [#3307](https://github.com/adobe/spectrum-css/pull/3307) [`25ddd5e`](https://github.com/adobe/spectrum-css/commit/25ddd5e62a19a8040f6c08549e447e19c0788af3) Thanks [@cdransf](https://github.com/cdransf)! - Reorder rules and custom properties to resolve lint violations.
+## 9.1.4
+
+### Patch Changes
+
+- [#3307](https://github.com/adobe/spectrum-css/pull/3307) [`25ddd5e`](https://github.com/adobe/spectrum-css/commit/25ddd5e62a19a8040f6c08549e447e19c0788af3) Thanks [@cdransf](https://github.com/cdransf)! - Reorder rules and custom properties to resolve lint violations.
+
## 9.1.3
### Patch Changes
@@ -79,8 +353,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.1.5...@spectrum-css/tag@9.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.1.5...@spectrum-css/tag@9.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
@@ -96,8 +369,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.1.4...@spectrum-css/tag@8.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.1.4...@spectrum-css/tag@8.1.5)
**Note:** Version bump only for package @spectrum-css/tag
@@ -105,8 +377,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.1.3...@spectrum-css/tag@8.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.1.3...@spectrum-css/tag@8.1.4)
**Note:** Version bump only for package @spectrum-css/tag
@@ -114,8 +385,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.1.2...@spectrum-css/tag@8.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.1.2...@spectrum-css/tag@8.1.3)
**Note:** Version bump only for package @spectrum-css/tag
@@ -123,8 +393,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.1.1...@spectrum-css/tag@8.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.1.1...@spectrum-css/tag@8.1.2)
**Note:** Version bump only for package @spectrum-css/tag
@@ -132,8 +401,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/tag
@@ -141,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.17...@spectrum-css/tag@8.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.17...@spectrum-css/tag@8.1.0)
### 🐛 Bug fixes
@@ -152,8 +419,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.17
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.16...@spectrum-css/tag@8.0.17)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.16...@spectrum-css/tag@8.0.17)
**Note:** Version bump only for package @spectrum-css/tag
@@ -161,8 +427,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.16
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.15...@spectrum-css/tag@8.0.16)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.15...@spectrum-css/tag@8.0.16)
**Note:** Version bump only for package @spectrum-css/tag
@@ -170,8 +435,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.15
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.14...@spectrum-css/tag@8.0.15)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.14...@spectrum-css/tag@8.0.15)
**Note:** Version bump only for package @spectrum-css/tag
@@ -179,8 +443,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.14
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.12...@spectrum-css/tag@8.0.14)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.12...@spectrum-css/tag@8.0.14)
**Note:** Version bump only for package @spectrum-css/tag
@@ -188,8 +451,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.13
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.12...@spectrum-css/tag@8.0.13)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.12...@spectrum-css/tag@8.0.13)
**Note:** Version bump only for package @spectrum-css/tag
@@ -197,8 +459,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.12
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.11...@spectrum-css/tag@8.0.12)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.11...@spectrum-css/tag@8.0.12)
**Note:** Version bump only for package @spectrum-css/tag
@@ -206,8 +467,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.11
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.10...@spectrum-css/tag@8.0.11)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.10...@spectrum-css/tag@8.0.11)
**Note:** Version bump only for package @spectrum-css/tag
@@ -215,8 +475,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.10
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.9...@spectrum-css/tag@8.0.10)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.9...@spectrum-css/tag@8.0.10)
**Note:** Version bump only for package @spectrum-css/tag
@@ -224,8 +483,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.9
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.8...@spectrum-css/tag@8.0.9)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.8...@spectrum-css/tag@8.0.9)
**Note:** Version bump only for package @spectrum-css/tag
@@ -233,8 +491,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.8
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.7...@spectrum-css/tag@8.0.8)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.7...@spectrum-css/tag@8.0.8)
**Note:** Version bump only for package @spectrum-css/tag
@@ -242,8 +499,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.7
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.6...@spectrum-css/tag@8.0.7)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.6...@spectrum-css/tag@8.0.7)
**Note:** Version bump only for package @spectrum-css/tag
@@ -251,8 +507,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.6
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.5...@spectrum-css/tag@8.0.6)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.5...@spectrum-css/tag@8.0.6)
**Note:** Version bump only for package @spectrum-css/tag
@@ -260,8 +515,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.5
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.4...@spectrum-css/tag@8.0.5)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.4...@spectrum-css/tag@8.0.5)
**Note:** Version bump only for package @spectrum-css/tag
@@ -269,8 +523,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.4
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.3...@spectrum-css/tag@8.0.4)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.3...@spectrum-css/tag@8.0.4)
**Note:** Version bump only for package @spectrum-css/tag
@@ -278,8 +531,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.3
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.2...@spectrum-css/tag@8.0.3)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.2...@spectrum-css/tag@8.0.3)
**Note:** Version bump only for package @spectrum-css/tag
@@ -287,8 +539,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.2
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.1...@spectrum-css/tag@8.0.2)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.1...@spectrum-css/tag@8.0.2)
### 🔙 Reverts
@@ -298,8 +549,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.1
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.0...@spectrum-css/tag@8.0.1)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@8.0.0...@spectrum-css/tag@8.0.1)
**Note:** Version bump only for package @spectrum-css/tag
@@ -307,8 +557,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 8.0.0
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@6.0.1...@spectrum-css/tag@8.0.0)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@6.0.1...@spectrum-css/tag@8.0.0)
\*refactor(clearbutton)!: migrate tokens (#1943)([495198a](https://github.com/adobe/spectrum-css/commit/495198a)), closes[#1943](https://github.com/adobe/spectrum-css/issues/1943)
@@ -329,8 +578,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@6.0.1...@spectrum-css/tag@7.0.0)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@6.0.1...@spectrum-css/tag@7.0.0)
\*refactor(clearbutton)!: migrate tokens (#1943)([495198a](https://github.com/adobe/spectrum-css/commit/495198a)), closes[#1943](https://github.com/adobe/spectrum-css/issues/1943)
@@ -351,8 +599,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.1
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@6.0.0...@spectrum-css/tag@6.0.1)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@6.0.0...@spectrum-css/tag@6.0.1)
**Note:** Version bump only for package @spectrum-css/tag
@@ -360,8 +607,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.46...@spectrum-css/tag@6.0.0)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.46...@spectrum-css/tag@6.0.0)
\*fix(tag)!: update color tokens, rename classes to be singular (#2039)([bb60ff4](https://github.com/adobe/spectrum-css/commit/bb60ff4)), closes[#2039](https://github.com/adobe/spectrum-css/issues/2039)
@@ -381,8 +627,7 @@ Additionally:
## 5.0.46
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.45...@spectrum-css/tag@5.0.46)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.45...@spectrum-css/tag@5.0.46)
**Note:** Version bump only for package @spectrum-css/tag
@@ -390,8 +635,7 @@ Additionally:
## 5.0.45
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.44...@spectrum-css/tag@5.0.45)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.44...@spectrum-css/tag@5.0.45)
**Note:** Version bump only for package @spectrum-css/tag
@@ -399,8 +643,7 @@ Additionally:
## 5.0.44
-🗓
-2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.43...@spectrum-css/tag@5.0.44)
+🗓 2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.43...@spectrum-css/tag@5.0.44)
### 🐛 Bug fixes
@@ -410,8 +653,7 @@ Additionally:
## 5.0.43
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.42...@spectrum-css/tag@5.0.43)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.42...@spectrum-css/tag@5.0.43)
### 🐛 Bug fixes
@@ -421,8 +663,7 @@ Additionally:
## 5.0.42
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.41...@spectrum-css/tag@5.0.42)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.41...@spectrum-css/tag@5.0.42)
**Note:** Version bump only for package @spectrum-css/tag
@@ -430,8 +671,7 @@ Additionally:
## 5.0.41
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.40...@spectrum-css/tag@5.0.41)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.40...@spectrum-css/tag@5.0.41)
**Note:** Version bump only for package @spectrum-css/tag
@@ -439,8 +679,7 @@ Additionally:
## 5.0.40
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.39...@spectrum-css/tag@5.0.40)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.39...@spectrum-css/tag@5.0.40)
### 🐛 Bug fixes
@@ -450,8 +689,7 @@ Additionally:
## 5.0.39
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.38...@spectrum-css/tag@5.0.39)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.38...@spectrum-css/tag@5.0.39)
**Note:** Version bump only for package @spectrum-css/tag
@@ -459,8 +697,7 @@ Additionally:
## 5.0.38
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.37...@spectrum-css/tag@5.0.38)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.37...@spectrum-css/tag@5.0.38)
**Note:** Version bump only for package @spectrum-css/tag
@@ -468,8 +705,7 @@ Additionally:
## 5.0.37
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.36...@spectrum-css/tag@5.0.37)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.36...@spectrum-css/tag@5.0.37)
**Note:** Version bump only for package @spectrum-css/tag
@@ -477,8 +713,7 @@ Additionally:
## 5.0.36
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.35...@spectrum-css/tag@5.0.36)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.35...@spectrum-css/tag@5.0.36)
### 🐛 Bug fixes
@@ -488,8 +723,7 @@ Additionally:
## 5.0.35
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.34...@spectrum-css/tag@5.0.35)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.34...@spectrum-css/tag@5.0.35)
**Note:** Version bump only for package @spectrum-css/tag
@@ -497,8 +731,7 @@ Additionally:
## 5.0.34
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.33...@spectrum-css/tag@5.0.34)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tag@5.0.33...@spectrum-css/tag@5.0.34)
**Note:** Version bump only for package @spectrum-css/tag
diff --git a/components/tag/index.css b/components/tag/index.css
index be56b3c6391..cd275611ec0 100644
--- a/components/tag/index.css
+++ b/components/tag/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Tag {
/* TODO - replace placeholder disabled avatar opacity with correct token once avatar is migrated */
--spectrum-avatar-opacity-disabled: 0.3;
@@ -20,6 +18,29 @@
--spectrum-tag-animation-duration: var(--spectrum-animation-duration-100);
--spectrum-tag-border-width: var(--spectrum-border-width-100);
+ /* background color */
+ --spectrum-tag-background-color: var(--spectrum-gray-50);
+ --spectrum-tag-background-color-hover: var(--spectrum-gray-50);
+ --spectrum-tag-background-color-active: var(--spectrum-gray-100);
+ --spectrum-tag-background-color-focus: var(--spectrum-gray-50);
+
+ /* border radius */
+ --spectrum-tag-size-small-corner-radius: var(--spectrum-corner-radius-100);
+ --spectrum-tag-size-medium-corner-radius: var(--spectrum-corner-radius-100);
+ --spectrum-tag-size-large-corner-radius: var(--spectrum-corner-radius-100);
+
+ /* border color */
+ --spectrum-tag-border-color: var(--spectrum-gray-700);
+ --spectrum-tag-border-color-hover: var(--spectrum-gray-800);
+ --spectrum-tag-border-color-active: var(--spectrum-gray-900);
+ --spectrum-tag-border-color-focus: var(--spectrum-gray-800);
+
+ /* content color */
+ --spectrum-tag-content-color: var(--spectrum-neutral-subdued-content-color-default);
+ --spectrum-tag-content-color-hover: var(--spectrum-neutral-subdued-content-color-hover);
+ --spectrum-tag-content-color-active: var(--spectrum-neutral-subdued-content-color-down);
+ --spectrum-tag-content-color-focus: var(--spectrum-neutral-subdued-content-color-key-focus);
+
/* focus ring */
--spectrum-tag-focus-ring-thickness: var(--spectrum-focus-indicator-thickness);
--spectrum-tag-focus-ring-gap: var(--spectrum-focus-indicator-gap);
@@ -30,11 +51,15 @@
--spectrum-tag-label-font-weight: var(--spectrum-regular-font-weight);
/* selected */
- --spectrum-tag-content-color-selected: var(--spectrum-gray-50);
+ --spectrum-tag-content-color-selected: var(--spectrum-gray-25);
--spectrum-tag-background-color-selected: var(--spectrum-neutral-background-color-selected-default);
--spectrum-tag-background-color-selected-hover: var(--spectrum-neutral-background-color-selected-hover);
--spectrum-tag-background-color-selected-active: var(--spectrum-neutral-background-color-selected-down);
--spectrum-tag-background-color-selected-focus: var(--spectrum-neutral-background-color-selected-key-focus);
+ --spectrum-tag-border-color-selected: var(--spectrum-neutral-subdued-background-color-default);
+ --spectrum-tag-border-color-selected-hover: var(--spectrum-neutral-subdued-background-color-hover);
+ --spectrum-tag-border-color-selected-active: var(--spectrum-neutral-subdued-background-color-down);
+ --spectrum-tag-border-color-selected-focus: var(--spectrum-neutral-subdued-background-color-key-focus);
/* invalid variant */
--spectrum-tag-border-color-invalid: var(--spectrum-negative-color-900);
@@ -76,33 +101,41 @@
/* disabled variant content */
--spectrum-tag-content-color-disabled: var(--spectrum-disabled-content-color);
+ --spectrum-tag-border-color-disabled: transparent;
+ --spectrum-tag-background-color-disabled: var(--spectrum-disabled-background-color);
- /* ↧↧↧ Fallback defaults in case of no t-shirt size - set to Medium styles ↧↧↧ */
- /* icon spacing fallback if no t-shirt size */
- --spectrum-tag-icon-spacing-inline-end: var(--spectrum-text-to-visual-100);
+ --spectrum-tag-height: var(--spectrum-component-height-100);
+ --spectrum-tag-font-size: var(--spectrum-font-size-100);
--spectrum-tag-icon-size: var(--spectrum-workflow-icon-size-100);
+
+ --spectrum-tag-clear-button-spacing-inline-start: var(--spectrum-text-to-visual-100);
+ --spectrum-tag-clear-button-spacing-block: var(--spectrum-tag-top-to-cross-icon-medium);
+
--spectrum-tag-icon-spacing-block-start: var(--spectrum-component-top-to-workflow-icon-100);
--spectrum-tag-icon-spacing-block-end: var(--spectrum-component-top-to-workflow-icon-100);
+ --spectrum-tag-icon-spacing-inline-end: var(--spectrum-text-to-visual-100);
- /* avatar spacing fallback if no t-shirt size */
- --spectrum-tag-avatar-spacing-block-start: var(--spectrum-tag-top-to-avatar-medium);
+ --spectrum-tag-avatar-spacing-block-start: var(--spectrum-tag-top-to-avatar-medium); /* 6px 9px */
--spectrum-tag-avatar-spacing-block-end: var(--spectrum-tag-top-to-avatar-medium);
--spectrum-tag-avatar-spacing-inline-end: var(--spectrum-text-to-visual-100);
- /* label spacing fallback if no t-shirt size */
--spectrum-tag-label-spacing-block: var(--spectrum-component-top-to-text-100);
- /* clear button inline spacing fallback if no t-shirt size */
- --spectrum-tag-clear-button-spacing-inline-start: var(--spectrum-text-to-visual-100);
-
- /* tag defaults if no t-shirt size */
- --spectrum-tag-height: var(--spectrum-component-height-100);
-
- /* text defaults if no t-shirt size */
- --spectrum-tag-font-size: var(--spectrum-font-size-100);
+ /* tokens based on theme and t-shirt size */
+ --spectrum-tag-corner-radius: var(--spectrum-tag-size-medium-corner-radius);
+ --spectrum-tag-spacing-inline-start: var(--spectrum-tag-size-medium-spacing-inline-start);
+ --spectrum-tag-label-spacing-inline-end: var(--spectrum-tag-size-medium-label-spacing-inline-end);
+ --spectrum-tag-clear-button-spacing-inline-end: var(--spectrum-tag-size-medium-clear-button-spacing-inline-end);
- /* clear button spacing if no t-shirt size */
- --spectrum-tag-clear-button-spacing-block: var(--spectrum-tag-top-to-cross-icon-medium);
+ --spectrum-tag-size-small-spacing-inline-start: var(--spectrum-component-edge-to-visual-75);
+ --spectrum-tag-size-small-label-spacing-inline-end: var(--spectrum-component-edge-to-text-75);
+ --spectrum-tag-size-small-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-75);
+ --spectrum-tag-size-medium-spacing-inline-start: var(--spectrum-component-edge-to-visual-100);
+ --spectrum-tag-size-medium-label-spacing-inline-end: var(--spectrum-component-edge-to-text-100);
+ --spectrum-tag-size-medium-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-100);
+ --spectrum-tag-size-large-spacing-inline-start: var(--spectrum-component-edge-to-visual-200);
+ --spectrum-tag-size-large-label-spacing-inline-end: var(--spectrum-component-edge-to-text-200);
+ --spectrum-tag-size-large-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-200);
}
/* t-shirt sizes */
@@ -131,31 +164,6 @@
--spectrum-tag-clear-button-spacing-inline-end: var(--spectrum-tag-size-small-clear-button-spacing-inline-end);
}
-.spectrum-Tag--sizeM {
- --spectrum-tag-height: var(--spectrum-component-height-100);
- --spectrum-tag-font-size: var(--spectrum-font-size-100);
- --spectrum-tag-icon-size: var(--spectrum-workflow-icon-size-100);
-
- --spectrum-tag-clear-button-spacing-inline-start: var(--spectrum-text-to-visual-100);
- --spectrum-tag-clear-button-spacing-block: var(--spectrum-tag-top-to-cross-icon-medium);
-
- --spectrum-tag-icon-spacing-block-start: var(--spectrum-component-top-to-workflow-icon-100);
- --spectrum-tag-icon-spacing-block-end: var(--spectrum-component-top-to-workflow-icon-100);
- --spectrum-tag-icon-spacing-inline-end: var(--spectrum-text-to-visual-100);
-
- --spectrum-tag-avatar-spacing-block-start: var(--spectrum-tag-top-to-avatar-medium); /* 6px 9px */
- --spectrum-tag-avatar-spacing-block-end: var(--spectrum-tag-top-to-avatar-medium);
- --spectrum-tag-avatar-spacing-inline-end: var(--spectrum-text-to-visual-100);
-
- --spectrum-tag-label-spacing-block: var(--spectrum-component-top-to-text-100);
-
- /* tokens based on theme and t-shirt size */
- --spectrum-tag-corner-radius: var(--spectrum-tag-size-medium-corner-radius);
- --spectrum-tag-spacing-inline-start: var(--spectrum-tag-size-medium-spacing-inline-start);
- --spectrum-tag-label-spacing-inline-end: var(--spectrum-tag-size-medium-label-spacing-inline-end);
- --spectrum-tag-clear-button-spacing-inline-end: var(--spectrum-tag-size-medium-clear-button-spacing-inline-end);
-}
-
.spectrum-Tag--sizeL {
--spectrum-tag-height: var(--spectrum-component-height-200);
--spectrum-tag-font-size: var(--spectrum-font-size-200);
diff --git a/components/tag/metadata/metadata.json b/components/tag/metadata/metadata.json
index 79e64cf042e..e708272678a 100644
--- a/components/tag/metadata/metadata.json
+++ b/components/tag/metadata/metadata.json
@@ -8,7 +8,6 @@
".spectrum-Tag .spectrum-Tag-itemIcon",
".spectrum-Tag .spectrum-Tag-itemLabel",
".spectrum-Tag--sizeL",
- ".spectrum-Tag--sizeM",
".spectrum-Tag--sizeS",
".spectrum-Tag.is-disabled",
".spectrum-Tag.is-disabled .spectrum-Avatar",
@@ -226,12 +225,6 @@
"--spectrum-component-height-100",
"--spectrum-component-height-200",
"--spectrum-component-height-75",
- "--spectrum-component-pill-edge-to-text-100",
- "--spectrum-component-pill-edge-to-text-200",
- "--spectrum-component-pill-edge-to-text-75",
- "--spectrum-component-pill-edge-to-visual-100",
- "--spectrum-component-pill-edge-to-visual-200",
- "--spectrum-component-pill-edge-to-visual-75",
"--spectrum-component-top-to-text-100",
"--spectrum-component-top-to-text-200",
"--spectrum-component-top-to-text-75",
@@ -240,7 +233,6 @@
"--spectrum-component-top-to-workflow-icon-75",
"--spectrum-corner-radius-100",
"--spectrum-disabled-background-color",
- "--spectrum-disabled-border-color",
"--spectrum-disabled-content-color",
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
@@ -248,13 +240,10 @@
"--spectrum-font-size-100",
"--spectrum-font-size-200",
"--spectrum-font-size-75",
- "--spectrum-gray-200",
- "--spectrum-gray-300",
- "--spectrum-gray-400",
+ "--spectrum-gray-100",
+ "--spectrum-gray-25",
"--spectrum-gray-50",
- "--spectrum-gray-500",
"--spectrum-gray-700",
- "--spectrum-gray-75",
"--spectrum-gray-800",
"--spectrum-gray-900",
"--spectrum-line-height-100",
@@ -269,18 +258,10 @@
"--spectrum-negative-content-color-down",
"--spectrum-negative-content-color-hover",
"--spectrum-negative-content-color-key-focus",
- "--spectrum-neutral-background-color-default",
- "--spectrum-neutral-background-color-down",
- "--spectrum-neutral-background-color-hover",
- "--spectrum-neutral-background-color-key-focus",
"--spectrum-neutral-background-color-selected-default",
"--spectrum-neutral-background-color-selected-down",
"--spectrum-neutral-background-color-selected-hover",
"--spectrum-neutral-background-color-selected-key-focus",
- "--spectrum-neutral-content-color-default",
- "--spectrum-neutral-content-color-down",
- "--spectrum-neutral-content-color-hover",
- "--spectrum-neutral-content-color-key-focus",
"--spectrum-neutral-subdued-background-color-default",
"--spectrum-neutral-subdued-background-color-down",
"--spectrum-neutral-subdued-background-color-hover",
@@ -298,38 +279,6 @@
"--spectrum-workflow-icon-size-200",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [
- "--system-spectrum-tag-background-color",
- "--system-spectrum-tag-background-color-active",
- "--system-spectrum-tag-background-color-disabled",
- "--system-spectrum-tag-background-color-focus",
- "--system-spectrum-tag-background-color-hover",
- "--system-spectrum-tag-border-color",
- "--system-spectrum-tag-border-color-active",
- "--system-spectrum-tag-border-color-disabled",
- "--system-spectrum-tag-border-color-focus",
- "--system-spectrum-tag-border-color-hover",
- "--system-spectrum-tag-border-color-selected",
- "--system-spectrum-tag-border-color-selected-active",
- "--system-spectrum-tag-border-color-selected-focus",
- "--system-spectrum-tag-border-color-selected-hover",
- "--system-spectrum-tag-content-color",
- "--system-spectrum-tag-content-color-active",
- "--system-spectrum-tag-content-color-focus",
- "--system-spectrum-tag-content-color-hover",
- "--system-spectrum-tag-size-large-clear-button-spacing-inline-end",
- "--system-spectrum-tag-size-large-corner-radius",
- "--system-spectrum-tag-size-large-label-spacing-inline-end",
- "--system-spectrum-tag-size-large-spacing-inline-start",
- "--system-spectrum-tag-size-medium-clear-button-spacing-inline-end",
- "--system-spectrum-tag-size-medium-corner-radius",
- "--system-spectrum-tag-size-medium-label-spacing-inline-end",
- "--system-spectrum-tag-size-medium-spacing-inline-start",
- "--system-spectrum-tag-size-small-clear-button-spacing-inline-end",
- "--system-spectrum-tag-size-small-corner-radius",
- "--system-spectrum-tag-size-small-label-spacing-inline-end",
- "--system-spectrum-tag-size-small-spacing-inline-start"
- ],
"passthroughs": [
"--mod-avatar-opacity-disabled",
"--mod-clear-button-width",
diff --git a/components/tag/metadata/mods.md b/components/tag/metadata/mods.md
deleted file mode 100644
index bdd95322d58..00000000000
--- a/components/tag/metadata/mods.md
+++ /dev/null
@@ -1,75 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------------------- |
-| `--mod-tag-animation-duration` |
-| `--mod-tag-avatar-spacing-block-end` |
-| `--mod-tag-avatar-spacing-block-start` |
-| `--mod-tag-avatar-spacing-inline-end` |
-| `--mod-tag-background-color` |
-| `--mod-tag-background-color-active` |
-| `--mod-tag-background-color-disabled` |
-| `--mod-tag-background-color-emphasized` |
-| `--mod-tag-background-color-emphasized-active` |
-| `--mod-tag-background-color-emphasized-focus` |
-| `--mod-tag-background-color-emphasized-hover` |
-| `--mod-tag-background-color-focus` |
-| `--mod-tag-background-color-hover` |
-| `--mod-tag-background-color-invalid-selected` |
-| `--mod-tag-background-color-invalid-selected-active` |
-| `--mod-tag-background-color-invalid-selected-focus` |
-| `--mod-tag-background-color-invalid-selected-hover` |
-| `--mod-tag-background-color-selected` |
-| `--mod-tag-background-color-selected-active` |
-| `--mod-tag-background-color-selected-focus` |
-| `--mod-tag-background-color-selected-hover` |
-| `--mod-tag-border-color` |
-| `--mod-tag-border-color-active` |
-| `--mod-tag-border-color-disabled` |
-| `--mod-tag-border-color-emphasized` |
-| `--mod-tag-border-color-emphasized-active` |
-| `--mod-tag-border-color-emphasized-focus` |
-| `--mod-tag-border-color-emphasized-hover` |
-| `--mod-tag-border-color-focus` |
-| `--mod-tag-border-color-hover` |
-| `--mod-tag-border-color-invalid` |
-| `--mod-tag-border-color-invalid-active` |
-| `--mod-tag-border-color-invalid-focus` |
-| `--mod-tag-border-color-invalid-hover` |
-| `--mod-tag-border-color-invalid-selected` |
-| `--mod-tag-border-color-invalid-selected-active` |
-| `--mod-tag-border-color-invalid-selected-focus` |
-| `--mod-tag-border-color-invalid-selected-hover` |
-| `--mod-tag-border-color-selected` |
-| `--mod-tag-border-color-selected-active` |
-| `--mod-tag-border-color-selected-focus` |
-| `--mod-tag-border-color-selected-hover` |
-| `--mod-tag-border-width` |
-| `--mod-tag-clear-button-spacing-block` |
-| `--mod-tag-clear-button-spacing-inline-end` |
-| `--mod-tag-clear-button-spacing-inline-start` |
-| `--mod-tag-content-color` |
-| `--mod-tag-content-color-active` |
-| `--mod-tag-content-color-disabled` |
-| `--mod-tag-content-color-emphasized` |
-| `--mod-tag-content-color-focus` |
-| `--mod-tag-content-color-hover` |
-| `--mod-tag-content-color-invalid` |
-| `--mod-tag-content-color-invalid-active` |
-| `--mod-tag-content-color-invalid-focus` |
-| `--mod-tag-content-color-invalid-hover` |
-| `--mod-tag-content-color-invalid-selected` |
-| `--mod-tag-content-color-selected` |
-| `--mod-tag-corner-radius` |
-| `--mod-tag-focus-ring-color` |
-| `--mod-tag-focus-ring-gap` |
-| `--mod-tag-focus-ring-thickness` |
-| `--mod-tag-font-size` |
-| `--mod-tag-height` |
-| `--mod-tag-icon-size` |
-| `--mod-tag-icon-spacing-block-end` |
-| `--mod-tag-icon-spacing-block-start` |
-| `--mod-tag-icon-spacing-inline-end` |
-| `--mod-tag-label-font-weight` |
-| `--mod-tag-label-line-height` |
-| `--mod-tag-label-spacing-block` |
-| `--mod-tag-label-spacing-inline-end` |
-| `--mod-tag-spacing-inline-start` |
diff --git a/components/tag/package.json b/components/tag/package.json
index ce75b5d77be..f36e2bfc161 100644
--- a/components/tag/package.json
+++ b/components/tag/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/tag",
- "version": "9.2.0",
+ "version": "10.0.0-next.0",
"description": "The Spectrum CSS tags component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,24 +17,25 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/avatar": ">=7",
- "@spectrum-css/clearbutton": ">=6",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/avatar": ">=8.0.0-next.0",
+ "@spectrum-css/clearbutton": ">=7.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.10"
},
"peerDependenciesMeta": {
"@spectrum-css/avatar": {
diff --git a/components/tag/stories/tag.stories.js b/components/tag/stories/tag.stories.js
index 9192961cbfb..9513c7719d7 100644
--- a/components/tag/stories/tag.stories.js
+++ b/components/tag/stories/tag.stories.js
@@ -94,6 +94,10 @@ export default {
actions: {
handles: [],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=715-2687",
+ },
packageJson,
metadata,
},
diff --git a/components/tag/themes/express.css b/components/tag/themes/express.css
deleted file mode 100644
index c3f2f0061c6..00000000000
--- a/components/tag/themes/express.css
+++ /dev/null
@@ -1,62 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Tag {
- /* border */
- --spectrum-tag-background-color: transparent;
- --spectrum-tag-background-color-hover: var(--spectrum-gray-300);
- --spectrum-tag-background-color-active: var(--spectrum-gray-400);
- --spectrum-tag-background-color-focus: var(--spectrum-gray-300);
-
- /* express has pill style full corner radius */
- --spectrum-tag-size-small-corner-radius: var(--spectrum-component-height-75);
- --spectrum-tag-size-medium-corner-radius: var(--spectrum-component-height-100);
- --spectrum-tag-size-large-corner-radius: var(--spectrum-component-height-200);
-
- /* background */
- --spectrum-tag-border-color: var(--spectrum-gray-300);
- --spectrum-tag-border-color-hover: var(--spectrum-gray-400);
- --spectrum-tag-border-color-active: var(--spectrum-gray-500);
- --spectrum-tag-border-color-focus: var(--spectrum-gray-400);
-
- /* content color */
- --spectrum-tag-content-color: var(--spectrum-neutral-content-color-default);
- --spectrum-tag-content-color-hover: var(--spectrum-neutral-content-color-hover);
- --spectrum-tag-content-color-active: var(--spectrum-neutral-content-color-down);
- --spectrum-tag-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
-
- /* selected */
- --spectrum-tag-border-color-selected: var(--spectrum-neutral-background-color-default);
- --spectrum-tag-border-color-selected-hover: var(--spectrum-neutral-background-color-hover);
- --spectrum-tag-border-color-selected-active: var(--spectrum-neutral-background-color-down);
- --spectrum-tag-border-color-selected-focus: var(--spectrum-neutral-background-color-key-focus);
-
- /* disabled */
- --spectrum-tag-border-color-disabled: var(--spectrum-disabled-border-color);
- --spectrum-tag-background-color-disabled: transparent;
-
- /* tokens based on theme and t-shirt size */
- --spectrum-tag-size-small-spacing-inline-start: var(--spectrum-component-pill-edge-to-visual-75);
- --spectrum-tag-size-small-label-spacing-inline-end: var(--spectrum-component-pill-edge-to-text-75);
- --spectrum-tag-size-small-clear-button-spacing-inline-end: var(--spectrum-component-pill-edge-to-visual-75);
- --spectrum-tag-size-medium-spacing-inline-start: var(--spectrum-component-pill-edge-to-visual-100);
- --spectrum-tag-size-medium-label-spacing-inline-end: var(--spectrum-component-pill-edge-to-text-100);
- --spectrum-tag-size-medium-clear-button-spacing-inline-end: var(--spectrum-component-pill-edge-to-visual-100);
- --spectrum-tag-size-large-spacing-inline-start: var(--spectrum-component-pill-edge-to-visual-200);
- --spectrum-tag-size-large-label-spacing-inline-end: var(--spectrum-component-pill-edge-to-text-200);
- --spectrum-tag-size-large-clear-button-spacing-inline-end: var(--spectrum-component-pill-edge-to-visual-200);
- }
-}
diff --git a/components/tag/themes/spectrum.css b/components/tag/themes/spectrum.css
deleted file mode 100644
index 27c05be7bdd..00000000000
--- a/components/tag/themes/spectrum.css
+++ /dev/null
@@ -1,60 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Tag {
- /* border */
- --spectrum-tag-border-color: var(--spectrum-gray-700);
- --spectrum-tag-border-color-hover: var(--spectrum-gray-800);
- --spectrum-tag-border-color-active: var(--spectrum-gray-900);
- --spectrum-tag-border-color-focus: var(--spectrum-gray-800);
-
- /* corner border radius */
- --spectrum-tag-size-small-corner-radius: var(--spectrum-corner-radius-100);
- --spectrum-tag-size-medium-corner-radius: var(--spectrum-corner-radius-100);
- --spectrum-tag-size-large-corner-radius: var(--spectrum-corner-radius-100);
-
- /* background */
- --spectrum-tag-background-color: var(--spectrum-gray-75);
- --spectrum-tag-background-color-hover: var(--spectrum-gray-75);
- --spectrum-tag-background-color-active: var(--spectrum-gray-200);
- --spectrum-tag-background-color-focus: var(--spectrum-gray-75);
-
- /* content color */
- --spectrum-tag-content-color: var(--spectrum-neutral-subdued-content-color-default);
- --spectrum-tag-content-color-hover: var(--spectrum-neutral-subdued-content-color-hover);
- --spectrum-tag-content-color-active: var(--spectrum-neutral-subdued-content-color-down);
- --spectrum-tag-content-color-focus: var(--spectrum-neutral-subdued-content-color-key-focus);
-
- /* selected variant */
- --spectrum-tag-border-color-selected: var(--spectrum-neutral-subdued-background-color-default);
- --spectrum-tag-border-color-selected-hover: var(--spectrum-neutral-subdued-background-color-hover);
- --spectrum-tag-border-color-selected-active: var(--spectrum-neutral-subdued-background-color-down);
- --spectrum-tag-border-color-selected-focus: var(--spectrum-neutral-subdued-background-color-key-focus);
-
- /* disabled variant */
- --spectrum-tag-border-color-disabled: transparent;
- --spectrum-tag-background-color-disabled: var(--spectrum-disabled-background-color);
-
- /* tokens based on theme and t-shirt size */
- --spectrum-tag-size-small-spacing-inline-start: var(--spectrum-component-edge-to-visual-75);
- --spectrum-tag-size-small-label-spacing-inline-end: var(--spectrum-component-edge-to-text-75);
- --spectrum-tag-size-small-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-75);
- --spectrum-tag-size-medium-spacing-inline-start: var(--spectrum-component-edge-to-visual-100);
- --spectrum-tag-size-medium-label-spacing-inline-end: var(--spectrum-component-edge-to-text-100);
- --spectrum-tag-size-medium-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-100);
- --spectrum-tag-size-large-spacing-inline-start: var(--spectrum-component-edge-to-visual-200);
- --spectrum-tag-size-large-label-spacing-inline-end: var(--spectrum-component-edge-to-text-200);
- --spectrum-tag-size-large-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-200);
- }
-}
diff --git a/components/taggroup/CHANGELOG.md b/components/taggroup/CHANGELOG.md
index d9369d0544e..39be7c46baa 100644
--- a/components/taggroup/CHANGELOG.md
+++ b/components/taggroup/CHANGELOG.md
@@ -1,5 +1,239 @@
# Change Log
+## 6.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/tag@10.0.0-next.0
+
+## 6.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/tag@10.0.0-s2-foundations.16
+
+## 6.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.15
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/tag@10.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tag@10.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 5.2.0
### Minor Changes
@@ -63,16 +297,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.1.5...@spectrum-css/taggroup@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.1.5...@spectrum-css/taggroup@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -80,8 +311,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.1.4...@spectrum-css/taggroup@4.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.1.4...@spectrum-css/taggroup@4.1.5)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -89,8 +319,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.1.3...@spectrum-css/taggroup@4.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.1.3...@spectrum-css/taggroup@4.1.4)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -98,8 +327,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.1.2...@spectrum-css/taggroup@4.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.1.2...@spectrum-css/taggroup@4.1.3)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -107,8 +335,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.1.1...@spectrum-css/taggroup@4.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.1.1...@spectrum-css/taggroup@4.1.2)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -116,8 +343,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -125,8 +351,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.14...@spectrum-css/taggroup@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.14...@spectrum-css/taggroup@4.1.0)
### ✨ Features
@@ -136,8 +361,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.14
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.13...@spectrum-css/taggroup@4.0.14)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.13...@spectrum-css/taggroup@4.0.14)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -145,8 +369,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.13
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.12...@spectrum-css/taggroup@4.0.13)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.12...@spectrum-css/taggroup@4.0.13)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -154,8 +377,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.12
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.10...@spectrum-css/taggroup@4.0.12)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.10...@spectrum-css/taggroup@4.0.12)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -163,8 +385,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.11
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.10...@spectrum-css/taggroup@4.0.11)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.10...@spectrum-css/taggroup@4.0.11)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -172,8 +393,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.10
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.9...@spectrum-css/taggroup@4.0.10)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.9...@spectrum-css/taggroup@4.0.10)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -181,8 +401,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.9
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.8...@spectrum-css/taggroup@4.0.9)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.8...@spectrum-css/taggroup@4.0.9)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -190,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.7...@spectrum-css/taggroup@4.0.8)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.7...@spectrum-css/taggroup@4.0.8)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -199,8 +417,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.6...@spectrum-css/taggroup@4.0.7)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.6...@spectrum-css/taggroup@4.0.7)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -208,8 +425,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.5...@spectrum-css/taggroup@4.0.6)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.5...@spectrum-css/taggroup@4.0.6)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -217,8 +433,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.4...@spectrum-css/taggroup@4.0.5)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.4...@spectrum-css/taggroup@4.0.5)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -226,8 +441,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.3...@spectrum-css/taggroup@4.0.4)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.3...@spectrum-css/taggroup@4.0.4)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -235,8 +449,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.2...@spectrum-css/taggroup@4.0.3)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.2...@spectrum-css/taggroup@4.0.3)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -244,8 +457,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.1...@spectrum-css/taggroup@4.0.2)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.1...@spectrum-css/taggroup@4.0.2)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -253,8 +465,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.0...@spectrum-css/taggroup@4.0.1)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@4.0.0...@spectrum-css/taggroup@4.0.1)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -262,8 +473,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.64...@spectrum-css/taggroup@4.0.0)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.64...@spectrum-css/taggroup@4.0.0)
### 🔙 Reverts
@@ -271,8 +481,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat(taggroup)!: migrate to spectrum-tokens([531e067](https://github.com/adobe/spectrum-css/commit/531e067))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates TagGroup to use `@adobe/spectrum-tokens`
@@ -297,8 +506,7 @@ CSS-500
## 3.3.64
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.63...@spectrum-css/taggroup@3.3.64)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.63...@spectrum-css/taggroup@3.3.64)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -306,8 +514,7 @@ CSS-500
## 3.3.63
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.61...@spectrum-css/taggroup@3.3.63)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.61...@spectrum-css/taggroup@3.3.63)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -315,8 +522,7 @@ CSS-500
## 3.3.62
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.61...@spectrum-css/taggroup@3.3.62)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.61...@spectrum-css/taggroup@3.3.62)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -324,8 +530,7 @@ CSS-500
## 3.3.61
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.60...@spectrum-css/taggroup@3.3.61)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.60...@spectrum-css/taggroup@3.3.61)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -333,8 +538,7 @@ CSS-500
## 3.3.60
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.59...@spectrum-css/taggroup@3.3.60)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.59...@spectrum-css/taggroup@3.3.60)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -342,8 +546,7 @@ CSS-500
## 3.3.59
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.58...@spectrum-css/taggroup@3.3.59)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.58...@spectrum-css/taggroup@3.3.59)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -351,8 +554,7 @@ CSS-500
## 3.3.58
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.57...@spectrum-css/taggroup@3.3.58)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.57...@spectrum-css/taggroup@3.3.58)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -360,8 +562,7 @@ CSS-500
## 3.3.57
-🗓
-2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.56...@spectrum-css/taggroup@3.3.57)
+🗓 2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.56...@spectrum-css/taggroup@3.3.57)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -369,8 +570,7 @@ CSS-500
## 3.3.56
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.55...@spectrum-css/taggroup@3.3.56)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.55...@spectrum-css/taggroup@3.3.56)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -378,8 +578,7 @@ CSS-500
## 3.3.55
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.54...@spectrum-css/taggroup@3.3.55)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.54...@spectrum-css/taggroup@3.3.55)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -387,8 +586,7 @@ CSS-500
## 3.3.54
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.53...@spectrum-css/taggroup@3.3.54)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.53...@spectrum-css/taggroup@3.3.54)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -396,8 +594,7 @@ CSS-500
## 3.3.53
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.52...@spectrum-css/taggroup@3.3.53)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.52...@spectrum-css/taggroup@3.3.53)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -405,8 +602,7 @@ CSS-500
## 3.3.52
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.51...@spectrum-css/taggroup@3.3.52)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.51...@spectrum-css/taggroup@3.3.52)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -414,8 +610,7 @@ CSS-500
## 3.3.51
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.50...@spectrum-css/taggroup@3.3.51)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.50...@spectrum-css/taggroup@3.3.51)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -423,8 +618,7 @@ CSS-500
## 3.3.50
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.49...@spectrum-css/taggroup@3.3.50)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.49...@spectrum-css/taggroup@3.3.50)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -432,8 +626,7 @@ CSS-500
## 3.3.49
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.48...@spectrum-css/taggroup@3.3.49)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.48...@spectrum-css/taggroup@3.3.49)
### 🐛 Bug fixes
@@ -443,8 +636,7 @@ CSS-500
## 3.3.48
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.47...@spectrum-css/taggroup@3.3.48)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.47...@spectrum-css/taggroup@3.3.48)
**Note:** Version bump only for package @spectrum-css/taggroup
@@ -452,8 +644,7 @@ CSS-500
## 3.3.47
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.46...@spectrum-css/taggroup@3.3.47)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/taggroup@3.3.46...@spectrum-css/taggroup@3.3.47)
**Note:** Version bump only for package @spectrum-css/taggroup
diff --git a/components/taggroup/index.css b/components/taggroup/index.css
index 22422bae7f5..e3b323bb91f 100644
--- a/components/taggroup/index.css
+++ b/components/taggroup/index.css
@@ -11,14 +11,10 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-TagGroup {
--spectrum-tag-group-item-margin-block: var(--spectrum-spacing-75);
--spectrum-tag-group-item-margin-inline: var(--spectrum-spacing-75);
-}
-.spectrum-TagGroup {
display: inline-flex;
flex-wrap: wrap;
margin: 0;
diff --git a/components/taggroup/metadata/metadata.json b/components/taggroup/metadata/metadata.json
index 10ed81256ff..b9eeaede1e8 100644
--- a/components/taggroup/metadata/metadata.json
+++ b/components/taggroup/metadata/metadata.json
@@ -10,7 +10,6 @@
"--spectrum-tag-group-item-margin-inline"
],
"global": ["--spectrum-spacing-75"],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/taggroup/metadata/mods.md b/components/taggroup/metadata/mods.md
deleted file mode 100644
index 59ebf6b234c..00000000000
--- a/components/taggroup/metadata/mods.md
+++ /dev/null
@@ -1,4 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------ |
-| `--mod-tag-group-item-margin-block` |
-| `--mod-tag-group-item-margin-inline` |
diff --git a/components/taggroup/package.json b/components/taggroup/package.json
index f3cbe784c7a..79dcb641522 100644
--- a/components/taggroup/package.json
+++ b/components/taggroup/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/taggroup",
- "version": "5.2.0",
+ "version": "6.0.0-next.0",
"description": "The Spectrum CSS tag group component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tag": ">=9",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tag": ">=10.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tag": "workspace:^",
diff --git a/components/taggroup/stories/taggroup.stories.js b/components/taggroup/stories/taggroup.stories.js
index 9b78a490d95..fdd524ad053 100644
--- a/components/taggroup/stories/taggroup.stories.js
+++ b/components/taggroup/stories/taggroup.stories.js
@@ -55,6 +55,10 @@ export default {
...(TagStories.parameters.actions.handles ?? [])
],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=45924-645",
+ },
packageJson,
metadata,
},
diff --git a/components/taggroup/stories/template.js b/components/taggroup/stories/template.js
index 20035de5cda..34bf5d50f77 100644
--- a/components/taggroup/stories/template.js
+++ b/components/taggroup/stories/template.js
@@ -15,22 +15,24 @@ export const Template = ({
customStyles = {},
size = "m",
...args
-} = {}, context = {}) => html`
- ({ ...a, [c]: true }), {}),
- })}
- style=${styleMap(customStyles)}
- role="list"
- aria-label=${ifDefined(ariaLabel)}
- >
- ${items.map((i) => Tag({
- ...i,
- ...args,
- size,
- hasClearButton: isRemovable,
- customClasses: [`${rootClass}-item`],
- }, context))}
-
-`;
+} = {}, context = {}) => {
+ return html`
+ ({ ...a, [c]: true }), {}),
+ })}
+ style=${styleMap(customStyles)}
+ role="list"
+ aria-label=${ifDefined(ariaLabel)}
+ >
+ ${items.map((i) => Tag({
+ ...i,
+ ...args,
+ size,
+ hasClearButton: isRemovable,
+ customClasses: [`${rootClass}-item`],
+ }, context))}
+
+ `;
+};
diff --git a/components/taggroup/themes/express.css b/components/taggroup/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/taggroup/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/taggroup/themes/spectrum.css b/components/taggroup/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/taggroup/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/textfield/CHANGELOG.md b/components/textfield/CHANGELOG.md
index 5eee38713d5..76a9c6f6a60 100644
--- a/components/textfield/CHANGELOG.md
+++ b/components/textfield/CHANGELOG.md
@@ -1,5 +1,239 @@
# Change Log
+## 8.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/helptext@6.0.0-s2-foundations.16
+
+## 8.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.15
+
+## 8.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 8.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 8.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9294678`](https://github.com/adobe/spectrum-css/commit/929467879ebedb5601f54509d95f3dcd97681607) Thanks [@pfulton](https://github.com/pfulton)! - [SWC-306]: Reintroduces previous changes in textfield that had been reverted, including adjusted line height, cleanup of legacy vendor prefixes and normalization (#2771), a fix for focus pseudo pointer events (#2761)
+
+## 8.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 8.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 8.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 8.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`da47fa2`](https://github.com/adobe/spectrum-css/commit/da47fa2cb18373e74a6718775f2db90bb25868d4) Thanks [@pfulton](https://github.com/pfulton)! - Fix line-height discrepency
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 8.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 8.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 8.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/helptext@6.0.0-s2-foundations.6
+
+## 8.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 8.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 8.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 8.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 8.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/helptext@6.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 8.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/helptext@6.0.0-s2-foundations.0
+
## 7.3.0
### Minor Changes
@@ -87,8 +321,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 7.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.6...@spectrum-css/textfield@7.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.6...@spectrum-css/textfield@7.0.0)
### ✨ Features
@@ -108,8 +341,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.6
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.5...@spectrum-css/textfield@6.1.6)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.5...@spectrum-css/textfield@6.1.6)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -117,8 +349,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.5
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.4...@spectrum-css/textfield@6.1.5)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.4...@spectrum-css/textfield@6.1.5)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -126,8 +357,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.4
-🗓
-2024-02-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.3...@spectrum-css/textfield@6.1.4)
+🗓 2024-02-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.3...@spectrum-css/textfield@6.1.4)
### 🐛 Bug fixes
@@ -138,8 +368,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.2...@spectrum-css/textfield@6.1.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.2...@spectrum-css/textfield@6.1.3)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -147,8 +376,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.1...@spectrum-css/textfield@6.1.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.1.1...@spectrum-css/textfield@6.1.2)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -156,8 +384,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/textfield
@@ -165,8 +392,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.1.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.31...@spectrum-css/textfield@6.1.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.31...@spectrum-css/textfield@6.1.0)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -174,8 +400,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.31
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.30...@spectrum-css/textfield@6.0.31)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.30...@spectrum-css/textfield@6.0.31)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -183,8 +408,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.30
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.29...@spectrum-css/textfield@6.0.30)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.29...@spectrum-css/textfield@6.0.30)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -192,8 +416,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.29
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.28...@spectrum-css/textfield@6.0.29)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.28...@spectrum-css/textfield@6.0.29)
### 🐛 Bug fixes
@@ -203,8 +426,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.28
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.26...@spectrum-css/textfield@6.0.28)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.26...@spectrum-css/textfield@6.0.28)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -212,8 +434,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.27
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.26...@spectrum-css/textfield@6.0.27)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.26...@spectrum-css/textfield@6.0.27)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -221,8 +442,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.26
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.25...@spectrum-css/textfield@6.0.26)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.25...@spectrum-css/textfield@6.0.26)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -230,8 +450,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.25
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.24...@spectrum-css/textfield@6.0.25)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.24...@spectrum-css/textfield@6.0.25)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -239,8 +458,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.24
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.23...@spectrum-css/textfield@6.0.24)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.23...@spectrum-css/textfield@6.0.24)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -248,8 +466,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.23
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.22...@spectrum-css/textfield@6.0.23)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.22...@spectrum-css/textfield@6.0.23)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -257,8 +474,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.22
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.21...@spectrum-css/textfield@6.0.22)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.21...@spectrum-css/textfield@6.0.22)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -266,8 +482,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.21
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.20...@spectrum-css/textfield@6.0.21)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.20...@spectrum-css/textfield@6.0.21)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -275,8 +490,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.20
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.19...@spectrum-css/textfield@6.0.20)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.19...@spectrum-css/textfield@6.0.20)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -284,8 +498,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.19
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.18...@spectrum-css/textfield@6.0.19)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.18...@spectrum-css/textfield@6.0.19)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -293,8 +506,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.18
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.17...@spectrum-css/textfield@6.0.18)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.17...@spectrum-css/textfield@6.0.18)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -302,8 +514,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.17
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.16...@spectrum-css/textfield@6.0.17)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.16...@spectrum-css/textfield@6.0.17)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -311,8 +522,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.16
-🗓
-2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.15...@spectrum-css/textfield@6.0.16)
+🗓 2023-08-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.15...@spectrum-css/textfield@6.0.16)
### 🐛 Bug fixes
@@ -326,8 +536,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.15
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.14...@spectrum-css/textfield@6.0.15)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.14...@spectrum-css/textfield@6.0.15)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -335,8 +544,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.14
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.12...@spectrum-css/textfield@6.0.14)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.12...@spectrum-css/textfield@6.0.14)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -344,8 +552,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.13
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.12...@spectrum-css/textfield@6.0.13)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.12...@spectrum-css/textfield@6.0.13)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -353,8 +560,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.12
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.11...@spectrum-css/textfield@6.0.12)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.11...@spectrum-css/textfield@6.0.12)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -362,8 +568,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.11
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.10...@spectrum-css/textfield@6.0.11)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.10...@spectrum-css/textfield@6.0.11)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -371,8 +576,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.10
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.9...@spectrum-css/textfield@6.0.10)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.9...@spectrum-css/textfield@6.0.10)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -380,8 +584,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.9
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.8...@spectrum-css/textfield@6.0.9)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.8...@spectrum-css/textfield@6.0.9)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -389,8 +592,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.8
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.7...@spectrum-css/textfield@6.0.8)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.7...@spectrum-css/textfield@6.0.8)
### 🐛 Bug fixes
@@ -400,8 +602,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.7
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.6...@spectrum-css/textfield@6.0.7)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.6...@spectrum-css/textfield@6.0.7)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -409,8 +610,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.6
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.5...@spectrum-css/textfield@6.0.6)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.5...@spectrum-css/textfield@6.0.6)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -418,8 +618,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.5
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.4...@spectrum-css/textfield@6.0.5)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.4...@spectrum-css/textfield@6.0.5)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -427,8 +626,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.4
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.3...@spectrum-css/textfield@6.0.4)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.3...@spectrum-css/textfield@6.0.4)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -436,8 +634,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.3
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.2...@spectrum-css/textfield@6.0.3)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.2...@spectrum-css/textfield@6.0.3)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -445,8 +642,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.2
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.1...@spectrum-css/textfield@6.0.2)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.1...@spectrum-css/textfield@6.0.2)
**Note:** Version bump only for package @spectrum-css/textfield
@@ -454,8 +650,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.1
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.0...@spectrum-css/textfield@6.0.1)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@6.0.0...@spectrum-css/textfield@6.0.1)
### 🐛 Bug fixes
@@ -465,8 +660,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@5.1.11...@spectrum-css/textfield@6.0.0)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@5.1.11...@spectrum-css/textfield@6.0.0)
\*chore(search)!: core tokens migration (#1761)([b54d8ef](https://github.com/adobe/spectrum-css/commit/b54d8ef)), closes[#1761](https://github.com/adobe/spectrum-css/issues/1761)
@@ -480,8 +674,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.11
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@5.1.10...@spectrum-css/textfield@5.1.11)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@5.1.10...@spectrum-css/textfield@5.1.11)
**Note:** Version bump only for package @spectrum-css/textfield
diff --git a/components/textfield/index.css b/components/textfield/index.css
index e3bb87dded1..294c157c82e 100644
--- a/components/textfield/index.css
+++ b/components/textfield/index.css
@@ -11,23 +11,24 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Textfield {
- /* set input line-height to the height of the textfield - prevents the cutting off of diacritics in some languages */
- /* disallow mod for max compatibility */
- --spectrum-textfield-input-line-height: var(--spectrum-textfield-height);
+ --spectrum-textfield-height: var(--spectrum-component-height-100);
+
--spectrum-texfield-animation-duration: var(--spectrum-animation-duration-100);
--spectrum-textfield-width: 240px; /* override per api */
--spectrum-textfield-min-width: var(--spectrum-text-field-minimum-width-multiplier);
--spectrum-textfield-corner-radius: var(--spectrum-corner-radius-100);
- /* default height */
- --spectrum-textfield-height: var(--spectrum-component-height-100);
+ --spectrum-textfield-border-color: var(--spectrum-gray-500);
+ --spectrum-textfield-border-color-hover: var(--spectrum-gray-600);
+ --spectrum-textfield-border-color-focus: var(--spectrum-gray-800);
+ --spectrum-textfield-border-color-focus-hover: var(--spectrum-gray-900);
+ --spectrum-textfield-border-color-keyboard-focus: var(--spectrum-gray-900);
+
+ --spectrum-textfield-border-width: var(--spectrum-border-width-100);
/* default spacing */
- --spectrum-textfield-spacing-inline: var(--spectrum-component-edge-to-text-100);
--spectrum-textfield-spacing-inline-quiet: var(--spectrum-field-edge-to-text-quiet);
--spectrum-textfield-spacing-block-start: var(--spectrum-component-top-to-text-100);
--spectrum-textfield-spacing-block-end: var(--spectrum-component-bottom-to-text-100);
@@ -35,48 +36,32 @@
/* default label spacing */
--spectrum-textfield-label-spacing-block: var(--spectrum-field-label-to-component);
- --spectrum-textfield-label-spacing-block-quiet: var(--spectrum-field-label-to-component-quiet-medium);
- --spectrum-textfield-label-spacing-inline-side-label: var(--spectrum-spacing-100);
/* default help text spacing */
--spectrum-textfield-helptext-spacing-block: var(--spectrum-help-text-to-component);
- /* default icon size */
- --spectrum-textfield-icon-size-invalid: var(--spectrum-workflow-icon-size-100);
- --spectrum-textfield-icon-size-valid: var(--spectrum-checkmark-icon-size-100);
-
/* default icon spacing - invalid */
- --spectrum-textfield-icon-spacing-inline-start-invalid: var(--spectrum-field-text-to-alert-icon-medium);
- --spectrum-textfield-icon-spacing-inline-end-invalid: var(--spectrum-field-edge-to-alert-icon-medium);
--spectrum-textfield-icon-spacing-inline-end-quiet-invalid: var(--spectrum-field-edge-to-alert-icon-quiet);
- --spectrum-textfield-icon-spacing-block-invalid: var(--spectrum-field-top-to-alert-icon-medium);
/* default icon spacing - valid */
- --spectrum-textfield-icon-spacing-inline-start-valid: var(--spectrum-field-text-to-validation-icon-medium);
- --spectrum-textfield-icon-spacing-inline-end-valid: var(--spectrum-field-edge-to-validation-icon-medium);
--spectrum-textfield-icon-spacing-inline-end-quiet-valid: var(--spectrum-field-edge-to-validation-icon-quiet);
- --spectrum-textfield-icon-spacing-block-valid: var(--spectrum-field-top-to-validation-icon-medium);
/* font styles */
--spectrum-textfield-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-textfield-font-weight: var(--spectrum-regular-font-weight);
- --spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100);
/* character count */
--spectrum-textfield-character-count-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-textfield-character-count-font-weight: var(--spectrum-regular-font-weight);
- --spectrum-textfield-character-count-font-size: var(--spectrum-font-size-75);
--spectrum-textfield-character-count-spacing-inline: var(--spectrum-spacing-200);
- --spectrum-textfield-character-count-spacing-block: var(--spectrum-component-bottom-to-text-75);
--spectrum-textfield-character-count-spacing-inline-side: var(--spectrum-side-label-character-count-to-field);
- --spectrum-textfield-character-count-spacing-block-side: var(--spectrum-side-label-character-count-top-margin-medium);
/* focus indicator */
--spectrum-textfield-focus-indicator-width: var(--spectrum-focus-indicator-thickness);
--spectrum-textfield-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
/*** Colors ***/
- --spectrum-textfield-background-color: var(--spectrum-gray-50);
+ --spectrum-textfield-background-color: var(--spectrum-gray-25);
/* Text Colors */
--spectrum-textfield-text-color-default: var(--spectrum-neutral-content-color-default);
@@ -113,6 +98,25 @@
/* Text Area / Multiline */
--spectrum-text-area-min-inline-size: var(--spectrum-text-area-minimum-width);
--spectrum-text-area-min-block-size: var(--spectrum-text-area-minimum-height);
+
+ --spectrum-textfield-label-spacing-block-quiet: var(--spectrum-field-label-to-component-quiet-medium);
+ --spectrum-textfield-label-spacing-inline-side-label: var(--spectrum-spacing-200);
+ --spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100);
+ --spectrum-textfield-spacing-inline: var(--spectrum-component-edge-to-text-100);
+ --spectrum-textfield-icon-size-invalid: var(--spectrum-workflow-icon-size-100);
+ --spectrum-textfield-icon-size-valid: var(--spectrum-checkmark-icon-size-100);
+ --spectrum-textfield-icon-spacing-inline-end-invalid: var(--spectrum-field-edge-to-alert-icon-medium);
+ --spectrum-textfield-icon-spacing-inline-end-valid: var(--spectrum-field-edge-to-validation-icon-medium);
+ --spectrum-textfield-icon-spacing-block-invalid: var(--spectrum-field-top-to-alert-icon-medium);
+ --spectrum-textfield-icon-spacing-block-valid: var(--spectrum-field-top-to-validation-icon-medium);
+ --spectrum-textfield-icon-spacing-inline-start-invalid: var(--spectrum-field-text-to-alert-icon-medium);
+ --spectrum-textfield-icon-spacing-inline-start-valid: var(--spectrum-field-text-to-validation-icon-medium);
+ --spectrum-textfield-character-count-font-size: var(--spectrum-font-size-75);
+ --spectrum-textfield-character-count-spacing-block: var(--spectrum-component-bottom-to-text-75);
+ --spectrum-textfield-character-count-spacing-block-quiet: var(--spectrum-character-count-to-field-quiet-medium);
+ --spectrum-textfield-character-count-spacing-block-side: var(--spectrum-side-label-character-count-top-margin-medium);
+
+ /* Text Area / Multiline size medium */
--spectrum-text-area-min-block-size-quiet: var(--spectrum-component-height-100);
}
@@ -140,29 +144,6 @@
--spectrum-text-area-min-block-size-quiet: var(--spectrum-component-height-75);
}
-.spectrum-Textfield--sizeM {
- --spectrum-textfield-height: var(--spectrum-component-height-100);
- --spectrum-textfield-label-spacing-block-quiet: var(--spectrum-field-label-to-component-quiet-medium);
- --spectrum-textfield-label-spacing-inline-side-label: var(--spectrum-spacing-200);
- --spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100);
- --spectrum-textfield-spacing-inline: var(--spectrum-component-edge-to-text-100);
- --spectrum-textfield-icon-size-invalid: var(--spectrum-workflow-icon-size-100);
- --spectrum-textfield-icon-size-valid: var(--spectrum-checkmark-icon-size-100);
- --spectrum-textfield-icon-spacing-inline-end-invalid: var(--spectrum-field-edge-to-alert-icon-medium);
- --spectrum-textfield-icon-spacing-inline-end-valid: var(--spectrum-field-edge-to-validation-icon-medium);
- --spectrum-textfield-icon-spacing-block-invalid: var(--spectrum-field-top-to-alert-icon-medium);
- --spectrum-textfield-icon-spacing-block-valid: var(--spectrum-field-top-to-validation-icon-medium);
- --spectrum-textfield-icon-spacing-inline-start-invalid: var(--spectrum-field-text-to-alert-icon-medium);
- --spectrum-textfield-icon-spacing-inline-start-valid: var(--spectrum-field-text-to-validation-icon-medium);
- --spectrum-textfield-character-count-font-size: var(--spectrum-font-size-75);
- --spectrum-textfield-character-count-spacing-block: var(--spectrum-component-bottom-to-text-75);
- --spectrum-textfield-character-count-spacing-block-quiet: var(--spectrum-character-count-to-field-quiet-medium);
- --spectrum-textfield-character-count-spacing-block-side: var(--spectrum-side-label-character-count-top-margin-medium);
-
- /* Text Area / Multiline size medium */
- --spectrum-text-area-min-block-size-quiet: var(--spectrum-component-height-100);
-}
-
.spectrum-Textfield--sizeL {
--spectrum-textfield-height: var(--spectrum-component-height-200);
--spectrum-textfield-label-spacing-block-quiet: var(--spectrum-field-label-to-component-quiet-large);
@@ -285,7 +266,7 @@
inset-block-start: var(--mod-textfield-icon-spacing-block-valid, var(--spectrum-textfield-icon-spacing-block-valid));
inset-block-end: var(--mod-textfield-icon-spacing-block-valid, var(--spectrum-textfield-icon-spacing-block-valid));
inset-inline-end: var(--mod-textfield-icon-spacing-inline-end-valid, var(--spectrum-textfield-icon-spacing-inline-end-valid));
- color: var(--highcontrast-textfield-icon-color-valid, var(--mod-textfield-icon-color-valid, var(--spectrum-textfield-icon-color-valid)));
+ color: var(--mod-textfield-icon-color-valid, var(--spectrum-textfield-icon-color-valid));
}
/****** Validation Icon - Invalid ⚠️ ******/
@@ -295,7 +276,7 @@
inset-block-start: var(--mod-textfield-icon-spacing-block-invalid, var(--spectrum-textfield-icon-spacing-block-invalid));
inset-block-end: var(--mod-textfield-icon-spacing-block-invalid, var(--spectrum-textfield-icon-spacing-block-invalid));
inset-inline-end: var(--mod-textfield-icon-spacing-inline-end-invalid, var(--spectrum-textfield-icon-spacing-inline-end-invalid));
- color: var(--highcontrast-textfield-icon-color-invalid, var(--mod-textfield-icon-color-invalid, var(--spectrum-textfield-icon-color-invalid)));
+ color: var(--mod-textfield-icon-color-invalid, var(--spectrum-textfield-icon-color-invalid));
}
.spectrum-Textfield.is-disabled &,
@@ -366,6 +347,10 @@
/********* Child Element - Input *********/
.spectrum-Textfield-input {
+ /* set input line-height to the height of the textfield - prevents the cutting off of diacritics in some languages */
+ /* disallow mod for max compatibility */
+ --spectrum-textfield-input-line-height: var(--mod-textfield-height, var(--spectrum-textfield-height));
+
/* no mod defined to allow for maximum compatibility */
line-height: var(--spectrum-textfield-input-line-height);
box-sizing: border-box;
@@ -380,7 +365,9 @@
vertical-align: top; /* used to align them correctly in forms. */
outline: none;
background-color: var(--mod-textfield-background-color, var(--spectrum-textfield-background-color));
- border: var(--mod-textfield-border-width, var(--spectrum-textfield-border-width)) solid var(--highcontrast-textfield-border-color, var(--mod-textfield-border-color, var(--spectrum-textfield-border-color)));
+ border-width: var(--mod-textfield-border-width, var(--spectrum-textfield-border-width));
+ border-style: solid;
+ border-color: var(--highcontrast-textfield-border-color, var(--mod-textfield-border-color, var(--spectrum-textfield-border-color)));
border-radius: var(--mod-textfield-corner-radius, var(--spectrum-textfield-corner-radius));
transition: border-color var(--mod-texfield-animation-duration, var(--spectrum-texfield-animation-duration)) ease-in-out;
@@ -451,20 +438,20 @@
.is-focused &,
&:focus {
border-color: var(--highcontrast-textfield-border-color-focus, var(--mod-textfield-border-color-focus, var(--spectrum-textfield-border-color-focus)));
- color: var(--highcontrast-textfield-text-color-focus, var(--mod-textfield-text-color-focus, var(--spectrum-textfield-text-color-focus)));
+ color: var(--mod-textfield-text-color-focus, var(--spectrum-textfield-text-color-focus));
&::placeholder {
- color: var(--highcontrast-textfield-text-color-focus, var(--mod-textfield-text-color-focus, var(--spectrum-textfield-text-color-focus)));
+ color: var(--mod-textfield-text-color-focus, var(--spectrum-textfield-text-color-focus));
}
/* focus hover */
&:hover {
- border-color: var(--highcontrast-textfield-border-color-focus-hover, var(--mod-textfield-border-color-focus-hover, var(--spectrum-textfield-border-color-focus-hover)));
- color: var(--highcontrast-textfield-text-color-focus-hover, var(--mod-textfield-text-color-focus-hover, var(--spectrum-textfield-text-color-focus-hover)));
+ border-color: var(--mod-textfield-border-color-focus-hover, var(--spectrum-textfield-border-color-focus-hover));
+ color: var(--mod-textfield-text-color-focus-hover, var(--spectrum-textfield-text-color-focus-hover));
}
&:hover::placeholder {
- color: var(--highcontrast-textfield-text-color-focus-hover, var(--mod-textfield-text-color-focus-hover, var(--spectrum-textfield-text-color-focus-hover)));
+ color: var(--mod-textfield-text-color-focus-hover, var(--spectrum-textfield-text-color-focus-hover));
}
}
@@ -510,7 +497,7 @@
/* focus hover */
&:hover {
- border-color: var(--highcontrast-textfield-border-color-invalid-focus-hover, var(--mod-textfield-border-color-invalid-focus-hover, var(--spectrum-textfield-border-color-invalid-focus-hover)));
+ border-color: var(--mod-textfield-border-color-invalid-focus-hover, var(--spectrum-textfield-border-color-invalid-focus-hover));
}
}
@@ -660,6 +647,7 @@
/********* WHCM *********/
@media (forced-colors: active) {
.spectrum-Textfield {
+ --highcontrast-textfield-border-color: CanvasText;
--highcontrast-textfield-border-color-hover: Highlight;
--highcontrast-textfield-border-color-focus: Highlight;
--highcontrast-textfield-border-color-keyboard-focus: CanvasText;
diff --git a/components/textfield/metadata/metadata.json b/components/textfield/metadata/metadata.json
index 375c277382e..7ff31258385 100644
--- a/components/textfield/metadata/metadata.json
+++ b/components/textfield/metadata/metadata.json
@@ -48,7 +48,6 @@
".spectrum-Textfield--sideLabel .spectrum-Textfield-validationIcon",
".spectrum-Textfield--sideLabel:after",
".spectrum-Textfield--sizeL",
- ".spectrum-Textfield--sizeM",
".spectrum-Textfield--sizeS",
".spectrum-Textfield--sizeXL",
".spectrum-Textfield-characterCount",
@@ -228,7 +227,6 @@
"global": [
"--spectrum-animation-duration-100",
"--spectrum-border-width-100",
- "--spectrum-border-width-200",
"--spectrum-character-count-to-field-quiet-extra-large",
"--spectrum-character-count-to-field-quiet-large",
"--spectrum-character-count-to-field-quiet-medium",
@@ -292,8 +290,7 @@
"--spectrum-font-size-200",
"--spectrum-font-size-300",
"--spectrum-font-size-75",
- "--spectrum-gray-400",
- "--spectrum-gray-50",
+ "--spectrum-gray-25",
"--spectrum-gray-500",
"--spectrum-gray-600",
"--spectrum-gray-800",
@@ -331,33 +328,19 @@
"--spectrum-workflow-icon-size-300",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [
- "--system-spectrum-textfield-border-color",
- "--system-spectrum-textfield-border-color-focus",
- "--system-spectrum-textfield-border-color-focus-hover",
- "--system-spectrum-textfield-border-color-hover",
- "--system-spectrum-textfield-border-color-keyboard-focus",
- "--system-spectrum-textfield-border-width"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-textfield-border-color",
"--highcontrast-textfield-border-color-focus",
- "--highcontrast-textfield-border-color-focus-hover",
"--highcontrast-textfield-border-color-hover",
"--highcontrast-textfield-border-color-invalid-default",
"--highcontrast-textfield-border-color-invalid-focus",
- "--highcontrast-textfield-border-color-invalid-focus-hover",
"--highcontrast-textfield-border-color-invalid-hover",
"--highcontrast-textfield-border-color-invalid-keyboard-focus",
"--highcontrast-textfield-border-color-keyboard-focus",
"--highcontrast-textfield-focus-indicator-color",
- "--highcontrast-textfield-icon-color-invalid",
- "--highcontrast-textfield-icon-color-valid",
"--highcontrast-textfield-text-color-default",
"--highcontrast-textfield-text-color-disabled",
- "--highcontrast-textfield-text-color-focus",
- "--highcontrast-textfield-text-color-focus-hover",
"--highcontrast-textfield-text-color-hover",
"--highcontrast-textfield-text-color-invalid",
"--highcontrast-textfield-text-color-keyboard-focus",
diff --git a/components/textfield/metadata/mods.md b/components/textfield/metadata/mods.md
deleted file mode 100644
index 246f118f70a..00000000000
--- a/components/textfield/metadata/mods.md
+++ /dev/null
@@ -1,68 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------- |
-| `--mod-texfield-animation-duration` |
-| `--mod-text-area-min-block-size` |
-| `--mod-text-area-min-block-size-quiet` |
-| `--mod-text-area-min-inline-size` |
-| `--mod-textfield-background-color` |
-| `--mod-textfield-background-color-disabled` |
-| `--mod-textfield-border-color` |
-| `--mod-textfield-border-color-disabled` |
-| `--mod-textfield-border-color-focus` |
-| `--mod-textfield-border-color-focus-hover` |
-| `--mod-textfield-border-color-hover` |
-| `--mod-textfield-border-color-invalid-default` |
-| `--mod-textfield-border-color-invalid-focus` |
-| `--mod-textfield-border-color-invalid-focus-hover` |
-| `--mod-textfield-border-color-invalid-hover` |
-| `--mod-textfield-border-color-invalid-keyboard-focus` |
-| `--mod-textfield-border-color-keyboard-focus` |
-| `--mod-textfield-border-width` |
-| `--mod-textfield-character-count-font-family` |
-| `--mod-textfield-character-count-font-size` |
-| `--mod-textfield-character-count-font-weight` |
-| `--mod-textfield-character-count-spacing-block` |
-| `--mod-textfield-character-count-spacing-block-quiet` |
-| `--mod-textfield-character-count-spacing-block-side` |
-| `--mod-textfield-character-count-spacing-inline` |
-| `--mod-textfield-character-count-spacing-inline-side` |
-| `--mod-textfield-corner-radius` |
-| `--mod-textfield-focus-indicator-color` |
-| `--mod-textfield-focus-indicator-gap` |
-| `--mod-textfield-focus-indicator-width` |
-| `--mod-textfield-font-family` |
-| `--mod-textfield-font-weight` |
-| `--mod-textfield-height` |
-| `--mod-textfield-helptext-spacing-block` |
-| `--mod-textfield-icon-color-invalid` |
-| `--mod-textfield-icon-color-valid` |
-| `--mod-textfield-icon-size-invalid` |
-| `--mod-textfield-icon-size-valid` |
-| `--mod-textfield-icon-spacing-block-invalid` |
-| `--mod-textfield-icon-spacing-block-valid` |
-| `--mod-textfield-icon-spacing-inline-end-invalid` |
-| `--mod-textfield-icon-spacing-inline-end-quiet-invalid` |
-| `--mod-textfield-icon-spacing-inline-end-quiet-valid` |
-| `--mod-textfield-icon-spacing-inline-end-valid` |
-| `--mod-textfield-icon-spacing-inline-start-invalid` |
-| `--mod-textfield-icon-spacing-inline-start-valid` |
-| `--mod-textfield-label-spacing-block` |
-| `--mod-textfield-label-spacing-block-quiet` |
-| `--mod-textfield-label-spacing-inline-side-label` |
-| `--mod-textfield-min-width` |
-| `--mod-textfield-placeholder-font-size` |
-| `--mod-textfield-spacing-block-end` |
-| `--mod-textfield-spacing-block-quiet` |
-| `--mod-textfield-spacing-block-start` |
-| `--mod-textfield-spacing-inline` |
-| `--mod-textfield-spacing-inline-quiet` |
-| `--mod-textfield-text-color-default` |
-| `--mod-textfield-text-color-disabled` |
-| `--mod-textfield-text-color-focus` |
-| `--mod-textfield-text-color-focus-hover` |
-| `--mod-textfield-text-color-hover` |
-| `--mod-textfield-text-color-invalid` |
-| `--mod-textfield-text-color-keyboard-focus` |
-| `--mod-textfield-text-color-readonly` |
-| `--mod-textfield-text-color-valid` |
-| `--mod-textfield-width` |
diff --git a/components/textfield/package.json b/components/textfield/package.json
index 2f3c57a2f8d..98a8e52d732 100644
--- a/components/textfield/package.json
+++ b/components/textfield/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/textfield",
- "version": "7.3.0",
+ "version": "8.0.0-s2-foundations.17",
"description": "The Spectrum CSS textfield component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/helptext": ">=5",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/helptext": ">=6.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"peerDependenciesMeta": {
"@spectrum-css/helptext": {
diff --git a/components/textfield/stories/template.js b/components/textfield/stories/template.js
index cdb23da0a80..55c2d55d124 100644
--- a/components/textfield/stories/template.js
+++ b/components/textfield/stories/template.js
@@ -148,6 +148,7 @@ export const Template = ({
${when(displayLabel, () => FieldLabel({
size,
label: labelText,
+ isDisabled,
}, context))}
${when(typeof characterCount !== "undefined", () => html`
${characterCount} `)}
diff --git a/components/textfield/stories/textarea.stories.js b/components/textfield/stories/textarea.stories.js
index 6ab8b75a637..090bcf4a4d9 100644
--- a/components/textfield/stories/textarea.stories.js
+++ b/components/textfield/stories/textarea.stories.js
@@ -23,6 +23,10 @@ export default {
parameters: {
packageJson,
metadata,
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=725-2579",
+ },
}
};
diff --git a/components/textfield/stories/textfield.stories.js b/components/textfield/stories/textfield.stories.js
index e86ce3a5d4f..2cab6a8058c 100644
--- a/components/textfield/stories/textfield.stories.js
+++ b/components/textfield/stories/textfield.stories.js
@@ -136,6 +136,10 @@ export default {
"focusout .spectrum-Textfield"
],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=717-2629",
+ },
packageJson,
metadata,
},
diff --git a/components/textfield/themes/express.css b/components/textfield/themes/express.css
deleted file mode 100644
index 5bb5ddc44da..00000000000
--- a/components/textfield/themes/express.css
+++ /dev/null
@@ -1,26 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Textfield {
- --spectrum-textfield-border-color: var(--spectrum-gray-400);
- --spectrum-textfield-border-color-hover: var(--spectrum-gray-500);
- --spectrum-textfield-border-color-focus: var(--spectrum-gray-800);
- --spectrum-textfield-border-color-focus-hover: var(--spectrum-gray-900);
- --spectrum-textfield-border-color-keyboard-focus: var(--spectrum-gray-900);
-
- --spectrum-textfield-border-width: var(--spectrum-border-width-200);
- }
-}
diff --git a/components/textfield/themes/spectrum.css b/components/textfield/themes/spectrum.css
deleted file mode 100644
index a4854e02352..00000000000
--- a/components/textfield/themes/spectrum.css
+++ /dev/null
@@ -1,24 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Textfield {
- --spectrum-textfield-border-color: var(--spectrum-gray-500);
- --spectrum-textfield-border-color-hover: var(--spectrum-gray-600);
- --spectrum-textfield-border-color-focus: var(--spectrum-gray-800);
- --spectrum-textfield-border-color-focus-hover: var(--spectrum-gray-900);
- --spectrum-textfield-border-color-keyboard-focus: var(--spectrum-gray-900);
-
- --spectrum-textfield-border-width: var(--spectrum-border-width-100);
- }
-}
diff --git a/components/thumbnail/CHANGELOG.md b/components/thumbnail/CHANGELOG.md
index ad2cf605bf7..61a4322869e 100644
--- a/components/thumbnail/CHANGELOG.md
+++ b/components/thumbnail/CHANGELOG.md
@@ -1,5 +1,272 @@
# Change Log
+## 7.0.0-next.0
+
+### Minor Changes
+
+- [#3367](https://github.com/adobe/spectrum-css/pull/3367) [`2c62239`](https://github.com/adobe/spectrum-css/commit/2c62239aab6ae9815bac6edf531c212c45665a5c) Thanks [@cdransf](https://github.com/cdransf)! - Replaces corner-radius-75 with thumbnail-corner-radius.
+
+- [#3394](https://github.com/adobe/spectrum-css/pull/3394) [`eda9897`](https://github.com/adobe/spectrum-css/commit/eda9897f1a6e9ecaa4e000985e55b62ecdb9a586) Thanks [@cdransf](https://github.com/cdransf)! - # thumbnail-opacity-checkerboard S2 migration
+
+ Adds thumbnail specific `thumbnail-opacity-checkerboard-square-size` token aliased to `--spectrum-opacity-checkerboard-size`. This impacts the display of the `opacity-checkerboard` when used within the `thumbnail` component.
+
+ This also corrects an issue with a token name in the `thumbnail` component by renaming `--spectrum-thumbnail-border-color-opacity` to `--spectrum-thumbnail-border-opacity`.
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`eda9897`](https://github.com/adobe/spectrum-css/commit/eda9897f1a6e9ecaa4e000985e55b62ecdb9a586)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/opacitycheckerboard@3.0.0-next.0
+
+## 7.0.0-s2-foundations.18
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.16
+
+## 7.0.0-s2-foundations.17
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9c6561b`](https://github.com/adobe/spectrum-css/commit/9c6561b38624307da9bca7499452c3cb8ea2095e) Thanks [@pfulton](https://github.com/pfulton)! - Bring in the latest S2 foundations release including updated corner rounding approach, colors, and icon spacing. Remapped corner rounding values for the -75 token to a static 2px value for spectrum themes.
+
+### Patch Changes
+
+- Updated dependencies [[`9c6561b`](https://github.com/adobe/spectrum-css/commit/9c6561b38624307da9bca7499452c3cb8ea2095e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.25
+
+## 7.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f14c3be`](https://github.com/adobe/spectrum-css/commit/f14c3bee4ea3b3ad259ce2fa9c3f58fa49febf9d) Thanks [@pfulton](https://github.com/pfulton)! - ProgressBar/Meter
+
+ - Fix bug by reverting "background-color" for track fill back to "background".
+
+ Thumbnail
+
+ - Remove unused "vertical align" property.
+
+## 7.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.15
+
+## 7.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.14
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 7.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 7.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 7.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.10
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 7.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 7.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 7.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 7.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.6
+
+## 7.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 7.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 7.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 7.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 7.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/opacitycheckerboard@3.0.0-s2-foundations.0
+
## 6.3.0
### Minor Changes
@@ -81,16 +348,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.2.4...@spectrum-css/thumbnail@6.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.2.4...@spectrum-css/thumbnail@6.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -98,8 +361,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.2.3...@spectrum-css/thumbnail@5.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.2.3...@spectrum-css/thumbnail@5.2.4)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -107,8 +369,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.2.2...@spectrum-css/thumbnail@5.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.2.2...@spectrum-css/thumbnail@5.2.3)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -116,8 +377,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.2.1...@spectrum-css/thumbnail@5.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.2.1...@spectrum-css/thumbnail@5.2.2)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -125,8 +385,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -134,8 +393,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.1.4...@spectrum-css/thumbnail@5.2.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.1.4...@spectrum-css/thumbnail@5.2.0)
### ✨ Features
@@ -145,8 +403,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.4
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.1.3...@spectrum-css/thumbnail@5.1.4)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.1.3...@spectrum-css/thumbnail@5.1.4)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -154,8 +411,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.3
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.1.2...@spectrum-css/thumbnail@5.1.3)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.1.2...@spectrum-css/thumbnail@5.1.3)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -163,8 +419,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.2
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.1.0...@spectrum-css/thumbnail@5.1.2)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.1.0...@spectrum-css/thumbnail@5.1.2)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -172,8 +427,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.1
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.1.0...@spectrum-css/thumbnail@5.1.1)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.1.0...@spectrum-css/thumbnail@5.1.1)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -181,8 +435,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.0
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.12...@spectrum-css/thumbnail@5.1.0)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.12...@spectrum-css/thumbnail@5.1.0)
### ✨ Features
@@ -192,8 +445,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.12
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.11...@spectrum-css/thumbnail@5.0.12)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.11...@spectrum-css/thumbnail@5.0.12)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -201,8 +453,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.11
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.10...@spectrum-css/thumbnail@5.0.11)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.10...@spectrum-css/thumbnail@5.0.11)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -210,8 +461,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.10
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.9...@spectrum-css/thumbnail@5.0.10)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.9...@spectrum-css/thumbnail@5.0.10)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -219,8 +469,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.9
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.8...@spectrum-css/thumbnail@5.0.9)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.8...@spectrum-css/thumbnail@5.0.9)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -228,8 +477,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.8
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.7...@spectrum-css/thumbnail@5.0.8)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.7...@spectrum-css/thumbnail@5.0.8)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -237,8 +485,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.7
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.6...@spectrum-css/thumbnail@5.0.7)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.6...@spectrum-css/thumbnail@5.0.7)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -246,8 +493,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.6
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.5...@spectrum-css/thumbnail@5.0.6)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.5...@spectrum-css/thumbnail@5.0.6)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -255,8 +501,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.5
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.4...@spectrum-css/thumbnail@5.0.5)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.4...@spectrum-css/thumbnail@5.0.5)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -264,8 +509,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.4
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.3...@spectrum-css/thumbnail@5.0.4)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.3...@spectrum-css/thumbnail@5.0.4)
### 🔙 Reverts
@@ -275,8 +519,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.3
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.2...@spectrum-css/thumbnail@5.0.3)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.2...@spectrum-css/thumbnail@5.0.3)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -284,8 +527,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.2
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.0...@spectrum-css/thumbnail@5.0.2)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.0...@spectrum-css/thumbnail@5.0.2)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -293,8 +535,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.1
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.0...@spectrum-css/thumbnail@5.0.1)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@5.0.0...@spectrum-css/thumbnail@5.0.1)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -302,8 +543,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@4.0.4...@spectrum-css/thumbnail@5.0.0)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@4.0.4...@spectrum-css/thumbnail@5.0.0)
### 🐛 Bug fixes
@@ -321,8 +561,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@4.0.3...@spectrum-css/thumbnail@4.0.4)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@4.0.3...@spectrum-css/thumbnail@4.0.4)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -330,8 +569,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@4.0.2...@spectrum-css/thumbnail@4.0.3)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@4.0.2...@spectrum-css/thumbnail@4.0.3)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -339,8 +577,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@4.0.1...@spectrum-css/thumbnail@4.0.2)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@4.0.1...@spectrum-css/thumbnail@4.0.2)
### 🐛 Bug fixes
@@ -350,8 +587,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@4.0.0...@spectrum-css/thumbnail@4.0.1)
+🗓 2023-07-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@4.0.0...@spectrum-css/thumbnail@4.0.1)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -359,13 +595,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.17...@spectrum-css/thumbnail@4.0.0)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.17...@spectrum-css/thumbnail@4.0.0)
\*feat(opacitycheckerboard)!: new component (#1916)([24e9f06](https://github.com/adobe/spectrum-css/commit/24e9f06)), closes[#1916](https://github.com/adobe/spectrum-css/issues/1916)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
creates new Opacity Checkerboard component and uses it within Swatch, Color Handle, Thumbnail, Color Slider.
@@ -410,8 +644,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.17
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.16...@spectrum-css/thumbnail@3.0.17)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.16...@spectrum-css/thumbnail@3.0.17)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -419,8 +652,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.16
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.15...@spectrum-css/thumbnail@3.0.16)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.15...@spectrum-css/thumbnail@3.0.16)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -428,8 +660,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.15
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.14...@spectrum-css/thumbnail@3.0.15)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.14...@spectrum-css/thumbnail@3.0.15)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -437,8 +668,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.14
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.13...@spectrum-css/thumbnail@3.0.14)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.13...@spectrum-css/thumbnail@3.0.14)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -446,8 +676,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.13
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.12...@spectrum-css/thumbnail@3.0.13)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.12...@spectrum-css/thumbnail@3.0.13)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -455,8 +684,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.12
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.11...@spectrum-css/thumbnail@3.0.12)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.11...@spectrum-css/thumbnail@3.0.12)
### 🐛 Bug fixes
@@ -466,8 +694,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.11
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.10...@spectrum-css/thumbnail@3.0.11)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.10...@spectrum-css/thumbnail@3.0.11)
### 🐛 Bug fixes
@@ -477,8 +704,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.10
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.9...@spectrum-css/thumbnail@3.0.10)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.9...@spectrum-css/thumbnail@3.0.10)
**Note:** Version bump only for package @spectrum-css/thumbnail
@@ -486,8 +712,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.9
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.8...@spectrum-css/thumbnail@3.0.9)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/thumbnail@3.0.8...@spectrum-css/thumbnail@3.0.9)
**Note:** Version bump only for package @spectrum-css/thumbnail
diff --git a/components/thumbnail/index.css b/components/thumbnail/index.css
index ee8b55d11f0..3f2ab89f941 100644
--- a/components/thumbnail/index.css
+++ b/components/thumbnail/index.css
@@ -11,16 +11,14 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Thumbnail {
--spectrum-thumbnail-size: var(--spectrum-thumbnail-size-500);
- --spectrum-thumbnail-border-radius: var(--spectrum-corner-radius-75);
+ --spectrum-thumbnail-border-radius: var(--spectrum-thumbnail-corner-radius);
--spectrum-thumbnail-border-width: var(--spectrum-border-width-100);
/* @todo Refactor with --spectrum-thumbnail-border-color once gray rgb token is no longer necessary to workaround nested rgb color token value using rgba(). */
- --spectrum-thumbnail-border-color-rgba: rgba(var(--spectrum-gray-800-rgb), var(--spectrum-thumbnail-border-opacity));
+ --spectrum-thumbnail-border-color: rgba(var(--spectrum-gray-800-rgb), var(--spectrum-thumbnail-border-opacity));
--spectrum-thumbnail-layer-border-width-inner: var(--spectrum-border-width-400);
--spectrum-thumbnail-layer-border-color-inner: var(--spectrum-white);
--spectrum-thumbnail-layer-border-width-outer: var(--spectrum-border-width-100);
@@ -34,6 +32,9 @@
--spectrum-thumbnail-focus-indicator-color: var(--spectrum-focus-indicator-color);
--spectrum-thumbnail-color-opacity-disabled: var(--spectrum-thumbnail-opacity-disabled);
+
+ /* @passthrough -- custom sizing for opacity checkerboard */
+ --mod-opacity-checkerboard-size: var(--spectrum-thumbnail-opacity-checkerboard-square-size);
}
.spectrum-Thumbnail--size50 {
@@ -85,6 +86,8 @@
}
.spectrum-Thumbnail {
+ --spectrum-thumbnail-color-opacity-disabled: var(--spectrum-thumbnail-opacity-disabled);
+
position: relative;
margin: 0;
padding: 0;
@@ -95,6 +98,11 @@
border-radius: var(--mod-thumbnail-border-radius, var(--spectrum-thumbnail-border-radius));
+ /* Friends should align to the top of the tabs */
+ vertical-align: top;
+ overflow: hidden;
+ z-index: 0;
+
&::before {
content: "";
z-index: 2;
@@ -102,7 +110,7 @@
inline-size: 100%;
block-size: 100%;
border-radius: var(--mod-thumbnail-border-radius, var(--spectrum-thumbnail-border-radius));
- box-shadow: inset 0 0 0 var(--mod-thumbnail-border-width, var(--spectrum-thumbnail-border-width)) var(--highcontrast-thumbnail-border-color, var(--mod-thumbnail-border-color, var(--spectrum-thumbnail-border-color-rgba)));
+ box-shadow: inset 0 0 0 var(--mod-thumbnail-border-width, var(--spectrum-thumbnail-border-width)) var(--highcontrast-thumbnail-border-color, var(--mod-thumbnail-border-color, var(--spectrum-thumbnail-border-color)));
}
&.is-disabled {
@@ -119,10 +127,7 @@
border-color: var(--highcontrast-thumbnail-focus-indicator-color, var(--mod-thumbnail-focus-indicator-color, var(--spectrum-thumbnail-focus-indicator-color)));
border-radius: var(--mod-thumbnail-border-radius, var(--spectrum-thumbnail-border-radius));
position: absolute;
- inset-inline-start: calc((var(--mod-thumbnail-focus-indicator-gap, var(--spectrum-thumbnail-focus-indicator-gap)) + var(--mod-thumbnail-focus-indicator-thickness, var(--spectrum-thumbnail-focus-indicator-thickness))) * -1);
- inset-inline-end: calc((var(--mod-thumbnail-focus-indicator-gap, var(--spectrum-thumbnail-focus-indicator-gap)) + var(--mod-thumbnail-focus-indicator-thickness, var(--spectrum-thumbnail-focus-indicator-thickness))) * -1);
- inset-block-end: calc((var(--mod-thumbnail-focus-indicator-gap, var(--spectrum-thumbnail-focus-indicator-gap)) + var(--mod-thumbnail-focus-indicator-thickness, var(--spectrum-thumbnail-focus-indicator-thickness))) * -1);
- inset-block-start: calc((var(--mod-thumbnail-focus-indicator-gap, var(--spectrum-thumbnail-focus-indicator-gap)) + var(--mod-thumbnail-focus-indicator-thickness, var(--spectrum-thumbnail-focus-indicator-thickness))) * -1);
+ inset: calc((var(--mod-thumbnail-focus-indicator-gap, var(--spectrum-thumbnail-focus-indicator-gap)) + var(--mod-thumbnail-focus-indicator-thickness, var(--spectrum-thumbnail-focus-indicator-thickness))) * -1);
}
.spectrum-Thumbnail-image-wrapper {
@@ -130,9 +135,6 @@
border-radius: var(--mod-thumbnail-border-radius, var(--spectrum-thumbnail-border-radius));
}
}
-
- overflow: hidden;
- z-index: 0;
}
.spectrum-Thumbnail-layer {
diff --git a/components/thumbnail/metadata/metadata.json b/components/thumbnail/metadata/metadata.json
index 3aa25c510f5..2a5fa051ef2 100644
--- a/components/thumbnail/metadata/metadata.json
+++ b/components/thumbnail/metadata/metadata.json
@@ -45,13 +45,14 @@
"--mod-thumbnail-size"
],
"component": [
- "--spectrum-thumbnail-border-color-rgba",
+ "--spectrum-thumbnail-border-color",
"--spectrum-thumbnail-border-color-selected",
"--spectrum-thumbnail-border-opacity",
"--spectrum-thumbnail-border-radius",
"--spectrum-thumbnail-border-width",
"--spectrum-thumbnail-border-width-selected",
"--spectrum-thumbnail-color-opacity-disabled",
+ "--spectrum-thumbnail-corner-radius",
"--spectrum-thumbnail-focus-indicator-color",
"--spectrum-thumbnail-focus-indicator-gap",
"--spectrum-thumbnail-focus-indicator-thickness",
@@ -59,6 +60,7 @@
"--spectrum-thumbnail-layer-border-color-outer",
"--spectrum-thumbnail-layer-border-width-inner",
"--spectrum-thumbnail-layer-border-width-outer",
+ "--spectrum-thumbnail-opacity-checkerboard-square-size",
"--spectrum-thumbnail-opacity-disabled",
"--spectrum-thumbnail-size",
"--spectrum-thumbnail-size-100",
@@ -79,7 +81,6 @@
"--spectrum-border-width-100",
"--spectrum-border-width-200",
"--spectrum-border-width-400",
- "--spectrum-corner-radius-75",
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
@@ -87,8 +88,7 @@
"--spectrum-gray-800-rgb",
"--spectrum-white"
],
- "system-theme": [],
- "passthroughs": [],
+ "passthroughs": ["--mod-opacity-checkerboard-size"],
"high-contrast": [
"--highcontrast-thumbnail-border-color",
"--highcontrast-thumbnail-border-color-selected",
diff --git a/components/thumbnail/metadata/mods.md b/components/thumbnail/metadata/mods.md
deleted file mode 100644
index 99c8cd111ca..00000000000
--- a/components/thumbnail/metadata/mods.md
+++ /dev/null
@@ -1,16 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------- |
-| `--mod-thumbnail-border-color` |
-| `--mod-thumbnail-border-color-selected` |
-| `--mod-thumbnail-border-radius` |
-| `--mod-thumbnail-border-width` |
-| `--mod-thumbnail-border-width-selected` |
-| `--mod-thumbnail-color-opacity-disabled` |
-| `--mod-thumbnail-focus-indicator-color` |
-| `--mod-thumbnail-focus-indicator-gap` |
-| `--mod-thumbnail-focus-indicator-thickness` |
-| `--mod-thumbnail-layer-border-color-inner` |
-| `--mod-thumbnail-layer-border-color-outer` |
-| `--mod-thumbnail-layer-border-width-inner` |
-| `--mod-thumbnail-layer-border-width-outer` |
-| `--mod-thumbnail-size` |
diff --git a/components/thumbnail/package.json b/components/thumbnail/package.json
index adaebfbe996..faeb8ffcd87 100644
--- a/components/thumbnail/package.json
+++ b/components/thumbnail/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/thumbnail",
- "version": "6.3.0",
+ "version": "7.0.0-next.0",
"description": "The Spectrum CSS thumbnail component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/opacitycheckerboard": ">=2",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/opacitycheckerboard": ">=3.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/opacitycheckerboard": "workspace:^",
diff --git a/components/thumbnail/stories/thumbnail.stories.js b/components/thumbnail/stories/thumbnail.stories.js
index f68d07e1c4a..feace4d6073 100644
--- a/components/thumbnail/stories/thumbnail.stories.js
+++ b/components/thumbnail/stories/thumbnail.stories.js
@@ -88,9 +88,14 @@ export default {
actions: {
handles: [],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=29951-634",
+ },
packageJson,
metadata,
},
+ tags: ["migrated"],
};
// @todo combine variants into one snapshot
diff --git a/components/thumbnail/themes/express.css b/components/thumbnail/themes/express.css
deleted file mode 100644
index 3c392c9ea49..00000000000
--- a/components/thumbnail/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
diff --git a/components/thumbnail/themes/spectrum.css b/components/thumbnail/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/thumbnail/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/toast/CHANGELOG.md b/components/toast/CHANGELOG.md
index f132046b85a..74c84e98e16 100644
--- a/components/toast/CHANGELOG.md
+++ b/components/toast/CHANGELOG.md
@@ -1,5 +1,265 @@
# Change Log
+## 11.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.17
+ - @spectrum-css/button@14.0.0-s2-foundations.19
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 11.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.16
+ - @spectrum-css/button@14.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 11.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.15
+ - @spectrum-css/button@14.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 11.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.14
+ - @spectrum-css/button@14.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 11.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.12
+ - @spectrum-css/button@14.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 11.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.11
+ - @spectrum-css/button@14.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 11.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.10
+ - @spectrum-css/button@14.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 11.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.9
+ - @spectrum-css/button@14.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 11.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.8
+ - @spectrum-css/button@14.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 11.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.7
+ - @spectrum-css/button@14.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 11.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.6
+ - @spectrum-css/button@14.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 11.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.5
+ - @spectrum-css/button@14.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 11.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.4
+ - @spectrum-css/button@14.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 11.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.3
+ - @spectrum-css/button@14.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 11.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.2
+ - @spectrum-css/button@14.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 11.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.1
+ - @spectrum-css/button@14.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 11.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/closebutton@6.0.0-s2-foundations.0
+ - @spectrum-css/button@14.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 10.3.0
### Minor Changes
@@ -79,16 +339,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 10.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.25...@spectrum-css/toast@10.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.25...@spectrum-css/toast@10.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -96,8 +353,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.25
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.24...@spectrum-css/toast@9.1.25)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.24...@spectrum-css/toast@9.1.25)
**Note:** Version bump only for package @spectrum-css/toast
@@ -105,8 +361,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.24
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.23...@spectrum-css/toast@9.1.24)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.23...@spectrum-css/toast@9.1.24)
**Note:** Version bump only for package @spectrum-css/toast
@@ -114,8 +369,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.23
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.22...@spectrum-css/toast@9.1.23)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.22...@spectrum-css/toast@9.1.23)
**Note:** Version bump only for package @spectrum-css/toast
@@ -123,8 +377,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.22
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.21...@spectrum-css/toast@9.1.22)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.21...@spectrum-css/toast@9.1.22)
**Note:** Version bump only for package @spectrum-css/toast
@@ -132,8 +385,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.21
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/toast
@@ -141,8 +393,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.20
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.19...@spectrum-css/toast@9.1.20)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.19...@spectrum-css/toast@9.1.20)
**Note:** Version bump only for package @spectrum-css/toast
@@ -150,8 +401,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.19
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.18...@spectrum-css/toast@9.1.19)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.18...@spectrum-css/toast@9.1.19)
**Note:** Version bump only for package @spectrum-css/toast
@@ -159,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.18
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.17...@spectrum-css/toast@9.1.18)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.17...@spectrum-css/toast@9.1.18)
**Note:** Version bump only for package @spectrum-css/toast
@@ -168,8 +417,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.17
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.15...@spectrum-css/toast@9.1.17)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.15...@spectrum-css/toast@9.1.17)
**Note:** Version bump only for package @spectrum-css/toast
@@ -177,8 +425,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.16
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.15...@spectrum-css/toast@9.1.16)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.15...@spectrum-css/toast@9.1.16)
**Note:** Version bump only for package @spectrum-css/toast
@@ -186,8 +433,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.15
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.14...@spectrum-css/toast@9.1.15)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.14...@spectrum-css/toast@9.1.15)
**Note:** Version bump only for package @spectrum-css/toast
@@ -195,8 +441,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.14
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.13...@spectrum-css/toast@9.1.14)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.13...@spectrum-css/toast@9.1.14)
**Note:** Version bump only for package @spectrum-css/toast
@@ -204,8 +449,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.13
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.12...@spectrum-css/toast@9.1.13)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.12...@spectrum-css/toast@9.1.13)
**Note:** Version bump only for package @spectrum-css/toast
@@ -213,8 +457,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.12
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.11...@spectrum-css/toast@9.1.12)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.11...@spectrum-css/toast@9.1.12)
**Note:** Version bump only for package @spectrum-css/toast
@@ -222,8 +465,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.11
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.10...@spectrum-css/toast@9.1.11)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.10...@spectrum-css/toast@9.1.11)
**Note:** Version bump only for package @spectrum-css/toast
@@ -231,8 +473,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.10
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.9...@spectrum-css/toast@9.1.10)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.9...@spectrum-css/toast@9.1.10)
**Note:** Version bump only for package @spectrum-css/toast
@@ -240,8 +481,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.9
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.8...@spectrum-css/toast@9.1.9)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.8...@spectrum-css/toast@9.1.9)
**Note:** Version bump only for package @spectrum-css/toast
@@ -249,8 +489,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.8
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.7...@spectrum-css/toast@9.1.8)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.7...@spectrum-css/toast@9.1.8)
**Note:** Version bump only for package @spectrum-css/toast
@@ -258,8 +497,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.7
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.6...@spectrum-css/toast@9.1.7)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.6...@spectrum-css/toast@9.1.7)
**Note:** Version bump only for package @spectrum-css/toast
@@ -267,8 +505,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.6
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.5...@spectrum-css/toast@9.1.6)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.5...@spectrum-css/toast@9.1.6)
**Note:** Version bump only for package @spectrum-css/toast
@@ -276,8 +513,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.5
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.4...@spectrum-css/toast@9.1.5)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.4...@spectrum-css/toast@9.1.5)
### 🔙 Reverts
@@ -287,8 +523,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.4
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.3...@spectrum-css/toast@9.1.4)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.3...@spectrum-css/toast@9.1.4)
**Note:** Version bump only for package @spectrum-css/toast
@@ -296,8 +531,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.3
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.1...@spectrum-css/toast@9.1.3)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.1...@spectrum-css/toast@9.1.3)
**Note:** Version bump only for package @spectrum-css/toast
@@ -305,8 +539,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.2
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.1...@spectrum-css/toast@9.1.2)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.1...@spectrum-css/toast@9.1.2)
**Note:** Version bump only for package @spectrum-css/toast
@@ -314,8 +547,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.1
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.0...@spectrum-css/toast@9.1.1)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.1.0...@spectrum-css/toast@9.1.1)
**Note:** Version bump only for package @spectrum-css/toast
@@ -323,8 +555,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.0
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.45...@spectrum-css/toast@9.1.0)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.45...@spectrum-css/toast@9.1.0)
### ✨ Features
@@ -334,8 +565,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.45
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.44...@spectrum-css/toast@9.0.45)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.44...@spectrum-css/toast@9.0.45)
**Note:** Version bump only for package @spectrum-css/toast
@@ -343,8 +573,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.44
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.43...@spectrum-css/toast@9.0.44)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.43...@spectrum-css/toast@9.0.44)
**Note:** Version bump only for package @spectrum-css/toast
@@ -352,8 +581,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.43
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.42...@spectrum-css/toast@9.0.43)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.42...@spectrum-css/toast@9.0.43)
**Note:** Version bump only for package @spectrum-css/toast
@@ -361,8 +589,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.42
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.41...@spectrum-css/toast@9.0.42)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.41...@spectrum-css/toast@9.0.42)
**Note:** Version bump only for package @spectrum-css/toast
@@ -370,8 +597,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.41
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.40...@spectrum-css/toast@9.0.41)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.40...@spectrum-css/toast@9.0.41)
**Note:** Version bump only for package @spectrum-css/toast
@@ -379,8 +605,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.40
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.39...@spectrum-css/toast@9.0.40)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.39...@spectrum-css/toast@9.0.40)
**Note:** Version bump only for package @spectrum-css/toast
@@ -388,8 +613,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.39
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.38...@spectrum-css/toast@9.0.39)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.38...@spectrum-css/toast@9.0.39)
**Note:** Version bump only for package @spectrum-css/toast
@@ -397,8 +621,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.38
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.37...@spectrum-css/toast@9.0.38)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.37...@spectrum-css/toast@9.0.38)
**Note:** Version bump only for package @spectrum-css/toast
@@ -406,8 +629,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.37
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.36...@spectrum-css/toast@9.0.37)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.36...@spectrum-css/toast@9.0.37)
**Note:** Version bump only for package @spectrum-css/toast
@@ -415,8 +637,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.36
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.35...@spectrum-css/toast@9.0.36)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.35...@spectrum-css/toast@9.0.36)
### 🐛 Bug fixes
@@ -426,8 +647,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.35
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.34...@spectrum-css/toast@9.0.35)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.34...@spectrum-css/toast@9.0.35)
**Note:** Version bump only for package @spectrum-css/toast
@@ -435,8 +655,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.34
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.33...@spectrum-css/toast@9.0.34)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/toast@9.0.33...@spectrum-css/toast@9.0.34)
**Note:** Version bump only for package @spectrum-css/toast
diff --git a/components/toast/index.css b/components/toast/index.css
index 5c1a6c0f40c..5dcd66840e7 100644
--- a/components/toast/index.css
+++ b/components/toast/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Toast {
/* Hardcoded variables */
--spectrum-toast-font-weight: var(--spectrum-regular-font-weight);
@@ -50,14 +48,13 @@
--spectrum-toast-spacing-bottom-edge-to-text: var(--spectrum-toast-bottom-to-text);
/* Color */
-
+ --spectrum-toast-background-color-default: var(--spectrum-neutral-subdued-background-color-default);
--spectrum-toast-negative-background-color-default: var(--spectrum-negative-background-color-default);
--spectrum-toast-positive-background-color-default: var(--spectrum-positive-background-color-default);
--spectrum-toast-informative-background-color-default: var(--spectrum-informative-background-color-default);
+ --spectrum-toast-divider-color: var(--spectrum-transparent-white-400);
--spectrum-toast-text-and-icon-color: var(--spectrum-white);
-
- --spectrum-toast-divider-color: var(--spectrum-transparent-white-300);
}
@media (forced-colors: active) {
@@ -86,35 +83,35 @@
-webkit-font-smoothing: antialiased;
- background-color: var(--highcontrast-toast-background-color-default, var(--mod-toast-background-color-default, var(--spectrum-toast-background-color-default)));
- color: var(--highcontrast-toast-background-color-default, var(--mod-toast-background-color-default, var(--spectrum-toast-background-color-default)));
+ background-color: var(--mod-toast-background-color-default, var(--spectrum-toast-background-color-default));
+ color: var(--mod-toast-background-color-default, var(--spectrum-toast-background-color-default));
overflow-wrap: anywhere;
}
.spectrum-Toast--negative {
- background-color: var(--highcontrast-toast-negative-background-color-default, var(--mod-toast-negative-background-color-default, var(--spectrum-toast-negative-background-color-default)));
- color: var(--highcontrast-toast-negative-background-color-default, var(--mod-toast-negative-background-color-default, var(--spectrum-toast-negative-background-color-default)));
+ background-color: var(--mod-toast-negative-background-color-default, var(--spectrum-toast-negative-background-color-default));
+ color: var(--mod-toast-negative-background-color-default, var(--spectrum-toast-negative-background-color-default));
.spectrum-Toast-closeButton:focus-visible:not(:active) {
- color: var(--highcontrast-toast-negative-background-color-default, var(--mod-toast-negative-background-color-default, var(--spectrum-toast-negative-background-color-default)));
+ color: var(--mod-toast-negative-background-color-default, var(--spectrum-toast-negative-background-color-default));
}
}
.spectrum-Toast--info {
- background-color: var(--highcontrast-toast-informative-background-color-default, var(--mod-toast-informative-background-color-default, var(--spectrum-toast-informative-background-color-default)));
- color: var(--highcontrast-toast-informative-background-color-default, var(--mod-toast-informative-background-color-default, var(--spectrum-toast-informative-background-color-default)));
+ background-color: var(--mod-toast-informative-background-color-default, var(--spectrum-toast-informative-background-color-default));
+ color: var(--mod-toast-informative-background-color-default, var(--spectrum-toast-informative-background-color-default));
.spectrum-Toast-closeButton:focus-visible:not(:active) {
- color: var(--highcontrast-toast-informative-background-color-default, var(--mod-toast-informative-background-color-default, var(--spectrum-toast-informative-background-color-default)));
+ color: var(--mod-toast-informative-background-color-default, var(--spectrum-toast-informative-background-color-default));
}
}
.spectrum-Toast--positive {
- background-color: var(--highcontrast-toast-positive-background-color-default, var(--mod-toast-positive-background-color-default, var(--spectrum-toast-positive-background-color-default)));
- color: var(--highcontrast-toast-positive-background-color-default, var(--mod-toast-positive-background-color-default, var(--spectrum-toast-positive-background-color-default)));
+ background-color: var(--mod-toast-positive-background-color-default, var(--spectrum-toast-positive-background-color-default));
+ color: var(--mod-toast-positive-background-color-default, var(--spectrum-toast-positive-background-color-default));
.spectrum-Toast-closeButton:focus-visible:not(:active) {
- color: var(--highcontrast-toast-positive-background-color-default, var(--mod-toast-positive-background-color-default, var(--spectrum-toast-positive-background-color-default)));
+ color: var(--mod-toast-positive-background-color-default, var(--spectrum-toast-positive-background-color-default));
}
}
@@ -126,7 +123,7 @@
margin-inline-end: var(--mod-toast-spacing-icon-to-text, var(--spectrum-toast-spacing-icon-to-text));
margin-inline-start: 0;
- color: var(--highcontrast-toast-text-and-icon-color, var(--mod-toast-text-and-icon-color, var(--spectrum-toast-text-and-icon-color)));
+ color: var(--mod-toast-text-and-icon-color, var(--spectrum-toast-text-and-icon-color));
}
.spectrum-Toast-content {
@@ -144,7 +141,7 @@
text-align: start;
- color: var(--highcontrast-toast-text-and-icon-color, var(--mod-toast-text-and-icon-color, var(--spectrum-toast-text-and-icon-color)));
+ color: var(--mod-toast-text-and-icon-color, var(--spectrum-toast-text-and-icon-color));
&:lang(ja),
&:lang(zh),
diff --git a/components/toast/metadata/metadata.json b/components/toast/metadata/metadata.json
index b186fd9d8ef..853a11f961a 100644
--- a/components/toast/metadata/metadata.json
+++ b/components/toast/metadata/metadata.json
@@ -90,24 +90,15 @@
"--spectrum-informative-background-color-default",
"--spectrum-line-height-100",
"--spectrum-negative-background-color-default",
- "--spectrum-neutral-background-color-default",
"--spectrum-neutral-subdued-background-color-default",
"--spectrum-positive-background-color-default",
"--spectrum-regular-font-weight",
"--spectrum-spacing-100",
"--spectrum-spacing-300",
"--spectrum-text-to-visual-100",
- "--spectrum-transparent-white-300",
+ "--spectrum-transparent-white-400",
"--spectrum-white"
],
- "system-theme": ["--system-spectrum-toast-background-color-default"],
"passthroughs": [],
- "high-contrast": [
- "--highcontrast-toast-background-color-default",
- "--highcontrast-toast-border-color",
- "--highcontrast-toast-informative-background-color-default",
- "--highcontrast-toast-negative-background-color-default",
- "--highcontrast-toast-positive-background-color-default",
- "--highcontrast-toast-text-and-icon-color"
- ]
+ "high-contrast": ["--highcontrast-toast-border-color"]
}
diff --git a/components/toast/metadata/mods.md b/components/toast/metadata/mods.md
deleted file mode 100644
index 388983a16a0..00000000000
--- a/components/toast/metadata/mods.md
+++ /dev/null
@@ -1,28 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------------------- |
-| `--mod-toast-background-color-default` |
-| `--mod-toast-block-size` |
-| `--mod-toast-border-width` |
-| `--mod-toast-corner-radius` |
-| `--mod-toast-divider-color` |
-| `--mod-toast-font-size` |
-| `--mod-toast-font-weight` |
-| `--mod-toast-informative-background-color-default` |
-| `--mod-toast-line-height` |
-| `--mod-toast-line-height-cjk` |
-| `--mod-toast-max-inline-size` |
-| `--mod-toast-negative-background-color-default` |
-| `--mod-toast-positive-background-color-default` |
-| `--mod-toast-spacing-block-end` |
-| `--mod-toast-spacing-block-start` |
-| `--mod-toast-spacing-bottom-edge-to-divider` |
-| `--mod-toast-spacing-bottom-edge-to-text` |
-| `--mod-toast-spacing-close-button` |
-| `--mod-toast-spacing-icon-to-text` |
-| `--mod-toast-spacing-start-edge-to-text-and-icon` |
-| `--mod-toast-spacing-text-and-action-button-to-divider` |
-| `--mod-toast-spacing-text-to-action-button-horizontal` |
-| `--mod-toast-spacing-top-edge-to-divider` |
-| `--mod-toast-spacing-top-edge-to-icon` |
-| `--mod-toast-spacing-top-edge-to-text` |
-| `--mod-toast-text-and-icon-color` |
diff --git a/components/toast/package.json b/components/toast/package.json
index 1a5e93333e8..a866a655b9f 100644
--- a/components/toast/package.json
+++ b/components/toast/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/toast",
- "version": "10.3.0",
+ "version": "11.0.0-s2-foundations.16",
"description": "The Spectrum CSS toast component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,24 +17,25 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/button": ">=13",
- "@spectrum-css/closebutton": ">=5",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/button": ">=14.0.0-next.0",
+ "@spectrum-css/closebutton": ">=5.0.0-next.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.3"
},
"devDependencies": {
"@spectrum-css/button": "workspace:^",
diff --git a/components/toast/stories/toast.stories.js b/components/toast/stories/toast.stories.js
index 3359f4ad692..62989ee2d70 100644
--- a/components/toast/stories/toast.stories.js
+++ b/components/toast/stories/toast.stories.js
@@ -49,6 +49,10 @@ export default {
handles: ["click .spectrum-Toast button"],
},
packageJson,
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=2666-4482",
+ },
metadata,
},
};
diff --git a/components/toast/themes/express.css b/components/toast/themes/express.css
deleted file mode 100644
index ab3c76a48eb..00000000000
--- a/components/toast/themes/express.css
+++ /dev/null
@@ -1,20 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Toast {
- --spectrum-toast-background-color-default: var(--spectrum-neutral-background-color-default);
- }
-}
diff --git a/components/toast/themes/spectrum.css b/components/toast/themes/spectrum.css
deleted file mode 100644
index e741ff3c6cc..00000000000
--- a/components/toast/themes/spectrum.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Toast {
- --spectrum-toast-background-color-default: var(--spectrum-neutral-subdued-background-color-default);
- }
-}
diff --git a/components/tooltip/CHANGELOG.md b/components/tooltip/CHANGELOG.md
index 7897fbb801c..0c625529593 100644
--- a/components/tooltip/CHANGELOG.md
+++ b/components/tooltip/CHANGELOG.md
@@ -1,5 +1,255 @@
# Change Log
+## 7.0.0-next.0
+
+### Major Changes
+
+- [#2743](https://github.com/adobe/spectrum-css/pull/2743) [`5a0ce6e`](https://github.com/adobe/spectrum-css/commit/5a0ce6e5c1908679bd87a63969b99a105faea265) Thanks [@mdt2](https://github.com/mdt2)! - feat(tooltip): Spectrum 2 migration
+
+ This migration includes updated colors, rounding, a bigger tip, and the removal of variants (only neutral is available in Spectrum 2). As a result of the deprecation of variants, icons have also been removed.
+
+ The redesign of the tip, specifically the rounding, required a reworking of how we use clip-path and transform.
+
+ Some custom property mods have been removed:
+
+ - `--mod-tooltip-background-color-informative`
+ - `--mod-tooltip-background-color-negative`
+ - `--mod-tooltip-background-color-positive`
+ - `--mod-tooltip-icon-spacing-block-start`
+ - `--mod-tooltip-icon-spacing-inline-end`
+ - `--mod-tooltip-icon-spacing-inline-start`
+ - `--mod-tooltip-icon-width`
+
+ And one mod has been added:
+
+ - `--mod-tooltip-tip-corner-radius`
+
+## 7.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 7.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 7.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 7.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 7.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 7.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 7.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 7.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 7.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 7.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 7.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 7.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 7.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 7.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 7.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 6.2.0
### Minor Changes
@@ -69,16 +319,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.3.5...@spectrum-css/tooltip@6.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.3.5...@spectrum-css/tooltip@6.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -86,8 +333,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.3.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.3.4...@spectrum-css/tooltip@5.3.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.3.4...@spectrum-css/tooltip@5.3.5)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -95,8 +341,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.3.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.3.3...@spectrum-css/tooltip@5.3.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.3.3...@spectrum-css/tooltip@5.3.4)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -104,8 +349,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.3.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.3.2...@spectrum-css/tooltip@5.3.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.3.2...@spectrum-css/tooltip@5.3.3)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -113,8 +357,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.3.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.3.1...@spectrum-css/tooltip@5.3.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.3.1...@spectrum-css/tooltip@5.3.2)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -122,8 +365,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.3.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -131,8 +373,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.3.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.2.0...@spectrum-css/tooltip@5.3.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.2.0...@spectrum-css/tooltip@5.3.0)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -140,8 +381,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.2.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.22...@spectrum-css/tooltip@5.2.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.22...@spectrum-css/tooltip@5.2.0)
### ✨ Features
@@ -152,8 +392,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.22
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.21...@spectrum-css/tooltip@5.1.22)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.21...@spectrum-css/tooltip@5.1.22)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -161,8 +400,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.21
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.20...@spectrum-css/tooltip@5.1.21)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.20...@spectrum-css/tooltip@5.1.21)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -170,8 +408,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.20
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.19...@spectrum-css/tooltip@5.1.20)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.19...@spectrum-css/tooltip@5.1.20)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -179,8 +416,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.19
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.17...@spectrum-css/tooltip@5.1.19)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.17...@spectrum-css/tooltip@5.1.19)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -188,8 +424,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.18
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.17...@spectrum-css/tooltip@5.1.18)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.17...@spectrum-css/tooltip@5.1.18)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -197,8 +432,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.17
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.16...@spectrum-css/tooltip@5.1.17)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.16...@spectrum-css/tooltip@5.1.17)
### 🐛 Bug fixes
@@ -209,8 +443,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.16
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.15...@spectrum-css/tooltip@5.1.16)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.15...@spectrum-css/tooltip@5.1.16)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -218,8 +451,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.15
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.14...@spectrum-css/tooltip@5.1.15)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.14...@spectrum-css/tooltip@5.1.15)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -227,8 +459,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.14
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.13...@spectrum-css/tooltip@5.1.14)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.13...@spectrum-css/tooltip@5.1.14)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -236,8 +467,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.13
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.12...@spectrum-css/tooltip@5.1.13)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.12...@spectrum-css/tooltip@5.1.13)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -245,8 +475,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.12
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.11...@spectrum-css/tooltip@5.1.12)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.11...@spectrum-css/tooltip@5.1.12)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -254,8 +483,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.11
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.10...@spectrum-css/tooltip@5.1.11)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.10...@spectrum-css/tooltip@5.1.11)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -263,8 +491,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.10
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.9...@spectrum-css/tooltip@5.1.10)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.9...@spectrum-css/tooltip@5.1.10)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -272,8 +499,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.9
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.8...@spectrum-css/tooltip@5.1.9)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.8...@spectrum-css/tooltip@5.1.9)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -281,8 +507,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.8
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.7...@spectrum-css/tooltip@5.1.8)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.7...@spectrum-css/tooltip@5.1.8)
### 🔙 Reverts
@@ -292,8 +517,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.7
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.6...@spectrum-css/tooltip@5.1.7)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.6...@spectrum-css/tooltip@5.1.7)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -301,8 +525,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.6
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.4...@spectrum-css/tooltip@5.1.6)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.4...@spectrum-css/tooltip@5.1.6)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -310,8 +533,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.5
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.4...@spectrum-css/tooltip@5.1.5)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.4...@spectrum-css/tooltip@5.1.5)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -319,8 +541,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.4
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.3...@spectrum-css/tooltip@5.1.4)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.3...@spectrum-css/tooltip@5.1.4)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -328,8 +549,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.3
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.2...@spectrum-css/tooltip@5.1.3)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.2...@spectrum-css/tooltip@5.1.3)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -337,8 +557,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.2
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.1...@spectrum-css/tooltip@5.1.2)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.1...@spectrum-css/tooltip@5.1.2)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -346,8 +565,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.1
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.0...@spectrum-css/tooltip@5.1.1)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.1.0...@spectrum-css/tooltip@5.1.1)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -355,8 +573,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.1.0
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.42...@spectrum-css/tooltip@5.1.0)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.42...@spectrum-css/tooltip@5.1.0)
### ✨ Features
@@ -367,8 +584,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.0.42
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.41...@spectrum-css/tooltip@5.0.42)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.41...@spectrum-css/tooltip@5.0.42)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -376,8 +592,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.0.41
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.40...@spectrum-css/tooltip@5.0.41)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.40...@spectrum-css/tooltip@5.0.41)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -385,8 +600,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.0.40
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.39...@spectrum-css/tooltip@5.0.40)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.39...@spectrum-css/tooltip@5.0.40)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -394,8 +608,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.0.39
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.38...@spectrum-css/tooltip@5.0.39)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.38...@spectrum-css/tooltip@5.0.39)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -403,8 +616,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.0.38
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.37...@spectrum-css/tooltip@5.0.38)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.37...@spectrum-css/tooltip@5.0.38)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -412,8 +624,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.0.37
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.36...@spectrum-css/tooltip@5.0.37)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.36...@spectrum-css/tooltip@5.0.37)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -421,8 +632,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.0.36
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.35...@spectrum-css/tooltip@5.0.36)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.35...@spectrum-css/tooltip@5.0.36)
### 🐛 Bug fixes
@@ -432,8 +642,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.0.35
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.34...@spectrum-css/tooltip@5.0.35)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.34...@spectrum-css/tooltip@5.0.35)
**Note:** Version bump only for package @spectrum-css/tooltip
@@ -441,8 +650,7 @@ _migrate build packages to postcss v8 ([#2460](https://github.com/adobe/spectrum
## 5.0.34
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.33...@spectrum-css/tooltip@5.0.34)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tooltip@5.0.33...@spectrum-css/tooltip@5.0.34)
**Note:** Version bump only for package @spectrum-css/tooltip
diff --git a/components/tooltip/index.css b/components/tooltip/index.css
index 52cc8832746..51e64620155 100644
--- a/components/tooltip/index.css
+++ b/components/tooltip/index.css
@@ -10,25 +10,24 @@
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
-
-@import "./themes/express.css";
+
@import "@spectrum-css/commons/overlay.css";
.spectrum-Tooltip {
--spectrum-tooltip-animation-duration: var(--spectrum-animation-duration-100);
+ --spectrum-tooltip-animation-distance: var(--spectrum-spacing-75);
/* override if additional spacing to source is required */
--spectrum-tooltip-margin: 0px;
--spectrum-tooltip-height: var(--spectrum-component-height-75);
--spectrum-tooltip-max-inline-size: var(--spectrum-tooltip-maximum-width);
- --spectrum-tooltip-border-radius: var(--spectrum-corner-radius-100);
-
- --spectrum-tooltip-icon-width: var(--spectrum-workflow-icon-size-50);
- --spectrum-tooltip-icon-height: var(--spectrum-workflow-icon-size-50);
+ --spectrum-tooltip-border-radius: var(--spectrum-corner-radius-400);
--spectrum-tooltip-font-size: var(--spectrum-font-size-75);
- --spectrum-tooltip-line-height: var(--spectrum-line-height-100);
+
+ /* @todo set line-height using font size specific line-height tokens when they are finalized along with the new variable font. */
+ --spectrum-tooltip-line-height: 1.2;
--spectrum-tooltip-cjk-line-height: var(--spectrum-cjk-line-height-100);
--spectrum-tooltip-font-weight: var(--spectrum-regular-font-weight);
@@ -39,52 +38,23 @@
--spectrum-tooltip-spacing-block-start: var(--spectrum-component-top-to-text-75);
--spectrum-tooltip-spacing-block-end: var(--spectrum-component-bottom-to-text-75);
- /* icon spacing */
- --spectrum-tooltip-icon-spacing-inline-start: var(--spectrum-text-to-visual-75);
- --spectrum-tooltip-icon-spacing-inline-end: var(--spectrum-text-to-visual-75);
- --spectrum-tooltip-icon-spacing-block-start: var(--spectrum-component-top-to-workflow-icon-75);
-
- /* colors */
- --spectrum-tooltip-background-color-informative: var(--spectrum-informative-background-color-default);
- --spectrum-tooltip-background-color-positive: var(--spectrum-positive-background-color-default);
- --spectrum-tooltip-background-color-negative: var(--spectrum-negative-background-color-default);
-
- --spectrum-tooltip-content-color: var(--spectrum-white);
+ --spectrum-tooltip-content-color: var(--spectrum-gray-25);
+ --spectrum-tooltip-background-color-default: var(--spectrum-neutral-background-color-default);
/* tip */
- --spectrum-tooltip-tip-inline-size: var(--spectrum-tooltip-tip-width);
--spectrum-tooltip-tip-block-size: var(--spectrum-tooltip-tip-height);
- /* Width and height of square element used to render the tip triangle. */
- --spectrum-tooltip-tip-square-size: var(--spectrum-tooltip-tip-inline-size);
-
/* Percentage value of height divided by width, for calculating clip-path within a square tip. */
- --spectrum-tooltip-tip-height-percentage: 50%;
+ --spectrum-tooltip-tip-height-percentage: 100%;
/* Tip inset from container edges for clip-paths calculation, to fix hairline gap in Chrome cause by antialiasing. */
--spectrum-tooltip-tip-antialiasing-inset: 0.5px;
/* pointer tip - default spacing to edge - corner radius plus half of tip width to neutralize override */
- --spectrum-tooltip-pointer-corner-spacing: var(--spectrum-corner-radius-100);
+ --spectrum-tooltip-pointer-corner-spacing: var(--mod-tooltip-border-radius, var(--spectrum-tooltip-border-radius));
- /* neutral background changes per theme */
- --spectrum-tooltip-background-color-default: var(--spectrum-tooltip-backgound-color-default-neutral);
-}
-
-@media (forced-colors: active) {
- .spectrum-Tooltip {
- border: 1px solid transparent;
- }
-
- .spectrum-Tooltip-tip {
- forced-color-adjust: none;
- --highcontrast-tooltip-background-color-default: CanvasText;
- --highcontrast-tooltip-background-color-informative: CanvasText;
- --highcontrast-tooltip-background-color-positive: CanvasText;
- --highcontrast-tooltip-background-color-negative: CanvasText;
- }
+ --highcontrast-tooltip-border-width: 0px;
}
-
.spectrum-Tooltip {
@extend %spectrum-overlay;
@@ -130,19 +100,6 @@
}
}
-/****** Variants ******/
-.spectrum-Tooltip--info {
- background-color: var(--highcontrast-tooltip-background-color-informative, var(--mod-tooltip-background-color-informative, var(--spectrum-tooltip-background-color-informative)));
-}
-
-.spectrum-Tooltip--positive {
- background-color: var(--highcontrast-tooltip-background-color-positive, var(--mod-tooltip-background-color-positive, var(--spectrum-tooltip-background-color-positive)));
-}
-
-.spectrum-Tooltip--negative {
- background-color: var(--highcontrast-tooltip-background-color-negative, var(--mod-tooltip-background-color-negative, var(--spectrum-tooltip-background-color-negative)));
-}
-
.spectrum-Tooltip.is-open {
@extend %spectrum-overlay--open;
}
@@ -154,27 +111,17 @@
block-size: var(--mod-tooltip-tip-square-size, var(--spectrum-tooltip-tip-square-size));
inline-size: var(--mod-tooltip-tip-square-size, var(--spectrum-tooltip-tip-square-size));
- inset-block-start: 100%;
+ inset-block-start: calc(100% - (0.5 * var(--mod-tooltip-tip-square-size, var(--spectrum-tooltip-tip-square-size))) - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset)) + var(--highcontrast-tooltip-border-width));
/* stylelint-disable-next-line csstools/use-logical -- intentional use of non-logical property */
- left: 50%;
- transform: translateX(-50%);
+ left: calc(50% - (0.5 * var(--mod-tooltip-tip-square-size, var(--spectrum-tooltip-tip-square-size))));
+ transform: rotate(-45deg);
background-color: var(--highcontrast-tooltip-background-color-default, var(--mod-tooltip-background-color-default, var(--spectrum-tooltip-background-color-default)));
/* Default: Pointing down ▽ */
- clip-path: polygon(0 calc(0% - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))), 50% var(--mod-tooltip-tip-height-percentage, var(--spectrum-tooltip-tip-height-percentage)), 100% calc(0% - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))));
-
- .spectrum-Tooltip--info & {
- background-color: var(--highcontrast-tooltip-background-color-informative, var(--mod-tooltip-background-color-informative, var(--spectrum-tooltip-background-color-informative)));
- }
-
- .spectrum-Tooltip--positive & {
- background-color: var(--highcontrast-tooltip-background-color-positive, var(--mod-tooltip-background-color-positive, var(--spectrum-tooltip-background-color-positive)));
- }
+ clip-path: polygon(0 0, 100% var(--mod-tooltip-tip-height-percentage, var(--spectrum-tooltip-tip-height-percentage)), 0 100%);
- .spectrum-Tooltip--negative & {
- background-color: var(--highcontrast-tooltip-background-color-negative, var(--mod-tooltip-background-color-negative, var(--spectrum-tooltip-background-color-negative)));
- }
+ border-radius: 0 0 0 var(--mod-tooltip-tip-corner-radius, var(--spectrum-tooltip-tip-corner-radius));
/*** Tip Placement ***/
/* tip is horizontal at bottom pointing down ▽ */
@@ -183,7 +130,8 @@
.spectrum-Tooltip--top-right &,
.spectrum-Tooltip--top-start &,
.spectrum-Tooltip--top-end & {
- inset-block-start: 100%;
+ inset-block-start: calc(100% - (0.5 * var(--mod-tooltip-tip-square-size, var(--spectrum-tooltip-tip-square-size))) - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset)) + var(--highcontrast-tooltip-border-width));
+ transform: rotate(-45deg);
}
/* tip is horizontal at top pointing up △ */
@@ -192,20 +140,8 @@
.spectrum-Tooltip--bottom-right &,
.spectrum-Tooltip--bottom-start &,
.spectrum-Tooltip--bottom-end & {
- clip-path: polygon(50% calc(100% - var(--mod-tooltip-tip-height-percentage, var(--spectrum-tooltip-tip-height-percentage))), 0 calc(100% + var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))), 100% calc(100% + var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))));
- inset-block: auto 100%;
- }
-
- /* tip is horizontal and at the edge */
- .spectrum-Tooltip--top-left &,
- .spectrum-Tooltip--bottom-left &,
- .spectrum-Tooltip--top-right &,
- .spectrum-Tooltip--bottom-right &,
- .spectrum-Tooltip--top-start &,
- .spectrum-Tooltip--bottom-start &,
- .spectrum-Tooltip--top-end &,
- .spectrum-Tooltip--bottom-end & {
- transform: none;
+ inset-block: auto calc(100% - (0.5 * var(--mod-tooltip-tip-square-size, var(--spectrum-tooltip-tip-square-size))) - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset)) + var(--highcontrast-tooltip-border-width));
+ transform: rotate(135deg);
}
/* tip is horizontal at left △ ▽ */
@@ -255,8 +191,7 @@
.spectrum-Tooltip--end &,
.spectrum-Tooltip--end-top &,
.spectrum-Tooltip--end-bottom & {
- inset-block-start: 50%;
- transform: translateY(-50%);
+ inset-block-start: calc(50% - (0.5 * var(--mod-tooltip-tip-square-size, var(--spectrum-tooltip-tip-square-size))));
}
/* tip is vertical and at edge */
@@ -268,7 +203,6 @@
.spectrum-Tooltip--start-bottom &,
.spectrum-Tooltip--end-top &,
.spectrum-Tooltip--end-bottom & {
- transform: none;
inset-block-start: auto;
}
@@ -279,8 +213,8 @@
.spectrum-Tooltip--end &,
.spectrum-Tooltip--end-top &,
.spectrum-Tooltip--end-bottom & {
- clip-path: polygon(calc(100% - var(--mod-tooltip-tip-height-percentage, var(--spectrum-tooltip-tip-height-percentage))) 50%, calc(100% + var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))) 100%, calc(100% + var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))) 0);
- inset-inline: auto 100%;
+ inset-inline: auto calc(100% - (0.5 * var(--mod-tooltip-tip-square-size, var(--spectrum-tooltip-tip-square-size))) - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset)) + var(--highcontrast-tooltip-border-width));
+ transform: rotate(45deg);
}
/* tip is vertical pointing ▷ right or end, for LTR. */
@@ -290,8 +224,8 @@
.spectrum-Tooltip--start &,
.spectrum-Tooltip--start-top &,
.spectrum-Tooltip--start-bottom & {
- clip-path: polygon(calc(0% - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))) 0, calc(0% - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))) 100%, var(--mod-tooltip-tip-height-percentage, var(--spectrum-tooltip-tip-height-percentage)) 50%);
- inset-inline-start: 100%;
+ inset-inline-start: calc(100% - (0.5 * var(--mod-tooltip-tip-square-size, var(--spectrum-tooltip-tip-square-size))) - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset)) + var(--highcontrast-tooltip-border-width));
+ transform: rotate(-135deg);
}
/* tip is vertical at top ◁ ▷ */
@@ -318,9 +252,9 @@
.spectrum-Tooltip--end-top &,
.spectrum-Tooltip--end-bottom & {
&:dir(rtl) {
- clip-path: polygon(calc(0% - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))) 0, calc(0% - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))) 100%, var(--mod-tooltip-tip-height-percentage, var(--spectrum-tooltip-tip-height-percentage)) 50%);
+ transform: rotate(-135deg);
right: auto;
- left: 100%;
+ left: calc(100% - (0.5 * var(--mod-tooltip-tip-square-size, var(--spectrum-tooltip-tip-square-size))) - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset)) + var(--highcontrast-tooltip-border-width));
}
}
@@ -332,25 +266,13 @@
.spectrum-Tooltip--start-top &,
.spectrum-Tooltip--start-bottom & {
&:dir(rtl) {
- clip-path: polygon(var(--mod-tooltip-tip-height-percentage, var(--spectrum-tooltip-tip-height-percentage)) 50%, calc(100% + var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))) 100%, calc(100% + var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset))) 0);
+ transform: rotate(45deg);
left: auto;
- right: 100%;
+ right: calc(100% - (0.5 * var(--mod-tooltip-tip-square-size, var(--spectrum-tooltip-tip-square-size))) - var(--mod-tooltip-tip-antialiasing-inset, var(--spectrum-tooltip-tip-antialiasing-inset)) + var(--highcontrast-tooltip-border-width));
}
}
}
-/****** Icon ******/
-.spectrum-Tooltip-typeIcon {
- /* subtract tooltip padding from icon start margin */
- margin-inline-start: calc(var(--mod-tooltip-icon-spacing-inline-start, var(--spectrum-tooltip-icon-spacing-inline-start)) - var(--mod-tooltip-spacing-inline, var(--spectrum-tooltip-spacing-inline)));
- margin-inline-end: var(--mod-tooltip-icon-spacing-inline-end, var(--spectrum-tooltip-icon-spacing-inline-end));
- margin-block-start: var(--mod-tooltip-icon-spacing-block-start, var(--spectrum-tooltip-icon-spacing-block-start));
- inline-size: var(--mod-tooltip-icon-width, var(--spectrum-tooltip-icon-width));
- block-size: var(--mod-tooltip-icon-height, var(--spectrum-tooltip-icon-height));
- align-self: flex-start;
- flex-shrink: 0;
-}
-
/****** Label ******/
.spectrum-Tooltip-label {
/* Make sure line height is correct to prevent problems in Windows */
@@ -648,3 +570,15 @@
}
}
}
+
+@media (forced-colors: active) {
+ .spectrum-Tooltip {
+ --highcontrast-tooltip-border-width: 1px;
+
+ border: var(--highcontrast-tooltip-border-width) solid CanvasText;
+ }
+
+ .spectrum-Tooltip-tip {
+ --highcontrast-tooltip-background-color-default: CanvasText;
+ }
+}
diff --git a/components/tooltip/metadata/metadata.json b/components/tooltip/metadata/metadata.json
index 8f711735341..dfda958476c 100644
--- a/components/tooltip/metadata/metadata.json
+++ b/components/tooltip/metadata/metadata.json
@@ -35,8 +35,6 @@
".spectrum-Tooltip--end-top.is-open:dir(rtl)",
".spectrum-Tooltip--end.is-open",
".spectrum-Tooltip--end.is-open:dir(rtl)",
- ".spectrum-Tooltip--info",
- ".spectrum-Tooltip--info .spectrum-Tooltip-tip",
".spectrum-Tooltip--left",
".spectrum-Tooltip--left .spectrum-Tooltip-tip",
".spectrum-Tooltip--left .spectrum-Tooltip-tip:dir(rtl)",
@@ -49,10 +47,6 @@
".spectrum-Tooltip--left-top .spectrum-Tooltip-tip:dir(rtl)",
".spectrum-Tooltip--left-top.is-open",
".spectrum-Tooltip--left.is-open",
- ".spectrum-Tooltip--negative",
- ".spectrum-Tooltip--negative .spectrum-Tooltip-tip",
- ".spectrum-Tooltip--positive",
- ".spectrum-Tooltip--positive .spectrum-Tooltip-tip",
".spectrum-Tooltip--right",
".spectrum-Tooltip--right .spectrum-Tooltip-tip",
".spectrum-Tooltip--right .spectrum-Tooltip-tip:dir(rtl)",
@@ -99,7 +93,6 @@
".spectrum-Tooltip--top.is-open",
".spectrum-Tooltip-label",
".spectrum-Tooltip-tip",
- ".spectrum-Tooltip-typeIcon",
".spectrum-Tooltip.is-open",
".spectrum-Tooltip:lang(ja)",
".spectrum-Tooltip:lang(ko)",
@@ -309,20 +302,12 @@
"--mod-overlay-animation-duration-opened",
"--mod-tooltip-animation-distance",
"--mod-tooltip-background-color-default",
- "--mod-tooltip-background-color-informative",
- "--mod-tooltip-background-color-negative",
- "--mod-tooltip-background-color-positive",
"--mod-tooltip-border-radius",
"--mod-tooltip-cjk-line-height",
"--mod-tooltip-content-color",
"--mod-tooltip-font-size",
"--mod-tooltip-font-weight",
"--mod-tooltip-height",
- "--mod-tooltip-icon-height",
- "--mod-tooltip-icon-spacing-block-start",
- "--mod-tooltip-icon-spacing-inline-end",
- "--mod-tooltip-icon-spacing-inline-start",
- "--mod-tooltip-icon-width",
"--mod-tooltip-line-height",
"--mod-tooltip-margin",
"--mod-tooltip-max-inline-size",
@@ -332,28 +317,20 @@
"--mod-tooltip-spacing-inline",
"--mod-tooltip-tip-antialiasing-inset",
"--mod-tooltip-tip-block-size",
+ "--mod-tooltip-tip-corner-radius",
"--mod-tooltip-tip-height-percentage",
"--mod-tooltip-tip-square-size"
],
"component": [
"--spectrum-tooltip-animation-distance",
"--spectrum-tooltip-animation-duration",
- "--spectrum-tooltip-backgound-color-default-neutral",
"--spectrum-tooltip-background-color-default",
- "--spectrum-tooltip-background-color-informative",
- "--spectrum-tooltip-background-color-negative",
- "--spectrum-tooltip-background-color-positive",
"--spectrum-tooltip-border-radius",
"--spectrum-tooltip-cjk-line-height",
"--spectrum-tooltip-content-color",
"--spectrum-tooltip-font-size",
"--spectrum-tooltip-font-weight",
"--spectrum-tooltip-height",
- "--spectrum-tooltip-icon-height",
- "--spectrum-tooltip-icon-spacing-block-start",
- "--spectrum-tooltip-icon-spacing-inline-end",
- "--spectrum-tooltip-icon-spacing-inline-start",
- "--spectrum-tooltip-icon-width",
"--spectrum-tooltip-line-height",
"--spectrum-tooltip-margin",
"--spectrum-tooltip-max-inline-size",
@@ -364,11 +341,10 @@
"--spectrum-tooltip-spacing-inline",
"--spectrum-tooltip-tip-antialiasing-inset",
"--spectrum-tooltip-tip-block-size",
+ "--spectrum-tooltip-tip-corner-radius",
"--spectrum-tooltip-tip-height",
"--spectrum-tooltip-tip-height-percentage",
- "--spectrum-tooltip-tip-inline-size",
- "--spectrum-tooltip-tip-square-size",
- "--spectrum-tooltip-tip-width"
+ "--spectrum-tooltip-tip-square-size"
],
"global": [
"--spectrum-animation-duration-0",
@@ -378,26 +354,16 @@
"--spectrum-component-edge-to-text-75",
"--spectrum-component-height-75",
"--spectrum-component-top-to-text-75",
- "--spectrum-component-top-to-workflow-icon-75",
- "--spectrum-corner-radius-100",
+ "--spectrum-corner-radius-400",
"--spectrum-font-size-75",
- "--spectrum-informative-background-color-default",
- "--spectrum-line-height-100",
- "--spectrum-negative-background-color-default",
+ "--spectrum-gray-25",
"--spectrum-neutral-background-color-default",
- "--spectrum-neutral-subdued-background-color-default",
- "--spectrum-positive-background-color-default",
"--spectrum-regular-font-weight",
- "--spectrum-text-to-visual-75",
- "--spectrum-white",
- "--spectrum-workflow-icon-size-50"
+ "--spectrum-spacing-75"
],
- "system-theme": ["--system-spectrum-tooltip-backgound-color-default-neutral"],
"passthroughs": [],
"high-contrast": [
"--highcontrast-tooltip-background-color-default",
- "--highcontrast-tooltip-background-color-informative",
- "--highcontrast-tooltip-background-color-negative",
- "--highcontrast-tooltip-background-color-positive"
+ "--highcontrast-tooltip-border-width"
]
}
diff --git a/components/tooltip/metadata/mods.md b/components/tooltip/metadata/mods.md
deleted file mode 100644
index 7931ae66573..00000000000
--- a/components/tooltip/metadata/mods.md
+++ /dev/null
@@ -1,31 +0,0 @@
-| Modifiable custom properties |
-| -------------------------------------------- |
-| `--mod-overlay-animation-duration` |
-| `--mod-overlay-animation-duration-opened` |
-| `--mod-tooltip-animation-distance` |
-| `--mod-tooltip-background-color-default` |
-| `--mod-tooltip-background-color-informative` |
-| `--mod-tooltip-background-color-negative` |
-| `--mod-tooltip-background-color-positive` |
-| `--mod-tooltip-border-radius` |
-| `--mod-tooltip-cjk-line-height` |
-| `--mod-tooltip-content-color` |
-| `--mod-tooltip-font-size` |
-| `--mod-tooltip-font-weight` |
-| `--mod-tooltip-height` |
-| `--mod-tooltip-icon-height` |
-| `--mod-tooltip-icon-spacing-block-start` |
-| `--mod-tooltip-icon-spacing-inline-end` |
-| `--mod-tooltip-icon-spacing-inline-start` |
-| `--mod-tooltip-icon-width` |
-| `--mod-tooltip-line-height` |
-| `--mod-tooltip-margin` |
-| `--mod-tooltip-max-inline-size` |
-| `--mod-tooltip-pointer-corner-spacing` |
-| `--mod-tooltip-spacing-block-end` |
-| `--mod-tooltip-spacing-block-start` |
-| `--mod-tooltip-spacing-inline` |
-| `--mod-tooltip-tip-antialiasing-inset` |
-| `--mod-tooltip-tip-block-size` |
-| `--mod-tooltip-tip-height-percentage` |
-| `--mod-tooltip-tip-square-size` |
diff --git a/components/tooltip/package.json b/components/tooltip/package.json
index 63ff8df81c3..d08325e0ce3 100644
--- a/components/tooltip/package.json
+++ b/components/tooltip/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/tooltip",
- "version": "6.2.0",
+ "version": "7.0.0-next.0",
"description": "The Spectrum CSS tooltip component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,22 +17,23 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.7"
},
"devDependencies": {
"@spectrum-css/commons": "workspace:^",
diff --git a/components/tooltip/stories/template.js b/components/tooltip/stories/template.js
index 4098beb8b73..1457ae2b95f 100644
--- a/components/tooltip/stories/template.js
+++ b/components/tooltip/stories/template.js
@@ -11,7 +11,6 @@ import "../index.css";
export const Template = ({
rootClass = "spectrum-Tooltip",
label,
- variant = "neutral",
placement,
isOpen = true,
isFocused = false,
@@ -42,8 +41,6 @@ export const Template = ({
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {
- .spectrum-Tooltip {
- --spectrum-tooltip-backgound-color-default-neutral: var(--spectrum-neutral-background-color-default);
- }
-}
diff --git a/components/tooltip/themes/spectrum.css b/components/tooltip/themes/spectrum.css
deleted file mode 100644
index e0a55504823..00000000000
--- a/components/tooltip/themes/spectrum.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {
- .spectrum-Tooltip {
- --spectrum-tooltip-backgound-color-default-neutral: var(--spectrum-neutral-subdued-background-color-default);
- }
-}
diff --git a/components/tray/CHANGELOG.md b/components/tray/CHANGELOG.md
index 860a9ed8676..0b86078dcf5 100644
--- a/components/tray/CHANGELOG.md
+++ b/components/tray/CHANGELOG.md
@@ -1,5 +1,308 @@
# Change Log
+## 4.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/dialog@11.0.0-next.0
+ - @spectrum-css/modal@5.1.1-next.0
+
+## 4.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/divider@4.0.0-s2-foundations.16
+ - @spectrum-css/button@14.0.0-s2-foundations.19
+ - @spectrum-css/dialog@11.0.0-s2-foundations.16
+ - @spectrum-css/modal@6.0.0-s2-foundations.17
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 4.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.15
+ - @spectrum-css/button@14.0.0-s2-foundations.17
+ - @spectrum-css/dialog@11.0.0-s2-foundations.15
+ - @spectrum-css/modal@6.0.0-s2-foundations.16
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 4.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.14
+ - @spectrum-css/button@14.0.0-s2-foundations.16
+ - @spectrum-css/dialog@11.0.0-s2-foundations.14
+ - @spectrum-css/modal@6.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 4.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.13
+ - @spectrum-css/button@14.0.0-s2-foundations.15
+ - @spectrum-css/dialog@11.0.0-s2-foundations.13
+ - @spectrum-css/modal@6.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 4.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.12
+ - @spectrum-css/button@14.0.0-s2-foundations.12
+ - @spectrum-css/dialog@11.0.0-s2-foundations.12
+ - @spectrum-css/modal@6.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 4.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.11
+ - @spectrum-css/button@14.0.0-s2-foundations.11
+ - @spectrum-css/dialog@11.0.0-s2-foundations.11
+ - @spectrum-css/modal@6.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 4.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.10
+ - @spectrum-css/button@14.0.0-s2-foundations.10
+ - @spectrum-css/dialog@11.0.0-s2-foundations.10
+ - @spectrum-css/modal@6.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 4.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.9
+ - @spectrum-css/button@14.0.0-s2-foundations.9
+ - @spectrum-css/dialog@11.0.0-s2-foundations.9
+ - @spectrum-css/modal@6.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 4.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.8
+ - @spectrum-css/button@14.0.0-s2-foundations.8
+ - @spectrum-css/dialog@11.0.0-s2-foundations.8
+ - @spectrum-css/modal@6.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 4.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.7
+ - @spectrum-css/button@14.0.0-s2-foundations.7
+ - @spectrum-css/dialog@11.0.0-s2-foundations.7
+ - @spectrum-css/modal@6.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 4.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/divider@4.0.0-s2-foundations.6
+ - @spectrum-css/button@14.0.0-s2-foundations.6
+ - @spectrum-css/dialog@11.0.0-s2-foundations.6
+ - @spectrum-css/modal@6.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 4.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.5
+ - @spectrum-css/button@14.0.0-s2-foundations.5
+ - @spectrum-css/dialog@11.0.0-s2-foundations.5
+ - @spectrum-css/modal@6.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 4.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.4
+ - @spectrum-css/button@14.0.0-s2-foundations.4
+ - @spectrum-css/dialog@11.0.0-s2-foundations.4
+ - @spectrum-css/modal@6.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 4.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.3
+ - @spectrum-css/button@14.0.0-s2-foundations.3
+ - @spectrum-css/dialog@11.0.0-s2-foundations.3
+ - @spectrum-css/modal@6.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 4.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.2
+ - @spectrum-css/button@14.0.0-s2-foundations.2
+ - @spectrum-css/dialog@11.0.0-s2-foundations.2
+ - @spectrum-css/modal@6.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 4.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.1
+ - @spectrum-css/button@14.0.0-s2-foundations.1
+ - @spectrum-css/dialog@11.0.0-s2-foundations.1
+ - @spectrum-css/modal@6.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 4.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/divider@4.0.0-s2-foundations.0
+ - @spectrum-css/button@14.0.0-s2-foundations.0
+ - @spectrum-css/modal@6.0.0-s2-foundations.0
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/dialog@11.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+
## 3.2.0
### Minor Changes
@@ -89,16 +392,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.7...@spectrum-css/tray@3.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.7...@spectrum-css/tray@3.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -106,8 +406,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.7
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.6...@spectrum-css/tray@2.2.7)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.6...@spectrum-css/tray@2.2.7)
**Note:** Version bump only for package @spectrum-css/tray
@@ -115,8 +414,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.6
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.5...@spectrum-css/tray@2.2.6)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.5...@spectrum-css/tray@2.2.6)
**Note:** Version bump only for package @spectrum-css/tray
@@ -124,8 +422,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.5
-🗓
-2024-02-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.4...@spectrum-css/tray@2.2.5)
+🗓 2024-02-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.4...@spectrum-css/tray@2.2.5)
### 🐛 Bug fixes
@@ -135,8 +432,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.4
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.3...@spectrum-css/tray@2.2.4)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.3...@spectrum-css/tray@2.2.4)
**Note:** Version bump only for package @spectrum-css/tray
@@ -144,8 +440,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.2...@spectrum-css/tray@2.2.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.2...@spectrum-css/tray@2.2.3)
**Note:** Version bump only for package @spectrum-css/tray
@@ -153,8 +448,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.2
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.1...@spectrum-css/tray@2.2.2)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.2.1...@spectrum-css/tray@2.2.2)
**Note:** Version bump only for package @spectrum-css/tray
@@ -162,8 +456,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/tray
@@ -171,8 +464,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.2.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.22...@spectrum-css/tray@2.2.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.22...@spectrum-css/tray@2.2.0)
### ✨ Features
@@ -182,8 +474,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.22
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.21...@spectrum-css/tray@2.1.22)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.21...@spectrum-css/tray@2.1.22)
**Note:** Version bump only for package @spectrum-css/tray
@@ -191,8 +482,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.21
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.20...@spectrum-css/tray@2.1.21)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.20...@spectrum-css/tray@2.1.21)
**Note:** Version bump only for package @spectrum-css/tray
@@ -200,8 +490,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.20
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.18...@spectrum-css/tray@2.1.20)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.18...@spectrum-css/tray@2.1.20)
**Note:** Version bump only for package @spectrum-css/tray
@@ -209,8 +498,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.19
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.18...@spectrum-css/tray@2.1.19)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.18...@spectrum-css/tray@2.1.19)
**Note:** Version bump only for package @spectrum-css/tray
@@ -218,8 +506,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.18
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.17...@spectrum-css/tray@2.1.18)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.17...@spectrum-css/tray@2.1.18)
**Note:** Version bump only for package @spectrum-css/tray
@@ -227,8 +514,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.17
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.16...@spectrum-css/tray@2.1.17)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.16...@spectrum-css/tray@2.1.17)
**Note:** Version bump only for package @spectrum-css/tray
@@ -236,8 +522,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.16
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.15...@spectrum-css/tray@2.1.16)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.15...@spectrum-css/tray@2.1.16)
**Note:** Version bump only for package @spectrum-css/tray
@@ -245,8 +530,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.15
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.14...@spectrum-css/tray@2.1.15)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.14...@spectrum-css/tray@2.1.15)
**Note:** Version bump only for package @spectrum-css/tray
@@ -254,8 +538,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.14
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.13...@spectrum-css/tray@2.1.14)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.13...@spectrum-css/tray@2.1.14)
**Note:** Version bump only for package @spectrum-css/tray
@@ -263,8 +546,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.13
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.12...@spectrum-css/tray@2.1.13)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.12...@spectrum-css/tray@2.1.13)
**Note:** Version bump only for package @spectrum-css/tray
@@ -272,8 +554,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.12
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.11...@spectrum-css/tray@2.1.12)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.11...@spectrum-css/tray@2.1.12)
**Note:** Version bump only for package @spectrum-css/tray
@@ -281,8 +562,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.11
-🗓
-2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.10...@spectrum-css/tray@2.1.11)
+🗓 2023-09-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.10...@spectrum-css/tray@2.1.11)
**Note:** Version bump only for package @spectrum-css/tray
@@ -290,8 +570,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.10
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.9...@spectrum-css/tray@2.1.10)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.9...@spectrum-css/tray@2.1.10)
**Note:** Version bump only for package @spectrum-css/tray
@@ -299,8 +578,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.9
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.8...@spectrum-css/tray@2.1.9)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.8...@spectrum-css/tray@2.1.9)
**Note:** Version bump only for package @spectrum-css/tray
@@ -308,8 +586,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.8
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.7...@spectrum-css/tray@2.1.8)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.7...@spectrum-css/tray@2.1.8)
### 🔙 Reverts
@@ -319,8 +596,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.7
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.6...@spectrum-css/tray@2.1.7)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.6...@spectrum-css/tray@2.1.7)
**Note:** Version bump only for package @spectrum-css/tray
@@ -328,8 +604,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.6
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.4...@spectrum-css/tray@2.1.6)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.4...@spectrum-css/tray@2.1.6)
**Note:** Version bump only for package @spectrum-css/tray
@@ -337,8 +612,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.5
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.4...@spectrum-css/tray@2.1.5)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.4...@spectrum-css/tray@2.1.5)
**Note:** Version bump only for package @spectrum-css/tray
@@ -346,8 +620,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.4
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.3...@spectrum-css/tray@2.1.4)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.3...@spectrum-css/tray@2.1.4)
**Note:** Version bump only for package @spectrum-css/tray
@@ -355,8 +628,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.3
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.2...@spectrum-css/tray@2.1.3)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.2...@spectrum-css/tray@2.1.3)
**Note:** Version bump only for package @spectrum-css/tray
@@ -364,8 +636,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.2
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.1...@spectrum-css/tray@2.1.2)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.1...@spectrum-css/tray@2.1.2)
**Note:** Version bump only for package @spectrum-css/tray
@@ -373,8 +644,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.1
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.0...@spectrum-css/tray@2.1.1)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.1.0...@spectrum-css/tray@2.1.1)
**Note:** Version bump only for package @spectrum-css/tray
@@ -382,8 +652,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.0
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.57...@spectrum-css/tray@2.1.0)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.57...@spectrum-css/tray@2.1.0)
### ✨ Features
@@ -393,8 +662,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.57
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.56...@spectrum-css/tray@2.0.57)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.56...@spectrum-css/tray@2.0.57)
**Note:** Version bump only for package @spectrum-css/tray
@@ -402,8 +670,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.56
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.55...@spectrum-css/tray@2.0.56)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.55...@spectrum-css/tray@2.0.56)
**Note:** Version bump only for package @spectrum-css/tray
@@ -411,8 +678,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.55
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.54...@spectrum-css/tray@2.0.55)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.54...@spectrum-css/tray@2.0.55)
**Note:** Version bump only for package @spectrum-css/tray
@@ -420,8 +686,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.54
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.53...@spectrum-css/tray@2.0.54)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.53...@spectrum-css/tray@2.0.54)
**Note:** Version bump only for package @spectrum-css/tray
@@ -429,8 +694,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.53
-🗓
-2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.52...@spectrum-css/tray@2.0.53)
+🗓 2023-06-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.52...@spectrum-css/tray@2.0.53)
**Note:** Version bump only for package @spectrum-css/tray
@@ -438,8 +702,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.52
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.51...@spectrum-css/tray@2.0.52)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.51...@spectrum-css/tray@2.0.52)
**Note:** Version bump only for package @spectrum-css/tray
@@ -447,8 +710,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.51
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.50...@spectrum-css/tray@2.0.51)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.50...@spectrum-css/tray@2.0.51)
**Note:** Version bump only for package @spectrum-css/tray
@@ -456,8 +718,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.50
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.49...@spectrum-css/tray@2.0.50)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.49...@spectrum-css/tray@2.0.50)
### 🐛 Bug fixes
@@ -467,8 +728,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.49
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.48...@spectrum-css/tray@2.0.49)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.48...@spectrum-css/tray@2.0.49)
**Note:** Version bump only for package @spectrum-css/tray
@@ -476,8 +736,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.48
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.47...@spectrum-css/tray@2.0.48)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tray@2.0.47...@spectrum-css/tray@2.0.48)
**Note:** Version bump only for package @spectrum-css/tray
diff --git a/components/tray/index.css b/components/tray/index.css
index 458189a0083..4915050ab91 100644
--- a/components/tray/index.css
+++ b/components/tray/index.css
@@ -11,26 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
-.spectrum-Tray {
- /* Placeholder tokens */
- --spectrum-tray-exit-animation-delay: 0ms;
- --spectrum-tray-entry-animation-delay: 160ms;
-
- /* Maximum width for landscape */
- --spectrum-tray-max-inline-size: 375px;
-
- /* https://spectrum.adobe.com/page/tray/#Maximum-height */
- --spectrum-tray-spacing-edge-to-tray-safe-zone: 64px;
-
- --spectrum-tray-entry-animation-duration: var(--spectrum-animation-duration-500);
- --spectrum-tray-exit-animation-duration: var(--spectrum-animation-duration-100);
-
- --spectrum-tray-corner-radius: var(--spectrum-corner-radius-100);
- --spectrum-tray-background-color: var(--spectrum-background-layer-2-color);
-}
-
.spectrum-Tray-wrapper {
inset-inline-start: 0;
@@ -43,14 +23,28 @@
}
.spectrum-Tray {
+ /* Maximum width for landscape */
+ --spectrum-tray-max-inline-size: var(--mod-tray-max-inline-size, 375px);
+
+ /* https://spectrum.adobe.com/page/tray/#Maximum-height */
+ --spectrum-tray-spacing-edge-to-tray-safe-zone: var(--mod-tray-spacing-edge-to-tray-safe-zone, 64px);
+
+ --spectrum-tray-entry-animation-delay: var(--mod-tray-entry-animation-delay, 160ms);
+ --spectrum-tray-entry-animation-duration: var(--mod-tray-entry-animation-duration, var(--spectrum-animation-duration-500));
+ --spectrum-tray-exit-animation-delay: var(--mod-tray-exit-animation-delay, 0ms);
+ --spectrum-tray-exit-animation-duration: var(--mod-tray-exit-animation-duration, var(--spectrum-animation-duration-100));
+
+ --spectrum-tray-corner-radius: var(--mod-tray-corner-radius, var(--spectrum-corner-radius-100));
+ --spectrum-tray-background-color: var(--highcontrast-tray-background-color, var(--mod-tray-background-color, var(--spectrum-background-layer-2-color)));
+
--mod-modal-max-width: 100%;
/* Default to full width when the viewport is in portrait orientation */
inline-size: 100%;
max-inline-size: 100%;
- max-block-size: calc(100vh - var(--mod-tray-spacing-edge-to-tray-safe-zone, var(--spectrum-tray-spacing-edge-to-tray-safe-zone)));
- margin-block-start: var(--mod-tray-spacing-edge-to-tray-safe-zone, var(--spectrum-tray-spacing-edge-to-tray-safe-zone));
+ max-block-size: calc(100vh - var(--spectrum-tray-spacing-edge-to-tray-safe-zone));
+ margin-block-start: var(--spectrum-tray-spacing-edge-to-tray-safe-zone);
padding-block-start: var(--mod-tray-top-to-content-area, var(--spectrum-tray-top-to-content-area));
padding-block-end: var(--mod-tray-bottom-to-content-area, var(--spectrum-tray-top-to-content-area));
box-sizing: border-box;
@@ -63,26 +57,27 @@
/* Exit animations */
transition:
- opacity var(--mod-tray-exit-animation-duration, var(--spectrum-tray-exit-animation-duration)) cubic-bezier(0.5, 0, 1, 1) var(--mod-tray-exit-animation-delay, var(--spectrum-tray-exit-animation-delay)),
- visibility var(--mod-tray-exit-animation-duration, var(--spectrum-tray-exit-animation-duration)) linear calc(var(--mod-tray-exit-animation-delay, var(--spectrum-tray-exit-animation-delay)) + var(--mod-tray-exit-animation-duration, var(--spectrum-tray-exit-animation-duration))),
- transform var(--mod-tray-exit-animation-duration, var(--spectrum-tray-exit-animation-duration)) cubic-bezier(0.5, 0, 1, 1) var(--mod-tray-exit-animation-delay, var(--spectrum-tray-exit-animation-delay));
+ opacity var(--spectrum-tray-exit-animation-duration) cubic-bezier(0.5, 0, 1, 1) var(--spectrum-tray-exit-animation-delay),
+ visibility var(--spectrum-tray-exit-animation-duration) linear calc(var(--spectrum-tray-exit-animation-delay) + var(--spectrum-tray-exit-animation-duration)),
+ transform var(--spectrum-tray-exit-animation-duration) cubic-bezier(0.5, 0, 1, 1) var(--spectrum-tray-exit-animation-delay);
- background-color: var(--highcontrast-tray-background-color, var(--mod-tray-background-color, var(--spectrum-tray-background-color)));
+ background-color: var(--spectrum-tray-background-color);
&.is-open {
+ transform: translateY(0);
+
/* Entry animations */
transition:
- transform var(--mod-tray-entry-animation-duration, var(--spectrum-tray-entry-animation-duration)) cubic-bezier(0, 0, 0.4, 1) var(--mod-tray-entry-animation-delay, var(--spectrum-tray-entry-animation-delay)),
- opacity var(--spectrum-tray-entry-animation-duration, var(--mod-tray-entry-animation-duration)) cubic-bezier(0, 0, 0.4, 1) var(--mod-tray-entry-animation-delay, var(--spectrum-tray-entry-animation-delay));
- transform: translateY(0);
+ transform var(--spectrum-tray-entry-animation-duration) cubic-bezier(0, 0, 0.4, 1) var(--spectrum-tray-entry-animation-delay),
+ opacity var(--spectrum-tray-entry-animation-duration) cubic-bezier(0, 0, 0.4, 1) var(--spectrum-tray-entry-animation-delay);
}
}
@media screen and (orientation: landscape) {
.spectrum-Tray {
- border-start-start-radius: var(--mod-tray-corner-radius, var(--spectrum-tray-corner-radius));
- border-start-end-radius: var(--mod-tray-corner-radius, var(--spectrum-tray-corner-radius));
- max-inline-size: var(--mod-tray-max-inline-size, var(--spectrum-tray-max-inline-size));
+ border-start-start-radius: var(--spectrum-tray-corner-radius);
+ border-start-end-radius: var(--spectrum-tray-corner-radius);
+ max-inline-size: var(--spectrum-tray-max-inline-size);
}
}
diff --git a/components/tray/metadata/metadata.json b/components/tray/metadata/metadata.json
index 2d510b6a7aa..db6c152c441 100644
--- a/components/tray/metadata/metadata.json
+++ b/components/tray/metadata/metadata.json
@@ -36,7 +36,6 @@
"--spectrum-background-layer-2-color",
"--spectrum-corner-radius-100"
],
- "system-theme": [],
"passthroughs": ["--mod-modal-max-width"],
"high-contrast": ["--highcontrast-tray-background-color"]
}
diff --git a/components/tray/metadata/mods.md b/components/tray/metadata/mods.md
deleted file mode 100644
index 9bff6baff4e..00000000000
--- a/components/tray/metadata/mods.md
+++ /dev/null
@@ -1,13 +0,0 @@
-| Modifiable custom properties |
-| ------------------------------------------- |
-| `--mod-tray-background-color` |
-| `--mod-tray-bottom-to-content-area` |
-| `--mod-tray-corner-radius` |
-| `--mod-tray-corner-radius-portrait` |
-| `--mod-tray-entry-animation-delay` |
-| `--mod-tray-entry-animation-duration` |
-| `--mod-tray-exit-animation-delay` |
-| `--mod-tray-exit-animation-duration` |
-| `--mod-tray-max-inline-size` |
-| `--mod-tray-spacing-edge-to-tray-safe-zone` |
-| `--mod-tray-top-to-content-area` |
diff --git a/components/tray/package.json b/components/tray/package.json
index 2f18a40b63a..410893a1172 100644
--- a/components/tray/package.json
+++ b/components/tray/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/tray",
- "version": "3.2.0",
+ "version": "4.0.0-next.0",
"description": "The Spectrum CSS tray component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,26 +17,27 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/button": ">=13",
- "@spectrum-css/dialog": ">=10",
- "@spectrum-css/divider": ">=3",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/modal": ">=5",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/button": ">=14.0.0-next.7",
+ "@spectrum-css/dialog": ">=11.0.0-next.0",
+ "@spectrum-css/divider": ">=4.0.0-s2-foundations.0",
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/modal": ">=5.1.1-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/dialog": {
diff --git a/components/tray/stories/tray.stories.js b/components/tray/stories/tray.stories.js
index deda4258f1d..b0cd60e40a1 100644
--- a/components/tray/stories/tray.stories.js
+++ b/components/tray/stories/tray.stories.js
@@ -67,5 +67,6 @@ WithForcedColors.parameters = {
chromatic: {
forcedColors: "active",
modes: disableDefaultModes,
+ viewport: "mobile2",
},
};
diff --git a/components/tray/themes/express.css b/components/tray/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/tray/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/tray/themes/spectrum.css b/components/tray/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/tray/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/treeview/CHANGELOG.md b/components/treeview/CHANGELOG.md
index e5f057b1432..d8f30c817a1 100644
--- a/components/treeview/CHANGELOG.md
+++ b/components/treeview/CHANGELOG.md
@@ -1,5 +1,267 @@
# Change Log
+## 11.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08), [`2c62239`](https://github.com/adobe/spectrum-css/commit/2c62239aab6ae9815bac6edf531c212c45665a5c), [`eda9897`](https://github.com/adobe/spectrum-css/commit/eda9897f1a6e9ecaa4e000985e55b62ecdb9a586)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+ - @spectrum-css/thumbnail@7.0.0-next.0
+
+## 11.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.18
+ - @spectrum-css/icon@8.0.0-s2-foundations.18
+
+## 11.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+### Patch Changes
+
+- Updated dependencies [[`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.15
+ - @spectrum-css/icon@8.0.0-s2-foundations.17
+
+## 11.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.14
+ - @spectrum-css/icon@8.0.0-s2-foundations.16
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 11.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.13
+ - @spectrum-css/icon@8.0.0-s2-foundations.15
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 11.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#3036](https://github.com/adobe/spectrum-css/pull/3036) [`96686a5`](https://github.com/adobe/spectrum-css/commit/96686a56e2532bc747985b40686783ddd9b98221) Thanks [@rise-erpelding](https://github.com/rise-erpelding)! - [CSS-890]: adjusts --mods to be applied inside of index.css
+
+### Patch Changes
+
+- Updated dependencies [[`96686a5`](https://github.com/adobe/spectrum-css/commit/96686a56e2532bc747985b40686783ddd9b98221)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.18
+
+## 11.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.12
+ - @spectrum-css/icon@8.0.0-s2-foundations.13
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 11.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.11
+ - @spectrum-css/icon@8.0.0-s2-foundations.12
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 11.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.10
+ - @spectrum-css/icon@8.0.0-s2-foundations.11
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 11.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.9
+ - @spectrum-css/icon@8.0.0-s2-foundations.9
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 11.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.8
+ - @spectrum-css/icon@8.0.0-s2-foundations.8
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 11.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.7
+ - @spectrum-css/icon@8.0.0-s2-foundations.7
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 11.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.6
+ - @spectrum-css/icon@8.0.0-s2-foundations.6
+
+## 11.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.5
+ - @spectrum-css/icon@8.0.0-s2-foundations.5
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 11.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.4
+ - @spectrum-css/icon@8.0.0-s2-foundations.4
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 11.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.3
+ - @spectrum-css/icon@8.0.0-s2-foundations.3
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 11.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.2
+ - @spectrum-css/icon@8.0.0-s2-foundations.2
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 11.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.1
+ - @spectrum-css/icon@8.0.0-s2-foundations.1
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 11.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+ - @spectrum-css/icon@8.0.0-s2-foundations.0
+ - @spectrum-css/thumbnail@7.0.0-s2-foundations.0
+
## 10.4.0
### Minor Changes
@@ -86,16 +348,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 10.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.6...@spectrum-css/treeview@10.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.6...@spectrum-css/treeview@10.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
-
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+### 🛑 BREAKING CHANGES
+ - Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -103,8 +361,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.6
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.5...@spectrum-css/treeview@9.2.6)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.5...@spectrum-css/treeview@9.2.6)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -112,8 +369,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.5
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.4...@spectrum-css/treeview@9.2.5)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.4...@spectrum-css/treeview@9.2.5)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -121,8 +377,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.4
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.3...@spectrum-css/treeview@9.2.4)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.3...@spectrum-css/treeview@9.2.4)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -130,8 +385,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.3
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.2...@spectrum-css/treeview@9.2.3)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.2...@spectrum-css/treeview@9.2.3)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -139,8 +393,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.2
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/treeview
@@ -148,8 +401,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.1
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.0...@spectrum-css/treeview@9.2.1)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.2.0...@spectrum-css/treeview@9.2.1)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -157,8 +409,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.2.0
-🗓
-2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.1.1...@spectrum-css/treeview@9.2.0)
+🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.1.1...@spectrum-css/treeview@9.2.0)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -166,8 +417,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.1
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.1.0...@spectrum-css/treeview@9.1.1)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.1.0...@spectrum-css/treeview@9.1.1)
### 🐛 Bug fixes
@@ -177,8 +427,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.8...@spectrum-css/treeview@9.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.8...@spectrum-css/treeview@9.1.0)
### ✨ Features
@@ -188,8 +437,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.8
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.7...@spectrum-css/treeview@9.0.8)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.7...@spectrum-css/treeview@9.0.8)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -197,8 +445,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.7
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.6...@spectrum-css/treeview@9.0.7)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.6...@spectrum-css/treeview@9.0.7)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -206,8 +453,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.6
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.4...@spectrum-css/treeview@9.0.6)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.4...@spectrum-css/treeview@9.0.6)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -215,8 +461,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.5
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.4...@spectrum-css/treeview@9.0.5)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.4...@spectrum-css/treeview@9.0.5)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -224,8 +469,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.4
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.3...@spectrum-css/treeview@9.0.4)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.3...@spectrum-css/treeview@9.0.4)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -233,8 +477,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.3
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.2...@spectrum-css/treeview@9.0.3)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.2...@spectrum-css/treeview@9.0.3)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -242,8 +485,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.2
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.1...@spectrum-css/treeview@9.0.2)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.1...@spectrum-css/treeview@9.0.2)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -251,8 +493,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.1
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.0...@spectrum-css/treeview@9.0.1)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@9.0.0...@spectrum-css/treeview@9.0.1)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -260,13 +501,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 9.0.0
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@8.0.1...@spectrum-css/treeview@9.0.0)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@8.0.1...@spectrum-css/treeview@9.0.0)
\*refactor(treeview)!: migrate to spectrum tokens([525485e](https://github.com/adobe/spectrum-css/commit/525485e)), closes[#1428](https://github.com/adobe/spectrum-css/issues/1428)[#1432](https://github.com/adobe/spectrum-css/issues/1432)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrate to use `@adobe/spectrum-tokens`
@@ -301,8 +540,7 @@ for the hover background color.
## 8.0.1
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@8.0.0...@spectrum-css/treeview@8.0.1)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@8.0.0...@spectrum-css/treeview@8.0.1)
### 🔙 Reverts
@@ -312,13 +550,11 @@ for the hover background color.
## 8.0.0
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.9...@spectrum-css/treeview@8.0.0)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.9...@spectrum-css/treeview@8.0.0)
\*refactor(treeview)!: replace focus-ring with focus-visible([5db0310](https://github.com/adobe/spectrum-css/commit/5db0310))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
use focus-visible pseudo class in place of focus-ring
@@ -327,8 +563,7 @@ for the hover background color.
## 7.0.9
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.8...@spectrum-css/treeview@7.0.9)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.8...@spectrum-css/treeview@7.0.9)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -336,8 +571,7 @@ for the hover background color.
## 7.0.8
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.7...@spectrum-css/treeview@7.0.8)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.7...@spectrum-css/treeview@7.0.8)
### 🐛 Bug fixes
@@ -347,8 +581,7 @@ for the hover background color.
## 7.0.7
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.6...@spectrum-css/treeview@7.0.7)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.6...@spectrum-css/treeview@7.0.7)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -356,8 +589,7 @@ for the hover background color.
## 7.0.6
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.5...@spectrum-css/treeview@7.0.6)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.5...@spectrum-css/treeview@7.0.6)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -365,8 +597,7 @@ for the hover background color.
## 7.0.5
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.4...@spectrum-css/treeview@7.0.5)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.4...@spectrum-css/treeview@7.0.5)
### 🐛 Bug fixes
@@ -376,8 +607,7 @@ for the hover background color.
## 7.0.4
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.3...@spectrum-css/treeview@7.0.4)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.3...@spectrum-css/treeview@7.0.4)
**Note:** Version bump only for package @spectrum-css/treeview
@@ -385,8 +615,7 @@ for the hover background color.
## 7.0.3
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.2...@spectrum-css/treeview@7.0.3)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/treeview@7.0.2...@spectrum-css/treeview@7.0.3)
**Note:** Version bump only for package @spectrum-css/treeview
diff --git a/components/treeview/index.css b/components/treeview/index.css
index 1e9b9b35cb1..7f47ddbbc4d 100644
--- a/components/treeview/index.css
+++ b/components/treeview/index.css
@@ -11,119 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
-.spectrum-TreeView {
- --spectrum-treeview-line-height: var(--spectrum-line-height-200);
- --spectrum-treeview-margin-block: 1em;
- --spectrum-treeview-font-size: var(--spectrum-font-size-100);
-
- --spectrum-treeview-item-min-block-size: var(--spectrum-component-height-100);
- --spectrum-treeview-item-indentation: var(--spectrum-treeview-item-indentation-medium);
-
- --spectrum-treeview-item-padding-inline-start: var(--spectrum-component-height-100);
- --spectrum-treeview-item-padding-inline-end: var(--spectrum-component-edge-to-text-100);
-
- --spectrum-treeview-section-spacing: var(--spectrum-treeview-item-indentation-medium);
- --spectrum-treeview-heading-font-weight: var(--spectrum-bold-font-weight);
- --spectrum-treeview-heading-bottom-to-text: var(--spectrum-component-edge-to-text-100);
- --spectrum-treeview-heading-color: var(--spectrum-heading-color);
-
- --spectrum-treeview-item-border-size: var(--spectrum-border-width-200);
- --spectrum-treeview-item-border-size-selected: 1px;
- --spectrum-treeview-item-border-radius: 0px;
-
- --spectrum-treeview-item-border-color-selected: var(--spectrum-blue-800);
- --spectrum-treeview-item-border-color-focus: var(--spectrum-blue-700);
-
- --spectrum-treeview-item-background-color-hover: var(--spectrum-gray-200);
- --spectrum-treeview-item-background-color-focus: var(--spectrum-gray-200);
-
- --spectrum-treeview-item-border-color-quiet-selected: transparent;
-
- --spectrum-treeview-item-icon-gap: var(--spectrum-text-to-visual-75);
- --spectrum-treeview-item-icon-color: var(--spectrum-gray-700);
- --spectrum-treeview-item-icon-color-hover: var(--spectrum-gray-900);
- --spectrum-treeview-item-icon-color-focus: var(--spectrum-gray-900);
- --spectrum-treeview-item-icon-color-selected: var(--spectrum-gray-900);
- --spectrum-treeview-item-icon-color-disabled: var(--spectrum-disabled-content-color);
-
- --spectrum-treeview-item-text-color: var(--spectrum-neutral-content-color-default);
- --spectrum-treeview-item-text-color-selected: var(--spectrum-gray-900);
- --spectrum-treeview-item-text-color-disabled: var(--spectrum-gray-500);
- --spectrum-treeview-item-text-color-focus: var(--spectrum-gray-900);
- --spectrum-treeview-item-text-color-hover: var(--spectrum-gray-900);
-
- --spectrum-treeview-indicator-margin-inline-start: calc(-1 * var(--spectrum-component-height-100));
- --spectrum-treeview-indicator-padding: var(--spectrum-disclosure-indicator-top-to-disclosure-icon-medium);
-
- --spectrum-treeview-item-min-block-size-thumbnail-offset: var(--spectrum-treeview-item-min-block-size-thumbnail-offset-medium, 0px);
-
- --spectrum-treeview-indicator-animation-duration: var(--spectrum-animation-duration-100);
-
- &:dir(rtl) {
- --spectrum-logical-rotation: matrix(-1, 0, 0, 1, 0, 0);
- }
-}
-
-.spectrum-TreeView--sizeS {
- --spectrum-treeview-font-size: var(--spectrum-font-size-75);
-
- --spectrum-treeview-item-min-block-size: var(--spectrum-component-height-75);
- --spectrum-treeview-item-indentation: var(--spectrum-treeview-item-indentation-small);
- --spectrum-treeview-heading-bottom-to-text: var(--spectrum-component-edge-to-text-75);
-
- --spectrum-treeview-item-padding-inline-start: var(--spectrum-component-height-75);
- --spectrum-treeview-indicator-margin-inline-start: calc(-1 * var(--spectrum-component-height-75));
- --spectrum-treeview-item-padding-inline-end: var(--spectrum-component-edge-to-text-75);
- --spectrum-treeview-indicator-padding: var(--spectrum-disclosure-indicator-top-to-disclosure-icon-small);
-
- --spectrum-treeview-item-min-block-size-thumbnail-offset: 6px;
-}
-
-.spectrum-TreeView--sizeL {
- --spectrum-treeview-font-size: var(--spectrum-font-size-200);
-
- --spectrum-treeview-item-indentation: var(--spectrum-treeview-item-indentation-large);
- --spectrum-treeview-item-min-block-size: var(--spectrum-component-height-200);
- --spectrum-treeview-heading-bottom-to-text: var(--spectrum-component-edge-to-text-200);
-
- --spectrum-treeview-item-padding-inline-start: var(--spectrum-component-height-200);
- --spectrum-treeview-indicator-margin-inline-start: calc(-1 * var(--spectrum-component-height-200));
- --spectrum-treeview-item-padding-inline-end: var(--spectrum-component-edge-to-text-200);
- --spectrum-treeview-indicator-padding: var(--spectrum-disclosure-indicator-top-to-disclosure-icon-large);
-
- --spectrum-treeview-item-min-block-size-thumbnail-offset: 0px;
-}
-
-.spectrum-TreeView--sizeXL {
- --spectrum-treeview-font-size: var(--spectrum-font-size-300);
-
- --spectrum-treeview-item-indentation: var(--spectrum-treeview-item-indentation-extra-large);
- --spectrum-treeview-item-min-block-size: var(--spectrum-component-height-300);
- --spectrum-treeview-heading-bottom-to-text: var(--spectrum-component-edge-to-text-300);
-
- --spectrum-treeview-item-padding-inline-start: var(--spectrum-component-height-300);
- --spectrum-treeview-indicator-margin-inline-start: calc(-1 * var(--spectrum-component-height-300));
- --spectrum-treeview-item-padding-inline-end: var(--spectrum-component-edge-to-text-300);
- --spectrum-treeview-indicator-padding: var(--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large);
-
- --spectrum-treeview-item-min-block-size-thumbnail-offset: 0px;
-}
-
-.spectrum-TreeView--quiet {
- --mod-treeview-item-background-color-selected: var(--highcontrast-treeview-item-background-color-selected, var(--mod-treeview-item-background-color-quiet-selected, var(--spectrum-treeview-item-background-color-quiet-selected)));
- --mod-treeview-item-border-color-selected: var(--highcontrast-treeview-item-border-color-selected, var(--mod-treeview-item-border-color-selected-quiet, var(--spectrum-treeview-item-border-color-quiet-selected)));
-}
-
-.spectrum-TreeView--thumbnail {
- --mod-treeview-item-min-block-size: var(--mod-treeview-item-min-block-size-thumbnail, calc(var(--spectrum-treeview-item-min-block-size) + var(--spectrum-treeview-item-min-block-size-thumbnail-offset)));
-}
-
-.spectrum-TreeView--detached {
- --mod-treeview-item-border-radius: var(--mod-treeview-item-border-radius-detached, var(--spectrum-corner-radius-100));
-}
-
@media (forced-colors: active) {
.spectrum-TreeView {
--highcontrast-treeview-item-background-color-selected: Highlight;
@@ -165,6 +52,112 @@
}
}
+.spectrum-TreeView {
+ --spectrum-treeview-item-indentation: var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-sized-indentation));
+ --spectrum-treeview-section-spacing: var(--mod-treeview-section-spacing, var(--spectrum-treeview-item-indentation));
+ --spectrum-treeview-heading-color: var(--highcontrast-treeview-heading-color, var(--mod-treeview-heading-color, var(--spectrum-heading-color)));
+
+ --spectrum-treeview-item-border-size: var(--mod-treeview-item-border-size, var(--spectrum-border-width-200));
+ --spectrum-treeview-item-border-size-selected: var(--mod-treeview-item-border-size-selected, 1px);
+ --spectrum-treeview-item-border-radius: var(--mod-treeview-item-border-radius, 0px);
+
+ --spectrum-treeview-item-border-color-selected: var(--highcontrast-treeview-item-border-color-selected, var(--mod-treeview-item-border-color-selected, var(--spectrum-blue-800)));
+ --spectrum-treeview-item-border-color-focus: var(--highcontrast-treeview-item-border-color-focus, var(--mod-treeview-item-border-color-focus, var(--spectrum-blue-700)));
+
+ --spectrum-treeview-item-border-color-quiet-selected: var(--highcontrast-treeview-item-border-color-selected, var(--mod-treeview-item-border-color-selected-quiet, transparent));
+
+ --spectrum-treeview-item-background-color-hover: var(--spectrum-gray-100);
+ --spectrum-treeview-item-background-color-focus: var(--spectrum-gray-100);
+
+ --spectrum-treeview-item-icon-gap: var(--mod-treeview-item-icon-gap, var(--spectrum-text-to-visual-75));
+ --spectrum-treeview-item-icon-color: var(--highcontrast-treeview-item-icon-color, var(--mod-treeview-item-icon-color, var(--spectrum-gray-700)));
+ --spectrum-treeview-item-icon-color-hover: var(--highcontrast-treeview-item-text-color-focus, var(--mod-treeview-item-icon-color-hover, var(--spectrum-gray-900)));
+ --spectrum-treeview-item-icon-color-focus: var(--highcontrast-treeview-item-icon-color-focus, var(--mod-treeview-item-icon-color-focus, var(--spectrum-gray-900)));
+ --spectrum-treeview-item-icon-color-selected: var(--highcontrast-treeview-item-icon-color-selected, var(--mod-treeview-item-icon-color-selected, var(--spectrum-gray-900)));
+ --spectrum-treeview-item-icon-color-disabled: var(--highcontrast-treeview-item-icon-color-disabled, var(--mod-treeview-item-icon-color-disabled, var(--spectrum-disabled-content-color)));
+
+ --spectrum-treeview-item-text-color: var(--highcontrast-treeview-item-text-color, var(--mod-treeview-item-text-color, var(--spectrum-neutral-content-color-default)));
+ --spectrum-treeview-item-text-color-selected: var(--highcontrast-treeview-item-text-color-selected, var(--mod-treeview-item-text-color-selected, var(--spectrum-gray-900)));
+ --spectrum-treeview-item-text-color-disabled: var(--highcontrast-treeview-item-text-color-disabled, var(--mod-treeview-item-text-color-disabled, var(--spectrum-gray-500)));
+ --spectrum-treeview-item-text-color-focus: var(--highcontrast-treeview-item-text-color-focus, var(--mod-treeview-item-text-color-focus, var(--spectrum-gray-900)));
+ --spectrum-treeview-item-text-color-hover: var(--highcontrast-treeview-item-text-color-focus, var(--mod-treeview-item-text-color-hover, var(--spectrum-gray-900)));
+
+ --spectrum-treeview-indicator-animation-duration: var(--mod-treeview-indicator-animation-duration, var(--spectrum-animation-duration-100));
+
+ --spectrum-treeview-item-min-block-size: var(--mod-treeview-item-min-block-size, var(--spectrum-treeview-item-sized-min-block-size));
+
+ --spectrum-treeview-font-size: var(--mod-treeview-font-size, var(--spectrum-font-size-100));
+
+ --spectrum-treeview-item-sized-min-block-size: var(--mod-treeview-item-min-block-size, var(--spectrum-component-height-100));
+ --spectrum-treeview-item-sized-indentation: var(--spectrum-treeview-item-indentation-medium);
+ --spectrum-treeview-heading-bottom-to-text: var(--mod-treeview-heading-bottom-to-text, var(--spectrum-component-edge-to-text-100));
+
+ --spectrum-treeview-item-padding-inline-start: var(--mod-treeview-item-padding-inline-start, var(--spectrum-component-height-100));
+ --spectrum-treeview-item-padding-inline-end: var(--mod-treeview-item-padding-inline-end, var(--spectrum-component-edge-to-text-100));
+ --spectrum-treeview-indicator-margin-inline-start: var(--mod-treeview-indicator-margin-inline-start, calc(-1 * var(--spectrum-component-height-100)));
+ --spectrum-treeview-indicator-padding: var(--spectrum-disclosure-indicator-top-to-disclosure-icon-medium);
+
+ --spectrum-treeview-item-min-block-size-thumbnail-offset: var(--spectrum-treeview-item-min-block-size-thumbnail-offset-medium, 0);
+
+ &.spectrum-TreeView--quiet {
+ --mod-treeview-item-background-color-selected: var(--highcontrast-treeview-item-background-color-selected, var(--mod-treeview-item-background-color-quiet-selected, var(--spectrum-treeview-item-background-color-quiet-selected)));
+ --mod-treeview-item-border-color-selected: var(--spectrum-treeview-item-border-color-quiet-selected);
+ }
+
+ &.spectrum-TreeView--thumbnail {
+ --spectrum-treeview-item-min-block-size: var(--mod-treeview-item-min-block-size-thumbnail, calc(var(--spectrum-treeview-item-sized-min-block-size) + var(--spectrum-treeview-item-min-block-size-thumbnail-offset)));
+ }
+
+ &.spectrum-TreeView--detached {
+ --mod-treeview-item-border-radius: var(--mod-treeview-item-border-radius-detached, var(--spectrum-corner-radius-100));
+ }
+}
+
+.spectrum-TreeView--sizeS {
+ --spectrum-treeview-font-size: var(--mod-treeview-font-size, var(--spectrum-font-size-75));
+
+ --spectrum-treeview-item-sized-min-block-size: var(--mod-treeview-item-min-block-size, var(--spectrum-component-height-75));
+ --spectrum-treeview-item-sized-indentation: var(--spectrum-treeview-item-indentation-small);
+ --spectrum-treeview-heading-bottom-to-text: var(--mod-treeview-heading-bottom-to-text, var(--spectrum-component-edge-to-text-75));
+
+ --spectrum-treeview-item-padding-inline-start: var(--mod-treeview-item-padding-inline-start, var(--spectrum-component-height-75));
+ --spectrum-treeview-item-padding-inline-end: var(--mod-treeview-item-padding-inline-end, var(--spectrum-component-edge-to-text-75));
+ --spectrum-treeview-indicator-margin-inline-start: var(--mod-treeview-indicator-margin-inline-start, calc(-1 * var(--spectrum-component-height-75)));
+ --spectrum-treeview-indicator-padding: var(--spectrum-disclosure-indicator-top-to-disclosure-icon-small);
+
+ --spectrum-treeview-item-min-block-size-thumbnail-offset: 6px;
+}
+
+.spectrum-TreeView--sizeL {
+ --spectrum-treeview-font-size: var(--mod-treeview-font-size, var(--spectrum-font-size-200));
+
+ --spectrum-treeview-item-sized-indentation: var(--spectrum-treeview-item-indentation-large);
+ --spectrum-treeview-item-sized-min-block-size: var(--mod-treeview-item-min-block-size, var(--spectrum-component-height-200));
+ --spectrum-treeview-heading-bottom-to-text: var(--mod-treeview-heading-bottom-to-text, var(--spectrum-component-edge-to-text-200));
+
+ --spectrum-treeview-item-padding-inline-start: var(--mod-treeview-item-padding-inline-start, var(--spectrum-component-height-200));
+ --spectrum-treeview-item-padding-inline-end: var(--mod-treeview-item-padding-inline-end, var(--spectrum-component-edge-to-text-200));
+ --spectrum-treeview-indicator-margin-inline-start: var(--mod-treeview-indicator-margin-inline-start, calc(-1 * var(--spectrum-component-height-200)));
+ --spectrum-treeview-indicator-padding: var(--spectrum-disclosure-indicator-top-to-disclosure-icon-large);
+
+ --spectrum-treeview-item-min-block-size-thumbnail-offset: 0;
+}
+
+.spectrum-TreeView--sizeXL {
+ --spectrum-treeview-font-size: var(--mod-treeview-font-size, var(--spectrum-font-size-300));
+
+ --spectrum-treeview-item-sized-indentation: var(--spectrum-treeview-item-indentation-extra-large);
+ --spectrum-treeview-item-sized-min-block-size: var(--mod-treeview-item-min-block-size, var(--spectrum-component-height-300));
+ --spectrum-treeview-heading-bottom-to-text: var(--mod-treeview-heading-bottom-to-text, var(--spectrum-component-edge-to-text-300));
+
+ --spectrum-treeview-item-padding-inline-start: var(--mod-treeview-item-padding-inline-start, var(--spectrum-component-height-300));
+ --spectrum-treeview-item-padding-inline-end: var(--mod-treeview-item-padding-inline-end, var(--spectrum-component-edge-to-text-300));
+ --spectrum-treeview-indicator-margin-inline-start: var(--mod-treeview-indicator-margin-inline-start, calc(-1 * var(--spectrum-component-height-300)));
+ --spectrum-treeview-indicator-padding: var(--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large);
+
+ --spectrum-treeview-item-min-block-size-thumbnail-offset: 0;
+}
+
.spectrum-TreeView {
display: block;
position: relative;
@@ -172,16 +165,20 @@
list-style: none;
outline: none;
user-select: none;
- line-height: var(--mod-treeview-line-height, var(--spectrum-treeview-line-height));
- margin-block: var(--mod-treeview-margin-block, var(--spectrum-treeview-margin-block));
- font-size: var(--mod-treeview-font-size, var(--spectrum-treeview-font-size));
+ line-height: var(--mod-treeview-line-height, var(--spectrum-line-height-200));
+ margin-block: var(--mod-treeview-margin-block, 1em);
+ font-size: var(--spectrum-treeview-font-size);
+
+ &:dir(rtl) {
+ --spectrum-logical-rotation: matrix(-1, 0, 0, 1, 0, 0);
+ }
/* Close (hide) nested treeviews by default. */
.spectrum-TreeView {
position: static;
block-size: 0;
display: none;
- padding-inline-start: var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-indentation));
+ padding-inline-start: var(--spectrum-treeview-item-indentation);
margin-block: 0;
}
}
@@ -191,12 +188,12 @@
overflow: hidden;
&.is-open {
- > .spectrum-TreeView-itemLink > .spectrum-TreeView-itemIndicator {
+ & > .spectrum-TreeView-itemLink > .spectrum-TreeView-itemIndicator {
/* Rotate the chevron */
transform: var(--spectrum-logical-rotation,) rotate(90deg);
}
- > .spectrum-TreeView {
+ & > .spectrum-TreeView {
/* Open the treeview */
block-size: auto;
display: block;
@@ -205,52 +202,40 @@
&.is-selected,
&.is-drop-target {
- > .spectrum-TreeView-itemLink {
- color: var(--highcontrast-treeview-item-text-color-selected, var(--mod-treeview-item-text-color-selected, var(--spectrum-treeview-item-text-color-selected)));
+ & > .spectrum-TreeView-itemLink {
+ color: var(--spectrum-treeview-item-text-color-selected);
&::before {
background-color: var(--highcontrast-treeview-item-background-color-selected, var(--mod-treeview-item-background-color-selected, var(--spectrum-treeview-item-background-color-selected)));
}
- .spectrum-TreeView-itemIcon {
- color: var(--highcontrast-treeview-item-icon-color-selected, var(--mod-treeview-item-icon-color-selected, var(--spectrum-treeview-item-icon-color-selected)));
+ & .spectrum-TreeView-itemIcon {
+ color: var(--spectrum-treeview-item-icon-color-selected);
}
}
- > .spectrum-TreeView-itemLink:not(:focus-visible) {
- &::before {
- border-color: var(--highcontrast-treeview-item-border-color-selected, var(--mod-treeview-item-border-color-selected, var(--spectrum-treeview-item-border-color-selected)));
- }
+ & > .spectrum-TreeView-itemLink:not(:focus-visible)::before {
+ border-color: var(--spectrum-treeview-item-border-color-selected);
}
}
- &.is-selected {
- > .spectrum-TreeView-itemLink:not(:focus-visible) {
- &::before {
- border-width: var(--mod-treeview-item-border-size-selected, var(--spectrum-treeview-item-border-size-selected));
- }
- }
+ &.is-selected > .spectrum-TreeView-itemLink:not(:focus-visible)::before {
+ border-width: var(--spectrum-treeview-item-border-size-selected);
}
- &.is-drop-target {
- > .spectrum-TreeView-itemLink {
- &::before {
- border-width: var(--mod-treeview-item-border-size, var(--spectrum-treeview-item-border-size));
- }
- }
+ &.is-drop-target > .spectrum-TreeView-itemLink::before {
+ border-width: var(--spectrum-treeview-item-border-size);
}
- &.is-disabled {
- > .spectrum-TreeView-itemLink {
- color: var(--highcontrast-treeview-item-text-color-disabled, var(--mod-treeview-item-text-color-disabled, var(--spectrum-treeview-item-text-color-disabled)));
+ &.is-disabled > .spectrum-TreeView-itemLink {
+ color: var(--spectrum-treeview-item-text-color-disabled);
- &::before {
- background-color: var(--highcontrast-treeview-item-background-color-disabled, transparent);
- }
+ &::before {
+ background-color: var(--highcontrast-treeview-item-background-color-disabled, transparent);
+ }
- .spectrum-Icon {
- color: var(--highcontrast-treeview-item-icon-color-disabled, var(--mod-treeview-item-icon-color-disabled, var(--spectrum-treeview-item-icon-color-disabled)));
- }
+ & .spectrum-Icon {
+ color: var(--spectrum-treeview-item-icon-color-disabled);
}
}
}
@@ -267,10 +252,11 @@
flex-flow: row nowrap;
align-items: center;
- min-block-size: var(--mod-treeview-item-min-block-size, var(--spectrum-treeview-item-min-block-size));
- padding-inline: var(--mod-treeview-item-padding-inline-start, var(--spectrum-treeview-item-padding-inline-start)) var(--mod-treeview-item-padding-inline-end, var(--spectrum-treeview-item-padding-inline-end));
+ min-block-size: var(--spectrum-treeview-item-min-block-size);
+ padding-inline-start: var(--spectrum-treeview-item-padding-inline-start);
+ padding-inline-end: var(--spectrum-treeview-item-padding-inline-end);
- color: var(--highcontrast-treeview-item-text-color, var(--mod-treeview-item-text-color, var(--spectrum-treeview-item-text-color)));
+ color: var(--spectrum-treeview-item-text-color);
text-decoration: none;
outline: none;
@@ -286,39 +272,39 @@
box-sizing: border-box;
position: absolute;
inset-inline: 0;
- min-block-size: var(--mod-treeview-item-min-block-size, var(--spectrum-treeview-item-min-block-size));
+ min-block-size: var(--spectrum-treeview-item-min-block-size);
border-style: solid;
border-color: transparent;
- border-width: var(--mod-treeview-item-border-size, var(--spectrum-treeview-item-border-size)) 0;
- border-radius: var(--mod-treeview-item-border-radius, var(--spectrum-treeview-item-border-radius));
+ border-width: var(--spectrum-treeview-item-border-size) 0;
+ border-radius: var(--spectrum-treeview-item-border-radius);
background-color: transparent;
color: transparent;
}
&:focus-visible {
- color: var(--highcontrast-treeview-item-text-color-focus, var(--mod-treeview-item-text-color-focus, var(--spectrum-treeview-item-text-color-focus)));
+ color: var(--spectrum-treeview-item-text-color-focus);
&::before {
background-color: var(--highcontrast-treeview-item-background-color-focus, var(--mod-treeview-item-background-color-focus, var(--spectrum-treeview-item-background-color-focus)));
- border-width: var(--mod-treeview-item-border-size, var(--spectrum-treeview-item-border-size));
- border-color: var(--highcontrast-treeview-item-border-color-focus, var(--mod-treeview-item-border-color-focus, var(--spectrum-treeview-item-border-color-focus)));
+ border-width: var(--spectrum-treeview-item-border-size);
+ border-color: var(--spectrum-treeview-item-border-color-focus);
}
- .spectrum-TreeView-itemIcon {
- color: var(--highcontrast-treeview-item-icon-color-focus, var(--mod-treeview-item-icon-color-focus, var(--spectrum-treeview-item-icon-color-focus)));
+ & .spectrum-TreeView-itemIcon {
+ color: var(--spectrum-treeview-item-icon-color-focus);
}
}
&:hover {
- color: var(--highcontrast-treeview-item-text-color-focus, var(--mod-treeview-item-text-color-hover, var(--spectrum-treeview-item-text-color-hover)));
+ color: var(--spectrum-treeview-item-text-color-hover);
&::before {
background-color: var(--highcontrast-treeview-item-background-color-focus, var(--mod-treeview-item-background-color-hover, var(--spectrum-treeview-item-background-color-hover)));
}
- .spectrum-TreeView-itemIcon {
- color: var(--highcontrast-treeview-item-text-color-focus, var(--mod-treeview-item-icon-color-hover, var(--spectrum-treeview-item-icon-color-hover)));
+ & .spectrum-TreeView-itemIcon {
+ color: var(--spectrum-treeview-item-icon-color-hover);
}
}
}
@@ -327,8 +313,8 @@
position: relative;
vertical-align: top;
flex-shrink: 0;
- margin-inline-end: var(--mod-treeview-item-icon-gap, var(--spectrum-treeview-item-icon-gap));
- color: var(--highcontrast-treeview-item-icon-color, var(--mod-treeview-item-icon-color, var(--spectrum-treeview-item-icon-color)));
+ margin-inline-end: var(--spectrum-treeview-item-icon-gap);
+ color: var(--spectrum-treeview-item-icon-color);
}
.spectrum-TreeView-itemIndicator {
@@ -342,11 +328,11 @@
padding-inline: var(--mod-treeview-indicator-padding-inline, var(--spectrum-treeview-indicator-padding));
padding-block: var(--mod-treeview-indicator-padding-block, var(--spectrum-treeview-indicator-padding));
- margin-inline-start: var(--mod-treeview-indicator-margin-inline-start, var(--spectrum-treeview-indicator-margin-inline-start));
+ margin-inline-start: var(--spectrum-treeview-indicator-margin-inline-start);
- transition: transform ease var(--mod-treeview-indicator-animation-duration, var(--spectrum-treeview-indicator-animation-duration));
+ transition: transform ease var(--spectrum-treeview-indicator-animation-duration);
pointer-events: all;
- transform: var(--spectrum-logical-rotation);
+ transform: var(--spectrum-logical-rotation,);
}
/* Section headings */
@@ -357,60 +343,58 @@
}
.spectrum-TreeView-section:not(:first-child) {
- margin-block-start: var(--mod-treeview-section-spacing, var(--spectrum-treeview-section-spacing));
+ margin-block-start: var(--spectrum-treeview-section-spacing);
}
.spectrum-TreeView-heading {
- padding-block-end: var(--mod-treeview-heading-bottom-to-text, var(--spectrum-treeview-heading-bottom-to-text));
- font-weight: var(--mod-treeview-heading-font-weight, var(--spectrum-treeview-heading-font-weight));
- color: var(--highcontrast-treeview-heading-color, var(--mod-treeview-heading-color, var(--spectrum-treeview-heading-color)));
+ padding-block-end: var(--spectrum-treeview-heading-bottom-to-text);
+ font-weight: var(--mod-treeview-heading-font-weight, var(--spectrum-bold-font-weight));
+ color: var(--spectrum-treeview-heading-color);
}
/* Indentation levels used with Flat structure variant. */
.spectrum-TreeView-item--indent1 {
- padding-inline-start: var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-indentation));
+ padding-inline-start: calc(1 * var(--spectrum-treeview-item-indentation));
}
.spectrum-TreeView-item--indent2 {
- padding-inline-start: calc(2 * var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-indentation)));
+ padding-inline-start: calc(2 * var(--spectrum-treeview-item-indentation));
}
.spectrum-TreeView-item--indent3 {
- padding-inline-start: calc(3 * var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-indentation)));
+ padding-inline-start: calc(3 * var(--spectrum-treeview-item-indentation));
}
.spectrum-TreeView-item--indent4 {
- padding-inline-start: calc(4 * var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-indentation)));
+ padding-inline-start: calc(4 * var(--spectrum-treeview-item-indentation));
}
.spectrum-TreeView-item--indent5 {
- padding-inline-start: calc(5 * var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-indentation)));
+ padding-inline-start: calc(5 * var(--spectrum-treeview-item-indentation));
}
.spectrum-TreeView-item--indent6 {
- padding-inline-start: calc(6 * var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-indentation)));
+ padding-inline-start: calc(6 * var(--spectrum-treeview-item-indentation));
}
.spectrum-TreeView-item--indent7 {
- padding-inline-start: calc(7 * var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-indentation)));
+ padding-inline-start: calc(7 * var(--spectrum-treeview-item-indentation));
}
.spectrum-TreeView-item--indent8 {
- padding-inline-start: calc(8 * var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-indentation)));
+ padding-inline-start: calc(8 * var(--spectrum-treeview-item-indentation));
}
.spectrum-TreeView-item--indent9 {
- padding-inline-start: calc(9 * var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-indentation)));
+ padding-inline-start: calc(9 * var(--spectrum-treeview-item-indentation));
}
.spectrum-TreeView-item--indent10 {
- padding-inline-start: calc(10 * var(--mod-treeview-item-indentation, var(--spectrum-treeview-item-indentation)));
+ padding-inline-start: calc(10 * var(--spectrum-treeview-item-indentation));
}
/* ***** VARIANTS ***** */
-.spectrum-TreeView--thumbnail {
- .spectrum-TreeView-itemThumbnail {
- flex-shrink: 0;
- margin-inline-end: var(--mod-treeview-item-icon-gap, var(--spectrum-treeview-item-icon-gap));
- }
+.spectrum-TreeView--thumbnail .spectrum-TreeView-itemThumbnail {
+ flex-shrink: 0;
+ margin-inline-end: var(--spectrum-treeview-item-icon-gap);
}
diff --git a/components/treeview/metadata/metadata.json b/components/treeview/metadata/metadata.json
index 9902324dd1c..7456a1853f8 100644
--- a/components/treeview/metadata/metadata.json
+++ b/components/treeview/metadata/metadata.json
@@ -3,12 +3,9 @@
"selectors": [
".spectrum-TreeView",
".spectrum-TreeView .spectrum-TreeView",
- ".spectrum-TreeView--detached",
- ".spectrum-TreeView--quiet",
".spectrum-TreeView--sizeL",
".spectrum-TreeView--sizeS",
".spectrum-TreeView--sizeXL",
- ".spectrum-TreeView--thumbnail",
".spectrum-TreeView--thumbnail .spectrum-TreeView-itemThumbnail",
".spectrum-TreeView-heading",
".spectrum-TreeView-item",
@@ -48,6 +45,9 @@
".spectrum-TreeView-itemLink:hover:before",
".spectrum-TreeView-section > .spectrum-TreeView",
".spectrum-TreeView-section:not(:first-child)",
+ ".spectrum-TreeView.spectrum-TreeView--detached",
+ ".spectrum-TreeView.spectrum-TreeView--quiet",
+ ".spectrum-TreeView.spectrum-TreeView--thumbnail",
".spectrum-TreeView:dir(rtl)",
"[dir=\"rtl\"] .spectrum-TreeView"
],
@@ -95,7 +95,6 @@
"--spectrum-treeview-font-size",
"--spectrum-treeview-heading-bottom-to-text",
"--spectrum-treeview-heading-color",
- "--spectrum-treeview-heading-font-weight",
"--spectrum-treeview-indicator-animation-duration",
"--spectrum-treeview-indicator-margin-inline-start",
"--spectrum-treeview-indicator-padding",
@@ -125,13 +124,13 @@
"--spectrum-treeview-item-min-block-size-thumbnail-offset-medium",
"--spectrum-treeview-item-padding-inline-end",
"--spectrum-treeview-item-padding-inline-start",
+ "--spectrum-treeview-item-sized-indentation",
+ "--spectrum-treeview-item-sized-min-block-size",
"--spectrum-treeview-item-text-color",
"--spectrum-treeview-item-text-color-disabled",
"--spectrum-treeview-item-text-color-focus",
"--spectrum-treeview-item-text-color-hover",
"--spectrum-treeview-item-text-color-selected",
- "--spectrum-treeview-line-height",
- "--spectrum-treeview-margin-block",
"--spectrum-treeview-section-spacing"
],
"global": [
@@ -158,7 +157,7 @@
"--spectrum-font-size-200",
"--spectrum-font-size-300",
"--spectrum-font-size-75",
- "--spectrum-gray-200",
+ "--spectrum-gray-100",
"--spectrum-gray-500",
"--spectrum-gray-700",
"--spectrum-gray-900",
@@ -168,7 +167,6 @@
"--spectrum-neutral-content-color-default",
"--spectrum-text-to-visual-75"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-treeview-heading-color",
diff --git a/components/treeview/metadata/mods.md b/components/treeview/metadata/mods.md
deleted file mode 100644
index 28ce9a4b246..00000000000
--- a/components/treeview/metadata/mods.md
+++ /dev/null
@@ -1,40 +0,0 @@
-| Modifiable custom properties |
-| ----------------------------------------------------- |
-| `--mod-treeview-font-size` |
-| `--mod-treeview-heading-bottom-to-text` |
-| `--mod-treeview-heading-color` |
-| `--mod-treeview-heading-font-weight` |
-| `--mod-treeview-indicator-animation-duration` |
-| `--mod-treeview-indicator-margin-inline-start` |
-| `--mod-treeview-indicator-padding-block` |
-| `--mod-treeview-indicator-padding-inline` |
-| `--mod-treeview-item-background-color-focus` |
-| `--mod-treeview-item-background-color-hover` |
-| `--mod-treeview-item-background-color-quiet-selected` |
-| `--mod-treeview-item-background-color-selected` |
-| `--mod-treeview-item-border-color-focus` |
-| `--mod-treeview-item-border-color-selected` |
-| `--mod-treeview-item-border-color-selected-quiet` |
-| `--mod-treeview-item-border-radius` |
-| `--mod-treeview-item-border-radius-detached` |
-| `--mod-treeview-item-border-size` |
-| `--mod-treeview-item-border-size-selected` |
-| `--mod-treeview-item-icon-color` |
-| `--mod-treeview-item-icon-color-disabled` |
-| `--mod-treeview-item-icon-color-focus` |
-| `--mod-treeview-item-icon-color-hover` |
-| `--mod-treeview-item-icon-color-selected` |
-| `--mod-treeview-item-icon-gap` |
-| `--mod-treeview-item-indentation` |
-| `--mod-treeview-item-min-block-size` |
-| `--mod-treeview-item-min-block-size-thumbnail` |
-| `--mod-treeview-item-padding-inline-end` |
-| `--mod-treeview-item-padding-inline-start` |
-| `--mod-treeview-item-text-color` |
-| `--mod-treeview-item-text-color-disabled` |
-| `--mod-treeview-item-text-color-focus` |
-| `--mod-treeview-item-text-color-hover` |
-| `--mod-treeview-item-text-color-selected` |
-| `--mod-treeview-line-height` |
-| `--mod-treeview-margin-block` |
-| `--mod-treeview-section-spacing` |
diff --git a/components/treeview/package.json b/components/treeview/package.json
index ce535fb0cc0..c86bdd183d1 100644
--- a/components/treeview/package.json
+++ b/components/treeview/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/treeview",
- "version": "10.4.0",
+ "version": "11.0.0-next.0",
"description": "The Spectrum CSS Tree view component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,23 +17,24 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/thumbnail": ">=6",
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/icon": ">=8.0.0-s2-foundations.0",
+ "@spectrum-css/thumbnail": ">=7.0.0-next.0",
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"peerDependenciesMeta": {
"@spectrum-css/thumbnail": {
diff --git a/components/treeview/stories/template.js b/components/treeview/stories/template.js
index 9f5c0a787a0..6c15ccdacd7 100644
--- a/components/treeview/stories/template.js
+++ b/components/treeview/stories/template.js
@@ -103,7 +103,7 @@ export const TreeViewItem = ({
: size == "l" ? "400"
: size == "xl" ? "600"
: "300",
-
+
isLayer: true,
isSelected,
isDisabled,
diff --git a/components/treeview/stories/treeview.stories.js b/components/treeview/stories/treeview.stories.js
index f83b8385895..0d3a991ea10 100644
--- a/components/treeview/stories/treeview.stories.js
+++ b/components/treeview/stories/treeview.stories.js
@@ -37,6 +37,10 @@ export default {
actions: {
handles: ["click .spectrum-TreeView-itemLink"],
},
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=64762-1960",
+ },
packageJson,
metadata,
},
diff --git a/components/treeview/themes/express.css b/components/treeview/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/treeview/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/treeview/themes/spectrum.css b/components/treeview/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/treeview/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/typography/CHANGELOG.md b/components/typography/CHANGELOG.md
index 9c1f3d68b22..26de06c7978 100644
--- a/components/typography/CHANGELOG.md
+++ b/components/typography/CHANGELOG.md
@@ -1,5 +1,250 @@
# Change Log
+## 7.0.0-s2-foundations.18
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 7.0.0-s2-foundations.17
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 7.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 7.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4e80ae6`](https://github.com/adobe/spectrum-css/commit/4e80ae67ddda329a5ed556b57426623c6f0f13f0) Thanks [@pfulton](https://github.com/pfulton)! - ActionButton:
+
+ - Correct --spectrum-actionbutton-background-color-selected-disabled to be --spectrum-actionbutton-(background|border)-color-disabled-selected
+
+ Combobox:
+
+ - Move --spectrum-combobox-min-inline-size and --spectrum-combobox-button-width to the index.css
+
+ FieldGroup:
+
+ - Swap gap back to margin-inline-end on FieldGroup
+
+ Typography:
+
+ - Remap body size to xs if xxs provided
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9ae725f`](https://github.com/adobe/spectrum-css/commit/9ae725f10ebbb78b62070c4c477cb41cfc1b1ed6) Thanks [@pfulton](https://github.com/pfulton)! - Combobox moved the quiet min-inline-size property to index.css from theme to pick up the t-shirt sizing for the calc.
+
+ Typography increases specificity for the t-shirt sizing.
+
+ Stepper fixes for the disabled + hovered states as well as regressions fixed for the quiet variant.
+
+## 7.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 7.0.0-s2-foundations.13
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 7.0.0-s2-foundations.12
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 7.0.0-s2-foundations.11
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 7.0.0-s2-foundations.10
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`494da11`](https://github.com/adobe/spectrum-css/commit/494da118554c2ecc425564e42d25424325efc331) Thanks [@pfulton](https://github.com/pfulton)! - ## Feature [@spectrum-css/icon]
+
+ Update source files to load the mappings from component-level to global tokens for size and transform values. This will allow for more consistent and predictable behavior when using the `size` and `transform` props on icons when switching between contexts for S1, S2, and Express.
+
+ ## Patch [@spectrum-css/typography]
+
+ Remove the sourcemap footer from compiled assets.
+
+## 7.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 7.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 7.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 7.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 7.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 7.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 7.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 7.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 7.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 7.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 6.2.0
### Minor Changes
@@ -48,16 +293,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 6.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.1.5...@spectrum-css/typography@6.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.1.5...@spectrum-css/typography@6.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -65,8 +307,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.5
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.1.4...@spectrum-css/typography@5.1.5)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.1.4...@spectrum-css/typography@5.1.5)
**Note:** Version bump only for package @spectrum-css/typography
@@ -74,8 +315,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.4
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.1.3...@spectrum-css/typography@5.1.4)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.1.3...@spectrum-css/typography@5.1.4)
**Note:** Version bump only for package @spectrum-css/typography
@@ -83,8 +323,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.3
-🗓
-2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.1.2...@spectrum-css/typography@5.1.3)
+🗓 2024-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.1.2...@spectrum-css/typography@5.1.3)
**Note:** Version bump only for package @spectrum-css/typography
@@ -92,8 +331,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.1.1...@spectrum-css/typography@5.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.1.1...@spectrum-css/typography@5.1.2)
**Note:** Version bump only for package @spectrum-css/typography
@@ -101,8 +339,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/typography
@@ -110,8 +347,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.50...@spectrum-css/typography@5.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.50...@spectrum-css/typography@5.1.0)
### ✨ Features
@@ -121,8 +357,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.50
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.49...@spectrum-css/typography@5.0.50)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.49...@spectrum-css/typography@5.0.50)
**Note:** Version bump only for package @spectrum-css/typography
@@ -130,8 +365,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.49
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.48...@spectrum-css/typography@5.0.49)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.48...@spectrum-css/typography@5.0.49)
**Note:** Version bump only for package @spectrum-css/typography
@@ -139,8 +373,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.48
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.46...@spectrum-css/typography@5.0.48)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.46...@spectrum-css/typography@5.0.48)
**Note:** Version bump only for package @spectrum-css/typography
@@ -148,8 +381,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.47
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.46...@spectrum-css/typography@5.0.47)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.46...@spectrum-css/typography@5.0.47)
**Note:** Version bump only for package @spectrum-css/typography
@@ -157,8 +389,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.46
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.45...@spectrum-css/typography@5.0.46)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.45...@spectrum-css/typography@5.0.46)
**Note:** Version bump only for package @spectrum-css/typography
@@ -166,8 +397,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.45
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.44...@spectrum-css/typography@5.0.45)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.44...@spectrum-css/typography@5.0.45)
**Note:** Version bump only for package @spectrum-css/typography
@@ -175,8 +405,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.44
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.43...@spectrum-css/typography@5.0.44)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.43...@spectrum-css/typography@5.0.44)
**Note:** Version bump only for package @spectrum-css/typography
@@ -184,8 +413,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.43
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.42...@spectrum-css/typography@5.0.43)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.42...@spectrum-css/typography@5.0.43)
**Note:** Version bump only for package @spectrum-css/typography
@@ -193,8 +421,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.42
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.41...@spectrum-css/typography@5.0.42)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.41...@spectrum-css/typography@5.0.42)
**Note:** Version bump only for package @spectrum-css/typography
@@ -202,8 +429,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.41
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.40...@spectrum-css/typography@5.0.41)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.40...@spectrum-css/typography@5.0.41)
**Note:** Version bump only for package @spectrum-css/typography
@@ -211,8 +437,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.40
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.39...@spectrum-css/typography@5.0.40)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.39...@spectrum-css/typography@5.0.40)
**Note:** Version bump only for package @spectrum-css/typography
@@ -220,8 +445,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.39
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.38...@spectrum-css/typography@5.0.39)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.38...@spectrum-css/typography@5.0.39)
**Note:** Version bump only for package @spectrum-css/typography
@@ -229,8 +453,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.38
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.37...@spectrum-css/typography@5.0.38)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.37...@spectrum-css/typography@5.0.38)
**Note:** Version bump only for package @spectrum-css/typography
@@ -238,8 +461,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.37
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.36...@spectrum-css/typography@5.0.37)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.36...@spectrum-css/typography@5.0.37)
### 🔙 Reverts
@@ -249,8 +471,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.36
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.35...@spectrum-css/typography@5.0.36)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.35...@spectrum-css/typography@5.0.36)
**Note:** Version bump only for package @spectrum-css/typography
@@ -258,8 +479,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.35
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.33...@spectrum-css/typography@5.0.35)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.33...@spectrum-css/typography@5.0.35)
**Note:** Version bump only for package @spectrum-css/typography
@@ -267,8 +487,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.34
-🗓
-2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.33...@spectrum-css/typography@5.0.34)
+🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.33...@spectrum-css/typography@5.0.34)
**Note:** Version bump only for package @spectrum-css/typography
@@ -276,8 +495,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.33
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.32...@spectrum-css/typography@5.0.33)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.32...@spectrum-css/typography@5.0.33)
**Note:** Version bump only for package @spectrum-css/typography
@@ -285,8 +503,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.32
-🗓
-2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.31...@spectrum-css/typography@5.0.32)
+🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.31...@spectrum-css/typography@5.0.32)
**Note:** Version bump only for package @spectrum-css/typography
@@ -294,8 +511,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.31
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.30...@spectrum-css/typography@5.0.31)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.30...@spectrum-css/typography@5.0.31)
**Note:** Version bump only for package @spectrum-css/typography
@@ -303,8 +519,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.30
-🗓
-2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.29...@spectrum-css/typography@5.0.30)
+🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.29...@spectrum-css/typography@5.0.30)
**Note:** Version bump only for package @spectrum-css/typography
@@ -312,8 +527,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.29
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.28...@spectrum-css/typography@5.0.29)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.28...@spectrum-css/typography@5.0.29)
**Note:** Version bump only for package @spectrum-css/typography
@@ -321,8 +535,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.28
-🗓
-2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.27...@spectrum-css/typography@5.0.28)
+🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.27...@spectrum-css/typography@5.0.28)
**Note:** Version bump only for package @spectrum-css/typography
@@ -330,8 +543,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.27
-🗓
-2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.26...@spectrum-css/typography@5.0.27)
+🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.26...@spectrum-css/typography@5.0.27)
**Note:** Version bump only for package @spectrum-css/typography
@@ -339,8 +551,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.26
-🗓
-2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.25...@spectrum-css/typography@5.0.26)
+🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.25...@spectrum-css/typography@5.0.26)
**Note:** Version bump only for package @spectrum-css/typography
@@ -348,8 +559,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.25
-🗓
-2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.24...@spectrum-css/typography@5.0.25)
+🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.24...@spectrum-css/typography@5.0.25)
**Note:** Version bump only for package @spectrum-css/typography
@@ -357,8 +567,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.24
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.23...@spectrum-css/typography@5.0.24)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.23...@spectrum-css/typography@5.0.24)
**Note:** Version bump only for package @spectrum-css/typography
@@ -366,8 +575,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.23
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.22...@spectrum-css/typography@5.0.23)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.22...@spectrum-css/typography@5.0.23)
**Note:** Version bump only for package @spectrum-css/typography
@@ -375,8 +583,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.22
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.21...@spectrum-css/typography@5.0.22)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.21...@spectrum-css/typography@5.0.22)
### 🐛 Bug fixes
@@ -386,8 +593,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.21
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.20...@spectrum-css/typography@5.0.21)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.20...@spectrum-css/typography@5.0.21)
**Note:** Version bump only for package @spectrum-css/typography
@@ -395,8 +601,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.20
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.19...@spectrum-css/typography@5.0.20)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/typography@5.0.19...@spectrum-css/typography@5.0.20)
**Note:** Version bump only for package @spectrum-css/typography
diff --git a/components/typography/index.css b/components/typography/index.css
index a0f708e0387..72f7fb92f13 100644
--- a/components/typography/index.css
+++ b/components/typography/index.css
@@ -11,18 +11,8 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
/* Typography - Default */
-/* stylelint-disable selector-class-pattern -- @todo update this in a future breaking change to :root or .spectrum-Typography */
-.spectrum {
- --spectrum-font-family-ar: myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
- --spectrum-font-family-he: myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
-
- --spectrum-font-family: var(--spectrum-sans-font-family-stack);
- --spectrum-font-style: var(--spectrum-default-font-style);
- --spectrum-font-size: var(--spectrum-font-size-100);
-
+.spectrum-Typography {
font-family: var(--spectrum-font-family);
font-style: var(--spectrum-font-style);
font-size: var(--spectrum-font-size);
@@ -34,33 +24,60 @@
&:lang(he) {
font-family: var(--spectrum-font-family-he);
}
+
+ /* Add margin when inside a Typography component */
+ .spectrum-Heading {
+ --spectrum-heading-margin-start: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-top-multiplier));
+ --spectrum-heading-margin-end: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-bottom-multiplier));
+ }
+
+ .spectrum-Body {
+ --spectrum-body-margin-end: calc(var(--mod-body-font-size, var(--spectrum-body-font-size)) * var(--spectrum-body-margin-multiplier));
+ }
+
+ .spectrum-Detail {
+ --spectrum-detail-margin-start: calc(var(--mod-detail-font-size, var(--spectrum-detail-font-size)) * var(--spectrum-detail-margin-top-multiplier));
+ --spectrum-detail-margin-end: calc(var(--mod-detail-font-size, var(--spectrum-detail-font-size)) * var(--spectrum-detail-margin-bottom-multiplier));
+ }
}
-/* stylelint-enable selector-class-pattern */
-/* Typography - Heading */
+/* Windows high contrast mode */
+@media (forced-colors: active) {
+ .spectrum-Heading {
+ --highcontrast-heading-font-color: Text;
+ }
+
+ .spectrum-Body {
+ --highcontrast-body-font-color: Text;
+ }
+
+ .spectrum-Detail {
+ --highcontrast-detail-font-color: Text;
+ }
+
+ .spectrum-Code {
+ --highcontrast-code-font-color: Text;
+ }
+}
-/* Heading tokens */
+/* Heading */
.spectrum-Heading {
+ --spectrum-heading-font-size: var(--spectrum-heading-size-m);
+ --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-m);
+
--spectrum-heading-sans-serif-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-heading-serif-font-family: var(--spectrum-serif-font-family-stack);
- --spectrum-heading-cjk-font-family: var(--spectrum-cjk-font-family-stack);
+ --spectrum-heading-cjk-font-family: var(--spectrum-cjk-font-family-stack);
--spectrum-heading-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
--spectrum-heading-font-color: var(--spectrum-heading-color);
--spectrum-heading-margin-start: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-top-multiplier));
--spectrum-heading-margin-end: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-bottom-multiplier));
-}
-/* Windows high contrast mode */
-@media (forced-colors: active) {
- .spectrum-Heading {
- --highcontrast-heading-font-color: Text;
- }
}
-/* Heading t-shirt sizes */
.spectrum-Heading--sizeXXS {
--spectrum-heading-font-size: var(--spectrum-heading-size-xxs);
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxs);
@@ -76,11 +93,6 @@
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-s);
}
-.spectrum-Heading--sizeM {
- --spectrum-heading-font-size: var(--spectrum-heading-size-m);
- --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-m);
-}
-
.spectrum-Heading--sizeL {
--spectrum-heading-font-size: var(--spectrum-heading-size-l);
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-l);
@@ -101,7 +113,6 @@
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxxl);
}
-/* Heading styles */
.spectrum-Heading {
font-family: var(--mod-heading-sans-serif-font-family, var(--spectrum-heading-sans-serif-font-family));
font-style: var(--mod-heading-sans-serif-font-style, var(--spectrum-heading-sans-serif-font-style));
@@ -109,8 +120,8 @@
font-size: var(--mod-heading-font-size, var(--spectrum-heading-font-size));
color: var(--highcontrast-heading-font-color, var(--mod-heading-font-color, var(--spectrum-heading-font-color)));
line-height: var(--mod-heading-line-height, var(--spectrum-heading-line-height));
- margin-block-start: 0;
- margin-block-end: 0;
+ margin-block-start: var(--mod-heading-margin-start, var(--spectrum-heading-margin-start, 0));
+ margin-block-end: var(--mod-heading-margin-end, var(--spectrum-heading-margin-end, 0));
strong,
.spectrum-Heading-strong {
@@ -341,35 +352,19 @@
}
}
-/* Add margin when inside a Typography component */
-.spectrum-Typography .spectrum-Heading {
- margin-block-start: var(--mod-heading-margin-start, var(--spectrum-heading-margin-start));
- margin-block-end: var(--mod-heading-margin-end, var(--spectrum-heading-margin-end));
-}
-
/* Body */
-
-/* Body tokens */
.spectrum-Body {
+ --spectrum-body-font-size: var(--spectrum-body-size-m);
+
--spectrum-body-sans-serif-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-body-serif-font-family: var(--spectrum-serif-font-family-stack);
- --spectrum-body-cjk-font-family: var(--spectrum-cjk-font-family-stack);
+ --spectrum-body-cjk-font-family: var(--spectrum-cjk-font-family-stack);
--spectrum-body-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
- --spectrum-body-margin: calc(var(--mod-body-font-size, var(--spectrum-body-font-size)) * var(--spectrum-body-margin-multiplier));
-
--spectrum-body-font-color: var(--spectrum-body-color);
}
-/* Windows high contrast mode */
-@media (forced-colors: active) {
- .spectrum-Body {
- --highcontrast-body-font-color: Text;
- }
-}
-
-/* Body t-shirt sizes */
.spectrum-Body--sizeXS {
--spectrum-body-font-size: var(--spectrum-body-size-xs);
}
@@ -378,10 +373,6 @@
--spectrum-body-font-size: var(--spectrum-body-size-s);
}
-.spectrum-Body--sizeM {
- --spectrum-body-font-size: var(--spectrum-body-size-m);
-}
-
.spectrum-Body--sizeL {
--spectrum-body-font-size: var(--spectrum-body-size-l);
}
@@ -398,17 +389,15 @@
--spectrum-body-font-size: var(--spectrum-body-size-xxxl);
}
-/* Body styles */
-
-/* Body - Default */
.spectrum-Body {
font-family: var(--mod-body-sans-serif-font-family, var(--spectrum-body-sans-serif-font-family));
font-style: var(--mod-body-sans-serif-font-style, var(--spectrum-body-sans-serif-font-style));
font-weight: var(--mod-body-sans-serif-font-weight, var(--spectrum-body-sans-serif-font-weight));
font-size: var(--mod-body-font-size, var(--spectrum-body-font-size));
color: var(--highcontrast-body-font-color, var(--mod-body-font-color, var(--spectrum-body-font-color)));
- margin-block-start: 0;
- margin-block-end: 0;
+
+ margin-block-start: var(--mod-body-margin-start, var(--mod-body-margin, 0));
+ margin-block-end: var(--mod-body-margin-end, var(--mod-body-margin, var(--spectrum-body-margin-end, 0)));
line-height: var(--mod-body-line-height, var(--spectrum-body-line-height));
@@ -463,6 +452,7 @@
}
}
+/* Body - Serif */
.spectrum-Body--serif {
font-family: var(--mod-body-serif-font-family, var(--spectrum-body-serif-font-family));
font-weight: var(--mod-body-serif-font-weight, var(--spectrum-body-serif-font-weight));
@@ -488,15 +478,10 @@
}
}
-/* Add margin when inside a Typography component */
-.spectrum-Typography .spectrum-Body {
- margin-block-end: var(--mod-body-margin, var(--spectrum-body-margin));
-}
-
/* Detail */
-
-/* Detail tokens */
.spectrum-Detail {
+ --spectrum-detail-font-size: var(--spectrum-detail-size-m);
+
--spectrum-detail-sans-serif-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-detail-serif-font-family: var(--spectrum-serif-font-family-stack);
--spectrum-detail-cjk-font-family: var(--spectrum-cjk-font-family-stack);
@@ -507,22 +492,10 @@
--spectrum-detail-font-color: var(--spectrum-detail-color);
}
-/* Windows high contrast mode */
-@media (forced-colors: active) {
- .spectrum-Detail {
- --highcontrast-detail-font-color: Text;
- }
-}
-
-/* Detail t-shirt sizes */
.spectrum-Detail--sizeS {
--spectrum-detail-font-size: var(--spectrum-detail-size-s);
}
-.spectrum-Detail--sizeM {
- --spectrum-detail-font-size: var(--spectrum-detail-size-m);
-}
-
.spectrum-Detail--sizeL {
--spectrum-detail-font-size: var(--spectrum-detail-size-l);
}
@@ -531,14 +504,13 @@
--spectrum-detail-font-size: var(--spectrum-detail-size-xl);
}
-/* Detail styles */
.spectrum-Detail {
font-family: var(--mod-detail-sans-serif-font-family, var(--spectrum-detail-sans-serif-font-family));
font-style: var(--mod-detail-sans-serif-font-style, var(--spectrum-detail-sans-serif-font-style));
font-weight: var(--mod-detail-sans-serif-font-weight, var(--spectrum-detail-sans-serif-font-weight));
font-size: var(--mod-detail-font-size, var(--spectrum-detail-font-size));
- margin-block-start: 0;
- margin-block-end: 0;
+ margin-block-start: var(--mod-detail-margin-start, var(--spectrum-detail-margin-start, 0));
+ margin-block-end: var(--mod-detail-margin-end, var(--spectrum-detail-margin-end, 0));
color: var(--highcontrast-detail-font-color, var(--mod-detail-font-color, var(--spectrum-detail-font-color)));
@@ -595,6 +567,7 @@
}
}
+/* Detail - Serif */
.spectrum-Detail--serif {
font-family: var(--mod-detail-serif-font-family, var(--spectrum-detail-serif-font-family));
font-style: var(--mod-detail-serif-font-style, var(--spectrum-detail-serif-font-style));
@@ -620,7 +593,7 @@
}
}
-/* Detail - Light */
+/* Detail - Light */
.spectrum-Detail--light {
font-style: var(--mod-detail-sans-serif-light-font-style, var(--spectrum-detail-sans-serif-light-font-style));
font-weight: var(--spectrum-detail-sans-serif-light-font-weight, var(--spectrum-detail-sans-serif-light-font-weight));
@@ -669,6 +642,7 @@
}
}
+/* Detail - Serif - Light */
.spectrum-Detail--serif.spectrum-Detail--light {
font-style: var(--mod-detail-serif-light-font-style, var(--spectrum-detail-serif-light-font-style));
font-weight: var(--mod-detail-serif-light-font-weight, var(--spectrum-detail-serif-light-font-weight));
@@ -693,29 +667,15 @@
}
}
-/* Add margin when inside a Typography component */
-.spectrum-Typography .spectrum-Detail {
- margin-block-start: var(--mod-detail-margin-start, var(--spectrum-detail-margin-start));
- margin-block-end: var(--mod-detail-margin-end, var(--spectrum-detail-margin-end));
-}
-
/* Code */
-
-/* Code tokens */
.spectrum-Code {
+ --spectrum-code-font-size: var(--spectrum-code-size-m);
+
--spectrum-code-font-family: var(--spectrum-code-font-family-stack);
--spectrum-code-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
--spectrum-code-font-color: var(--spectrum-code-color);
}
-/* Windows high contrast mode */
-@media (forced-colors: active) {
- .spectrum-Code {
- --highcontrast-code-font-color: Text;
- }
-}
-
-/* Code t-shirt sizes */
.spectrum-Code--sizeXS {
--spectrum-code-font-size: var(--spectrum-code-size-xs);
}
@@ -724,10 +684,6 @@
--spectrum-code-font-size: var(--spectrum-code-size-s);
}
-.spectrum-Code--sizeM {
- --spectrum-code-font-size: var(--spectrum-code-size-m);
-}
-
.spectrum-Code--sizeL {
--spectrum-code-font-size: var(--spectrum-code-size-l);
}
@@ -736,14 +692,13 @@
--spectrum-code-font-size: var(--spectrum-code-size-xl);
}
-/* Code styles */
.spectrum-Code {
font-family: var(--mod-code-font-family, var(--spectrum-code-font-family));
font-style: var(--mod-code-font-style, var(--spectrum-code-font-style));
font-weight: var(--mod-code-font-weight, var(--spectrum-code-font-weight));
font-size: var(--mod-code-font-size, var(--spectrum-code-font-size));
- margin-block-start: 0;
- margin-block-end: 0;
+ margin-block-start: var(--mod-code-margin-start, 0);
+ margin-block-end: var(--mod-code-margin-end, 0);
line-height: var(--mod-code-line-height, var(--spectrum-code-line-height));
diff --git a/components/typography/metadata/metadata.json b/components/typography/metadata/metadata.json
index 9235bb411b1..96b80e17f6e 100644
--- a/components/typography/metadata/metadata.json
+++ b/components/typography/metadata/metadata.json
@@ -18,7 +18,6 @@
".spectrum-Body--serif strong",
".spectrum-Body--serif strong em",
".spectrum-Body--sizeL",
- ".spectrum-Body--sizeM",
".spectrum-Body--sizeS",
".spectrum-Body--sizeXL",
".spectrum-Body--sizeXS",
@@ -57,7 +56,6 @@
".spectrum-Code strong",
".spectrum-Code strong em",
".spectrum-Code--sizeL",
- ".spectrum-Code--sizeM",
".spectrum-Code--sizeS",
".spectrum-Code--sizeXL",
".spectrum-Code--sizeXS",
@@ -136,7 +134,6 @@
".spectrum-Detail--serif.spectrum-Detail--light strong",
".spectrum-Detail--serif.spectrum-Detail--light strong em",
".spectrum-Detail--sizeL",
- ".spectrum-Detail--sizeM",
".spectrum-Detail--sizeS",
".spectrum-Detail--sizeXL",
".spectrum-Detail:lang(ja)",
@@ -260,7 +257,6 @@
".spectrum-Heading--serif.spectrum-Heading--light strong",
".spectrum-Heading--serif.spectrum-Heading--light strong em",
".spectrum-Heading--sizeL",
- ".spectrum-Heading--sizeM",
".spectrum-Heading--sizeS",
".spectrum-Heading--sizeXL",
".spectrum-Heading--sizeXS",
@@ -291,11 +287,12 @@
".spectrum-Heading:lang(zh) em strong",
".spectrum-Heading:lang(zh) strong",
".spectrum-Heading:lang(zh) strong em",
+ ".spectrum-Typography",
".spectrum-Typography .spectrum-Body",
".spectrum-Typography .spectrum-Detail",
".spectrum-Typography .spectrum-Heading",
- ".spectrum:lang(ar)",
- ".spectrum:lang(he)"
+ ".spectrum-Typography:lang(ar)",
+ ".spectrum-Typography:lang(he)"
],
"modifiers": [
"--mod-body-cjk-emphasized-font-style",
@@ -313,6 +310,8 @@
"--mod-body-font-size",
"--mod-body-line-height",
"--mod-body-margin",
+ "--mod-body-margin-end",
+ "--mod-body-margin-start",
"--mod-body-sans-serif-emphasized-font-style",
"--mod-body-sans-serif-emphasized-font-weight",
"--mod-body-sans-serif-font-family",
@@ -350,6 +349,8 @@
"--mod-code-font-style",
"--mod-code-font-weight",
"--mod-code-line-height",
+ "--mod-code-margin-end",
+ "--mod-code-margin-start",
"--mod-code-strong-emphasized-font-style",
"--mod-code-strong-emphasized-font-weight",
"--mod-code-strong-font-style",
@@ -512,7 +513,7 @@
"--spectrum-body-font-color",
"--spectrum-body-font-size",
"--spectrum-body-line-height",
- "--spectrum-body-margin",
+ "--spectrum-body-margin-end",
"--spectrum-body-margin-multiplier",
"--spectrum-body-sans-serif-emphasized-font-style",
"--spectrum-body-sans-serif-emphasized-font-weight",
@@ -571,7 +572,6 @@
"--spectrum-code-strong-emphasized-font-weight",
"--spectrum-code-strong-font-style",
"--spectrum-code-strong-font-weight",
- "--spectrum-default-font-style",
"--spectrum-detail-cjk-emphasized-font-style",
"--spectrum-detail-cjk-emphasized-font-weight",
"--spectrum-detail-cjk-font-family",
@@ -641,7 +641,6 @@
"--spectrum-font-family-ar",
"--spectrum-font-family-he",
"--spectrum-font-size",
- "--spectrum-font-size-100",
"--spectrum-font-style",
"--spectrum-heading-cjk-emphasized-font-style",
"--spectrum-heading-cjk-emphasized-font-weight",
@@ -748,7 +747,6 @@
"--spectrum-sans-font-family-stack",
"--spectrum-serif-font-family-stack"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": [
"--highcontrast-body-font-color",
diff --git a/components/typography/metadata/mods.md b/components/typography/metadata/mods.md
deleted file mode 100644
index 25bd5b5f0e4..00000000000
--- a/components/typography/metadata/mods.md
+++ /dev/null
@@ -1,198 +0,0 @@
-| Modifiable custom properties |
-| -------------------------------------------------------------- |
-| `--mod-body-cjk-emphasized-font-style` |
-| `--mod-body-cjk-emphasized-font-weight` |
-| `--mod-body-cjk-font-family` |
-| `--mod-body-cjk-font-style` |
-| `--mod-body-cjk-font-weight` |
-| `--mod-body-cjk-letter-spacing` |
-| `--mod-body-cjk-line-height` |
-| `--mod-body-cjk-strong-emphasized-font-style` |
-| `--mod-body-cjk-strong-emphasized-font-weight` |
-| `--mod-body-cjk-strong-font-style` |
-| `--mod-body-cjk-strong-font-weight` |
-| `--mod-body-font-color` |
-| `--mod-body-font-size` |
-| `--mod-body-line-height` |
-| `--mod-body-margin` |
-| `--mod-body-sans-serif-emphasized-font-style` |
-| `--mod-body-sans-serif-emphasized-font-weight` |
-| `--mod-body-sans-serif-font-family` |
-| `--mod-body-sans-serif-font-style` |
-| `--mod-body-sans-serif-font-weight` |
-| `--mod-body-sans-serif-strong-emphasized-font-style` |
-| `--mod-body-sans-serif-strong-emphasized-font-weight` |
-| `--mod-body-sans-serif-strong-font-style` |
-| `--mod-body-sans-serif-strong-font-weight` |
-| `--mod-body-serif-emphasized-font-style` |
-| `--mod-body-serif-emphasized-font-weight` |
-| `--mod-body-serif-font-family` |
-| `--mod-body-serif-font-style` |
-| `--mod-body-serif-font-weight` |
-| `--mod-body-serif-strong-emphasized-font-style` |
-| `--mod-body-serif-strong-emphasized-font-weight` |
-| `--mod-body-serif-strong-font-style` |
-| `--mod-body-serif-strong-font-weight` |
-| `--mod-code-cjk-emphasized-font-style` |
-| `--mod-code-cjk-emphasized-font-weight` |
-| `--mod-code-cjk-font-family` |
-| `--mod-code-cjk-font-style` |
-| `--mod-code-cjk-font-weight` |
-| `--mod-code-cjk-letter-spacing` |
-| `--mod-code-cjk-line-height` |
-| `--mod-code-cjk-strong-emphasized-font-style` |
-| `--mod-code-cjk-strong-emphasized-font-weight` |
-| `--mod-code-cjk-strong-font-style` |
-| `--mod-code-cjk-strong-font-weight` |
-| `--mod-code-emphasized-font-style` |
-| `--mod-code-emphasized-font-weight` |
-| `--mod-code-font-color` |
-| `--mod-code-font-family` |
-| `--mod-code-font-size` |
-| `--mod-code-font-style` |
-| `--mod-code-font-weight` |
-| `--mod-code-line-height` |
-| `--mod-code-strong-emphasized-font-style` |
-| `--mod-code-strong-emphasized-font-weight` |
-| `--mod-code-strong-font-style` |
-| `--mod-code-strong-font-weight` |
-| `--mod-detail-cjk-emphasized-font-style` |
-| `--mod-detail-cjk-emphasized-font-weight` |
-| `--mod-detail-cjk-font-family` |
-| `--mod-detail-cjk-font-style` |
-| `--mod-detail-cjk-font-weight` |
-| `--mod-detail-cjk-light-emphasized-font-style` |
-| `--mod-detail-cjk-light-emphasized-font-weight` |
-| `--mod-detail-cjk-light-font-style` |
-| `--mod-detail-cjk-light-font-weight` |
-| `--mod-detail-cjk-light-strong-emphasized-font-style` |
-| `--mod-detail-cjk-light-strong-emphasized-font-weight` |
-| `--mod-detail-cjk-light-strong-font-style` |
-| `--mod-detail-cjk-light-strong-font-weight` |
-| `--mod-detail-cjk-line-height` |
-| `--mod-detail-cjk-strong-emphasized-font-style` |
-| `--mod-detail-cjk-strong-emphasized-font-weight` |
-| `--mod-detail-cjk-strong-font-style` |
-| `--mod-detail-cjk-strong-font-weight` |
-| `--mod-detail-font-color` |
-| `--mod-detail-font-size` |
-| `--mod-detail-letter-spacing` |
-| `--mod-detail-line-height` |
-| `--mod-detail-margin-end` |
-| `--mod-detail-margin-start` |
-| `--mod-detail-sans-serif-emphasized-font-style` |
-| `--mod-detail-sans-serif-emphasized-font-weight` |
-| `--mod-detail-sans-serif-font-family` |
-| `--mod-detail-sans-serif-font-style` |
-| `--mod-detail-sans-serif-font-weight` |
-| `--mod-detail-sans-serif-light-emphasized-font-style` |
-| `--mod-detail-sans-serif-light-emphasized-font-weight` |
-| `--mod-detail-sans-serif-light-font-style` |
-| `--mod-detail-sans-serif-light-strong-emphasized-font-style` |
-| `--mod-detail-sans-serif-light-strong-emphasized-font-weight` |
-| `--mod-detail-sans-serif-light-strong-font-style` |
-| `--mod-detail-sans-serif-light-strong-font-weight` |
-| `--mod-detail-sans-serif-strong-emphasized-font-style` |
-| `--mod-detail-sans-serif-strong-emphasized-font-weight` |
-| `--mod-detail-sans-serif-strong-font-style` |
-| `--mod-detail-sans-serif-strong-font-weight` |
-| `--mod-detail-serif-emphasized-font-style` |
-| `--mod-detail-serif-emphasized-font-weight` |
-| `--mod-detail-serif-font-family` |
-| `--mod-detail-serif-font-style` |
-| `--mod-detail-serif-font-weight` |
-| `--mod-detail-serif-light-emphasized-font-style` |
-| `--mod-detail-serif-light-emphasized-font-weight` |
-| `--mod-detail-serif-light-font-style` |
-| `--mod-detail-serif-light-font-weight` |
-| `--mod-detail-serif-light-strong-emphasized-font-style` |
-| `--mod-detail-serif-light-strong-emphasized-font-weight` |
-| `--mod-detail-serif-light-strong-font-style` |
-| `--mod-detail-serif-light-strong-font-weight` |
-| `--mod-detail-serif-strong-emphasized-font-style` |
-| `--mod-detail-serif-strong-emphasized-font-weight` |
-| `--mod-detail-serif-strong-font-style` |
-| `--mod-detail-serif-strong-font-weight` |
-| `--mod-heading-cjk-emphasized-font-style` |
-| `--mod-heading-cjk-emphasized-font-weight` |
-| `--mod-heading-cjk-font-family` |
-| `--mod-heading-cjk-font-size` |
-| `--mod-heading-cjk-font-style` |
-| `--mod-heading-cjk-font-weight` |
-| `--mod-heading-cjk-heavy-emphasized-font-style` |
-| `--mod-heading-cjk-heavy-emphasized-font-weight` |
-| `--mod-heading-cjk-heavy-font-style` |
-| `--mod-heading-cjk-heavy-font-weight` |
-| `--mod-heading-cjk-heavy-strong-emphasized-font-style` |
-| `--mod-heading-cjk-heavy-strong-emphasized-font-weight` |
-| `--mod-heading-cjk-heavy-strong-font-style` |
-| `--mod-heading-cjk-heavy-strong-font-weight` |
-| `--mod-heading-cjk-letter-spacing` |
-| `--mod-heading-cjk-light-emphasized-font-style` |
-| `--mod-heading-cjk-light-emphasized-font-weight` |
-| `--mod-heading-cjk-light-font-style` |
-| `--mod-heading-cjk-light-font-weight` |
-| `--mod-heading-cjk-light-strong-emphasized-font-style` |
-| `--mod-heading-cjk-light-strong-emphasized-font-weight` |
-| `--mod-heading-cjk-light-strong-font-style` |
-| `--mod-heading-cjk-light-strong-font-weight` |
-| `--mod-heading-cjk-line-height` |
-| `--mod-heading-cjk-strong-emphasized-font-style` |
-| `--mod-heading-cjk-strong-emphasized-font-weight` |
-| `--mod-heading-cjk-strong-font-style` |
-| `--mod-heading-cjk-strong-font-weight` |
-| `--mod-heading-font-color` |
-| `--mod-heading-font-size` |
-| `--mod-heading-line-height` |
-| `--mod-heading-margin-end` |
-| `--mod-heading-margin-start` |
-| `--mod-heading-sans-serif-emphasized-font-style` |
-| `--mod-heading-sans-serif-emphasized-font-weight` |
-| `--mod-heading-sans-serif-font-family` |
-| `--mod-heading-sans-serif-font-style` |
-| `--mod-heading-sans-serif-font-weight` |
-| `--mod-heading-sans-serif-heavy-emphasized-font-style` |
-| `--mod-heading-sans-serif-heavy-emphasized-font-weight` |
-| `--mod-heading-sans-serif-heavy-font-style` |
-| `--mod-heading-sans-serif-heavy-font-weight` |
-| `--mod-heading-sans-serif-heavy-strong-emphasized-font-style` |
-| `--mod-heading-sans-serif-heavy-strong-emphasized-font-weight` |
-| `--mod-heading-sans-serif-heavy-strong-font-style` |
-| `--mod-heading-sans-serif-heavy-strong-font-weight` |
-| `--mod-heading-sans-serif-light-emphasized-font-style` |
-| `--mod-heading-sans-serif-light-emphasized-font-weight` |
-| `--mod-heading-sans-serif-light-font-style` |
-| `--mod-heading-sans-serif-light-font-weight` |
-| `--mod-heading-sans-serif-light-strong-emphasized-font-style` |
-| `--mod-heading-sans-serif-light-strong-emphasized-font-weight` |
-| `--mod-heading-sans-serif-light-strong-font-style` |
-| `--mod-heading-sans-serif-light-strong-font-weight` |
-| `--mod-heading-sans-serif-strong-emphasized-font-style` |
-| `--mod-heading-sans-serif-strong-emphasized-font-weight` |
-| `--mod-heading-sans-serif-strong-font-style` |
-| `--mod-heading-sans-serif-strong-font-weight` |
-| `--mod-heading-serif-emphasized-font-style` |
-| `--mod-heading-serif-emphasized-font-weight` |
-| `--mod-heading-serif-font-family` |
-| `--mod-heading-serif-font-style` |
-| `--mod-heading-serif-font-weight` |
-| `--mod-heading-serif-heavy-emphasized-font-style` |
-| `--mod-heading-serif-heavy-emphasized-font-weight` |
-| `--mod-heading-serif-heavy-font-style` |
-| `--mod-heading-serif-heavy-font-weight` |
-| `--mod-heading-serif-heavy-strong-emphasized-font-style` |
-| `--mod-heading-serif-heavy-strong-emphasized-font-weight` |
-| `--mod-heading-serif-heavy-strong-font-style` |
-| `--mod-heading-serif-heavy-strong-font-weight` |
-| `--mod-heading-serif-light-emphasized-font-style` |
-| `--mod-heading-serif-light-emphasized-font-weight` |
-| `--mod-heading-serif-light-font-style` |
-| `--mod-heading-serif-light-font-weight` |
-| `--mod-heading-serif-light-strong-emphasized-font-style` |
-| `--mod-heading-serif-light-strong-emphasized-font-weight` |
-| `--mod-heading-serif-light-strong-font-style` |
-| `--mod-heading-serif-light-strong-font-weight` |
-| `--mod-heading-serif-strong-emphasized-font-style` |
-| `--mod-heading-serif-strong-emphasized-font-weight` |
-| `--mod-heading-serif-strong-font-style` |
-| `--mod-heading-serif-strong-font-weight` |
diff --git a/components/typography/package.json b/components/typography/package.json
index 75fb05313c9..2fe42b1d36e 100644
--- a/components/typography/package.json
+++ b/components/typography/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/typography",
- "version": "6.2.0",
+ "version": "7.0.0-s2-foundations.18",
"description": "The Spectrum CSS typography component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14.5.0"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/typography/stories/typography.mdx b/components/typography/stories/typography.mdx
index fe2358db436..c6c198de128 100644
--- a/components/typography/stories/typography.mdx
+++ b/components/typography/stories/typography.mdx
@@ -1,17 +1,17 @@
import {
- Meta,
- Title,
- Subtitle,
- Description,
- ArgTypes,
- Canvas,
- Source,
- Story,
+ Meta,
+ Title,
+ Subtitle,
+ Description,
+ ArgTypes,
+ Canvas,
+ Source,
+ Story,
} from "@storybook/blocks";
import {
- ComponentDetails,
- TaggedReleases,
- PropertiesTable,
+ ComponentDetails,
+ TaggedReleases,
+ PropertiesTable,
} from "@spectrum-css/preview/blocks";
import * as TypographyStories from "./typography.stories";
diff --git a/components/typography/stories/typography.stories.js b/components/typography/stories/typography.stories.js
index ae6c313705f..fd7c687b6af 100644
--- a/components/typography/stories/typography.stories.js
+++ b/components/typography/stories/typography.stories.js
@@ -77,6 +77,10 @@ export default {
semantics: "body",
},
parameters: {
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=1-3",
+ },
packageJson,
metadata,
},
diff --git a/components/typography/themes/express.css b/components/typography/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/typography/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/typography/themes/spectrum.css b/components/typography/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/typography/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/underlay/CHANGELOG.md b/components/underlay/CHANGELOG.md
index 94a507a10f9..0db8d13fa05 100644
--- a/components/underlay/CHANGELOG.md
+++ b/components/underlay/CHANGELOG.md
@@ -1,5 +1,264 @@
# Change Log
+## 4.1.1-next.0
+
+### Patch Changes
+
+- [#2860](https://github.com/adobe/spectrum-css/pull/2860) [`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08) Thanks [@marissahuysentruyt](https://github.com/marissahuysentruyt)! - Spectrum 2 Standard Dialog Migration
+
+ This is the migration for standard dialog. The Divider component is no longer supported in S2 dialogs. In addition, some new and updated tokens are in place to update dialog corner rounding, font treatments, spacing/padding, and maximum/minimum widths. There were several new elements implemented as well, including optional header and footer content, hero/cover images, checkbox and text-only options in the footer content area.
+
+ The `.spectrum-Dialog--small`, `.spectrum-Dialog--medium`, and `.spectrum-Dialog--large` sizing classes were deprecated and removed from the CSS in favor of the t-shirt sizes. Additionally, the spelling of the `.spectrum-Dialog--dismissable` class was corrected to `.spectrum-Dialog--dismissible`.
+
+ Mod properties are either "new," have been renamed to reflect the respective dialog language, or were removed:
+
+ _New Mods_
+ `--mod-standard-dialog-spacing-title-to-header-content`
+ `--mod-standard-dialog-spacing-title-to-description`
+ `--mod-standard-dialog-header-content-font-size`
+
+ _Renamed Mods_
+ `--mod-dialog-confirm-small-width` > `--mod-standard-dialog-max-width-small`
+ `--mod-dialog-confirm-medium-width` > `--mod-standard-dialog-max-width`
+ `--mod-dialog-confirm-large-width` > `--mod-standard-dialog-max-width-large`
+ `--mod-dialog-confirm-border-radius` > `--mod-standard-dialog-border-radius`
+ `--mod-dialog-confirm-description-text-size` > `--mod-standard-dialog-description-font-size`
+ `--mod-dialog-confirm-description-text-line-height` > `--mod-standard-dialog-description-line-height`
+ `--mod-dialog-confirm-description-text-color` > `--mod-standard-dialog-description-text-color`
+ `--mod-dialog-confirm-description-font-weight` > `--mod-standard-dialog-description-font-weight`
+ `--mod-dialog-heading-font-weight` > `--mod-standard-dialog-heading-font-weight`
+ `--mod-dialog-confirm-title-text-line-height` > `--mod-standard-dialog-heading-line-height`
+ `--mod-dialog-confirm-title-text-color` > `--mod-standard-dialog-heading-text-color`
+ `--mod-dialog-confirm-title-text-size` > `--mod-standard-dialog-heading-font-size`
+ `--mod-dialog-confirm-hero-height` > `--mod-standard-dialog-hero-block-size`
+ `--mod-dialog-min-inline-size` > `--mod-standard-dialog-min-inline-size`
+ `--mod-dialog-confirm-padding-grid` > `--mod-standard-dialog-spacing-grid-padding`
+ `--mod-dialog-confirm-footer-padding-top` > `--mod-standard-dialog-spacing-description-to-footer`
+ `--mod-dialog-confirm-close-button-padding` > `--mod-standard-dialog-spacing-edge-to-close-button`
+ `--mod-dialog-confirm-gap-size` > `--mod-standard-dialog-spacing-footer-to-button-group`
+
+ _Removed Mods_
+ `--mod-dialog-confirm-buttongroup-padding-top`
+ `--mod-dialog-confirm-close-button-size`
+ `--mod-dialog-confirm-description-margin`
+ `--mod-dialog-confirm-description-padding`
+ `--mod-dialog-confirm-divider-block-spacing-end`
+ `--mod-dialog-confirm-divider-block-spacing-start`
+ `--mod-dialog-confirm-divider-height`
+
+ Modal and underlay updates
+
+ - Modal component now uses the updated corner rounding.
+ - Underlay has an updated comment that addresses the overlay-color/overlay-opacity tokens.
+
+- Updated dependencies [[`bd934cc`](https://github.com/adobe/spectrum-css/commit/bd934cc9a5a43b2d453710d462a1faaa5046de08)]:
+ - @spectrum-css/tokens@14.0.0-next.10
+
+## 5.0.0-s2-foundations.16
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 5.0.0-s2-foundations.15
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 5.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 5.0.0-s2-foundations.13
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 5.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 5.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 5.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 5.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 5.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 5.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 5.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 5.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 5.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 5.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 5.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 5.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 5.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 4.2.0
### Minor Changes
@@ -48,16 +307,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.2.4...@spectrum-css/underlay@4.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.2.4...@spectrum-css/underlay@4.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -65,8 +321,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.2.3...@spectrum-css/underlay@3.2.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.2.3...@spectrum-css/underlay@3.2.4)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -74,8 +329,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.2.2...@spectrum-css/underlay@3.2.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.2.2...@spectrum-css/underlay@3.2.3)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -83,8 +337,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.2.1...@spectrum-css/underlay@3.2.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.2.1...@spectrum-css/underlay@3.2.2)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -92,8 +345,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/underlay
@@ -101,8 +353,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.2.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.1.0...@spectrum-css/underlay@3.2.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.1.0...@spectrum-css/underlay@3.2.0)
### ✨ Features
@@ -112,8 +363,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.13...@spectrum-css/underlay@3.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.13...@spectrum-css/underlay@3.1.0)
### ✨ Features
@@ -123,8 +373,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.13
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.12...@spectrum-css/underlay@3.0.13)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.12...@spectrum-css/underlay@3.0.13)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -132,8 +381,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.12
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.11...@spectrum-css/underlay@3.0.12)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.11...@spectrum-css/underlay@3.0.12)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -141,8 +389,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.11
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.9...@spectrum-css/underlay@3.0.11)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.9...@spectrum-css/underlay@3.0.11)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -150,8 +397,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.10
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.9...@spectrum-css/underlay@3.0.10)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.9...@spectrum-css/underlay@3.0.10)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -159,8 +405,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.9
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.8...@spectrum-css/underlay@3.0.9)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.8...@spectrum-css/underlay@3.0.9)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -168,8 +413,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.8
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.7...@spectrum-css/underlay@3.0.8)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.7...@spectrum-css/underlay@3.0.8)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -177,8 +421,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.7
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.6...@spectrum-css/underlay@3.0.7)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.6...@spectrum-css/underlay@3.0.7)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -186,8 +429,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.6
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.5...@spectrum-css/underlay@3.0.6)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.5...@spectrum-css/underlay@3.0.6)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -195,8 +437,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.5
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.4...@spectrum-css/underlay@3.0.5)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.4...@spectrum-css/underlay@3.0.5)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -204,8 +445,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.4
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.3...@spectrum-css/underlay@3.0.4)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.3...@spectrum-css/underlay@3.0.4)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -213,8 +453,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.3
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.2...@spectrum-css/underlay@3.0.3)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.2...@spectrum-css/underlay@3.0.3)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -222,8 +461,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.2
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.1...@spectrum-css/underlay@3.0.2)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.1...@spectrum-css/underlay@3.0.2)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -231,8 +469,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.1
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.0...@spectrum-css/underlay@3.0.1)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@3.0.0...@spectrum-css/underlay@3.0.1)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -240,8 +477,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.1.0...@spectrum-css/underlay@3.0.0)
+🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.1.0...@spectrum-css/underlay@3.0.0)
### 🔙 Reverts
@@ -249,8 +485,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
\*feat(underlay)!: migrate to use spectrum-tokens (#2096)([2e0651a](https://github.com/adobe/spectrum-css/commit/2e0651a)), closes[#2096](https://github.com/adobe/spectrum-css/issues/2096)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates Underlay to use `@adobe/spectrum-tokens`
@@ -287,8 +522,7 @@ Additionally:
## 2.1.0
-🗓
-2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.54...@spectrum-css/underlay@2.1.0)
+🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.54...@spectrum-css/underlay@2.1.0)
### ✨ Features
@@ -298,8 +532,7 @@ Additionally:
## 2.0.54
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.53...@spectrum-css/underlay@2.0.54)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.53...@spectrum-css/underlay@2.0.54)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -307,8 +540,7 @@ Additionally:
## 2.0.53
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.52...@spectrum-css/underlay@2.0.53)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.52...@spectrum-css/underlay@2.0.53)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -316,8 +548,7 @@ Additionally:
## 2.0.52
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.51...@spectrum-css/underlay@2.0.52)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.51...@spectrum-css/underlay@2.0.52)
### 🐛 Bug fixes
@@ -327,8 +558,7 @@ Additionally:
## 2.0.51
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.50...@spectrum-css/underlay@2.0.51)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.50...@spectrum-css/underlay@2.0.51)
**Note:** Version bump only for package @spectrum-css/underlay
@@ -336,8 +566,7 @@ Additionally:
## 2.0.50
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.49...@spectrum-css/underlay@2.0.50)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/underlay@2.0.49...@spectrum-css/underlay@2.0.50)
**Note:** Version bump only for package @spectrum-css/underlay
diff --git a/components/underlay/index.css b/components/underlay/index.css
index 48814e0d705..42effdc418a 100644
--- a/components/underlay/index.css
+++ b/components/underlay/index.css
@@ -11,30 +11,27 @@
* governing permissions and limitations under the License.
*/
-@import "@spectrum-css/commons/overlay.css";
-@import "./themes/express.css";
-
.spectrum-Underlay {
- --spectrum-underlay-background-entry-animation-delay: var(--spectrum-animation-duration-0);
- --spectrum-underlay-background-exit-animation-ease: var(--spectrum-animation-ease-in);
- --spectrum-underlay-background-entry-animation-ease: var(--spectrum-animation-ease-out);
- --spectrum-underlay-background-exit-animation-duration: var(--spectrum-animation-duration-100);
- --spectrum-underlay-background-entry-animation-duration: var(--spectrum-animation-duration-600);
- --spectrum-underlay-background-exit-animation-duration: var(--spectrum-animation-duration-300);
- --spectrum-underlay-background-exit-animation-delay: var(--spectrum-animation-duration-200);
+ --spectrum-underlay-background-exit-animation-duration: var(--mod-underlay-background-exit-animation-duration, var(--spectrum-animation-duration-300));
+ --spectrum-underlay-background-exit-animation-ease: var(--mod-underlay-background-exit-animation-ease, var(--spectrum-animation-ease-in));
+ --spectrum-underlay-background-exit-animation-delay: var(--mod-underlay-background-exit-animation-delay, var(--spectrum-animation-duration-200));
+ --spectrum-underlay-background-entry-animation-duration: var(--mod-underlay-background-entry-animation-duration, var(--spectrum-animation-duration-600));
+ --spectrum-underlay-background-entry-animation-ease: var(--mod-underlay-background-entry-animation-ease, var(--spectrum-animation-ease-out));
+ /* @deprecated --mod-overlay-animation-duration-opened in favor of --mod-underlay-background-entry-animation-delay */
+ --spectrum-underlay-background-entry-animation-delay: var(--mod-underlay-background-entry-animation-delay, var(--mod-overlay-animation-duration-opened, var(--spectrum-animation-duration-0)));
/* TODO update to --spectrum-overlay-color token once an RGB stripped value is available */
- --spectrum-underlay-background-color: rgba(var(--spectrum-black-rgb), var(--spectrum-overlay-opacity));
-}
+ --spectrum-underlay-background-color: var(--mod-underlay-background-color, rgba(var(--spectrum-black-rgb), var(--spectrum-overlay-opacity)));
-.spectrum-Underlay {
- @extend %spectrum-overlay;
+ pointer-events: none;
+ visibility: hidden;
+ opacity: 0;
position: fixed;
inset-block: 0;
inset-inline: 0;
- background-color: var(--mod-underlay-background-color, var(--spectrum-underlay-background-color));
+ background-color: var(--spectrum-underlay-background-color);
/* Float above things by default */
z-index: 1;
@@ -43,13 +40,16 @@
/* Exit animations */
transition:
- opacity var(--mod-underlay-background-exit-animation-duration, var(--spectrum-underlay-background-exit-animation-duration)) var(--mod-underlay-background-exit-animation-ease, var(--spectrum-underlay-background-exit-animation-ease)) var(--mod-underlay-background-exit-animation-delay, var(--spectrum-underlay-background-exit-animation-delay)),
- visibility 0ms linear calc(var(--mod-underlay-background-exit-animation-delay, var(--spectrum-underlay-background-exit-animation-delay)) + var(--mod-underlay-background-exit-animation-duration, var(--spectrum-underlay-background-exit-animation-duration)));
-}
-
-.spectrum-Underlay.is-open {
- @extend %spectrum-overlay--open;
-
- /* Entry animations */
- transition: opacity var(--mod-underlay-background-entry-animation-duration, var(--spectrum-underlay-background-entry-animation-duration)) var(--mod-underlay-background-entry-animation-ease, var(--spectrum-underlay-background-entry-animation-ease)) var(--mod-underlay-background-entry-animation-delay, var(--spectrum-underlay-background-entry-animation-delay));
+ opacity var(--spectrum-underlay-background-exit-animation-duration) var(--spectrum-underlay-background-exit-animation-ease) var(--spectrum-underlay-background-exit-animation-delay),
+ visibility 0ms linear calc(var(--spectrum-underlay-background-exit-animation-delay) + var(--spectrum-underlay-background-exit-animation-duration));
+
+ &.is-open {
+ pointer-events: auto;
+ visibility: visible;
+ opacity: 1;
+
+ /* Entry animations */
+ transition: opacity var(--spectrum-underlay-background-entry-animation-duration) var(--spectrum-underlay-background-entry-animation-ease) var(--spectrum-underlay-background-entry-animation-delay);
+ transition-delay: var(--spectrum-underlay-background-entry-animation-delay);
+ }
}
diff --git a/components/underlay/metadata/metadata.json b/components/underlay/metadata/metadata.json
index d0931277542..21a3e4aa1d0 100644
--- a/components/underlay/metadata/metadata.json
+++ b/components/underlay/metadata/metadata.json
@@ -2,7 +2,6 @@
"sourceFile": "index.css",
"selectors": [".spectrum-Underlay", ".spectrum-Underlay.is-open"],
"modifiers": [
- "--mod-overlay-animation-duration",
"--mod-overlay-animation-duration-opened",
"--mod-underlay-background-color",
"--mod-underlay-background-entry-animation-delay",
@@ -23,7 +22,6 @@
],
"global": [
"--spectrum-animation-duration-0",
- "--spectrum-animation-duration-100",
"--spectrum-animation-duration-200",
"--spectrum-animation-duration-300",
"--spectrum-animation-duration-600",
@@ -32,7 +30,6 @@
"--spectrum-black-rgb",
"--spectrum-overlay-opacity"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/underlay/metadata/mods.md b/components/underlay/metadata/mods.md
deleted file mode 100644
index e66baf3d554..00000000000
--- a/components/underlay/metadata/mods.md
+++ /dev/null
@@ -1,11 +0,0 @@
-| Modifiable custom properties |
-| ---------------------------------------------------- |
-| `--mod-overlay-animation-duration` |
-| `--mod-overlay-animation-duration-opened` |
-| `--mod-underlay-background-color` |
-| `--mod-underlay-background-entry-animation-delay` |
-| `--mod-underlay-background-entry-animation-duration` |
-| `--mod-underlay-background-entry-animation-ease` |
-| `--mod-underlay-background-exit-animation-delay` |
-| `--mod-underlay-background-exit-animation-duration` |
-| `--mod-underlay-background-exit-animation-ease` |
diff --git a/components/underlay/package.json b/components/underlay/package.json
index a0b5c521bd2..555b782105e 100644
--- a/components/underlay/package.json
+++ b/components/underlay/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/underlay",
- "version": "4.2.0",
+ "version": "4.1.1-next.0",
"description": "The Spectrum CSS underlay component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/commons": "workspace:^"
diff --git a/components/underlay/themes/express.css b/components/underlay/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/underlay/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/underlay/themes/spectrum.css b/components/underlay/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/underlay/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/components/well/CHANGELOG.md b/components/well/CHANGELOG.md
index 547c293d0f0..075ae6419e9 100644
--- a/components/well/CHANGELOG.md
+++ b/components/well/CHANGELOG.md
@@ -1,5 +1,228 @@
# Change Log
+## 6.0.0-s2-foundations.17
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+ | Property name | Context | Old value | Updated value |
+ | --------------------------- | ------- | ------------------ | ------------------ |
+ | `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
+ | `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
+ | `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
+ | `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
+ | `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
+ | `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
+ | `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
+ | `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
+ | `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
+ | `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
+ | `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
+ | `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
+ | `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
+ | `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
+ | `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
+ | `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
+ | `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
+ | `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.29
+
+## 6.0.0-s2-foundations.16
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a434c9a`](https://github.com/adobe/spectrum-css/commit/a434c9aa96509427e0faaa0eef4ffc2a21fa9908) Thanks [@pfulton](https://github.com/pfulton)! - Align selectors with the specificity that exists in S1 today
+
+## 6.0.0-s2-foundations.15
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca) Thanks [@pfulton](https://github.com/pfulton)! - Pull in the corner radii updates for S2
+
+### Patch Changes
+
+- Updated dependencies [[`57709c0`](https://github.com/adobe/spectrum-css/commit/57709c09f7cfddb67125fa96691ae869ff8840ca)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.22
+
+## 6.0.0-s2-foundations.14
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+### Patch Changes
+
+- Updated dependencies [[`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.21
+
+## 6.0.0-s2-foundations.13
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`9df688a`](https://github.com/adobe/spectrum-css/commit/9df688a6a83be5f13bc4e0e732fed294af08bf3f) Thanks [@pfulton](https://github.com/pfulton)! - Replaces raw RGB value/direct token references with abstracted custom properties in theme/spectrum-two.css files
+
+ Asset card
+
+ - removes raw rgb value for box-shadow from `index.css`
+ - creates new `--spectrum-assetcard-selectionindicator-box-shadow-color`
+ in `themes/spectrum-two.css` with previous rgb value to use instead
+
+ Well
+
+ - removes `--spectrum-gray-800-rgb` for background-color from `index.css`
+ - creates new `--spectrum-well-background-color` in `themes/spectrum-two.css`
+ with previous `--spectrum-gray-800-rgb` property to use instead
+
+## 6.0.0-s2-foundations.12
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+### Patch Changes
+
+- Updated dependencies [[`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.13
+
+## 6.0.0-s2-foundations.11
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1) Thanks [@pfulton](https://github.com/pfulton)! - Updated build to set cssnano to discardUnused: false
+
+### Patch Changes
+
+- Updated dependencies [[`b0862e1`](https://github.com/adobe/spectrum-css/commit/b0862e1a5b95c19443fd919c6baf4b4ea9ba79c1)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.12
+
+## 6.0.0-s2-foundations.10
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded
+
+### Patch Changes
+
+- Updated dependencies [[`0844aad`](https://github.com/adobe/spectrum-css/commit/0844aadba2fefb844a66370ff6e9b4704f6c1543)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.10
+
+## 6.0.0-s2-foundations.9
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
+
+- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.9
+
+## 6.0.0-s2-foundations.8
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959) Thanks [@pfulton](https://github.com/pfulton)! - Update system property tooling (splitinator) to leverage the selector parser
+
+### Patch Changes
+
+- Updated dependencies [[`2633985`](https://github.com/adobe/spectrum-css/commit/2633985775ef5a8fad929e275e55e99b75b10959)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.8
+
+## 6.0.0-s2-foundations.7
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22) Thanks [@pfulton](https://github.com/pfulton)! - Revert themes asset naming to simplify code review; bug fixes in custom property loading from theme assets
+
+### Patch Changes
+
+- Updated dependencies [[`24a51cc`](https://github.com/adobe/spectrum-css/commit/24a51cc3b682a06a5133c4f5bf72c11a2337ee22)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.7
+
+## 6.0.0-s2-foundations.6
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0) Thanks [@pfulton](https://github.com/pfulton)! - Inject missing tokens into theme files and adjust logic in the splitinator tool to replace nested variable references to the new system mappings
+
+- Updated dependencies [[`130e137`](https://github.com/adobe/spectrum-css/commit/130e1372b223641efe0a3a23c83ff1d01a70bf1d), [`4d88749`](https://github.com/adobe/spectrum-css/commit/4d887492f98f1f505535680bfb0baa06d24460a0)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.6
+
+## 6.0.0-s2-foundations.5
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50) Thanks [@pfulton](https://github.com/pfulton)! - Fix to how the system mapped custom property names are generated; adding support for pseudo functions, combinators, and complex selectors
+
+- Updated dependencies [[`de1d39f`](https://github.com/adobe/spectrum-css/commit/de1d39fdedc297032735acf97d0f87b6f2e45f50)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.5
+
+## 6.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+- Updated dependencies [[`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.4
+
+## 6.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+### Patch Changes
+
+- Updated dependencies [[`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.3
+
+## 6.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+### Patch Changes
+
+- Updated dependencies [[`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.2
+
+## 6.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+### Patch Changes
+
+- Updated dependencies [[`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.1
+
+## 6.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
+### Patch Changes
+
+- Updated dependencies [[`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce)]:
+ - @spectrum-css/tokens@15.0.0-s2-foundations.0
+
## 5.3.0
### Minor Changes
@@ -63,16 +286,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 5.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.1.4...@spectrum-css/well@5.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.1.4...@spectrum-css/well@5.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -80,8 +300,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.4
-🗓
-2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.1.3...@spectrum-css/well@4.1.4)
+🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.1.3...@spectrum-css/well@4.1.4)
**Note:** Version bump only for package @spectrum-css/well
@@ -89,8 +308,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.3
-🗓
-2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.1.2...@spectrum-css/well@4.1.3)
+🗓 2024-02-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.1.2...@spectrum-css/well@4.1.3)
**Note:** Version bump only for package @spectrum-css/well
@@ -98,8 +316,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.2
-🗓
-2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.1.1...@spectrum-css/well@4.1.2)
+🗓 2024-02-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.1.1...@spectrum-css/well@4.1.2)
**Note:** Version bump only for package @spectrum-css/well
@@ -107,8 +324,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/well
@@ -116,8 +332,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.1.0
-🗓
-2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.10...@spectrum-css/well@4.1.0)
+🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.10...@spectrum-css/well@4.1.0)
### ✨ Features
@@ -127,8 +342,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.10
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.9...@spectrum-css/well@4.0.10)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.9...@spectrum-css/well@4.0.10)
**Note:** Version bump only for package @spectrum-css/well
@@ -136,8 +350,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.9
-🗓
-2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.8...@spectrum-css/well@4.0.9)
+🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.8...@spectrum-css/well@4.0.9)
**Note:** Version bump only for package @spectrum-css/well
@@ -145,8 +358,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.8
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.6...@spectrum-css/well@4.0.8)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.6...@spectrum-css/well@4.0.8)
**Note:** Version bump only for package @spectrum-css/well
@@ -154,8 +366,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.7
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.6...@spectrum-css/well@4.0.7)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.6...@spectrum-css/well@4.0.7)
**Note:** Version bump only for package @spectrum-css/well
@@ -163,8 +374,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.6
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.5...@spectrum-css/well@4.0.6)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.5...@spectrum-css/well@4.0.6)
**Note:** Version bump only for package @spectrum-css/well
@@ -172,8 +382,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.5
-🗓
-2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.4...@spectrum-css/well@4.0.5)
+🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.4...@spectrum-css/well@4.0.5)
**Note:** Version bump only for package @spectrum-css/well
@@ -181,8 +390,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.4
-🗓
-2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.3...@spectrum-css/well@4.0.4)
+🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.3...@spectrum-css/well@4.0.4)
**Note:** Version bump only for package @spectrum-css/well
@@ -190,8 +398,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.3
-🗓
-2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.2...@spectrum-css/well@4.0.3)
+🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.2...@spectrum-css/well@4.0.3)
**Note:** Version bump only for package @spectrum-css/well
@@ -199,8 +406,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.2
-🗓
-2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.1...@spectrum-css/well@4.0.2)
+🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.1...@spectrum-css/well@4.0.2)
**Note:** Version bump only for package @spectrum-css/well
@@ -208,8 +414,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.1
-🗓
-2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.0...@spectrum-css/well@4.0.1)
+🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@4.0.0...@spectrum-css/well@4.0.1)
**Note:** Version bump only for package @spectrum-css/well
@@ -217,13 +422,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 4.0.0
-🗓
-2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.49...@spectrum-css/well@4.0.0)
+🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.49...@spectrum-css/well@4.0.0)
\*feat(well)!: migrate to use spectrum-tokens([b362c23](https://github.com/adobe/spectrum-css/commit/b362c23))
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
*
migrates Well to use spectrum-tokens
@@ -232,8 +435,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.49
-🗓
-2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.48...@spectrum-css/well@3.0.49)
+🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.48...@spectrum-css/well@3.0.49)
### 🔙 Reverts
@@ -243,8 +445,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.48
-🗓
-2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.47...@spectrum-css/well@3.0.48)
+🗓 2023-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.47...@spectrum-css/well@3.0.48)
**Note:** Version bump only for package @spectrum-css/well
@@ -252,8 +453,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.47
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.46...@spectrum-css/well@3.0.47)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.46...@spectrum-css/well@3.0.47)
**Note:** Version bump only for package @spectrum-css/well
@@ -261,8 +461,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.46
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.45...@spectrum-css/well@3.0.46)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.45...@spectrum-css/well@3.0.46)
**Note:** Version bump only for package @spectrum-css/well
@@ -270,8 +469,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.45
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.44...@spectrum-css/well@3.0.45)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.44...@spectrum-css/well@3.0.45)
**Note:** Version bump only for package @spectrum-css/well
@@ -279,8 +477,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.44
-🗓
-2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.43...@spectrum-css/well@3.0.44)
+🗓 2023-06-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.43...@spectrum-css/well@3.0.44)
### 🐛 Bug fixes
@@ -290,8 +487,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.43
-🗓
-2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.42...@spectrum-css/well@3.0.43)
+🗓 2023-06-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.42...@spectrum-css/well@3.0.43)
**Note:** Version bump only for package @spectrum-css/well
@@ -299,8 +495,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.42
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.41...@spectrum-css/well@3.0.42)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/well@3.0.41...@spectrum-css/well@3.0.42)
**Note:** Version bump only for package @spectrum-css/well
diff --git a/components/well/index.css b/components/well/index.css
index c4f130e8690..2f99baade28 100644
--- a/components/well/index.css
+++ b/components/well/index.css
@@ -11,14 +11,12 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-Well {
--spectrum-well-border-width: var(--spectrum-border-width-100);
+ --spectrum-well-border-color: rgba(var(--spectrum-gray-1000-rgb), .05);
--spectrum-well-content-color: var(--spectrum-body-color);
-}
+ --spectrum-well-background-color: rgba(var(--spectrum-gray-800-rgb), 0.02);
-.spectrum-Well {
text-align: start;
display: block;
min-inline-size: var(--mod-well-min-width, var(--spectrum-well-min-width));
@@ -27,7 +25,7 @@
border-width: var(--mod-well-border-width, var(--spectrum-well-border-width));
border-style: solid;
border-radius: var(--mod-well-border-radius, var(--spectrum-well-border-radius));
- background-color: var(--mod-well-background-color, rgba(var(--spectrum-gray-800-rgb), 0.02));
+ background-color: var(--mod-well-background-color, var(--spectrum-well-background-color));
border-color: var(--mod-well-border-color, var(--spectrum-well-border-color));
color: var(--mod-well-content-color, var(--spectrum-well-content-color));
}
diff --git a/components/well/metadata/metadata.json b/components/well/metadata/metadata.json
index 3d2c12b361f..c9fdd7f6da1 100644
--- a/components/well/metadata/metadata.json
+++ b/components/well/metadata/metadata.json
@@ -12,6 +12,7 @@
"--mod-well-padding"
],
"component": [
+ "--spectrum-well-background-color",
"--spectrum-well-border-color",
"--spectrum-well-border-radius",
"--spectrum-well-border-width",
@@ -23,9 +24,9 @@
"global": [
"--spectrum-body-color",
"--spectrum-border-width-100",
+ "--spectrum-gray-1000-rgb",
"--spectrum-gray-800-rgb"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/well/metadata/mods.md b/components/well/metadata/mods.md
deleted file mode 100644
index 99f96fddca2..00000000000
--- a/components/well/metadata/mods.md
+++ /dev/null
@@ -1,10 +0,0 @@
-| Modifiable custom properties |
-| ----------------------------- |
-| `--mod-well-background-color` |
-| `--mod-well-border-color` |
-| `--mod-well-border-radius` |
-| `--mod-well-border-width` |
-| `--mod-well-content-color` |
-| `--mod-well-margin-top` |
-| `--mod-well-min-width` |
-| `--mod-well-padding` |
diff --git a/components/well/package.json b/components/well/package.json
index b52195d4b18..89b8f86ac58 100644
--- a/components/well/package.json
+++ b/components/well/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/well",
- "version": "5.3.0",
+ "version": "6.0.0-s2-foundations.17",
"description": "The Spectrum CSS well component",
"license": "Apache-2.0",
"author": "Adobe",
@@ -17,21 +17,22 @@
".": "./dist/index.css",
"./*.md": "./*.md",
"./dist/*": "./dist/*",
- "./index-*.css": "./dist/index-*.css",
"./index.css": "./dist/index.css",
"./metadata.json": "./metadata/metadata.json",
"./metadata/*": "./metadata/*",
- "./package.json": "./package.json"
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
},
"main": "dist/index.css",
"files": [
"dist/*",
"*.md",
"package.json",
+ "stories/*",
"metadata/*"
],
"peerDependencies": {
- "@spectrum-css/tokens": ">=14"
+ "@spectrum-css/tokens": ">=14.0.0-next.0"
},
"devDependencies": {
"@spectrum-css/tokens": "workspace:^"
diff --git a/components/well/stories/template.js b/components/well/stories/template.js
index 033c5b014ff..5e8210305d1 100644
--- a/components/well/stories/template.js
+++ b/components/well/stories/template.js
@@ -13,16 +13,18 @@ export const Template = ({
id = getRandomId("well"),
testId,
content = [],
-}, context) => html`
- ({ ...a, [c]: true }), {}),
- })}
- style=${styleMap(customStyles)}
- id=${ifDefined(id)}
- data-testid=${ifDefined(testId)}
- >
- ${renderContent(content, { context })}
-
-`;
+} = {}, context = {}) => {
+ return html`
+ ({ ...a, [c]: true }), {}),
+ })}
+ style=${styleMap(customStyles)}
+ id=${ifDefined(id)}
+ data-testid=${ifDefined(testId)}
+ >
+ ${renderContent(content, { context })}
+
+ `;
+};
diff --git a/components/well/themes/express.css b/components/well/themes/express.css
deleted file mode 100644
index fad97bb3695..00000000000
--- a/components/well/themes/express.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
- @import "./spectrum.css";
diff --git a/components/well/themes/spectrum.css b/components/well/themes/spectrum.css
deleted file mode 100644
index 3b48a570c21..00000000000
--- a/components/well/themes/spectrum.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
diff --git a/generator/CHANGELOG.md b/generator/CHANGELOG.md
index c9027a9beca..3f21a20c7e1 100644
--- a/generator/CHANGELOG.md
+++ b/generator/CHANGELOG.md
@@ -1,5 +1,55 @@
# Change Log
+## 5.0.0-s2-foundations.7
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`a4e0278`](https://github.com/adobe/spectrum-css/commit/a4e0278af07d97b668a73fabcbb18b37411ecb86) Thanks [@pfulton](https://github.com/pfulton)! - Update mdx template to include TaggedReleases and ComponentDetails
+
+## 5.0.0-s2-foundations.6
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`11a0032`](https://github.com/adobe/spectrum-css/commit/11a00323addbf28b9430d27d9cbc5f30bc851b65) Thanks [@pfulton](https://github.com/pfulton)! - Bug fixes to S1 & Express theming across all components
+
+## 5.0.0-s2-foundations.5
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5546ec6`](https://github.com/adobe/spectrum-css/commit/5546ec6a508eb249ede78031db22ddf5972e5c05) Thanks [@pfulton](https://github.com/pfulton)! - - Accordion: Flatten sizing variables in theme layer
+ - ActionButton: Fix typo in variable name "\*-defaul-selectedt"
+ - Move out rtl logical transform from theme to index.css for: calendar, pagination, treeview
+
+## 5.0.0-s2-foundations.4
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`485128c`](https://github.com/adobe/spectrum-css/commit/485128ca7947acb064f31e4118044a3f7e3f88b5) Thanks [@pfulton](https://github.com/pfulton)! - Corrects a faulty regex that was negatively affecting compilation of custom properties
+
+## 5.0.0-s2-foundations.3
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6b12d37`](https://github.com/adobe/spectrum-css/commit/6b12d375c12b36f387b331fff42b24bc7c3845df) Thanks [@pfulton](https://github.com/pfulton)! - fixes a compilation issue in the tokens dist artifacts
+
+## 5.0.0-s2-foundations.2
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`b00388b`](https://github.com/adobe/spectrum-css/commit/b00388b3ab026989f261f7bcdd77699521f45d58) Thanks [@pfulton](https://github.com/pfulton)! - Preserves `themes` folder in `dist` artifacts for easier downstream consumption
+
+## 5.0.0-s2-foundations.1
+
+### Minor Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`39bbd6c`](https://github.com/adobe/spectrum-css/commit/39bbd6cbb7eac7c71515ef2417554cb115eba00e) Thanks [@pfulton](https://github.com/pfulton)! - Fixes an issue where vars.css was not being populated with the correct values
+
+## 5.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`5e9953d`](https://github.com/adobe/spectrum-css/commit/5e9953d96806a5d1e769a343cd538e4af81916ce) Thanks [@pfulton](https://github.com/pfulton)! - S2 colors + grays foundation
+
## 4.1.0
### Minor Changes
@@ -31,16 +81,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 3.0.0
-🗓
-2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.1.0...@spectrum-css/generator@3.0.0)
+🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.1.0...@spectrum-css/generator@3.0.0)
\*feat!: postcss config build and script; remove gulp (#2466)([b0f337b](https://github.com/adobe/spectrum-css/commit/b0f337b)), closes[#2466](https://github.com/adobe/spectrum-css/issues/2466)
- ###
- 🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
- *
- - Removes component-builder & component-builder-simple for script leveraging postcss
+- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
@@ -48,8 +95,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.1.0
-🗓
-2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.20...@spectrum-css/generator@2.1.0)
+🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.20...@spectrum-css/generator@2.1.0)
### ✨ Features
@@ -59,8 +105,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.20
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-css/generator
@@ -68,8 +113,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.19
-🗓
-2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.18...@spectrum-css/generator@2.0.19)
+🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.18...@spectrum-css/generator@2.0.19)
**Note:** Version bump only for package @spectrum-css/generator
@@ -77,8 +121,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.18
-🗓
-2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.14...@spectrum-css/generator@2.0.18)
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.14...@spectrum-css/generator@2.0.18)
**Note:** Version bump only for package @spectrum-css/generator
@@ -86,8 +129,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.17
-🗓
-2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.14...@spectrum-css/generator@2.0.17)
+🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.14...@spectrum-css/generator@2.0.17)
**Note:** Version bump only for package @spectrum-css/generator
@@ -95,8 +137,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.14
-🗓
-2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.13...@spectrum-css/generator@2.0.14)
+🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.13...@spectrum-css/generator@2.0.14)
**Note:** Version bump only for package @spectrum-css/generator
@@ -104,8 +145,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.13
-🗓
-2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.12...@spectrum-css/generator@2.0.13)
+🗓 2023-08-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.12...@spectrum-css/generator@2.0.13)
**Note:** Version bump only for package @spectrum-css/generator
@@ -113,8 +153,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.12
-🗓
-2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.11...@spectrum-css/generator@2.0.12)
+🗓 2023-07-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.11...@spectrum-css/generator@2.0.12)
**Note:** Version bump only for package @spectrum-css/generator
@@ -122,8 +161,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.11
-🗓
-2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.10...@spectrum-css/generator@2.0.11)
+🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.10...@spectrum-css/generator@2.0.11)
**Note:** Version bump only for package @spectrum-css/generator
@@ -131,8 +169,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.10
-🗓
-2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.9...@spectrum-css/generator@2.0.10)
+🗓 2023-06-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.9...@spectrum-css/generator@2.0.10)
**Note:** Version bump only for package @spectrum-css/generator
@@ -140,8 +177,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.9
-🗓
-2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.8...@spectrum-css/generator@2.0.9)
+🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.8...@spectrum-css/generator@2.0.9)
### 🐛 Bug fixes
@@ -151,8 +187,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 2.0.8
-🗓
-2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.7...@spectrum-css/generator@2.0.8)
+🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/generator@2.0.7...@spectrum-css/generator@2.0.8)
**Note:** Version bump only for package @spectrum-css/generator
diff --git a/generator/package.json b/generator/package.json
index 07c1ee3b2b7..fcd6c9976bf 100644
--- a/generator/package.json
+++ b/generator/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/generator",
- "version": "4.1.0",
+ "version": "5.0.0-s2-foundations.7",
"description": "A tool to quickly create standardized components",
"license": "Apache-2.0",
"author": "Adobe",
diff --git a/generator/templates/index.css.hbs b/generator/templates/index.css.hbs
index 6c3510c104a..8fa905253bd 100644
--- a/generator/templates/index.css.hbs
+++ b/generator/templates/index.css.hbs
@@ -11,24 +11,14 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/express.css";
-
.spectrum-{{ pascalCase name }} {
- /* Variables defined here */
- /* --spectrum-{{ folderName }}-... */
+ // color: var(--highcontrast-{{ folderName }}-content-color-default, var(--mod-{{ folderName }}-content-color-default, var(--spectrum-{{ folderName }}-content-color-default)));
- &:lang(ja),
- &:lang(zh),
- &:lang(ko) {
- --spectrum-{{ folderName }}-line-height-cjk: var(--spectrum-cjk-line-height-100);
- }
+ &.spectrum-{{ pascalCase name }}--sizeS {}
+ &.spectrum-{{ pascalCase name }}--sizeL {}
+ &.spectrum-{{ pascalCase name }}--sizeXL {}
}
-.spectrum-{{ pascalCase name }}--sizeS {}
-.spectrum-{{ pascalCase name }}--sizeM {}
-.spectrum-{{ pascalCase name }}--sizeL {}
-.spectrum-{{ pascalCase name }}--sizeXL {}
-
@media (forced-colors: active) {
.spectrum-{{ pascalCase name }} {
--highcontrast-{{ folderName }}-content-color-default: CanvasText;
@@ -36,8 +26,3 @@
forced-color-adjust: none;
}
}
-
-.spectrum-{{ pascalCase name }} {
- /* Properties defined here */
- color: var(--highcontrast-{{ folderName }}-content-color-default, var(--mod-{{ folderName }}-content-color-default, var(--spectrum-{{ folderName }}-content-color-default)));
-}
diff --git a/generator/templates/package.json.hbs b/generator/templates/package.json.hbs
index 4ae644481fd..43d82849d1b 100644
--- a/generator/templates/package.json.hbs
+++ b/generator/templates/package.json.hbs
@@ -13,24 +13,42 @@
"bugs": {
"url": "https://github.com/adobe/spectrum-css/issues"
},
+ "exports": {
+ ".": "./dist/index.css",
+ "./*.md": "./*.md",
+ "./dist/*": "./dist/*",
+ "./index.css": "./dist/index.css",
+ "./metadata.json": "./metadata/metadata.json",
+ "./metadata/*": "./metadata/*",
+ "./package.json": "./package.json"
+ },
"main": "dist/index.css",
"files": [
"dist/*",
- "CHANGELOG.md",
+ "*.md",
"package.json",
- "stories/template.js",
- "metadata/mods.md"
+ "stories/*",
+ "metadata/*"
],
+ "peerDependencies": {
+ "{{ tokens.name }}": ">={{ parse tokens.version '.' 0 1 }}"
+ },
+ "devDependencies": {
+ "@spectrum-css/tokens": "workspace:^"
+ },
"keywords": [
"spectrum",
"css",
"design system",
"adobe"
],
- "peerDependencies": {
- "{{ tokens.name }}": ">={{ parse tokens.version '.' 0 1 }}"
- },
"publishConfig": {
"access": "public"
- }
+ },
+ "spectrum": [
+ {
+ "rootClass": "spectrum-{{ pascalCase name }}",
+ "swc": "https://opensource.adobe.com/spectrum-web-components/components/{{ folderName }}/"
+ }
+ ]
}
diff --git a/generator/templates/project.json.hbs b/generator/templates/project.json.hbs
index c51870d07b1..6f68b7e48f7 100644
--- a/generator/templates/project.json.hbs
+++ b/generator/templates/project.json.hbs
@@ -8,6 +8,7 @@
"compare": {},
"format": {},
"lint": {},
+ "report": {},
"test": {
"defaultConfiguration": "scope"
},
diff --git a/generator/templates/stories/{{ folderName }}.mdx.hbs b/generator/templates/stories/{{ folderName }}.mdx.hbs
deleted file mode 100644
index 1899e67f85c..00000000000
--- a/generator/templates/stories/{{ folderName }}.mdx.hbs
+++ /dev/null
@@ -1,31 +0,0 @@
-import {
- ArgTypes,
- Canvas,
- Meta,
- Description,
- Title,
- Subtitle,
-} from "@storybook/blocks";
-import { ComponentDetails, TaggedReleases } from "@spectrum-css/preview/blocks";
-
-import * as {{ pascalCase name }}Stories from './{{ folderName }}.stories';
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@import "./spectrum.css";
-
-@container (--system: express) {}
diff --git a/generator/templates/themes/spectrum.css.hbs b/generator/templates/themes/spectrum.css.hbs
deleted file mode 100644
index b0d4a7b1ab8..00000000000
--- a/generator/templates/themes/spectrum.css.hbs
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-@container (--system: spectrum) {}
diff --git a/nx.json b/nx.json
index 28b05ff46ee..41d49f554b4 100644
--- a/nx.json
+++ b/nx.json
@@ -8,7 +8,7 @@
}
},
"namedInputs": {
- "core": ["{projectRoot}/*.css", "{projectRoot}/themes/*.css"],
+ "core": ["{projectRoot}/*.css"],
"eslint": ["{workspaceRoot}/.eslintrc"],
"metadata": ["{projectRoot}/metadata/*.json"],
"prettier": ["{workspaceRoot}/.prettierrc"],
@@ -34,7 +34,8 @@
"cache": true,
"dependsOn": [
"^build",
- "clean"
+ "clean",
+ { "projects": "tokens", "target": "build" }
],
"executor": "nx:run-commands",
"inputs": [
@@ -42,20 +43,17 @@
"tools",
"{workspaceRoot}/tasks/component-builder.js",
"!{projectRoot}/stories/*.js",
+ "{workspaceRoot}/tasks/component-builder.js",
{ "externalDependencies": ["postcss"] },
{ "env": "NODE_ENV" }
],
"options": {
"commands": [
- "node --no-warnings -e 'require(\"./tasks/component-builder.js\").default()'"
+ "cross-env NODE_OPTIONS=\"--no-warnings\" node -e 'require(\"./tasks/component-builder.js\").default()'"
]
},
"outputs": [
- "{projectRoot}/dist/*.{css,json}",
- "{projectRoot}/dist/themes/*.css",
- "{projectRoot}/dist/*.map",
- "{projectRoot}/dist/themes/*.css.map",
- "{projectRoot}/metadata/mods.md"
+ "{projectRoot}/dist/*.css"
]
},
"clean": {
@@ -120,7 +118,7 @@
],
"options": {
"commands": [
- "prettier --write --cache --log-level error --ignore-unknown --no-error-on-unmatched-pattern {projectRoot}/*.css {projectRoot}/**/*.css && stylelint --fix --cache --allow-empty-input {projectRoot}/*.css {projectRoot}/**/*.css",
+ "stylelint --fix --cache --allow-empty-input {projectRoot}/*.css {projectRoot}/**/*.css",
"eslint --fix --cache --no-error-on-unmatched-pattern {projectRoot}/*.json {projectRoot}/stories/*.js",
"prettier --write --cache --log-level error --ignore-unknown --no-error-on-unmatched-pattern {projectRoot}/*.{md,mdx} {projectRoot}/**/*.{md,mdx}"
]
diff --git a/package.json b/package.json
index f7f2c4c43cd..edbe264de71 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
"build:preview": "nx build storybook",
"builder": "nx run-many --target build report --projects",
"changeset": "changeset",
- "ci": "cross-env NODE_ENV=production yarn build --skip-nx-cache",
+ "ci": "cross-env NODE_ENV=production yarn builder tag:component,ui-icons --skip-nx-cache",
"ci:storybook": "cross-env NODE_ENV=development nx run storybook:build:ci --skip-nx-cache",
"clean": "yarn cleaner tag:component",
"clean:docs": "rimraf dist",
@@ -38,7 +38,7 @@
"refresh:config": "bash ./tasks/chromatic-config-creation.sh || exit 0",
"refresh:env": "bash ./tasks/copy-env-from-root.sh || exit 0",
"release": "yarn ci && changeset publish",
- "report": "yarn reporter tag:component",
+ "report": "cross-env NODE_ENV=production yarn reporter tag:component",
"reporter": "nx run-many --target report --projects",
"start": "cross-env NODE_ENV=development nx start storybook",
"test": "cross-env NODE_ENV=development nx test storybook",
@@ -63,10 +63,7 @@
"@commitlint/cli": "^19.6.1",
"@commitlint/config-conventional": "^19.6.0",
"@nx/devkit": "^19.8.2",
- "@spectrum-css/cyclebutton": "^3.1.3",
- "@spectrum-css/quickaction": "^3.1.1",
- "@spectrum-css/searchwithin": "^5.1.3",
- "@spectrum-css/splitbutton": "^8.1.2",
+ "@spectrum-tools/postcss-rgb-mapping": "workspace:^",
"at-rule-packer": "^0.4.2",
"autoprefixer": "^10.4.19",
"colors": "^1.4.0",
@@ -91,7 +88,6 @@
"open": "^10.1.0",
"pajv": "^1.2.0",
"postcss": "^8.4.49",
- "postcss-combininator": "workspace:^",
"postcss-extend": "^1.0.5",
"postcss-hover-media-feature": "^1.0.2",
"postcss-import": "^16.1.0",
@@ -100,10 +96,8 @@
"postcss-preset-env": "^9.5.13",
"postcss-pseudo-classes": "^0.4.0",
"postcss-reporter": "^7.1.0",
- "postcss-rgb-mapping": "workspace:^",
"postcss-selector-replace": "^1.0.2",
"postcss-sorting": "^9.1.0",
- "postcss-splitinator": "workspace:^",
"postcss-values-parser": "^6.0.2",
"prettier": "^3.4.2",
"rimraf": "^6.0.1",
diff --git a/plugins/postcss-combininator/CHANGELOG.md b/plugins/postcss-combininator/CHANGELOG.md
deleted file mode 100644
index 41b09eec838..00000000000
--- a/plugins/postcss-combininator/CHANGELOG.md
+++ /dev/null
@@ -1,62 +0,0 @@
-# Change Log
-
-## 2.0.1
-
-### Patch Changes
-
-- [#2775](https://github.com/adobe/spectrum-css/pull/2775) [`2452637`](https://github.com/adobe/spectrum-css/commit/2452637d1179b9b2b025dafeb5834720712413d7) Thanks [@castastrophe](https://github.com/castastrophe)! - Dependency minor and patch updates to support new features in tools leveraged
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-/**
- * @typedef Options
- */
-
-/** @type import('postcss').PluginCreator */
-module.exports = () => {
- return {
- postcssPlugin: "postcss-combininator",
- OnceExit(root) {
- const rules = [];
- const declarations = {};
-
- root.walkRules((rule) => {
- rules.push(rule);
- rule.walkDecls(/^--/, (decl) => {
- declarations[decl.prop] = decl;
- decl.remove();
- });
- });
-
- if (!rules.length) return;
-
- const lastIdx = rules.length - 1;
- const lastRule = rules[lastIdx];
- if (!lastRule) return;
-
- rules.forEach((rule, index) => {
- if (index !== lastIdx) rule.remove();
- });
-
- for (const decl of Object.values(declarations)) {
- lastRule.append(decl);
- }
- },
- };
-};
-
-module.exports.postcss = true;
diff --git a/plugins/postcss-combininator/package.json b/plugins/postcss-combininator/package.json
deleted file mode 100644
index a0560db6317..00000000000
--- a/plugins/postcss-combininator/package.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
- "private": true,
- "name": "postcss-combininator",
- "version": "2.0.1",
- "description": "Combines multiple blocks of custom properties",
- "license": "Apache-2.0",
- "author": "Adobe",
- "main": "index.js",
- "files": [
- "index.js"
- ],
- "scripts": {
- "coverage": "c8 yarn test",
- "prepublishOnly": "yarn test",
- "test": "ava"
- },
- "dependencies": {
- "postcss": "^8.4.49"
- },
- "peerDependencies": {
- "postcss": ">=8"
- },
- "devDependencies": {
- "ava": "^6.1.3",
- "c8": "^10.1.3",
- "postcss": "^8.4.49"
- },
- "keywords": [
- "css",
- "rgb",
- "plugin",
- "postcss"
- ]
-}
diff --git a/plugins/postcss-combininator/project.json b/plugins/postcss-combininator/project.json
deleted file mode 100644
index f4846981224..00000000000
--- a/plugins/postcss-combininator/project.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
- "name": "postcss-combininator",
- "tags": ["tooling", "postcss", "plugin"],
- "targets": {
- "format": {
- "defaultConfiguration": "plugins"
- },
- "lint": {
- "defaultConfiguration": "plugins"
- },
- "test": {
- "defaultConfiguration": "plugins"
- }
- }
-}
diff --git a/plugins/postcss-combininator/test.js b/plugins/postcss-combininator/test.js
deleted file mode 100644
index 2e2923f7b91..00000000000
--- a/plugins/postcss-combininator/test.js
+++ /dev/null
@@ -1,50 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-const fs = require("fs");
-const test = require("ava");
-const postcss = require("postcss");
-const plugin = require("./index.js");
-
-function compare(
- t,
- fixtureFilePath,
- expectedFilePath,
- options = {
- processIdentifier: (identifier) => {
- if (identifier === "express") {
- return "spectrum--express";
- }
- return identifier;
- },
- }
-) {
- return postcss([plugin(options)])
- .process(readFile(`./fixtures/${fixtureFilePath}`), {
- from: fixtureFilePath,
- })
- .then((result) => {
- const actual = result.css;
- const expected = readFile(`./expected/${expectedFilePath}`);
- t.is(actual, expected);
- t.is(result.warnings().length, 0);
- });
-}
-
-function readFile(filename) {
- return fs.readFileSync(filename, "utf8");
-}
-
-test("create basic output", (t) => {
- return compare(t, "basic.css", "basic.css");
-});
diff --git a/plugins/postcss-rgb-mapping/CHANGELOG.md b/plugins/postcss-rgb-mapping/CHANGELOG.md
index 88dd518e315..6ca1f209e5f 100644
--- a/plugins/postcss-rgb-mapping/CHANGELOG.md
+++ b/plugins/postcss-rgb-mapping/CHANGELOG.md
@@ -1,5 +1,11 @@
# postcss-rgb-mapping
+## 3.0.0-s2-foundations.0
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6582314`](https://github.com/adobe/spectrum-css/commit/65823145e139caa56f5e73e8a36e73aff37672de) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to the rgb mapping plugin brought back rgb alias's to tokens output
+
## 2.1.0
### Minor Changes
diff --git a/plugins/postcss-rgb-mapping/README.md b/plugins/postcss-rgb-mapping/README.md
index 4111ac0efe7..198d3adecb4 100644
--- a/plugins/postcss-rgb-mapping/README.md
+++ b/plugins/postcss-rgb-mapping/README.md
@@ -5,7 +5,7 @@
## Installation
```sh
-yarn add -D postcss-rgb-mapping
+yarn add -D @spectrum-tools/postcss-rgb-mapping
postcss -u postcss-rgb-mapping -o dist/index.css src/index.css
```
diff --git a/plugins/postcss-rgb-mapping/index.js b/plugins/postcss-rgb-mapping/index.js
index d38378a3059..248c928e991 100644
--- a/plugins/postcss-rgb-mapping/index.js
+++ b/plugins/postcss-rgb-mapping/index.js
@@ -11,7 +11,7 @@
* governing permissions and limitations under the License.
*/
-const valueParser = require("postcss-value-parser");
+const valuesParser = require("postcss-values-parser");
/** @typedef {object} Options */
@@ -24,7 +24,7 @@ function rgbMappingFunction ({
colorFunctionalNotation = false,
}) {
return {
- postcssPlugin: "postcss-rgb-mapping",
+ postcssPlugin: "@spectrum-tools/postcss-rgb-mapping",
/** @type {import('postcss').DeclarationProcessor} */
Declaration(decl, { Warning }) {
const { prop, value } = decl;
@@ -35,9 +35,10 @@ function rgbMappingFunction ({
const isProcessed = prop.endsWith("rgb") || prop.endsWith("opacity");
/* Parse the value for it's parts */
- const parsedValue = valueParser(value) || [];
+ const parsedValue = valuesParser.parse(value) || [];
+
/* Determine if the value has an rgb or rgba value */
- const hasRGBValue = parsedValue.nodes.length ? parsedValue.nodes.some((node) => node.type === "function" && (["rgb", "rgba"].some(func => node.value === func))) : false;
+ const hasRGBValue = parsedValue.nodes.length ? parsedValue.nodes.some((node) => node.type === "func" && (["rgb", "rgba"].some(func => node.name === func))) : false;
/*
* If the property is not a custom prop, or
@@ -48,10 +49,17 @@ function rgbMappingFunction ({
*/
if (!isCustomProp || isProcessed || !hasRGBValue || parsedValue.nodes.length === 0) return;
- const rgba = parsedValue.nodes.find((node) => node.type === "function" && (["rgb", "rgba"].some(func => node.value === func)));
+ const rgba = parsedValue.nodes.find((node) => node.type === "func" && (["rgb", "rgba"].some(func => node.name === func)));
const [r,g,b,a] = rgba.nodes.reduce((acc, node) => {
- if (node.type === "word" && node.value) acc.push(node.value);
+ if (node.type === "numeric" && node.value) {
+ if (node?.unit && node.unit === "%") {
+ acc.push((node.value / 100).toFixed(2));
+ }
+ else {
+ acc.push(node.value);
+ }
+ }
return acc;
}, []);
diff --git a/plugins/postcss-rgb-mapping/package.json b/plugins/postcss-rgb-mapping/package.json
index 92578955e6c..e282e7d49a4 100644
--- a/plugins/postcss-rgb-mapping/package.json
+++ b/plugins/postcss-rgb-mapping/package.json
@@ -1,30 +1,27 @@
{
"private": true,
- "name": "postcss-rgb-mapping",
- "version": "2.1.0",
+ "name": "@spectrum-tools/postcss-rgb-mapping",
+ "version": "3.0.0-s2-foundations.0",
"description": "Remaps rgb(a) values to an rgb postfixed variable",
"license": "Apache-2.0",
"author": "Adobe",
"contributors": [
- "Cassondra Roberts (https://allons-y.llc)"
+ "Cassondra Roberts "
],
"main": "index.js",
"files": [
- "index.js"
+ "package.json",
+ "index.js",
+ "*.md"
],
- "scripts": {
- "coverage": "c8 yarn test",
- "prepublishOnly": "yarn test",
- "test": "ava"
- },
"dependencies": {
- "postcss-value-parser": "^4.2.0"
+ "postcss-values-parser": "^6.0.2"
},
"peerDependencies": {
"postcss": ">=8"
},
"devDependencies": {
- "ava": "^6.1.3",
+ "ava": "^6.2.0",
"c8": "^10.1.3",
"postcss": "^8.4.49"
},
diff --git a/plugins/postcss-splitinator/CHANGELOG.md b/plugins/postcss-splitinator/CHANGELOG.md
deleted file mode 100644
index fa9f3e2d31c..00000000000
--- a/plugins/postcss-splitinator/CHANGELOG.md
+++ /dev/null
@@ -1,70 +0,0 @@
-# Change Log
-
-## 2.1.0
-
-### Minor Changes
-
-- [#2742](https://github.com/adobe/spectrum-css/pull/2742) [`1e74ab7`](https://github.com/adobe/spectrum-css/commit/1e74ab7511257efa80f02da7a3115d302093ac6f) Thanks [@castastrophe](https://github.com/castastrophe)! - Added a new `referencesOnly` option to output just the custom property mappings to support a --system theme layer.
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-/**
- * @typedef Options
- * @property {boolean} [noFlatVariables=false]
- * @property {boolean} [noSelectors=false]
- * @property {(identifierValue: string, identifierName: string) => string} [processIdentifier]
- * @property {(selector: string, prop: string) => string} [getName]
-*/
-
-/** @type import('postcss').PluginCreator */
-module.exports = ({
- noFlatVariables = false,
- noSelectors = false,
- referencesOnly = false,
- processIdentifier,
- getName = (selector, prop) => {
- selector = selector.replace(/^:where\((.*?)\)$/, "$1");
-
- // This regex is designed to pull spectrum-ActionButton out of a selector
- let baseSelectorMatch = selector.match(/^\.([a-z]+-[A-Z][^-. ]+)/);
- if (baseSelectorMatch) {
- const [, baseSelector] = baseSelectorMatch;
- const baseSelectorRegExp = new RegExp(baseSelector, "gi");
- prop = prop.replace(baseSelectorRegExp, "");
- selector = baseSelector + selector.replace(baseSelectorRegExp, "");
- }
-
- selector = selector.replace(/is-/g, "");
-
- let selectorParts = selector.replace(/\s+/g, "").replace(/,/g, "").split(".");
-
- return (
- "--" +
- (`system-${selectorParts.join("-")}-${prop.substr(2)}`)
- .replace(/-+/g, "-")
- .toLowerCase()
- );
- },
-}) => ({
- postcssPlugin: "postcss-splitinator",
- OnceExit(root, { Rule, Declaration }) {
- const selectorMap = {};
-
- root.walkAtRules(/container/, (container) => {
- const [, identifierName, identifierValue] = container.params.match(
- /\(\s*--(.*?)\s*[:=]\s*(.*?)\s*\)/
- );
-
- const rule = new Rule({
- selector: `.${
- typeof processIdentifier === "function"
- ? processIdentifier(identifierValue, identifierName)
- : identifierValue
- }`,
- source: container.source,
- });
-
- if (!noFlatVariables) {
- container.parent.insertAfter(container, rule);
- }
-
- container.walkDecls(/^--/, (decl) => {
- // Process rules that match multiple selectors separately to avoid weird var names and edge cases
- // note: this doesn't support :where() and is likely brittle!
- const selectors = decl.parent.selector.split(/\s*,\s*/);
- selectors.forEach((selector) => {
- const variableName = getName(selector, decl.prop);
- const newDecl = decl.clone({
- prop: variableName,
- });
- newDecl.raws.before = "\n ";
-
- if (!noFlatVariables) {
- rule.append(newDecl);
- }
-
- const selectorNode = (selectorMap[selector] =
- selectorMap[selector] || {});
-
- // Check for fallbacks
- // todo: use valueparser instead of a regex
- const fallbackMatch = decl.value.match(
- /var\(\s*(.*?)\s*,\s*var\(\s*(.*?)\s*\)\)/
- );
- if (fallbackMatch) {
- const [, override, fallback] = fallbackMatch;
-
- // The final declaration should have the override present
- selectorNode[
- decl.prop
- ] = `var(${override}, var(${variableName}))`;
-
- // The system-level declaration should only have the fallback
- newDecl.value = `var(${fallback})`;
- } else {
- selectorNode[decl.prop] = `var(${variableName})`;
- }
- });
- });
-
- container.remove();
- });
-
- if (noSelectors) return;
-
- if (referencesOnly) {
- // Empty out the root so we only have the references to --system- variables
- // Keep the copyright notice at the top
- // Find the copyright comment
- let comment = root.first;
- while (comment?.type !== "comment") {
- comment = comment.next();
- // Check the comment for the word "Copyright"
- if (comment?.text.match(/Copyright/)) break;
- }
-
- root.removeAll();
- if (comment) root.append(comment);
- }
-
- for (let [selector, props] of Object.entries(selectorMap)) {
- const rule = new Rule({ selector });
-
- for (let [prop, value] of Object.entries(props)) {
- const decl = new Declaration({ prop, value });
- decl.raws.before = "\n ";
-
- rule.append(decl);
- }
-
- root.append(rule);
- }
- },
-});
-
-module.exports.postcss = true;
diff --git a/plugins/postcss-splitinator/package.json b/plugins/postcss-splitinator/package.json
deleted file mode 100644
index 86ec659b472..00000000000
--- a/plugins/postcss-splitinator/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
- "private": true,
- "name": "postcss-splitinator",
- "version": "2.1.0",
- "description": "Turn container queryies into the var hack",
- "license": "Apache-2.0",
- "author": "Adobe",
- "main": "index.js",
- "files": [
- "index.js"
- ],
- "scripts": {
- "coverage": "c8 yarn test",
- "prepublishOnly": "yarn test",
- "test": "ava"
- },
- "dependencies": {
- "postcss": "^8.4.49"
- },
- "peerDependencies": {
- "postcss": ">=8.0.0"
- },
- "devDependencies": {
- "ava": "^6.1.3",
- "c8": "^10.1.3",
- "postcss": "^8.4.49"
- },
- "keywords": [
- "css",
- "rgb",
- "plugin",
- "postcss"
- ],
- "publishConfig": {
- "access": "public"
- }
-}
diff --git a/plugins/postcss-splitinator/project.json b/plugins/postcss-splitinator/project.json
deleted file mode 100644
index 9dfb4ded7c9..00000000000
--- a/plugins/postcss-splitinator/project.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
- "name": "postcss-splitinator",
- "tags": ["tooling", "postcss", "plugin"],
- "targets": {
- "format": {
- "defaultConfiguration": "plugins"
- },
- "lint": {
- "defaultConfiguration": "plugins"
- },
- "test": {
- "defaultConfiguration": "plugins"
- }
- }
-}
diff --git a/plugins/postcss-splitinator/test.js b/plugins/postcss-splitinator/test.js
deleted file mode 100644
index 2e2923f7b91..00000000000
--- a/plugins/postcss-splitinator/test.js
+++ /dev/null
@@ -1,50 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-const fs = require("fs");
-const test = require("ava");
-const postcss = require("postcss");
-const plugin = require("./index.js");
-
-function compare(
- t,
- fixtureFilePath,
- expectedFilePath,
- options = {
- processIdentifier: (identifier) => {
- if (identifier === "express") {
- return "spectrum--express";
- }
- return identifier;
- },
- }
-) {
- return postcss([plugin(options)])
- .process(readFile(`./fixtures/${fixtureFilePath}`), {
- from: fixtureFilePath,
- })
- .then((result) => {
- const actual = result.css;
- const expected = readFile(`./expected/${expectedFilePath}`);
- t.is(actual, expected);
- t.is(result.warnings().length, 0);
- });
-}
-
-function readFile(filename) {
- return fs.readFileSync(filename, "utf8");
-}
-
-test("create basic output", (t) => {
- return compare(t, "basic.css", "basic.css");
-});
diff --git a/plugins/stylelint-no-missing-var/CHANGELOG.md b/plugins/stylelint-no-missing-var/CHANGELOG.md
index 488fd55b0e5..fd1a5a90923 100644
--- a/plugins/stylelint-no-missing-var/CHANGELOG.md
+++ b/plugins/stylelint-no-missing-var/CHANGELOG.md
@@ -1,5 +1,11 @@
# Change Log
+## 2.0.2-s2-foundations.0
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`683871c`](https://github.com/adobe/spectrum-css/commit/683871c8cec3de3585c3d29fc63bd8bbf71e245a) Thanks [@pfulton](https://github.com/pfulton)! - Dependency updates to align with versions used in the parent repository.
+
## 2.0.1
### Patch Changes
@@ -25,8 +31,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.3.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-tools/stylelint-no-missing-var
@@ -34,8 +39,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.3.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/stylelint-no-missing-var@1.2.0...@spectrum-tools/stylelint-no-missing-var@1.3.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/stylelint-no-missing-var@1.2.0...@spectrum-tools/stylelint-no-missing-var@1.3.0)
### ✨ Features
@@ -45,8 +49,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.0
-🗓
-2024-01-16
+🗓 2024-01-16
### ✨ Features
@@ -56,8 +59,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.1.0
-🗓
-2023-06-01
+🗓 2023-06-01
### ✨ Features
diff --git a/plugins/stylelint-no-missing-var/package.json b/plugins/stylelint-no-missing-var/package.json
index ec862445d85..b849a2214b9 100644
--- a/plugins/stylelint-no-missing-var/package.json
+++ b/plugins/stylelint-no-missing-var/package.json
@@ -1,14 +1,22 @@
{
"name": "@spectrum-tools/stylelint-no-missing-var",
- "version": "2.0.1",
+ "version": "2.0.2-s2-foundations.0",
"description": "Check for custom properties without a var function around them",
"license": "Apache-2.0",
"author": "Adobe",
+ "contributors": [
+ "Cassondra Roberts "
+ ],
"type": "module",
"main": "index.js",
"scripts": {
"test": "ava"
},
+ "files": [
+ "package.json",
+ "index.js",
+ "*.md"
+ ],
"dependencies": {
"colors": "^1.4.0"
},
@@ -16,7 +24,7 @@
"stylelint": ">=16.0.0"
},
"devDependencies": {
- "ava": "^6.1.3",
+ "ava": "^6.2.0",
"c8": "^10.1.3",
"stylelint": "^16.9.0"
},
diff --git a/plugins/stylelint-no-unknown-custom-properties/CHANGELOG.md b/plugins/stylelint-no-unknown-custom-properties/CHANGELOG.md
index 540536682d2..03d3a83456c 100644
--- a/plugins/stylelint-no-unknown-custom-properties/CHANGELOG.md
+++ b/plugins/stylelint-no-unknown-custom-properties/CHANGELOG.md
@@ -1,5 +1,11 @@
# Change Log
+## 2.0.2-s2-foundations.0
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`683871c`](https://github.com/adobe/spectrum-css/commit/683871c8cec3de3585c3d29fc63bd8bbf71e245a) Thanks [@pfulton](https://github.com/pfulton)! - Dependency updates to align with versions used in the parent repository.
+
## 2.0.1
### Patch Changes
@@ -25,8 +31,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.3.2
-🗓
-2024-02-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/stylelint-no-unknown-custom-properties@1.3.1...@spectrum-tools/stylelint-no-unknown-custom-properties@1.3.2)
+🗓 2024-02-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/stylelint-no-unknown-custom-properties@1.3.1...@spectrum-tools/stylelint-no-unknown-custom-properties@1.3.2)
**Note:** Version bump only for package @spectrum-tools/stylelint-no-unknown-custom-properties
@@ -34,8 +39,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.3.1
-🗓
-2024-02-06
+🗓 2024-02-06
**Note:** Version bump only for package @spectrum-tools/stylelint-no-unknown-custom-properties
@@ -43,8 +47,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.3.0
-🗓
-2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/stylelint-no-unknown-custom-properties@1.2.2...@spectrum-tools/stylelint-no-unknown-custom-properties@1.3.0)
+🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/stylelint-no-unknown-custom-properties@1.2.2...@spectrum-tools/stylelint-no-unknown-custom-properties@1.3.0)
### ✨ Features
@@ -54,8 +57,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.2
-🗓
-2024-01-16
+🗓 2024-01-16
**Note:** Version bump only for package @spectrum-tools/stylelint-no-unknown-custom-properties
diff --git a/plugins/stylelint-no-unknown-custom-properties/index.js b/plugins/stylelint-no-unknown-custom-properties/index.js
index 6afd483867b..69ec3f8ad67 100644
--- a/plugins/stylelint-no-unknown-custom-properties/index.js
+++ b/plugins/stylelint-no-unknown-custom-properties/index.js
@@ -12,7 +12,7 @@
import { existsSync, readFileSync } from "fs";
import { createRequire } from "module";
-import { join, sep } from "path";
+import { extname, join, sep } from "path";
const require = createRequire(import.meta.url);
import stylelint from "stylelint";
@@ -30,7 +30,6 @@ const messages = ruleMessages(ruleName, {
expected: (prop) => `Custom property ${prop.magenta} not defined`,
});
-import fg from "fast-glob";
import { parse } from "postcss";
import valuesParser from "postcss-values-parser";
@@ -71,14 +70,6 @@ const ruleFunction = (enabled, options = {}) => {
const sharedDefinitions = new Set();
- for (const themePath of fg.sync(["themes/*.css"], { cwd: componentRoot, absolute: true })) {
- const content = readFileSync(themePath, "utf8");
- if (!content) continue;
- parse(content).walkDecls(/^--/, ({ prop }) => {
- sharedDefinitions.add(prop);
- });
- }
-
function fetchResolutions(depName) {
let req;
try {
@@ -94,10 +85,25 @@ const ruleFunction = (enabled, options = {}) => {
const content = readFileSync(req, "utf8");
if (!content) return;
- // Fetch all defined custom properties
- parse(content).walkDecls(/^--/, ({ prop }) => {
- sharedDefinitions.add(prop);
- });
+ // If the file is a CSS file, parse it for custom properties
+ if (extname(req) === ".css") {
+ // Fetch all defined custom properties
+ parse(content).walkDecls(/^--/, ({ prop }) => {
+ sharedDefinitions.add(prop);
+ });
+ }
+ else if (extname(req) === ".json") {
+ const data = JSON.parse(content);
+ Object.keys(data).forEach((key) => {
+ if (typeof key !== "string") return;
+ if (!key.startsWith("--")) {
+ sharedDefinitions.add(`--spectrum-${key.replace(".", "-")}`);
+ }
+ else {
+ sharedDefinitions.add(key);
+ }
+ });
+ }
}
// Check dependencies for custom properties
@@ -115,8 +121,7 @@ const ruleFunction = (enabled, options = {}) => {
if (allDependencies.size === 0) return;
- // @todo this is a hard-coded assumption that we only care about spectrum-css dependencies
- for (const dep of [...allDependencies].filter(dep => dep.startsWith("@spectrum-css"))) {
+ for (const dep of [...allDependencies]) {
try {
fetchResolutions(dep);
}
diff --git a/plugins/stylelint-no-unknown-custom-properties/package.json b/plugins/stylelint-no-unknown-custom-properties/package.json
index 5ebc1d380d1..7420f9aa7d6 100644
--- a/plugins/stylelint-no-unknown-custom-properties/package.json
+++ b/plugins/stylelint-no-unknown-custom-properties/package.json
@@ -1,7 +1,7 @@
{
"private": true,
"name": "@spectrum-tools/stylelint-no-unknown-custom-properties",
- "version": "2.0.1",
+ "version": "2.0.2-s2-foundations.0",
"description": "Report on any unknown custom property definitions",
"license": "Apache-2.0",
"author": "Adobe",
@@ -28,7 +28,7 @@
"stylelint": ">=16.0.0"
},
"devDependencies": {
- "ava": "^6.1.3",
+ "ava": "^6.2.0",
"c8": "^10.1.3",
"stylelint": "^16.9.0"
},
diff --git a/plugins/stylelint-no-unused-custom-properties/CHANGELOG.md b/plugins/stylelint-no-unused-custom-properties/CHANGELOG.md
index 19edc45626e..69bdd698284 100644
--- a/plugins/stylelint-no-unused-custom-properties/CHANGELOG.md
+++ b/plugins/stylelint-no-unused-custom-properties/CHANGELOG.md
@@ -1,5 +1,17 @@
# Change Log
+## 2.0.2-s2-foundations.0
+
+### Patch Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`683871c`](https://github.com/adobe/spectrum-css/commit/683871c8cec3de3585c3d29fc63bd8bbf71e245a) Thanks [@pfulton](https://github.com/pfulton)! - Dependency updates to align with versions used in the parent repository.
+
+## 2.0.2
+
+### Patch Changes
+
+- [#3300](https://github.com/adobe/spectrum-css/pull/3300) [`89797d0`](https://github.com/adobe/spectrum-css/commit/89797d0324bcbf2195a28840ce87ed6959da24a5) Thanks [@castastrophe](https://github.com/castastrophe)! - Minor logic clean-up for more efficient escapes when checking for warnings.
+
## 2.0.2
### Patch Changes
diff --git a/plugins/stylelint-no-unused-custom-properties/index.js b/plugins/stylelint-no-unused-custom-properties/index.js
index 1f35155005e..4b5490cd850 100644
--- a/plugins/stylelint-no-unused-custom-properties/index.js
+++ b/plugins/stylelint-no-unused-custom-properties/index.js
@@ -139,14 +139,18 @@ const ruleFunction = (enabled, { ignoreList = [] } = {}, context = {}) => {
// If this comment is a start indicator, capture the declarations after it until the end indicator
while (nextLine) {
- if (nextLine.type === "decl" && nextLine.prop.startsWith("--")) {
- allowedPassthroughs.add(nextLine.prop);
+ switch(nextLine.type) {
+ case "rule":
+ nextLine = nextLine.nodes[0];
+ break;
+ case "decl":
+ if (nextLine.prop.startsWith("--")) {
+ allowedPassthroughs.add(nextLine.prop);
+ }
+ // eslint-disable-next-line no-fallthrough -- intentional fallthrough
+ default:
+ nextLine = nextLine.next();
}
- else if (nextLine.type === "comment" && /^\s*@passthroughs?\s*(\s+end)?$/.test(nextLine.text)) {
- break;
- }
-
- nextLine = nextLine.next();
}
});
diff --git a/plugins/stylelint-no-unused-custom-properties/package.json b/plugins/stylelint-no-unused-custom-properties/package.json
index 4054061926e..42786cf2915 100644
--- a/plugins/stylelint-no-unused-custom-properties/package.json
+++ b/plugins/stylelint-no-unused-custom-properties/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-tools/stylelint-no-unused-custom-properties",
- "version": "2.0.2",
+ "version": "2.0.2-s2-foundations.0",
"description": "Report on any unused custom property definitions",
"license": "Apache-2.0",
"author": "Adobe",
@@ -19,13 +19,14 @@
},
"dependencies": {
"colors": "^1.4.0",
+ "postcss": "^8.4.49",
"postcss-values-parser": "^6.0.2"
},
"peerDependencies": {
"stylelint": ">=16.0.0"
},
"devDependencies": {
- "ava": "^6.1.3",
+ "ava": "^6.2.0",
"c8": "^10.1.3",
"stylelint": "^16.9.0"
},
diff --git a/plugins/stylelint-theme-alignment/CHANGELOG.md b/plugins/stylelint-theme-alignment/CHANGELOG.md
deleted file mode 100644
index d1aa2e4f92e..00000000000
--- a/plugins/stylelint-theme-alignment/CHANGELOG.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# Change Log
-
-## 1.1.0
-
-### Minor Changes
-
-- [#3403](https://github.com/adobe/spectrum-css/pull/3403) [`48626b8`](https://github.com/adobe/spectrum-css/commit/48626b8ca11043d290c0fe987ec501b88bd6e339) Thanks [@castastrophe](https://github.com/castastrophe)! - Allow the base filename to be passed into the tool so that the core theme can be updated. Great preparations for S2 roll-out when spectrum-two.css theme files will become our primary source of theme content.
-
-## 1.0.0
-
-### Major Changes
-
-- [#3026](https://github.com/adobe/spectrum-css/pull/3026) [`544a803`](https://github.com/adobe/spectrum-css/commit/544a8039e84423a4db3137a0688f27b7812e291f) Thanks [@castastrophe](https://github.com/castastrophe)! - Initial release of the stylelint theme alignment tool. This package uses the base file (themes/spectrum.css) for a Spectrum CSS component as a "source of truth" and validates the sub-themes (i.e., themes/express.css) use only selectors and custom properties defined in the base file.
diff --git a/plugins/stylelint-theme-alignment/README.md b/plugins/stylelint-theme-alignment/README.md
deleted file mode 100644
index ed0f1b274f1..00000000000
--- a/plugins/stylelint-theme-alignment/README.md
+++ /dev/null
@@ -1,78 +0,0 @@
-# stylelint-no-unused-custom-properties
-
-> Remove or report on unused variable definitions
-
-## Installation
-
-```sh
-yarn add -D @spectrum-tools/stylelint-no-unused-custom-properties
-```
-
-## Usage
-
-Assuming you have some variables defined and rule(s) that use them:
-
-```css
-:root {
- --prefix-component-background-color: blue;
- --prefix-component-width: 10px;
- --prefix-component-height: 10px;
- --prefix-component-size: 10px;
-}
-
-.component {
- background-color: var(--prefix-component-background-color);
-
- width: var(--prefix-component-width);
- height: var(--prefix-component-height);
-}
-```
-
-The variables that are not used in any rule will be removed from the output or reported to the console:
-
-```css
-:root {
- --prefix-component-background-color: blue;
- --prefix-component-width: 10px;
- --prefix-component-height: 10px;
-}
-
-.component {
- background-color: var(--prefix-component-background-color);
-
- width: var(--prefix-component-width);
- height: var(--prefix-component-height);
-}
-```
-
-To allow variables to be defined without being used, such as when you want to pass custom properties down to a child component, you can add a `/* @passthrough */` comment to the variable definition:
-
-```css
-:root {
- /* @passthrough */
- --nested-component-background-color: blue;
- --prefix-component-width: 10px;
- --prefix-component-height: 10px;
- --prefix-component-size: 10px;
-}
-```
-
-To allow a group of properties to be passed down, you can prefix the set with `/* @passthrough start */` and suffix it with `/* @passthrough end */`:
-
-```css
-:root {
- /* @passthrough start */
- --nested-component-background-color: blue;
- --nested-component-width: 10px;
- /* @passthrough end */
-
- --prefix-component-height: 10px;
- --prefix-component-size: 10px;
-}
-```
-
-## Options
-
-### `ignoreList` (default: `[]`)
-
-An array of strings or regular expressions that will be matched against the variable name. If a match is found, the variable will be ignored.
diff --git a/plugins/stylelint-theme-alignment/index.js b/plugins/stylelint-theme-alignment/index.js
deleted file mode 100644
index 44ca89ab62f..00000000000
--- a/plugins/stylelint-theme-alignment/index.js
+++ /dev/null
@@ -1,158 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import fs from "node:fs";
-import { basename, relative, sep } from "node:path";
-
-import postcss from "postcss";
-import valuesParser from "postcss-values-parser";
-import stylelint from "stylelint";
-import { isString } from "stylelint/lib/utils/validateTypes.mjs";
-
-const {
- createPlugin,
- utils: { report, ruleMessages, validateOptions }
-} = stylelint;
-
-import "colors";
-
-const ruleName = "spectrum-tools/theme-alignment";
-const messages = ruleMessages(ruleName, {
- missing: (baseFile, sourceFile, rootPath) => `A base file (${relative(rootPath, baseFile)}) is required to validate ${relative(rootPath, sourceFile)}.`,
- // Report if a selector is in this file but not in the base file
- expected: (selector, baseFile, rootPath) => `Selector "${selector}" is not used or defined in the base file (${relative(rootPath, baseFile)}).`,
- // Report if a custom property is used in this file but not in the base file
- referenced: (property, baseFile, rootPath) => `Custom property "${property}" is not used or defined by the base file (${relative(rootPath, baseFile)}).`,
-});
-
-/** @type {import('stylelint').Plugin} */
-const ruleFunction = (enabled, options = {}) => {
- return (root, result) => {
- const validOptions = validateOptions(
- result,
- ruleName,
- {
- actual: enabled,
- possible: [true],
- },
- {
- actual: options,
- possible: {
- baseFilename: isString,
- },
- optional: true,
- },
- );
-
- if (!validOptions) return;
-
-
- const { baseFilename = "spectrum-two" } = options;
-
- const sourceFile = root.source.input.file;
- const parts = sourceFile ? sourceFile.split(sep) : [];
- const isTheme = parts[parts.length - 2] === "themes";
- const filename = parts[parts.length - 1];
-
- if (!isTheme || basename(filename, ".css") === baseFilename) return;
-
- // All the parts of the source file but replace the filename with the baseFilename
- const baseFile = [...parts.slice(0, -1), `${baseFilename}.css`].join(sep);
- const rootPath = parts.slice(0, -2).join(sep);
-
- // If the base file doesn't exist, throw an error
- if (!fs.existsSync(baseFile)) {
- report({
- message: messages.missing,
- messageArgs: [baseFile, sourceFile, rootPath],
- node: root,
- result,
- ruleName,
- });
- return;
- }
-
- // Read in the base file and parse it
- const baseContent = fs.readFileSync(baseFile, "utf8");
- const baseRoot = postcss.parse(baseContent);
-
- /* A list of all selectors in the base file */
- const baseSelectors = new Set();
- /* A list of all properties in the base file */
- const baseProperties = new Set();
-
- /* Iterate over selectors in the base root */
- baseRoot.walkRules((rule) => {
- rule.selectors.forEach((selector) => {
- // Add this selector to the selectors set
- baseSelectors.add(selector);
- });
-
- rule.walkDecls((decl) => {
- // If this is a custom property, add it to the properties set
- if (decl.prop.startsWith("--")) {
- baseProperties.add(decl.prop);
- }
-
- // If the value of this declaration includes a custom property, add it to the properties set
- const parsed = valuesParser.parse(decl.value);
- parsed.walk((node) => {
- if (node.type === "func" && node.value === "var") {
- baseProperties.add(node.nodes[0].value);
- }
- });
- });
- });
-
- /* Iterate over selectors in the source root and validate that they align with the base */
- root.walkRules((rule) => {
- rule.selectors.forEach((selector) => {
- // Check if this selector exists in the base
- if (!baseSelectors.has(selector)) {
- // Report any selectors that don't exist in the base
- report({
- message: messages.expected,
- messageArgs: [selector, baseFile, rootPath],
- node: rule,
- result,
- ruleName,
- });
- return;
- }
- });
-
- rule.walkDecls((decl) => {
- const isProperty = decl.prop.startsWith("--");
- // @todo should report that this is setting something other than a custom property in the theme file
- if (!isProperty) {
- return;
- }
-
- // If this is a custom property, check if it's used in the base
- if (!baseProperties.has(decl.prop)) {
- report({
- message: messages.referenced,
- messageArgs: [decl.prop, baseFile, rootPath],
- node: decl,
- result,
- ruleName,
- });
- }
- });
- });
- };
-};
-
-ruleFunction.ruleName = ruleName;
-ruleFunction.messages = messages;
-
-export default createPlugin(ruleName, ruleFunction);
diff --git a/plugins/stylelint-theme-alignment/package.json b/plugins/stylelint-theme-alignment/package.json
deleted file mode 100644
index 1b285fd12c9..00000000000
--- a/plugins/stylelint-theme-alignment/package.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
- "name": "@spectrum-tools/theme-alignment",
- "version": "1.1.0",
- "description": "",
- "license": "Apache-2.0",
- "author": "Adobe",
- "contributors": [
- "Cassondra Roberts "
- ],
- "type": "module",
- "main": "index.js",
- "files": [
- "package.json",
- "index.js",
- "*.md"
- ],
- "dependencies": {
- "colors": "^1.4.0",
- "postcss": "^8.4.49",
- "postcss-values-parser": "^6.0.2"
- },
- "peerDependencies": {
- "stylelint": ">=16.0.0"
- },
- "devDependencies": {
- "stylelint": "^16.9.0"
- },
- "keywords": [
- "css",
- "lint",
- "properties",
- "report",
- "stylelint-plugin"
- ]
-}
diff --git a/plugins/stylelint-theme-alignment/project.json b/plugins/stylelint-theme-alignment/project.json
deleted file mode 100644
index 90709f217ad..00000000000
--- a/plugins/stylelint-theme-alignment/project.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
- "name": "stylelint-theme-alignment",
- "tags": ["tooling", "stylelint"],
- "targets": {
- "format": {
- "defaultConfiguration": "plugins"
- },
- "lint": {
- "defaultConfiguration": "plugins"
- }
- }
-}
diff --git a/postcss.config.js b/postcss.config.js
index 96e986f352b..b6743146e13 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -11,22 +11,14 @@
* governing permissions and limitations under the License.
*/
-const { join, sep, basename } = require("path");
+const { join } = require("path");
module.exports = ({
file,
- to,
- splitinatorOptions = {
- noSelectors: false,
- noFlatVariables: false,
- // @todo strip out all but the references to --system- variables
- // NOT --system- definitions, only references
- referencesOnly: false,
- },
resolveImports = true,
- shouldCombine = false,
lint = true,
verbose = true,
+ minify = false,
additionalPlugins = {},
env = process.env.NODE_ENV ?? "development",
...options
@@ -37,27 +29,6 @@ module.exports = ({
options.map = isProduction ? false : { inline: false };
}
- const rootPath = __dirname;
- const outputFilepath = to ?? file;
- const relativePath = outputFilepath?.replace(rootPath, "");
-
- const outputFilename = outputFilepath ? basename(outputFilepath, ".css") : undefined;
- const pathParts = relativePath?.split(sep) ?? [];
-
- if (["themes", "spectrum", "express"].some(foldername => pathParts.includes(foldername)) || outputFilename === "index-theme") {
- splitinatorOptions.noSelectors = true;
- }
-
- if (outputFilename === "express" || pathParts.includes("express")) shouldCombine = true;
-
- if (outputFilename === "index-base") {
- splitinatorOptions.noFlatVariables = true;
- }
-
- if (pathParts.includes("bridge")) {
- splitinatorOptions.referencesOnly = true;
- }
-
return {
...options,
plugins: {
@@ -68,23 +39,16 @@ module.exports = ({
/* --------------------------------------------------- */
/* ------------------- SASS-LIKE UTILITIES ----------- */
"postcss-extend": {},
- "postcss-hover-media-feature": {},
"postcss-pseudo-classes": !isProduction ? {
restrictTo: ["focus-visible", "focus-within", "hover", "active", "disabled"],
allCombinations: true,
preserveBeforeAfter: false,
prefix: "is-"
} : false,
- /* --------------------------------------------------- */
- /* ------------------- VARIABLE PARSING -------------- */
- "postcss-splitinator": {
- processIdentifier: (identifier) =>
- identifier === "express" ? "spectrum--express" : identifier,
- ...splitinatorOptions,
+ "postcss-hover-media-feature": {},
+ "@spectrum-tools/postcss-rgb-mapping": {
+ colorFunctionalNotation: false,
},
- "postcss-combininator": shouldCombine ? {
- newSelector: ".spectrum",
- } : false,
...additionalPlugins,
/* --------------------------------------------------- */
/* ------------------- POLYFILLS --------------------- */
@@ -125,12 +89,10 @@ module.exports = ({
colormin: false,
reduceIdents: false,
discardUnused: false,
- discardComments: {
- removeAll: true
- },
+ discardComments: { removeAll: true },
// @todo yarn add -DW css-declaration-sorter
cssDeclarationSorter: false, // @todo { order: "smacss" }
- normalizeWhitespace: isProduction,
+ normalizeWhitespace: minify
},
],
},
diff --git a/schemas/metadata.schema.json b/schemas/metadata.schema.json
index 09b7b9ab4d4..9a4ba780018 100644
--- a/schemas/metadata.schema.json
+++ b/schemas/metadata.schema.json
@@ -41,14 +41,6 @@
"pattern": "^--spectrum-"
}
},
- "system-theme": {
- "description": "The system theme hooks created by the postcss tooling to allow theme toggling on a component.",
- "type": "array",
- "items": {
- "type": "string",
- "pattern": "^--system-"
- }
- },
"passthroughs": {
"description": "Modifier custom properties for nested components that are passed through by this component.",
"type": "array",
@@ -66,6 +58,6 @@
}
}
},
- "required": ["sourceFile", "selectors", "modifiers", "component", "global", "system-theme", "passthroughs", "high-contrast"],
+ "required": ["sourceFile", "selectors", "modifiers", "component", "global", "passthroughs", "high-contrast"],
"additionalProperties": false
}
diff --git a/stylelint.config.js b/stylelint.config.js
index b5106f152f6..e185d698c3e 100644
--- a/stylelint.config.js
+++ b/stylelint.config.js
@@ -11,8 +11,7 @@ module.exports = {
"@spectrum-tools/stylelint-no-missing-var",
"@spectrum-tools/stylelint-no-unused-custom-properties",
"@spectrum-tools/stylelint-no-unknown-custom-properties",
- "@spectrum-tools/theme-alignment",
- "stylelint-high-performance-animation",
+ // "stylelint-high-performance-animation",
],
rules: {
/** --------------------------------------------------------------
@@ -54,7 +53,11 @@ module.exports = {
except: ["first-nested"],
ignore: ["after-comment", "stylelint-commands"],
// don't require a newline before a passthrough flag
- ignoreComments: [/^@?passthroughs?/],
+ ignoreComments: [
+ /^\s*@passthroughs?/,
+ /^\s*@deprecated?/,
+ /^\s*@todo?/
+ ],
},
],
"custom-property-pattern": [/^(spectrum|mod|highcontrast|system|_)/, {}],
@@ -63,8 +66,7 @@ module.exports = {
true,
{
ignoreProperties: {
- color: ["CanvasText"],
- "forced-color-adjust": ["preserve-parent-color"],
+ "/.+/": ["CanvasText", "preserve-parent-color"],
},
},
],
@@ -137,10 +139,10 @@ module.exports = {
},
],
/** Performance */
- "plugin/no-low-performance-animation-properties": [
- true,
- { severity: "warning" },
- ],
+ // "plugin/no-low-performance-animation-properties": [
+ // true,
+ // { severity: "warning" },
+ // ],
/** --------------------------------------------------------------
* Local/custom plugins
@@ -152,7 +154,6 @@ module.exports = {
/** @note this is a list of custom properties that are allowed to be unknown */
ignoreList: [
/^--mod-/,
- /^--highcontrast-/,
/^--system-/,
/^--spectrum-picked-color$/,
],
@@ -165,7 +166,9 @@ module.exports = {
"spectrum-tools/no-unused-custom-properties": [
true,
{
- ignoreList: [/^--mod-/],
+ ignoreList: [
+ /^--mod-/,
+ ],
disableFix: true,
severity: "warning",
},
@@ -176,30 +179,33 @@ module.exports = {
* -------------------------------------------------------------- */
overrides: [
{
- files: [".storybook/assets/*.css"],
+ files: [".storybook/assets/*.css", "iframe.html*.css"],
rules: {
"custom-property-pattern": null,
"color-function-notation": null,
+ "selector-class-pattern": [
+ "^(spectrum|is-|u-|sb-)[A-Za-z0-9-]*", {
+ resolveNestedSelectors: true
+ }
+ ],
"spectrum-tools/no-unused-custom-properties": null,
"spectrum-tools/no-unknown-custom-properties": null,
+ "font-family-no-missing-generic-family-keyword": null,
},
},
{
- /* Validate that the legacy themes don't introduce any new selectors or custom properties */
- files: ["components/*/themes/spectrum.css", "components/*/themes/express.css", "tokens/**/*.css"],
+ files: ["tokens*/**/*.css(?inline)?"],
rules: {
+ "selector-class-pattern": [
+ "^(spectrum)[A-Za-z0-9-]*", {
+ resolveNestedSelectors: true
+ }
+ ],
+ "custom-property-pattern": [/^(spectrum|color|scale|system)/, {}],
+ "number-max-precision": null,
"spectrum-tools/no-unused-custom-properties": null,
"spectrum-tools/no-unknown-custom-properties": null,
}
},
- {
- /* Validate that the legacy themes don't introduce any new selectors or custom properties */
- files: ["components/*/themes/express.css", "!components/*/themes/spectrum.css"],
- rules: {
- "spectrum-tools/theme-alignment": [true, {
- baseFilename: "spectrum.css",
- }],
- },
- },
],
};
diff --git a/tasks/component-builder.js b/tasks/component-builder.js
index d3fca06ecca..5915c6ff3fa 100644
--- a/tasks/component-builder.js
+++ b/tasks/component-builder.js
@@ -26,12 +26,11 @@ require("colors");
const {
dirs,
relativePrint,
- bytesToSize,
+ writeAndReport,
getPackageFromPath,
cleanFolder,
validateComponentName,
fetchContent,
- copy,
} = require("./utilities.js");
/**
@@ -107,36 +106,12 @@ async function processCSS(
}
const promises = [
- fsp
- .writeFile(output, formatted)
- .then(() => {
- const stats = fs.statSync(output);
- return `${"✓".green} ${relativePrint(output, { cwd }).padEnd(20, " ").yellow} ${bytesToSize(stats.size).gray}`;
- })
- .catch((err) => {
- if (!err) return;
- console.log(
- `${"✗".red} ${relativePrint(output, { cwd }).yellow} not written`,
- );
- return Promise.reject(err);
- }),
+ writeAndReport(formatted, output, { cwd }),
];
if (result.map) {
promises.push(
- fsp
- .writeFile(`${output}.map`, result.map.toString().trimStart())
- .then(() => {
- const stats = fs.statSync(output);
- return `${"✓".green} ${relativePrint(`${output}.map`, { cwd }).padEnd(20, " ").yellow} ${bytesToSize(stats.size).gray}`;
- })
- .catch((err) => {
- if (!err) return;
- console.log(
- `${"✗".red} ${relativePrint(`${output}.map`, { cwd }).yellow} not written`,
- );
- return Promise.reject(err);
- }),
+ writeAndReport(result.map.toString().trimStart(), `${output}.map`, { cwd }),
);
}
@@ -170,97 +145,10 @@ async function build({ cwd = process.cwd(), clean = false, componentName } = {})
const indexOutputPath = path.join(cwd, "dist", "index.css");
return Promise.all([
- processCSS(content, indexSourceCSS, indexOutputPath, {
- cwd,
- clean,
- skipMapping: true,
- referencesOnly: false,
- preserveVariables: true,
- stripLocalSelectors: false,
- }).then(async (reports) => {
- // Copy index.css to index-vars.css for backwards compat, log as deprecated
- return copy(indexOutputPath, path.join(cwd, "dist/index-vars.css"), { cwd })
- .then(r => [r, ...reports]);
- }),
- processCSS(
- content,
- indexSourceCSS,
- path.join(cwd, "dist", "index-base.css"),
- {
- cwd,
- clean,
- splitinatorOptions: {
- noFlatVariables: true,
- },
- },
- ),
+ processCSS(content, indexSourceCSS, indexOutputPath, { cwd, clean }),
]);
}
-/**
- * The builder for the individual themes assets
- * @param {object} config
- * @param {string} config.cwd - Current working directory for the component being built
- * @param {boolean} config.clean - Should the built assets be cleaned before running the build
- * @returns Promise
- */
-async function buildThemes({ cwd = process.cwd(), clean = false } = {}) {
- // This fetches the content of the files and returns an array of objects with the content and input paths
- const contentData = await fetchContent(["themes/*.css"], { cwd, clean });
-
- // Nothing to do if there's no content
- if (!contentData || contentData.length === 0) return;
-
- const imports = contentData.map(({ input }) => input);
- const importMap = imports.map((i) => `@import "${i}";`).join("\n");
-
- const promises = contentData.map(async ({ content, input }) => {
- if (!content)
- return Promise.reject(
- new Error(`No content found for ${relativePrint(input, { cwd })}`),
- );
-
- const theme = path.basename(input, ".css");
- return processCSS(
- content,
- path.join(cwd, input),
- path.join(cwd, "dist", input),
- {
- cwd,
- clean,
- lint: false,
- skipMapping: false,
- referencesOnly: false,
- preserveVariables: true,
- // Only output the new selectors with the system mappings
- stripLocalSelectors: true,
- theme,
- map: false,
- env: "production",
- },
- );
- });
-
- promises.push(
- // Expect this file to have component-specific selectors mapping to the system tokens but not the system tokens themselves
- processCSS(
- importMap,
- path.join(cwd, "index.css"),
- path.join(cwd, "dist", "index-theme.css"),
- {
- cwd,
- clean,
- splitinatorOptions: {
- noSelectors: true,
- },
- map: false,
- },
- ),
- );
-
- return Promise.all(promises);
-}
-
/**
* The main entry point for this tool; this builds a CSS component
* @param {object} config
@@ -291,44 +179,35 @@ async function main({
const key = `[build] ${`@spectrum-css/${componentName}`.cyan}`;
console.time(key);
- return Promise.all([
- ...(clean ? [cleanFolder({ cwd })] : []),
- build({ cwd, clean }),
- buildThemes({ cwd, clean }),
- ])
- .then((report) => {
- const logs = report.flat(Infinity).filter(Boolean);
-
- console.log(`\n\n${key} 🔨`);
- console.log(`${"".padStart(30, "-")}`);
-
- if (logs && logs.length > 0) {
- logs
- .sort((a) => {
- if (typeof a === "string" && a.includes("✓")) return -1;
- if (typeof a === "string" && a.includes("🔍")) return 0;
- return 1;
- })
- .forEach((log) => console.log(log));
- }
- else console.log("No assets created.".gray);
-
- console.log(`${"".padStart(30, "-")}`);
- console.timeEnd(key);
- console.log("");
- })
- .catch((err) => {
- console.log(`\n\n${key} 🔨`);
- console.log(`${"".padStart(30, "-")}`);
-
- console.trace(err);
-
- console.log(`${"".padStart(30, "-")}`);
- console.timeEnd(key);
- console.log("");
-
- process.exit(1);
- });
+ const reports = [];
+ const errors = [];
+
+ if (clean) await cleanFolder({ cwd }).then((report) => reports.push(report)).catch((err) => errors.push(err));
+
+ await build({ cwd, clean }).then((report) => reports.push(report)).catch((err) => errors.push(err));
+
+ const logs = reports.flat(Infinity).filter(Boolean);
+ const errs = errors.flat(Infinity).filter(Boolean);
+
+ console.log(`\n\n${key} 🔨`);
+ console.log(`${"".padStart(30, "-")}`);
+
+ if (errs && errs.length > 0) {
+ errs.forEach((err) => console.error(err));
+ }
+ else {
+ if (logs && logs.length > 0) {
+ logs.forEach((log) => console.log(log));
+ }
+ else console.log("No assets created.".gray);
+ }
+
+ console.log(`${"".padStart(30, "-")}`);
+ console.timeEnd(key);
+ console.log("");
+
+ if (errs && errs.length > 0) process.exit(1);
+ else process.exit(0);
}
exports.processCSS = processCSS;
diff --git a/tasks/component-reporter.js b/tasks/component-reporter.js
index 48bdf9bc582..7031937e75c 100644
--- a/tasks/component-reporter.js
+++ b/tasks/component-reporter.js
@@ -172,10 +172,6 @@ async function main({
const content = await fsp.readFile(sourceCSS, "utf-8");
const processed = await processCSS(content, sourceCSS, undefined, {
cwd,
- skipMapping: true,
- referencesOnly: false,
- preserveVariables: true,
- stripLocalSelectors: false,
map: false,
env: "production",
});
@@ -186,11 +182,10 @@ async function main({
cwd,
sourcePath: sourceCSS,
componentName,
- baseSelectors: [".spectrum", ".spectrum--express", ".spectrum--legacy"],
+ baseSelectors: [".spectrum"],
dataModel: {
modifiers: ["mod"],
spectrum: ["spectrum"],
- "system-theme": ["system"],
"high-contrast": ["highcontrast"],
},
}
@@ -202,18 +197,6 @@ async function main({
}
return Promise.all([
- writeAndReport(
- await prettier.format(
- `${[
- "| Modifiable custom properties |",
- "| --- |",
- ...(meta?.modifiers ?? []).map((mod) => `| \`${mod}\` |`),
- ].join("\n")}\n`,
- { parser: "markdown" },
- ),
- path.join(cwd, "metadata/mods.md"),
- { cwd },
- ),
writeAndReport(
await prettier.format(
JSON.stringify({
@@ -222,7 +205,6 @@ async function main({
modifiers: meta.modifiers,
component: meta.component,
global: meta.global,
- "system-theme": meta["system-theme"],
passthroughs: meta.passthroughs,
"high-contrast": meta["high-contrast"],
}, null, 2),
diff --git a/tasks/templates/diff-preview.njk b/tasks/templates/diff-preview.njk
index e3bbc8f92b2..d6e36083495 100644
--- a/tasks/templates/diff-preview.njk
+++ b/tasks/templates/diff-preview.njk
@@ -7,11 +7,11 @@
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-/* This file contains overrides and additions to core tokens */
-
-.spectrum--express.spectrum--dark {
- /* Drop Zone background color rgb */
- --spectrum-drop-zone-background-color-rgb: var(--spectrum-indigo-900-rgb); /* var(--spectrum-accent-color-900);*/
- --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-assetcard-border-color-selected: var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-hover: var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-down: var(--spectrum-indigo-800);
- --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-indigo-700);
-}
diff --git a/tokens/custom-express/custom-darkest-vars.css b/tokens/custom-express/custom-darkest-vars.css
deleted file mode 100644
index 36ef601d70a..00000000000
--- a/tokens/custom-express/custom-darkest-vars.css
+++ /dev/null
@@ -1,25 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-/* This file contains overrides and additions to core tokens */
-
-.spectrum--express.spectrum--darkest {
- /* Drop Zone background color rgb */
- --spectrum-drop-zone-background-color-rgb: var(--spectrum-indigo-900-rgb); /* var(--spectrum-accent-color-900);*/
- --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-assetcard-border-color-selected: var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-hover: var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-down: var(--spectrum-indigo-800);
- --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-indigo-700);
-}
diff --git a/tokens/custom-express/custom-large-vars.css b/tokens/custom-express/custom-large-vars.css
deleted file mode 100644
index 7eb1e1b90c8..00000000000
--- a/tokens/custom-express/custom-large-vars.css
+++ /dev/null
@@ -1,25 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-/* This file contains overrides and additions to core tokens */
-
-.spectrum--express.spectrum--large {
- --spectrum-colorwheel-path: "M 118 118 m -118 0 a 118 118 0 1 0 236 0 a 118 118 0 1 0 -236 0.2 M 118 118 m -92 0 a 92 92 0 1 0 184 0 a 92 92 0 1 0 -184 0";
- --spectrum-colorwheel-path-borders: "M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
-
- --spectrum-dialog-confirm-border-radius: 8px;
-
- --spectrum-dial-border-radius: 15px;
-
- --spectrum-assetcard-focus-ring-border-radius: 12px;
-}
diff --git a/tokens/custom-express/custom-light-vars.css b/tokens/custom-express/custom-light-vars.css
deleted file mode 100644
index b82ab862f49..00000000000
--- a/tokens/custom-express/custom-light-vars.css
+++ /dev/null
@@ -1,26 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-/* This file contains overrides and additions to core tokens */
-
-.spectrum--express.spectrum--light,
-.spectrum--express.spectrum--lightest {
- /* Drop Zone background color rgb */
- --spectrum-drop-zone-background-color-rgb: var(--spectrum-indigo-800-rgb); /* var(--spectrum-accent-color-800);*/
- --spectrum-well-border-color: rgba(var(--spectrum-black-rgb), 0.05);
-
- --spectrum-assetcard-border-color-selected: var(--spectrum-indigo-900);
- --spectrum-assetcard-border-color-selected-hover: var(--spectrum-indigo-900);
- --spectrum-assetcard-border-color-selected-down: var(--spectrum-indigo-1000);
- --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-indigo-900);
-}
diff --git a/tokens/custom-express/custom-medium-vars.css b/tokens/custom-express/custom-medium-vars.css
deleted file mode 100644
index 1d6e142a98a..00000000000
--- a/tokens/custom-express/custom-medium-vars.css
+++ /dev/null
@@ -1,25 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-/* This file contains overrides and additions to core tokens */
-
-.spectrum--express.spectrum--medium {
- --spectrum-colorwheel-path: "M 94 94 m -94 0 a 94 94 0 1 0 188 0 a 94 94 0 1 0 -188 0.2 M 94 94 m -74 0 a 74 74 0 1 0 148 0 a 74 74 0 1 0 -148 0";
- --spectrum-colorwheel-path-borders: "M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
-
- --spectrum-dialog-confirm-border-radius: 6px;
-
- --spectrum-dial-border-radius: 12px;
-
- --spectrum-assetcard-focus-ring-border-radius: 10px;
-}
diff --git a/tokens/custom-express/custom-vars.css b/tokens/custom-express/custom-vars.css
deleted file mode 100644
index d21931db513..00000000000
--- a/tokens/custom-express/custom-vars.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-/* This file contains overrides and additions to core tokens */
-
-.spectrum--express {
- --system: express;
-}
diff --git a/tokens/custom-spectrum/custom-darkest-vars.css b/tokens/custom-spectrum/custom-darkest-vars.css
deleted file mode 100644
index 54278af3c68..00000000000
--- a/tokens/custom-spectrum/custom-darkest-vars.css
+++ /dev/null
@@ -1,74 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-/* This file contains overrides and additions to core tokens */
-
-.spectrum--darkest {
- --spectrum-menu-item-background-color-default: rgba(255, 255, 255, 0); /* --spectrum-gray-900 */
- --spectrum-menu-item-background-color-hover: var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-down: var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-key-focus: var(--spectrum-transparent-white-200);
-
- /* Drop Zone background color rgb */
- --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb); /* var(--spectrum-accent-color-900);*/
-
- /* Drop Indicator color rgb */
- --spectrum-dropindicator-color: var(--spectrum-blue-700);
-
- --spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.2);
- --spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-white-rgb), 0.08);
- --spectrum-calendar-day-today-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-down: rgba(var(--spectrum-white-rgb), 0.15);
- --spectrum-calendar-day-background-color-cap-selected: rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-key-focus: rgba(var(--spectrum-white-rgb), 0.08);
- --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700);
-
- --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-600-rgb);
-
- --spectrum-badge-label-icon-color-primary: var(--spectrum-black);
-
- --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
- --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
-
- --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700);
-
- --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.08);
- --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.2);
-
- --spectrum-logic-button-and-background-color: var(--spectrum-blue-800);
- --spectrum-logic-button-and-border-color: var(--spectrum-blue-800);
- --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000);
- --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000);
-
- --spectrum-logic-button-or-background-color: var(--spectrum-magenta-700);
- --spectrum-logic-button-or-border-color: var(--spectrum-magenta-700);
- --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900);
- --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900);
-
- --spectrum-assetcard-border-color-selected: var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900);
- --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800);
- --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700);
-
- --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.2);
- --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
-
- --spectrum-swatch-border-color: rgba(255, 255, 255, 51%);
- --spectrum-swatch-border-color-light: rgba(255, 255, 255, 20%);
-}
diff --git a/tokens/custom-spectrum/custom-dark-vars.css b/tokens/custom/dark-vars.css
similarity index 80%
rename from tokens/custom-spectrum/custom-dark-vars.css
rename to tokens/custom/dark-vars.css
index 295917dab13..72dd46113a0 100644
--- a/tokens/custom-spectrum/custom-dark-vars.css
+++ b/tokens/custom/dark-vars.css
@@ -14,16 +14,21 @@
/* This file contains overrides and additions to core tokens */
.spectrum--dark {
- --spectrum-menu-item-background-color-default: rgba(255, 255, 255, 0); /* --spectrum-gray-900 */
- --spectrum-menu-item-background-color-hover: var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-down: var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-key-focus: var(--spectrum-transparent-white-200);
+ /* stylelint-disable-next-line custom-property-pattern -- context identification */
+ --color-scheme: dark;
- /* Drop Zone background color rgb */
- --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb); /* var(--spectrum-accent-color-900);*/
+ /** COMPONENT-SPECIFIC OVERRIDES **/
+ --spectrum-assetcard-border-color-selected: var(--spectrum-blue-800);
+ --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800);
+ --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900);
+ --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800);
+ --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700);
- /* Drop Indicator color rgb */
- --spectrum-dropindicator-color: var(--spectrum-blue-700);
+ --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.25);
+ --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
+ --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
+
+ --spectrum-badge-label-icon-color-primary: var(--spectrum-black);
--spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
--spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-white-rgb), 0.07);
@@ -36,18 +41,11 @@
--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb);
- --spectrum-badge-label-icon-color-primary: var(--spectrum-black);
-
--spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
- --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
-
- --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
- --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700);
+ --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb); /* var(--spectrum-accent-color-900); */
- --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.07);
- --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
+ --spectrum-dropindicator-color: var(--spectrum-blue-700);
--spectrum-logic-button-and-background-color: var(--spectrum-blue-800);
--spectrum-logic-button-and-border-color: var(--spectrum-blue-800);
@@ -59,16 +57,12 @@
--spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900);
--spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900);
- --spectrum-assetcard-border-color-selected: var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900);
- --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800);
- --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700);
+ --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700);
- --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
- --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
+ --spectrum-swatch-border-color: rgb(255 255 255 / 51%);
+ --spectrum-swatch-border-color-light: rgb(255 255 255 / 20%);
+
+ --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.07);
+ --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
- --spectrum-swatch-border-color: rgba(255, 255, 255, 51%);
- --spectrum-swatch-border-color-light: rgba(255, 255, 255, 20%);
}
diff --git a/tokens/custom-spectrum/custom-vars.css b/tokens/custom/global-vars.css
similarity index 72%
rename from tokens/custom-spectrum/custom-vars.css
rename to tokens/custom/global-vars.css
index 70a2db63f6d..013067ab95a 100644
--- a/tokens/custom-spectrum/custom-vars.css
+++ b/tokens/custom/global-vars.css
@@ -14,7 +14,7 @@
/* This file contains overrides and additions to core tokens */
.spectrum {
--system: spectrum;
- --spectrum-animation-linear: cubic-bezier(0, 0, 1, 1);
+
--spectrum-animation-duration-0: 0ms;
--spectrum-animation-duration-100: 130ms;
--spectrum-animation-duration-200: 160ms;
@@ -29,11 +29,15 @@
--spectrum-animation-duration-2000: 1000ms;
--spectrum-animation-duration-4000: 2000ms;
--spectrum-animation-duration-6000: 3000ms;
+
+ --spectrum-animation-linear: cubic-bezier(0, 0, 1, 1);
+
--spectrum-animation-ease-in-out: cubic-bezier(0.45, 0, 0.4, 1);
--spectrum-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
--spectrum-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
--spectrum-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
+ /* stylelint-disable value-keyword-case -- typography names should use their appropriate cases */
--spectrum-sans-font-family-stack: adobe-clean, var(--spectrum-sans-serif-font-family), "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
--spectrum-sans-serif-font: var(--spectrum-sans-font-family-stack);
@@ -42,8 +46,9 @@
--spectrum-code-font-family-stack: "Source Code Pro", Monaco, monospace;
- --spectrum-font-family-ar: myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
- --spectrum-font-family-he: myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
+ --spectrum-font-family-ar: myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
+ --spectrum-font-family-he: myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
+ /* stylelint-enable value-keyword-case */
--spectrum-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-font-style: var(--spectrum-default-font-style);
@@ -52,9 +57,13 @@
--spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
--spectrum-cjk-font: var(--spectrum-code-font-family-stack);
- /* static white / black background color for docs containers */
- --spectrum-docs-static-white-background-color: rgb(15, 121, 125);
- --spectrum-docs-static-black-background-color: rgb(181, 209, 211);
+ /* Gradient that changes with the color theme. */
+ --spectrum-examples-gradient: linear-gradient(45deg, var(--spectrum-magenta-1500), var(--spectrum-blue-1500));
+
+ /* Gradients that do not change with the color theme, for use in static color backgrounds. */
+ --spectrum-examples-gradient-static-black: linear-gradient(45deg, rgb(255, 241, 246), rgb(238, 245, 255));
+ --spectrum-examples-gradient-static-white: linear-gradient(45deg, rgb(64, 0, 22), rgb(14, 24, 67));
- --spectrum-coach-indicator-ring-static-white-color: var(--spectrum-white);
+ /* override for Spectrum Tokens value until a Style Dictionary transform gets written for our usage */
+ --spectrum-corner-radius-1000: 9999px;
}
diff --git a/tokens/custom-spectrum/custom-large-vars.css b/tokens/custom/large-vars.css
similarity index 93%
rename from tokens/custom-spectrum/custom-large-vars.css
rename to tokens/custom/large-vars.css
index d27039667c7..1f134bb7bd8 100644
--- a/tokens/custom-spectrum/custom-large-vars.css
+++ b/tokens/custom/large-vars.css
@@ -14,33 +14,22 @@
/* This file contains overrides and additions to core tokens */
.spectrum--large {
- --spectrum-slider-tick-mark-height: 13px;
- --spectrum-slider-ramp-track-height: 20px;
-
- --spectrum-colorwheel-path: "M 119 119 m -119 0 a 119 119 0 1 0 238 0 a 119 119 0 1 0 -238 0.2 M 119 119 m -91 0 a 91 91 0 1 0 182 0 a 91 91 0 1 0 -182 0";
- --spectrum-colorwheel-path-borders: "M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
- --spectrum-colorwheel-colorarea-container-size: 182px;
+ /* stylelint-disable-next-line custom-property-pattern -- context identification */
+ --scale: large;
- --spectrum-colorloupe-checkerboard-fill: url(#checkerboard-secondary);
-
- --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-200);
-
- --spectrum-menu-item-selectable-edge-to-text-not-selected-small: 34px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-medium: 42px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-large: 47px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large: 54px;
-
- --spectrum-menu-item-checkmark-height-small: 12px;
- --spectrum-menu-item-checkmark-height-medium: 14px;
- --spectrum-menu-item-checkmark-height-large: 16px;
- --spectrum-menu-item-checkmark-height-extra-large: 16px;
+ --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-200);
+ --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-200);
+ --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-200);
+ --spectrum-alert-banner-text-to-button-vertical: var(--spectrum-spacing-200);
- --spectrum-menu-item-checkmark-width-small: 12px;
- --spectrum-menu-item-checkmark-width-medium: 14px;
- --spectrum-menu-item-checkmark-width-large: 16px;
- --spectrum-menu-item-checkmark-width-extra-large: 16px;
+ --spectrum-alert-dialog-padding: var(--spectrum-spacing-400);
+ --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-600);
- --spectrum-rating-icon-spacing: var(--spectrum-spacing-100);
+ --spectrum-assetcard-focus-ring-border-radius: 9px;
+ --spectrum-assetcard-selectionindicator-margin: 15px;
+ --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xxs);
+ --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xxs);
+ --spectrum-assetcard-content-font-size: var(--spectrum-body-size-xs);
--spectrum-button-top-to-text-small: 6px;
--spectrum-button-bottom-to-text-small: 5px;
@@ -51,14 +40,6 @@
--spectrum-button-top-to-text-extra-large: 16px;
--spectrum-button-bottom-to-text-extra-large: 17px;
- --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-200);
- --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-200);
- --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-200);
- --spectrum-alert-banner-text-to-button-vertical: var(--spectrum-spacing-200);
-
- --spectrum-alert-dialog-padding: var(--spectrum-spacing-400);
- --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-600);
-
--spectrum-coach-indicator-gap: 8px;
--spectrum-coach-indicator-ring-diameter: 20px;
--spectrum-coach-indicator-quiet-ring-diameter: 10px;
@@ -68,28 +49,14 @@
--spectrum-coachmark-menu-display: none;
--spectrum-coachmark-menu-mobile-display: inline-flex;
- --spectrum-well-padding: 20px;
- --spectrum-well-margin-top: 5px;
- --spectrum-well-min-width: 300px;
- --spectrum-well-border-radius: 5px;
- /* XXL and XXS icon sizes are not within the design spec and are planned to be deprecated in Spectrum 2. */
- --spectrum-workflow-icon-size-xxl: 40px;
- --spectrum-workflow-icon-size-xxs: 15px;
+ --spectrum-colorwheel-path: "M 119 119 m -119 0 a 119 119 0 1 0 238 0 a 119 119 0 1 0 -238 0.2 M 119 119 m -91 0 a 91 91 0 1 0 182 0 a 91 91 0 1 0 -182 0";
+ --spectrum-colorwheel-path-borders: "M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
+ --spectrum-colorwheel-colorarea-container-size: 182px;
- --spectrum-treeview-item-indentation-medium: 20px;
- --spectrum-treeview-item-indentation-small: 15px;
- --spectrum-treeview-item-indentation-large: 25px;
- --spectrum-treeview-item-indentation-extra-large: 30px;
- --spectrum-treeview-indicator-inset-block-start: 6px;
- --spectrum-treeview-item-min-block-size-thumbnail-offset-medium: 2px;
+ --spectrum-colorloupe-checkerboard-fill: url("#checkerboard-secondary");
- --spectrum-dialog-confirm-entry-animation-distance: 25px;
- --spectrum-dialog-confirm-hero-height: 160px;
- --spectrum-dialog-confirm-border-radius: 5px;
- --spectrum-dialog-confirm-title-text-size: 19px;
- --spectrum-dialog-confirm-description-text-size: 15px;
- --spectrum-dialog-confirm-padding-grid: 24px;
+ --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-200);
--spectrum-datepicker-initial-width: 160px;
--spectrum-datepicker-generic-padding: 15px;
@@ -101,9 +68,6 @@
--spectrum-datepicker-invalid-icon-to-button-quiet: 9px;
--spectrum-datepicker-input-datetime-width: 30px;
- --spectrum-pagination-textfield-width: 60px;
- --spectrum-pagination-item-inline-spacing: 6px;
-
--spectrum-dial-border-radius: 20px;
--spectrum-dial-handle-position: 10px;
--spectrum-dial-handle-block-margin: 20px;
@@ -112,14 +76,57 @@
--spectrum-dial-label-gap-y: 6px;
--spectrum-dial-label-container-top-to-text: 5px;
- --spectrum-assetcard-focus-ring-border-radius: 9px;
- --spectrum-assetcard-selectionindicator-margin: 15px;
- --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xxs);
- --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xxs);
- --spectrum-assetcard-content-font-size: var(--spectrum-body-size-xs);
+ --spectrum-dialog-confirm-entry-animation-distance: 25px;
+ --spectrum-dialog-confirm-hero-height: 160px;
+ --spectrum-dialog-confirm-border-radius: 5px;
+ --spectrum-dialog-confirm-title-text-size: 19px;
+ --spectrum-dialog-confirm-description-text-size: 15px;
+ --spectrum-dialog-confirm-padding-grid: 24px;
- --spectrum-tooltip-animation-distance: 5px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-small: 34px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-medium: 42px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-large: 47px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large: 54px;
+
+ --spectrum-menu-item-checkmark-height-small: 12px;
+ --spectrum-menu-item-checkmark-height-medium: 14px;
+ --spectrum-menu-item-checkmark-height-large: 16px;
+ --spectrum-menu-item-checkmark-height-extra-large: 16px;
+
+ --spectrum-menu-item-checkmark-width-small: 12px;
+ --spectrum-menu-item-checkmark-width-medium: 14px;
+ --spectrum-menu-item-checkmark-width-large: 16px;
+ --spectrum-menu-item-checkmark-width-extra-large: 16px;
+
+ --spectrum-pagination-textfield-width: 60px;
+ --spectrum-pagination-item-inline-spacing: 6px;
+
+ --spectrum-rating-icon-spacing: var(--spectrum-spacing-100);
+
+ --spectrum-slider-tick-mark-height: 13px;
+ --spectrum-slider-ramp-track-height: 20px;
+
+ --spectrum-standard-dialog-spacing-edge-to-content: var(--spectrum-spacing-400);
+
+ --spectrum-treeview-item-indentation-medium: 20px;
+ --spectrum-treeview-item-indentation-small: 15px;
+ --spectrum-treeview-item-indentation-large: 25px;
+ --spectrum-treeview-item-indentation-extra-large: 30px;
+ --spectrum-treeview-indicator-inset-block-start: 6px;
+ --spectrum-treeview-item-min-block-size-thumbnail-offset-medium: 2px;
+
+ /* To get a square that measures 12px on the diagonal, the sides have to be 10px */
+ --spectrum-tooltip-tip-square-size: 10px;
--spectrum-ui-icon-medium-display: none;
--spectrum-ui-icon-large-display: block;
+
+ --spectrum-well-border-radius: 5px;
+ --spectrum-well-margin-top: 5px;
+ --spectrum-well-min-width: 300px;
+ --spectrum-well-padding: 20px;
+
+ /* XXL and XXS icon sizes are not within the design spec and are planned to be deprecated in Spectrum 2. */
+ --spectrum-workflow-icon-size-xxl: 40px;
+ --spectrum-workflow-icon-size-xxs: 15px;
}
diff --git a/tokens/custom-spectrum/custom-light-vars.css b/tokens/custom/light-vars.css
similarity index 80%
rename from tokens/custom-spectrum/custom-light-vars.css
rename to tokens/custom/light-vars.css
index a6e8be58d05..b70b909c167 100644
--- a/tokens/custom-spectrum/custom-light-vars.css
+++ b/tokens/custom/light-vars.css
@@ -12,19 +12,21 @@
*/
/* This file contains overrides and additions to core tokens */
+.spectrum--light {
+ /* stylelint-disable-next-line custom-property-pattern -- context identification */
+ --color-scheme: light;
-.spectrum--light,
-.spectrum--lightest {
- --spectrum-menu-item-background-color-default: rgba(0, 0, 0, 0); /* --spectrum-gray-900 */
- --spectrum-menu-item-background-color-hover: var(--spectrum-transparent-black-200);
- --spectrum-menu-item-background-color-down: var(--spectrum-transparent-black-200);
- --spectrum-menu-item-background-color-key-focus: var(--spectrum-transparent-black-200);
+ --spectrum-assetcard-border-color-selected: var(--spectrum-blue-900);
+ --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-900);
+ --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-1000);
+ --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-900);
+ --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-800);
- /* Drop Zone background color rgb */
- --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-800-rgb); /* var(--spectrum-accent-color-800);*/
+ --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
+ --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
+ --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-800);
- /* Drop Indicator color rgb */
- --spectrum-dropindicator-color: var(--spectrum-blue-800);
+ --spectrum-badge-label-icon-color-primary: var(--spectrum-white);
--spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
--spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-black-rgb), 0.06);
@@ -37,18 +39,11 @@
--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-900-rgb);
- --spectrum-badge-label-icon-color-primary: var(--spectrum-white);
-
--spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800);
- --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
-
- --spectrum-well-border-color: var(--spectrum-black);
- --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-800);
+ --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-800-rgb); /* var(--spectrum-accent-color-800); */
- --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.06);
- --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
+ --spectrum-dropindicator-color: var(--spectrum-blue-800);
--spectrum-logic-button-and-background-color: var(--spectrum-blue-900);
--spectrum-logic-button-and-border-color: var(--spectrum-blue-900);
@@ -60,16 +55,11 @@
--spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-1100);
--spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-1100);
- --spectrum-assetcard-border-color-selected: var(--spectrum-blue-900);
- --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-900);
- --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-1000);
- --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-900);
- --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-800);
+ --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-800);
- --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
- --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-800);
+ --spectrum-swatch-border-color: rgb(0 0 0 / 51%);
+ --spectrum-swatch-border-color-light: rgb(0 0 0 / 20%);
- --spectrum-swatch-border-color: rgba(0, 0, 0, 51%);
- --spectrum-swatch-border-color-light: rgba(0, 0, 0, 20%);
+ --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.06);
+ --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
}
diff --git a/tokens/custom-spectrum/custom-medium-vars.css b/tokens/custom/medium-vars.css
similarity index 93%
rename from tokens/custom-spectrum/custom-medium-vars.css
rename to tokens/custom/medium-vars.css
index 7adc56b286c..448683fe8b5 100644
--- a/tokens/custom-spectrum/custom-medium-vars.css
+++ b/tokens/custom/medium-vars.css
@@ -14,50 +14,31 @@
/* This file contains overrides and additions to core tokens */
.spectrum--medium {
- --spectrum-slider-tick-mark-height: 10px;
- --spectrum-slider-ramp-track-height: 16px;
-
- --spectrum-colorwheel-path: "M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0";
- --spectrum-colorwheel-path-borders: "M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
- --spectrum-colorwheel-colorarea-container-size: 144px;
-
- --spectrum-colorloupe-checkerboard-fill: url(#checkerboard-primary);
-
- --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-100);
+ /* stylelint-disable-next-line custom-property-pattern -- context identification */
+ --scale: medium;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-small: 28px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-medium: 32px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-large: 38px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large: 45px;
-
- --spectrum-menu-item-checkmark-height-small: 10px;
- --spectrum-menu-item-checkmark-height-medium: 10px;
- --spectrum-menu-item-checkmark-height-large: 12px;
- --spectrum-menu-item-checkmark-height-extra-large: 14px;
+ --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-100);
+ --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-100);
+ --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-100);
+ --spectrum-alert-banner-text-to-button-vertical: var(--spectrum-spacing-100);
- --spectrum-menu-item-checkmark-width-small: 10px;
- --spectrum-menu-item-checkmark-width-medium: 10px;
- --spectrum-menu-item-checkmark-width-large: 12px;
- --spectrum-menu-item-checkmark-width-extra-large: 14px;
+ --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-700);
+ --spectrum-alert-dialog-padding: var(--spectrum-spacing-500);
- --spectrum-rating-icon-spacing: var(--spectrum-spacing-75);
+ --spectrum-assetcard-content-font-size: var(--spectrum-body-size-s);
+ --spectrum-assetcard-focus-ring-border-radius: 8px;
+ --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xs);
+ --spectrum-assetcard-selectionindicator-margin: 12px;
+ --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xs);
- --spectrum-button-top-to-text-small: 5px;
--spectrum-button-bottom-to-text-small: 4px;
- --spectrum-button-top-to-text-medium: 7px;
--spectrum-button-bottom-to-text-medium: 8px;
- --spectrum-button-top-to-text-large: 10px;
--spectrum-button-bottom-to-text-large: 10px;
- --spectrum-button-top-to-text-extra-large: 13px;
--spectrum-button-bottom-to-text-extra-large: 13px;
-
- --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-100);
- --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-100);
- --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-100);
- --spectrum-alert-banner-text-to-button-vertical: var(--spectrum-spacing-100);
-
- --spectrum-alert-dialog-padding: var(--spectrum-spacing-500);
- --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-700);
+ --spectrum-button-top-to-text-small: 5px;
+ --spectrum-button-top-to-text-medium: 7px;
+ --spectrum-button-top-to-text-large: 10px;
+ --spectrum-button-top-to-text-extra-large: 13px;
--spectrum-coach-indicator-gap: 6px;
--spectrum-coach-indicator-ring-diameter: var(--spectrum-spacing-300);
@@ -67,58 +48,82 @@
--spectrum-coachmark-buttongroup-mobile-display: none;
--spectrum-coachmark-menu-display: inline-flex;
--spectrum-coachmark-menu-mobile-display: none;
- --spectrum-well-padding: var(--spectrum-spacing-300);
- --spectrum-well-margin-top: var(--spectrum-spacing-75);
- --spectrum-well-min-width: 240px;
- --spectrum-well-border-radius: var(--spectrum-spacing-75);
- /* XXL and XXS icon sizes are not within the design spec and are planned to be deprecated in Spectrum 2. */
- --spectrum-workflow-icon-size-xxl: 32px;
- --spectrum-workflow-icon-size-xxs: 12px;
+ --spectrum-colorloupe-checkerboard-fill: url("#checkerboard-primary");
- --spectrum-treeview-item-indentation-medium: var(--spectrum-spacing-300);
- --spectrum-treeview-item-indentation-small: var(--spectrum-spacing-200);
- --spectrum-treeview-item-indentation-large: 20px;
- --spectrum-treeview-item-indentation-extra-large: var(--spectrum-spacing-400);
- --spectrum-treeview-indicator-inset-block-start: 5px;
- --spectrum-treeview-item-min-block-size-thumbnail-offset-medium: 0px;
+ --spectrum-colorwheel-colorarea-container-size: 144px;
+ --spectrum-colorwheel-path: "M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0";
+ --spectrum-colorwheel-path-borders: "M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
- --spectrum-dialog-confirm-entry-animation-distance: 20px;
- --spectrum-dialog-confirm-hero-height: 128px;
- --spectrum-dialog-confirm-border-radius: 4px;
- --spectrum-dialog-confirm-title-text-size: 18px;
- --spectrum-dialog-confirm-description-text-size: 14px;
- --spectrum-dialog-confirm-padding-grid: 40px;
+ --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-100);
- --spectrum-datepicker-initial-width: 128px;
- --spectrum-datepicker-generic-padding: var(--spectrum-spacing-200);
--spectrum-datepicker-dash-line-height: 24px;
- --spectrum-datepicker-width-quiet-first: 72px;
- --spectrum-datepicker-width-quiet-second: 16px;
--spectrum-datepicker-datetime-width-first: 36px;
+ --spectrum-datepicker-generic-padding: var(--spectrum-spacing-200);
+ --spectrum-datepicker-initial-width: 128px;
+ --spectrum-datepicker-input-datetime-width: var(--spectrum-spacing-400);
--spectrum-datepicker-invalid-icon-to-button: 8px;
--spectrum-datepicker-invalid-icon-to-button-quiet: 7px;
- --spectrum-datepicker-input-datetime-width: var(--spectrum-spacing-400);
-
- --spectrum-pagination-textfield-width: var(--spectrum-spacing-700);
- --spectrum-pagination-item-inline-spacing: 5px;
+ --spectrum-datepicker-width-quiet-first: 72px;
+ --spectrum-datepicker-width-quiet-second: 16px;
--spectrum-dial-border-radius: 16px;
- --spectrum-dial-handle-position: 8px;
+ --spectrum-dial-controls-margin: 8px;
--spectrum-dial-handle-block-margin: 16px;
--spectrum-dial-handle-inline-margin: 16px;
- --spectrum-dial-controls-margin: 8px;
- --spectrum-dial-label-gap-y: 5px;
+ --spectrum-dial-handle-position: 8px;
--spectrum-dial-label-container-top-to-text: 4px;
+ --spectrum-dial-label-gap-y: 5px;
- --spectrum-assetcard-focus-ring-border-radius: 8px;
- --spectrum-assetcard-selectionindicator-margin: 12px;
- --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xs);
- --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xs);
- --spectrum-assetcard-content-font-size: var(--spectrum-body-size-s);
+ --spectrum-dialog-confirm-border-radius: 4px;
+ --spectrum-dialog-confirm-description-text-size: 14px;
+ --spectrum-dialog-confirm-entry-animation-distance: 20px;
+ --spectrum-dialog-confirm-hero-height: 128px;
+ --spectrum-dialog-confirm-padding-grid: 40px;
+ --spectrum-dialog-confirm-title-text-size: 18px;
+
+ --spectrum-menu-item-checkmark-height-small: 10px;
+ --spectrum-menu-item-checkmark-height-medium: 10px;
+ --spectrum-menu-item-checkmark-height-large: 12px;
+ --spectrum-menu-item-checkmark-height-extra-large: 14px;
+ --spectrum-menu-item-checkmark-width-small: 10px;
+ --spectrum-menu-item-checkmark-width-medium: 10px;
+ --spectrum-menu-item-checkmark-width-large: 12px;
+ --spectrum-menu-item-checkmark-width-extra-large: 14px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-small: 28px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-medium: 32px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-large: 38px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large: 45px;
+
+ --spectrum-pagination-item-inline-spacing: 5px;
+ --spectrum-pagination-textfield-width: var(--spectrum-spacing-700);
+
+ --spectrum-rating-icon-spacing: var(--spectrum-spacing-75);
+
+ --spectrum-slider-ramp-track-height: 16px;
+ --spectrum-slider-tick-mark-height: 10px;
- --spectrum-tooltip-animation-distance: var(--spectrum-spacing-75);
+ --spectrum-standard-dialog-spacing-edge-to-content: var(--spectrum-spacing-500);
+
+ --spectrum-treeview-indicator-inset-block-start: 5px;
+ --spectrum-treeview-item-indentation-small: var(--spectrum-spacing-200);
+ --spectrum-treeview-item-indentation-medium: var(--spectrum-spacing-300);
+ --spectrum-treeview-item-indentation-large: 20px;
+ --spectrum-treeview-item-indentation-extra-large: var(--spectrum-spacing-400);
+ --spectrum-treeview-item-min-block-size-thumbnail-offset-medium: 0px;
+
+ /* To get a square that measures 10px on the diagonal, the sides have to be 8px */
+ --spectrum-tooltip-tip-square-size: 8px;
--spectrum-ui-icon-medium-display: block;
--spectrum-ui-icon-large-display: none;
+
+ --spectrum-well-border-radius: var(--spectrum-spacing-75);
+ --spectrum-well-margin-top: var(--spectrum-spacing-75);
+ --spectrum-well-min-width: 240px;
+ --spectrum-well-padding: var(--spectrum-spacing-300);
+
+ /* XXL and XXS icon sizes are not within the design spec and are planned to be deprecated in Spectrum 2. */
+ --spectrum-workflow-icon-size-xxl: 32px;
+ --spectrum-workflow-icon-size-xxs: 12px;
}
diff --git a/tokens/dist/css/dark-vars.css b/tokens/dist/css/dark-vars.css
deleted file mode 100644
index 4ae60835874..00000000000
--- a/tokens/dist/css/dark-vars.css
+++ /dev/null
@@ -1,472 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--dark{
- --spectrum-overlay-opacity:0.5;
- --spectrum-drop-shadow-color-rgb:0, 0, 0;
- --spectrum-drop-shadow-color-opacity:0.5;
- --spectrum-drop-shadow-color:rgba(var(--spectrum-drop-shadow-color-rgb), var(--spectrum-drop-shadow-color-opacity));
- --spectrum-background-base-color:var(--spectrum-gray-50);
- --spectrum-background-layer-1-color:var(--spectrum-gray-75);
- --spectrum-background-layer-2-color:var(--spectrum-gray-100);
- --spectrum-neutral-background-color-default:var(--spectrum-gray-400);
- --spectrum-neutral-background-color-hover:var(--spectrum-gray-300);
- --spectrum-neutral-background-color-down:var(--spectrum-gray-200);
- --spectrum-neutral-background-color-key-focus:var(--spectrum-gray-300);
- --spectrum-neutral-subdued-background-color-default:var(--spectrum-gray-400);
- --spectrum-neutral-subdued-background-color-hover:var(--spectrum-gray-300);
- --spectrum-neutral-subdued-background-color-down:var(--spectrum-gray-200);
- --spectrum-neutral-subdued-background-color-key-focus:var(--spectrum-gray-300);
- --spectrum-accent-background-color-default:var(--spectrum-accent-color-500);
- --spectrum-accent-background-color-hover:var(--spectrum-accent-color-400);
- --spectrum-accent-background-color-down:var(--spectrum-accent-color-300);
- --spectrum-accent-background-color-key-focus:var(--spectrum-accent-color-400);
- --spectrum-informative-background-color-default:var(--spectrum-informative-color-500);
- --spectrum-informative-background-color-hover:var(--spectrum-informative-color-400);
- --spectrum-informative-background-color-down:var(--spectrum-informative-color-300);
- --spectrum-informative-background-color-key-focus:var(--spectrum-informative-color-400);
- --spectrum-negative-background-color-default:var(--spectrum-negative-color-500);
- --spectrum-negative-background-color-hover:var(--spectrum-negative-color-400);
- --spectrum-negative-background-color-down:var(--spectrum-negative-color-300);
- --spectrum-negative-background-color-key-focus:var(--spectrum-negative-color-400);
- --spectrum-positive-background-color-default:var(--spectrum-positive-color-500);
- --spectrum-positive-background-color-hover:var(--spectrum-positive-color-400);
- --spectrum-positive-background-color-down:var(--spectrum-positive-color-300);
- --spectrum-positive-background-color-key-focus:var(--spectrum-positive-color-400);
- --spectrum-notice-background-color-default:var(--spectrum-notice-color-800);
- --spectrum-gray-background-color-default:var(--spectrum-gray-700);
- --spectrum-red-background-color-default:var(--spectrum-red-700);
- --spectrum-orange-background-color-default:var(--spectrum-orange-800);
- --spectrum-yellow-background-color-default:var(--spectrum-yellow-1000);
- --spectrum-chartreuse-background-color-default:var(--spectrum-chartreuse-900);
- --spectrum-celery-background-color-default:var(--spectrum-celery-800);
- --spectrum-green-background-color-default:var(--spectrum-green-700);
- --spectrum-seafoam-background-color-default:var(--spectrum-seafoam-700);
- --spectrum-cyan-background-color-default:var(--spectrum-cyan-700);
- --spectrum-blue-background-color-default:var(--spectrum-blue-700);
- --spectrum-indigo-background-color-default:var(--spectrum-indigo-700);
- --spectrum-purple-background-color-default:var(--spectrum-purple-700);
- --spectrum-fuchsia-background-color-default:var(--spectrum-fuchsia-700);
- --spectrum-magenta-background-color-default:var(--spectrum-magenta-700);
- --spectrum-neutral-visual-color:var(--spectrum-gray-600);
- --spectrum-accent-visual-color:var(--spectrum-accent-color-900);
- --spectrum-informative-visual-color:var(--spectrum-informative-color-900);
- --spectrum-negative-visual-color:var(--spectrum-negative-color-700);
- --spectrum-notice-visual-color:var(--spectrum-notice-color-900);
- --spectrum-positive-visual-color:var(--spectrum-positive-color-800);
- --spectrum-gray-visual-color:var(--spectrum-gray-600);
- --spectrum-red-visual-color:var(--spectrum-red-700);
- --spectrum-orange-visual-color:var(--spectrum-orange-900);
- --spectrum-yellow-visual-color:var(--spectrum-yellow-1100);
- --spectrum-chartreuse-visual-color:var(--spectrum-chartreuse-900);
- --spectrum-celery-visual-color:var(--spectrum-celery-800);
- --spectrum-green-visual-color:var(--spectrum-green-800);
- --spectrum-seafoam-visual-color:var(--spectrum-seafoam-800);
- --spectrum-cyan-visual-color:var(--spectrum-cyan-900);
- --spectrum-blue-visual-color:var(--spectrum-blue-900);
- --spectrum-indigo-visual-color:var(--spectrum-indigo-900);
- --spectrum-purple-visual-color:var(--spectrum-purple-900);
- --spectrum-fuchsia-visual-color:var(--spectrum-fuchsia-900);
- --spectrum-magenta-visual-color:var(--spectrum-magenta-900);
- --spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-800);
- --spectrum-gray-50-rgb:29, 29, 29;
- --spectrum-gray-50:rgba(var(--spectrum-gray-50-rgb));
- --spectrum-gray-75-rgb:38, 38, 38;
- --spectrum-gray-75:rgba(var(--spectrum-gray-75-rgb));
- --spectrum-gray-100-rgb:50, 50, 50;
- --spectrum-gray-100:rgba(var(--spectrum-gray-100-rgb));
- --spectrum-gray-200-rgb:63, 63, 63;
- --spectrum-gray-200:rgba(var(--spectrum-gray-200-rgb));
- --spectrum-gray-300-rgb:84, 84, 84;
- --spectrum-gray-300:rgba(var(--spectrum-gray-300-rgb));
- --spectrum-gray-400-rgb:112, 112, 112;
- --spectrum-gray-400:rgba(var(--spectrum-gray-400-rgb));
- --spectrum-gray-500-rgb:144, 144, 144;
- --spectrum-gray-500:rgba(var(--spectrum-gray-500-rgb));
- --spectrum-gray-600-rgb:178, 178, 178;
- --spectrum-gray-600:rgba(var(--spectrum-gray-600-rgb));
- --spectrum-gray-700-rgb:209, 209, 209;
- --spectrum-gray-700:rgba(var(--spectrum-gray-700-rgb));
- --spectrum-gray-800-rgb:235, 235, 235;
- --spectrum-gray-800:rgba(var(--spectrum-gray-800-rgb));
- --spectrum-gray-900-rgb:255, 255, 255;
- --spectrum-gray-900:rgba(var(--spectrum-gray-900-rgb));
- --spectrum-blue-100-rgb:0, 56, 119;
- --spectrum-blue-100:rgba(var(--spectrum-blue-100-rgb));
- --spectrum-blue-200-rgb:0, 65, 138;
- --spectrum-blue-200:rgba(var(--spectrum-blue-200-rgb));
- --spectrum-blue-300-rgb:0, 77, 163;
- --spectrum-blue-300:rgba(var(--spectrum-blue-300-rgb));
- --spectrum-blue-400-rgb:0, 89, 194;
- --spectrum-blue-400:rgba(var(--spectrum-blue-400-rgb));
- --spectrum-blue-500-rgb:3, 103, 224;
- --spectrum-blue-500:rgba(var(--spectrum-blue-500-rgb));
- --spectrum-blue-600-rgb:19, 121, 243;
- --spectrum-blue-600:rgba(var(--spectrum-blue-600-rgb));
- --spectrum-blue-700-rgb:52, 143, 244;
- --spectrum-blue-700:rgba(var(--spectrum-blue-700-rgb));
- --spectrum-blue-800-rgb:84, 163, 246;
- --spectrum-blue-800:rgba(var(--spectrum-blue-800-rgb));
- --spectrum-blue-900-rgb:114, 183, 249;
- --spectrum-blue-900:rgba(var(--spectrum-blue-900-rgb));
- --spectrum-blue-1000-rgb:143, 202, 252;
- --spectrum-blue-1000:rgba(var(--spectrum-blue-1000-rgb));
- --spectrum-blue-1100-rgb:174, 219, 254;
- --spectrum-blue-1100:rgba(var(--spectrum-blue-1100-rgb));
- --spectrum-blue-1200-rgb:204, 233, 255;
- --spectrum-blue-1200:rgba(var(--spectrum-blue-1200-rgb));
- --spectrum-blue-1300-rgb:232, 246, 255;
- --spectrum-blue-1300:rgba(var(--spectrum-blue-1300-rgb));
- --spectrum-blue-1400-rgb:255, 255, 255;
- --spectrum-blue-1400:rgba(var(--spectrum-blue-1400-rgb));
- --spectrum-red-100-rgb:123, 0, 0;
- --spectrum-red-100:rgba(var(--spectrum-red-100-rgb));
- --spectrum-red-200-rgb:141, 0, 0;
- --spectrum-red-200:rgba(var(--spectrum-red-200-rgb));
- --spectrum-red-300-rgb:165, 0, 0;
- --spectrum-red-300:rgba(var(--spectrum-red-300-rgb));
- --spectrum-red-400-rgb:190, 4, 3;
- --spectrum-red-400:rgba(var(--spectrum-red-400-rgb));
- --spectrum-red-500-rgb:215, 25, 19;
- --spectrum-red-500:rgba(var(--spectrum-red-500-rgb));
- --spectrum-red-600-rgb:234, 56, 41;
- --spectrum-red-600:rgba(var(--spectrum-red-600-rgb));
- --spectrum-red-700-rgb:246, 88, 67;
- --spectrum-red-700:rgba(var(--spectrum-red-700-rgb));
- --spectrum-red-800-rgb:255, 117, 94;
- --spectrum-red-800:rgba(var(--spectrum-red-800-rgb));
- --spectrum-red-900-rgb:255, 149, 129;
- --spectrum-red-900:rgba(var(--spectrum-red-900-rgb));
- --spectrum-red-1000-rgb:255, 176, 161;
- --spectrum-red-1000:rgba(var(--spectrum-red-1000-rgb));
- --spectrum-red-1100-rgb:255, 201, 189;
- --spectrum-red-1100:rgba(var(--spectrum-red-1100-rgb));
- --spectrum-red-1200-rgb:255, 222, 216;
- --spectrum-red-1200:rgba(var(--spectrum-red-1200-rgb));
- --spectrum-red-1300-rgb:255, 241, 238;
- --spectrum-red-1300:rgba(var(--spectrum-red-1300-rgb));
- --spectrum-red-1400-rgb:255, 255, 255;
- --spectrum-red-1400:rgba(var(--spectrum-red-1400-rgb));
- --spectrum-orange-100-rgb:102, 37, 0;
- --spectrum-orange-100:rgba(var(--spectrum-orange-100-rgb));
- --spectrum-orange-200-rgb:117, 45, 0;
- --spectrum-orange-200:rgba(var(--spectrum-orange-200-rgb));
- --spectrum-orange-300-rgb:137, 55, 0;
- --spectrum-orange-300:rgba(var(--spectrum-orange-300-rgb));
- --spectrum-orange-400-rgb:158, 66, 0;
- --spectrum-orange-400:rgba(var(--spectrum-orange-400-rgb));
- --spectrum-orange-500-rgb:180, 78, 0;
- --spectrum-orange-500:rgba(var(--spectrum-orange-500-rgb));
- --spectrum-orange-600-rgb:202, 93, 0;
- --spectrum-orange-600:rgba(var(--spectrum-orange-600-rgb));
- --spectrum-orange-700-rgb:225, 109, 0;
- --spectrum-orange-700:rgba(var(--spectrum-orange-700-rgb));
- --spectrum-orange-800-rgb:244, 129, 12;
- --spectrum-orange-800:rgba(var(--spectrum-orange-800-rgb));
- --spectrum-orange-900-rgb:254, 154, 46;
- --spectrum-orange-900:rgba(var(--spectrum-orange-900-rgb));
- --spectrum-orange-1000-rgb:255, 181, 88;
- --spectrum-orange-1000:rgba(var(--spectrum-orange-1000-rgb));
- --spectrum-orange-1100-rgb:253, 206, 136;
- --spectrum-orange-1100:rgba(var(--spectrum-orange-1100-rgb));
- --spectrum-orange-1200-rgb:255, 225, 179;
- --spectrum-orange-1200:rgba(var(--spectrum-orange-1200-rgb));
- --spectrum-orange-1300-rgb:255, 242, 221;
- --spectrum-orange-1300:rgba(var(--spectrum-orange-1300-rgb));
- --spectrum-orange-1400-rgb:255, 253, 249;
- --spectrum-orange-1400:rgba(var(--spectrum-orange-1400-rgb));
- --spectrum-yellow-100-rgb:76, 54, 0;
- --spectrum-yellow-100:rgba(var(--spectrum-yellow-100-rgb));
- --spectrum-yellow-200-rgb:88, 64, 0;
- --spectrum-yellow-200:rgba(var(--spectrum-yellow-200-rgb));
- --spectrum-yellow-300-rgb:103, 76, 0;
- --spectrum-yellow-300:rgba(var(--spectrum-yellow-300-rgb));
- --spectrum-yellow-400-rgb:119, 89, 0;
- --spectrum-yellow-400:rgba(var(--spectrum-yellow-400-rgb));
- --spectrum-yellow-500-rgb:136, 104, 0;
- --spectrum-yellow-500:rgba(var(--spectrum-yellow-500-rgb));
- --spectrum-yellow-600-rgb:155, 120, 0;
- --spectrum-yellow-600:rgba(var(--spectrum-yellow-600-rgb));
- --spectrum-yellow-700-rgb:174, 137, 0;
- --spectrum-yellow-700:rgba(var(--spectrum-yellow-700-rgb));
- --spectrum-yellow-800-rgb:192, 156, 0;
- --spectrum-yellow-800:rgba(var(--spectrum-yellow-800-rgb));
- --spectrum-yellow-900-rgb:211, 174, 0;
- --spectrum-yellow-900:rgba(var(--spectrum-yellow-900-rgb));
- --spectrum-yellow-1000-rgb:228, 194, 0;
- --spectrum-yellow-1000:rgba(var(--spectrum-yellow-1000-rgb));
- --spectrum-yellow-1100-rgb:244, 213, 0;
- --spectrum-yellow-1100:rgba(var(--spectrum-yellow-1100-rgb));
- --spectrum-yellow-1200-rgb:249, 232, 92;
- --spectrum-yellow-1200:rgba(var(--spectrum-yellow-1200-rgb));
- --spectrum-yellow-1300-rgb:252, 246, 187;
- --spectrum-yellow-1300:rgba(var(--spectrum-yellow-1300-rgb));
- --spectrum-yellow-1400-rgb:255, 255, 255;
- --spectrum-yellow-1400:rgba(var(--spectrum-yellow-1400-rgb));
- --spectrum-chartreuse-100-rgb:48, 64, 0;
- --spectrum-chartreuse-100:rgba(var(--spectrum-chartreuse-100-rgb));
- --spectrum-chartreuse-200-rgb:55, 74, 0;
- --spectrum-chartreuse-200:rgba(var(--spectrum-chartreuse-200-rgb));
- --spectrum-chartreuse-300-rgb:65, 87, 0;
- --spectrum-chartreuse-300:rgba(var(--spectrum-chartreuse-300-rgb));
- --spectrum-chartreuse-400-rgb:76, 102, 0;
- --spectrum-chartreuse-400:rgba(var(--spectrum-chartreuse-400-rgb));
- --spectrum-chartreuse-500-rgb:89, 118, 0;
- --spectrum-chartreuse-500:rgba(var(--spectrum-chartreuse-500-rgb));
- --spectrum-chartreuse-600-rgb:102, 136, 0;
- --spectrum-chartreuse-600:rgba(var(--spectrum-chartreuse-600-rgb));
- --spectrum-chartreuse-700-rgb:117, 154, 0;
- --spectrum-chartreuse-700:rgba(var(--spectrum-chartreuse-700-rgb));
- --spectrum-chartreuse-800-rgb:132, 173, 1;
- --spectrum-chartreuse-800:rgba(var(--spectrum-chartreuse-800-rgb));
- --spectrum-chartreuse-900-rgb:148, 192, 8;
- --spectrum-chartreuse-900:rgba(var(--spectrum-chartreuse-900-rgb));
- --spectrum-chartreuse-1000-rgb:166, 211, 18;
- --spectrum-chartreuse-1000:rgba(var(--spectrum-chartreuse-1000-rgb));
- --spectrum-chartreuse-1100-rgb:184, 229, 37;
- --spectrum-chartreuse-1100:rgba(var(--spectrum-chartreuse-1100-rgb));
- --spectrum-chartreuse-1200-rgb:205, 245, 71;
- --spectrum-chartreuse-1200:rgba(var(--spectrum-chartreuse-1200-rgb));
- --spectrum-chartreuse-1300-rgb:231, 254, 154;
- --spectrum-chartreuse-1300:rgba(var(--spectrum-chartreuse-1300-rgb));
- --spectrum-chartreuse-1400-rgb:255, 255, 255;
- --spectrum-chartreuse-1400:rgba(var(--spectrum-chartreuse-1400-rgb));
- --spectrum-celery-100-rgb:0, 69, 10;
- --spectrum-celery-100:rgba(var(--spectrum-celery-100-rgb));
- --spectrum-celery-200-rgb:0, 80, 12;
- --spectrum-celery-200:rgba(var(--spectrum-celery-200-rgb));
- --spectrum-celery-300-rgb:0, 94, 14;
- --spectrum-celery-300:rgba(var(--spectrum-celery-300-rgb));
- --spectrum-celery-400-rgb:0, 109, 15;
- --spectrum-celery-400:rgba(var(--spectrum-celery-400-rgb));
- --spectrum-celery-500-rgb:0, 127, 15;
- --spectrum-celery-500:rgba(var(--spectrum-celery-500-rgb));
- --spectrum-celery-600-rgb:0, 145, 18;
- --spectrum-celery-600:rgba(var(--spectrum-celery-600-rgb));
- --spectrum-celery-700-rgb:4, 165, 30;
- --spectrum-celery-700:rgba(var(--spectrum-celery-700-rgb));
- --spectrum-celery-800-rgb:34, 184, 51;
- --spectrum-celery-800:rgba(var(--spectrum-celery-800-rgb));
- --spectrum-celery-900-rgb:68, 202, 73;
- --spectrum-celery-900:rgba(var(--spectrum-celery-900-rgb));
- --spectrum-celery-1000-rgb:105, 220, 99;
- --spectrum-celery-1000:rgba(var(--spectrum-celery-1000-rgb));
- --spectrum-celery-1100-rgb:142, 235, 127;
- --spectrum-celery-1100:rgba(var(--spectrum-celery-1100-rgb));
- --spectrum-celery-1200-rgb:180, 247, 162;
- --spectrum-celery-1200:rgba(var(--spectrum-celery-1200-rgb));
- --spectrum-celery-1300-rgb:221, 253, 211;
- --spectrum-celery-1300:rgba(var(--spectrum-celery-1300-rgb));
- --spectrum-celery-1400-rgb:255, 255, 255;
- --spectrum-celery-1400:rgba(var(--spectrum-celery-1400-rgb));
- --spectrum-green-100-rgb:4, 67, 41;
- --spectrum-green-100:rgba(var(--spectrum-green-100-rgb));
- --spectrum-green-200-rgb:0, 78, 47;
- --spectrum-green-200:rgba(var(--spectrum-green-200-rgb));
- --spectrum-green-300-rgb:0, 92, 56;
- --spectrum-green-300:rgba(var(--spectrum-green-300-rgb));
- --spectrum-green-400-rgb:0, 108, 67;
- --spectrum-green-400:rgba(var(--spectrum-green-400-rgb));
- --spectrum-green-500-rgb:0, 125, 78;
- --spectrum-green-500:rgba(var(--spectrum-green-500-rgb));
- --spectrum-green-600-rgb:0, 143, 93;
- --spectrum-green-600:rgba(var(--spectrum-green-600-rgb));
- --spectrum-green-700-rgb:18, 162, 108;
- --spectrum-green-700:rgba(var(--spectrum-green-700-rgb));
- --spectrum-green-800-rgb:43, 180, 125;
- --spectrum-green-800:rgba(var(--spectrum-green-800-rgb));
- --spectrum-green-900-rgb:67, 199, 143;
- --spectrum-green-900:rgba(var(--spectrum-green-900-rgb));
- --spectrum-green-1000-rgb:94, 217, 162;
- --spectrum-green-1000:rgba(var(--spectrum-green-1000-rgb));
- --spectrum-green-1100-rgb:129, 233, 184;
- --spectrum-green-1100:rgba(var(--spectrum-green-1100-rgb));
- --spectrum-green-1200-rgb:177, 244, 209;
- --spectrum-green-1200:rgba(var(--spectrum-green-1200-rgb));
- --spectrum-green-1300-rgb:223, 250, 234;
- --spectrum-green-1300:rgba(var(--spectrum-green-1300-rgb));
- --spectrum-green-1400-rgb:254, 255, 252;
- --spectrum-green-1400:rgba(var(--spectrum-green-1400-rgb));
- --spectrum-seafoam-100-rgb:18, 65, 63;
- --spectrum-seafoam-100:rgba(var(--spectrum-seafoam-100-rgb));
- --spectrum-seafoam-200-rgb:14, 76, 73;
- --spectrum-seafoam-200:rgba(var(--spectrum-seafoam-200-rgb));
- --spectrum-seafoam-300-rgb:4, 90, 87;
- --spectrum-seafoam-300:rgba(var(--spectrum-seafoam-300-rgb));
- --spectrum-seafoam-400-rgb:0, 105, 101;
- --spectrum-seafoam-400:rgba(var(--spectrum-seafoam-400-rgb));
- --spectrum-seafoam-500-rgb:0, 122, 117;
- --spectrum-seafoam-500:rgba(var(--spectrum-seafoam-500-rgb));
- --spectrum-seafoam-600-rgb:0, 140, 135;
- --spectrum-seafoam-600:rgba(var(--spectrum-seafoam-600-rgb));
- --spectrum-seafoam-700-rgb:0, 158, 152;
- --spectrum-seafoam-700:rgba(var(--spectrum-seafoam-700-rgb));
- --spectrum-seafoam-800-rgb:3, 178, 171;
- --spectrum-seafoam-800:rgba(var(--spectrum-seafoam-800-rgb));
- --spectrum-seafoam-900-rgb:54, 197, 189;
- --spectrum-seafoam-900:rgba(var(--spectrum-seafoam-900-rgb));
- --spectrum-seafoam-1000-rgb:93, 214, 207;
- --spectrum-seafoam-1000:rgba(var(--spectrum-seafoam-1000-rgb));
- --spectrum-seafoam-1100-rgb:132, 230, 223;
- --spectrum-seafoam-1100:rgba(var(--spectrum-seafoam-1100-rgb));
- --spectrum-seafoam-1200-rgb:176, 242, 236;
- --spectrum-seafoam-1200:rgba(var(--spectrum-seafoam-1200-rgb));
- --spectrum-seafoam-1300-rgb:223, 249, 246;
- --spectrum-seafoam-1300:rgba(var(--spectrum-seafoam-1300-rgb));
- --spectrum-seafoam-1400-rgb:254, 255, 254;
- --spectrum-seafoam-1400:rgba(var(--spectrum-seafoam-1400-rgb));
- --spectrum-cyan-100-rgb:0, 61, 98;
- --spectrum-cyan-100:rgba(var(--spectrum-cyan-100-rgb));
- --spectrum-cyan-200-rgb:0, 71, 111;
- --spectrum-cyan-200:rgba(var(--spectrum-cyan-200-rgb));
- --spectrum-cyan-300-rgb:0, 85, 127;
- --spectrum-cyan-300:rgba(var(--spectrum-cyan-300-rgb));
- --spectrum-cyan-400-rgb:0, 100, 145;
- --spectrum-cyan-400:rgba(var(--spectrum-cyan-400-rgb));
- --spectrum-cyan-500-rgb:0, 116, 162;
- --spectrum-cyan-500:rgba(var(--spectrum-cyan-500-rgb));
- --spectrum-cyan-600-rgb:0, 134, 180;
- --spectrum-cyan-600:rgba(var(--spectrum-cyan-600-rgb));
- --spectrum-cyan-700-rgb:0, 153, 198;
- --spectrum-cyan-700:rgba(var(--spectrum-cyan-700-rgb));
- --spectrum-cyan-800-rgb:14, 173, 215;
- --spectrum-cyan-800:rgba(var(--spectrum-cyan-800-rgb));
- --spectrum-cyan-900-rgb:44, 193, 230;
- --spectrum-cyan-900:rgba(var(--spectrum-cyan-900-rgb));
- --spectrum-cyan-1000-rgb:84, 211, 241;
- --spectrum-cyan-1000:rgba(var(--spectrum-cyan-1000-rgb));
- --spectrum-cyan-1100-rgb:127, 228, 249;
- --spectrum-cyan-1100:rgba(var(--spectrum-cyan-1100-rgb));
- --spectrum-cyan-1200-rgb:167, 241, 255;
- --spectrum-cyan-1200:rgba(var(--spectrum-cyan-1200-rgb));
- --spectrum-cyan-1300-rgb:215, 250, 255;
- --spectrum-cyan-1300:rgba(var(--spectrum-cyan-1300-rgb));
- --spectrum-cyan-1400-rgb:255, 255, 255;
- --spectrum-cyan-1400:rgba(var(--spectrum-cyan-1400-rgb));
- --spectrum-indigo-100-rgb:40, 44, 140;
- --spectrum-indigo-100:rgba(var(--spectrum-indigo-100-rgb));
- --spectrum-indigo-200-rgb:47, 52, 163;
- --spectrum-indigo-200:rgba(var(--spectrum-indigo-200-rgb));
- --spectrum-indigo-300-rgb:57, 63, 187;
- --spectrum-indigo-300:rgba(var(--spectrum-indigo-300-rgb));
- --spectrum-indigo-400-rgb:70, 75, 211;
- --spectrum-indigo-400:rgba(var(--spectrum-indigo-400-rgb));
- --spectrum-indigo-500-rgb:85, 91, 231;
- --spectrum-indigo-500:rgba(var(--spectrum-indigo-500-rgb));
- --spectrum-indigo-600-rgb:104, 109, 244;
- --spectrum-indigo-600:rgba(var(--spectrum-indigo-600-rgb));
- --spectrum-indigo-700-rgb:124, 129, 251;
- --spectrum-indigo-700:rgba(var(--spectrum-indigo-700-rgb));
- --spectrum-indigo-800-rgb:145, 149, 255;
- --spectrum-indigo-800:rgba(var(--spectrum-indigo-800-rgb));
- --spectrum-indigo-900-rgb:167, 170, 255;
- --spectrum-indigo-900:rgba(var(--spectrum-indigo-900-rgb));
- --spectrum-indigo-1000-rgb:188, 190, 255;
- --spectrum-indigo-1000:rgba(var(--spectrum-indigo-1000-rgb));
- --spectrum-indigo-1100-rgb:208, 210, 255;
- --spectrum-indigo-1100:rgba(var(--spectrum-indigo-1100-rgb));
- --spectrum-indigo-1200-rgb:226, 228, 255;
- --spectrum-indigo-1200:rgba(var(--spectrum-indigo-1200-rgb));
- --spectrum-indigo-1300-rgb:243, 243, 254;
- --spectrum-indigo-1300:rgba(var(--spectrum-indigo-1300-rgb));
- --spectrum-indigo-1400-rgb:255, 255, 255;
- --spectrum-indigo-1400:rgba(var(--spectrum-indigo-1400-rgb));
- --spectrum-purple-100-rgb:76, 13, 157;
- --spectrum-purple-100:rgba(var(--spectrum-purple-100-rgb));
- --spectrum-purple-200-rgb:89, 17, 177;
- --spectrum-purple-200:rgba(var(--spectrum-purple-200-rgb));
- --spectrum-purple-300-rgb:105, 28, 200;
- --spectrum-purple-300:rgba(var(--spectrum-purple-300-rgb));
- --spectrum-purple-400-rgb:122, 45, 218;
- --spectrum-purple-400:rgba(var(--spectrum-purple-400-rgb));
- --spectrum-purple-500-rgb:140, 65, 233;
- --spectrum-purple-500:rgba(var(--spectrum-purple-500-rgb));
- --spectrum-purple-600-rgb:157, 87, 243;
- --spectrum-purple-600:rgba(var(--spectrum-purple-600-rgb));
- --spectrum-purple-700-rgb:172, 111, 249;
- --spectrum-purple-700:rgba(var(--spectrum-purple-700-rgb));
- --spectrum-purple-800-rgb:187, 135, 251;
- --spectrum-purple-800:rgba(var(--spectrum-purple-800-rgb));
- --spectrum-purple-900-rgb:202, 159, 252;
- --spectrum-purple-900:rgba(var(--spectrum-purple-900-rgb));
- --spectrum-purple-1000-rgb:215, 182, 254;
- --spectrum-purple-1000:rgba(var(--spectrum-purple-1000-rgb));
- --spectrum-purple-1100-rgb:228, 204, 254;
- --spectrum-purple-1100:rgba(var(--spectrum-purple-1100-rgb));
- --spectrum-purple-1200-rgb:239, 223, 255;
- --spectrum-purple-1200:rgba(var(--spectrum-purple-1200-rgb));
- --spectrum-purple-1300-rgb:249, 240, 255;
- --spectrum-purple-1300:rgba(var(--spectrum-purple-1300-rgb));
- --spectrum-purple-1400-rgb:255, 253, 255;
- --spectrum-purple-1400:rgba(var(--spectrum-purple-1400-rgb));
- --spectrum-fuchsia-100-rgb:107, 3, 106;
- --spectrum-fuchsia-100:rgba(var(--spectrum-fuchsia-100-rgb));
- --spectrum-fuchsia-200-rgb:123, 0, 123;
- --spectrum-fuchsia-200:rgba(var(--spectrum-fuchsia-200-rgb));
- --spectrum-fuchsia-300-rgb:144, 0, 145;
- --spectrum-fuchsia-300:rgba(var(--spectrum-fuchsia-300-rgb));
- --spectrum-fuchsia-400-rgb:165, 13, 166;
- --spectrum-fuchsia-400:rgba(var(--spectrum-fuchsia-400-rgb));
- --spectrum-fuchsia-500-rgb:185, 37, 185;
- --spectrum-fuchsia-500:rgba(var(--spectrum-fuchsia-500-rgb));
- --spectrum-fuchsia-600-rgb:205, 57, 206;
- --spectrum-fuchsia-600:rgba(var(--spectrum-fuchsia-600-rgb));
- --spectrum-fuchsia-700-rgb:223, 81, 224;
- --spectrum-fuchsia-700:rgba(var(--spectrum-fuchsia-700-rgb));
- --spectrum-fuchsia-800-rgb:235, 110, 236;
- --spectrum-fuchsia-800:rgba(var(--spectrum-fuchsia-800-rgb));
- --spectrum-fuchsia-900-rgb:244, 140, 242;
- --spectrum-fuchsia-900:rgba(var(--spectrum-fuchsia-900-rgb));
- --spectrum-fuchsia-1000-rgb:250, 168, 245;
- --spectrum-fuchsia-1000:rgba(var(--spectrum-fuchsia-1000-rgb));
- --spectrum-fuchsia-1100-rgb:254, 194, 248;
- --spectrum-fuchsia-1100:rgba(var(--spectrum-fuchsia-1100-rgb));
- --spectrum-fuchsia-1200-rgb:255, 219, 250;
- --spectrum-fuchsia-1200:rgba(var(--spectrum-fuchsia-1200-rgb));
- --spectrum-fuchsia-1300-rgb:255, 239, 252;
- --spectrum-fuchsia-1300:rgba(var(--spectrum-fuchsia-1300-rgb));
- --spectrum-fuchsia-1400-rgb:255, 253, 255;
- --spectrum-fuchsia-1400:rgba(var(--spectrum-fuchsia-1400-rgb));
- --spectrum-magenta-100-rgb:118, 0, 58;
- --spectrum-magenta-100:rgba(var(--spectrum-magenta-100-rgb));
- --spectrum-magenta-200-rgb:137, 0, 66;
- --spectrum-magenta-200:rgba(var(--spectrum-magenta-200-rgb));
- --spectrum-magenta-300-rgb:160, 0, 77;
- --spectrum-magenta-300:rgba(var(--spectrum-magenta-300-rgb));
- --spectrum-magenta-400-rgb:182, 18, 90;
- --spectrum-magenta-400:rgba(var(--spectrum-magenta-400-rgb));
- --spectrum-magenta-500-rgb:203, 38, 109;
- --spectrum-magenta-500:rgba(var(--spectrum-magenta-500-rgb));
- --spectrum-magenta-600-rgb:222, 61, 130;
- --spectrum-magenta-600:rgba(var(--spectrum-magenta-600-rgb));
- --spectrum-magenta-700-rgb:237, 87, 149;
- --spectrum-magenta-700:rgba(var(--spectrum-magenta-700-rgb));
- --spectrum-magenta-800-rgb:249, 114, 167;
- --spectrum-magenta-800:rgba(var(--spectrum-magenta-800-rgb));
- --spectrum-magenta-900-rgb:255, 143, 185;
- --spectrum-magenta-900:rgba(var(--spectrum-magenta-900-rgb));
- --spectrum-magenta-1000-rgb:255, 172, 202;
- --spectrum-magenta-1000:rgba(var(--spectrum-magenta-1000-rgb));
- --spectrum-magenta-1100-rgb:255, 198, 218;
- --spectrum-magenta-1100:rgba(var(--spectrum-magenta-1100-rgb));
- --spectrum-magenta-1200-rgb:255, 221, 233;
- --spectrum-magenta-1200:rgba(var(--spectrum-magenta-1200-rgb));
- --spectrum-magenta-1300-rgb:255, 240, 245;
- --spectrum-magenta-1300:rgba(var(--spectrum-magenta-1300-rgb));
- --spectrum-magenta-1400-rgb:255, 252, 253;
- --spectrum-magenta-1400:rgba(var(--spectrum-magenta-1400-rgb));
- --spectrum-icon-color-blue-primary-default:var(--spectrum-blue-800);
- --spectrum-icon-color-green-primary-default:var(--spectrum-green-800);
- --spectrum-icon-color-red-primary-default:var(--spectrum-red-700);
- --spectrum-icon-color-yellow-primary-default:var(--spectrum-yellow-1000);
-}
diff --git a/tokens/dist/css/darkest-vars.css b/tokens/dist/css/darkest-vars.css
deleted file mode 100644
index 084a3fc8753..00000000000
--- a/tokens/dist/css/darkest-vars.css
+++ /dev/null
@@ -1,472 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--darkest{
- --spectrum-overlay-opacity:0.6;
- --spectrum-drop-shadow-color-rgb:0, 0, 0;
- --spectrum-drop-shadow-color-opacity:0.8;
- --spectrum-drop-shadow-color:rgba(var(--spectrum-drop-shadow-color-rgb), var(--spectrum-drop-shadow-color-opacity));
- --spectrum-background-base-color:var(--spectrum-gray-50);
- --spectrum-background-layer-1-color:var(--spectrum-gray-75);
- --spectrum-background-layer-2-color:var(--spectrum-gray-100);
- --spectrum-neutral-background-color-default:var(--spectrum-gray-400);
- --spectrum-neutral-background-color-hover:var(--spectrum-gray-300);
- --spectrum-neutral-background-color-down:var(--spectrum-gray-200);
- --spectrum-neutral-background-color-key-focus:var(--spectrum-gray-300);
- --spectrum-neutral-subdued-background-color-default:var(--spectrum-gray-400);
- --spectrum-neutral-subdued-background-color-hover:var(--spectrum-gray-300);
- --spectrum-neutral-subdued-background-color-down:var(--spectrum-gray-200);
- --spectrum-neutral-subdued-background-color-key-focus:var(--spectrum-gray-300);
- --spectrum-accent-background-color-default:var(--spectrum-accent-color-600);
- --spectrum-accent-background-color-hover:var(--spectrum-accent-color-500);
- --spectrum-accent-background-color-down:var(--spectrum-accent-color-400);
- --spectrum-accent-background-color-key-focus:var(--spectrum-accent-color-500);
- --spectrum-informative-background-color-default:var(--spectrum-informative-color-600);
- --spectrum-informative-background-color-hover:var(--spectrum-informative-color-500);
- --spectrum-informative-background-color-down:var(--spectrum-informative-color-400);
- --spectrum-informative-background-color-key-focus:var(--spectrum-informative-color-500);
- --spectrum-negative-background-color-default:var(--spectrum-negative-color-600);
- --spectrum-negative-background-color-hover:var(--spectrum-negative-color-500);
- --spectrum-negative-background-color-down:var(--spectrum-negative-color-400);
- --spectrum-negative-background-color-key-focus:var(--spectrum-negative-color-500);
- --spectrum-positive-background-color-default:var(--spectrum-positive-color-600);
- --spectrum-positive-background-color-hover:var(--spectrum-positive-color-500);
- --spectrum-positive-background-color-down:var(--spectrum-positive-color-400);
- --spectrum-positive-background-color-key-focus:var(--spectrum-positive-color-500);
- --spectrum-notice-background-color-default:var(--spectrum-notice-color-800);
- --spectrum-gray-background-color-default:var(--spectrum-gray-700);
- --spectrum-red-background-color-default:var(--spectrum-red-700);
- --spectrum-orange-background-color-default:var(--spectrum-orange-800);
- --spectrum-yellow-background-color-default:var(--spectrum-yellow-1000);
- --spectrum-chartreuse-background-color-default:var(--spectrum-chartreuse-900);
- --spectrum-celery-background-color-default:var(--spectrum-celery-800);
- --spectrum-green-background-color-default:var(--spectrum-green-700);
- --spectrum-seafoam-background-color-default:var(--spectrum-seafoam-700);
- --spectrum-cyan-background-color-default:var(--spectrum-cyan-700);
- --spectrum-blue-background-color-default:var(--spectrum-blue-700);
- --spectrum-indigo-background-color-default:var(--spectrum-indigo-700);
- --spectrum-purple-background-color-default:var(--spectrum-purple-700);
- --spectrum-fuchsia-background-color-default:var(--spectrum-fuchsia-700);
- --spectrum-magenta-background-color-default:var(--spectrum-magenta-700);
- --spectrum-neutral-visual-color:var(--spectrum-gray-600);
- --spectrum-accent-visual-color:var(--spectrum-accent-color-900);
- --spectrum-informative-visual-color:var(--spectrum-informative-color-900);
- --spectrum-negative-visual-color:var(--spectrum-negative-color-700);
- --spectrum-notice-visual-color:var(--spectrum-notice-color-900);
- --spectrum-positive-visual-color:var(--spectrum-positive-color-800);
- --spectrum-gray-visual-color:var(--spectrum-gray-600);
- --spectrum-red-visual-color:var(--spectrum-red-700);
- --spectrum-orange-visual-color:var(--spectrum-orange-900);
- --spectrum-yellow-visual-color:var(--spectrum-yellow-1100);
- --spectrum-chartreuse-visual-color:var(--spectrum-chartreuse-900);
- --spectrum-celery-visual-color:var(--spectrum-celery-800);
- --spectrum-green-visual-color:var(--spectrum-green-800);
- --spectrum-seafoam-visual-color:var(--spectrum-seafoam-800);
- --spectrum-cyan-visual-color:var(--spectrum-cyan-900);
- --spectrum-blue-visual-color:var(--spectrum-blue-900);
- --spectrum-indigo-visual-color:var(--spectrum-indigo-900);
- --spectrum-purple-visual-color:var(--spectrum-purple-900);
- --spectrum-fuchsia-visual-color:var(--spectrum-fuchsia-900);
- --spectrum-magenta-visual-color:var(--spectrum-magenta-900);
- --spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-800);
- --spectrum-gray-50-rgb:0, 0, 0;
- --spectrum-gray-50:rgba(var(--spectrum-gray-50-rgb));
- --spectrum-gray-75-rgb:14, 14, 14;
- --spectrum-gray-75:rgba(var(--spectrum-gray-75-rgb));
- --spectrum-gray-100-rgb:29, 29, 29;
- --spectrum-gray-100:rgba(var(--spectrum-gray-100-rgb));
- --spectrum-gray-200-rgb:48, 48, 48;
- --spectrum-gray-200:rgba(var(--spectrum-gray-200-rgb));
- --spectrum-gray-300-rgb:75, 75, 75;
- --spectrum-gray-300:rgba(var(--spectrum-gray-300-rgb));
- --spectrum-gray-400-rgb:106, 106, 106;
- --spectrum-gray-400:rgba(var(--spectrum-gray-400-rgb));
- --spectrum-gray-500-rgb:141, 141, 141;
- --spectrum-gray-500:rgba(var(--spectrum-gray-500-rgb));
- --spectrum-gray-600-rgb:176, 176, 176;
- --spectrum-gray-600:rgba(var(--spectrum-gray-600-rgb));
- --spectrum-gray-700-rgb:208, 208, 208;
- --spectrum-gray-700:rgba(var(--spectrum-gray-700-rgb));
- --spectrum-gray-800-rgb:235, 235, 235;
- --spectrum-gray-800:rgba(var(--spectrum-gray-800-rgb));
- --spectrum-gray-900-rgb:255, 255, 255;
- --spectrum-gray-900:rgba(var(--spectrum-gray-900-rgb));
- --spectrum-blue-100-rgb:0, 38, 81;
- --spectrum-blue-100:rgba(var(--spectrum-blue-100-rgb));
- --spectrum-blue-200-rgb:0, 50, 106;
- --spectrum-blue-200:rgba(var(--spectrum-blue-200-rgb));
- --spectrum-blue-300-rgb:0, 64, 135;
- --spectrum-blue-300:rgba(var(--spectrum-blue-300-rgb));
- --spectrum-blue-400-rgb:0, 78, 166;
- --spectrum-blue-400:rgba(var(--spectrum-blue-400-rgb));
- --spectrum-blue-500-rgb:0, 92, 200;
- --spectrum-blue-500:rgba(var(--spectrum-blue-500-rgb));
- --spectrum-blue-600-rgb:6, 108, 231;
- --spectrum-blue-600:rgba(var(--spectrum-blue-600-rgb));
- --spectrum-blue-700-rgb:29, 128, 245;
- --spectrum-blue-700:rgba(var(--spectrum-blue-700-rgb));
- --spectrum-blue-800-rgb:64, 150, 243;
- --spectrum-blue-800:rgba(var(--spectrum-blue-800-rgb));
- --spectrum-blue-900-rgb:94, 170, 247;
- --spectrum-blue-900:rgba(var(--spectrum-blue-900-rgb));
- --spectrum-blue-1000-rgb:124, 189, 250;
- --spectrum-blue-1000:rgba(var(--spectrum-blue-1000-rgb));
- --spectrum-blue-1100-rgb:152, 206, 253;
- --spectrum-blue-1100:rgba(var(--spectrum-blue-1100-rgb));
- --spectrum-blue-1200-rgb:179, 222, 254;
- --spectrum-blue-1200:rgba(var(--spectrum-blue-1200-rgb));
- --spectrum-blue-1300-rgb:206, 234, 255;
- --spectrum-blue-1300:rgba(var(--spectrum-blue-1300-rgb));
- --spectrum-blue-1400-rgb:227, 243, 255;
- --spectrum-blue-1400:rgba(var(--spectrum-blue-1400-rgb));
- --spectrum-red-100-rgb:87, 0, 0;
- --spectrum-red-100:rgba(var(--spectrum-red-100-rgb));
- --spectrum-red-200-rgb:110, 0, 0;
- --spectrum-red-200:rgba(var(--spectrum-red-200-rgb));
- --spectrum-red-300-rgb:138, 0, 0;
- --spectrum-red-300:rgba(var(--spectrum-red-300-rgb));
- --spectrum-red-400-rgb:167, 0, 0;
- --spectrum-red-400:rgba(var(--spectrum-red-400-rgb));
- --spectrum-red-500-rgb:196, 7, 6;
- --spectrum-red-500:rgba(var(--spectrum-red-500-rgb));
- --spectrum-red-600-rgb:221, 33, 24;
- --spectrum-red-600:rgba(var(--spectrum-red-600-rgb));
- --spectrum-red-700-rgb:238, 67, 49;
- --spectrum-red-700:rgba(var(--spectrum-red-700-rgb));
- --spectrum-red-800-rgb:249, 99, 76;
- --spectrum-red-800:rgba(var(--spectrum-red-800-rgb));
- --spectrum-red-900-rgb:255, 129, 107;
- --spectrum-red-900:rgba(var(--spectrum-red-900-rgb));
- --spectrum-red-1000-rgb:255, 158, 140;
- --spectrum-red-1000:rgba(var(--spectrum-red-1000-rgb));
- --spectrum-red-1100-rgb:255, 183, 169;
- --spectrum-red-1100:rgba(var(--spectrum-red-1100-rgb));
- --spectrum-red-1200-rgb:255, 205, 195;
- --spectrum-red-1200:rgba(var(--spectrum-red-1200-rgb));
- --spectrum-red-1300-rgb:255, 223, 217;
- --spectrum-red-1300:rgba(var(--spectrum-red-1300-rgb));
- --spectrum-red-1400-rgb:255, 237, 234;
- --spectrum-red-1400:rgba(var(--spectrum-red-1400-rgb));
- --spectrum-orange-100-rgb:72, 24, 1;
- --spectrum-orange-100:rgba(var(--spectrum-orange-100-rgb));
- --spectrum-orange-200-rgb:92, 32, 0;
- --spectrum-orange-200:rgba(var(--spectrum-orange-200-rgb));
- --spectrum-orange-300-rgb:115, 43, 0;
- --spectrum-orange-300:rgba(var(--spectrum-orange-300-rgb));
- --spectrum-orange-400-rgb:138, 55, 0;
- --spectrum-orange-400:rgba(var(--spectrum-orange-400-rgb));
- --spectrum-orange-500-rgb:162, 68, 0;
- --spectrum-orange-500:rgba(var(--spectrum-orange-500-rgb));
- --spectrum-orange-600-rgb:186, 82, 0;
- --spectrum-orange-600:rgba(var(--spectrum-orange-600-rgb));
- --spectrum-orange-700-rgb:210, 98, 0;
- --spectrum-orange-700:rgba(var(--spectrum-orange-700-rgb));
- --spectrum-orange-800-rgb:232, 116, 0;
- --spectrum-orange-800:rgba(var(--spectrum-orange-800-rgb));
- --spectrum-orange-900-rgb:249, 137, 23;
- --spectrum-orange-900:rgba(var(--spectrum-orange-900-rgb));
- --spectrum-orange-1000-rgb:255, 162, 59;
- --spectrum-orange-1000:rgba(var(--spectrum-orange-1000-rgb));
- --spectrum-orange-1100-rgb:255, 188, 102;
- --spectrum-orange-1100:rgba(var(--spectrum-orange-1100-rgb));
- --spectrum-orange-1200-rgb:253, 210, 145;
- --spectrum-orange-1200:rgba(var(--spectrum-orange-1200-rgb));
- --spectrum-orange-1300-rgb:255, 226, 181;
- --spectrum-orange-1300:rgba(var(--spectrum-orange-1300-rgb));
- --spectrum-orange-1400-rgb:255, 239, 213;
- --spectrum-orange-1400:rgba(var(--spectrum-orange-1400-rgb));
- --spectrum-yellow-100-rgb:53, 36, 0;
- --spectrum-yellow-100:rgba(var(--spectrum-yellow-100-rgb));
- --spectrum-yellow-200-rgb:68, 47, 0;
- --spectrum-yellow-200:rgba(var(--spectrum-yellow-200-rgb));
- --spectrum-yellow-300-rgb:86, 62, 0;
- --spectrum-yellow-300:rgba(var(--spectrum-yellow-300-rgb));
- --spectrum-yellow-400-rgb:103, 77, 0;
- --spectrum-yellow-400:rgba(var(--spectrum-yellow-400-rgb));
- --spectrum-yellow-500-rgb:122, 92, 0;
- --spectrum-yellow-500:rgba(var(--spectrum-yellow-500-rgb));
- --spectrum-yellow-600-rgb:141, 108, 0;
- --spectrum-yellow-600:rgba(var(--spectrum-yellow-600-rgb));
- --spectrum-yellow-700-rgb:161, 126, 0;
- --spectrum-yellow-700:rgba(var(--spectrum-yellow-700-rgb));
- --spectrum-yellow-800-rgb:180, 144, 0;
- --spectrum-yellow-800:rgba(var(--spectrum-yellow-800-rgb));
- --spectrum-yellow-900-rgb:199, 162, 0;
- --spectrum-yellow-900:rgba(var(--spectrum-yellow-900-rgb));
- --spectrum-yellow-1000-rgb:216, 181, 0;
- --spectrum-yellow-1000:rgba(var(--spectrum-yellow-1000-rgb));
- --spectrum-yellow-1100-rgb:233, 199, 0;
- --spectrum-yellow-1100:rgba(var(--spectrum-yellow-1100-rgb));
- --spectrum-yellow-1200-rgb:247, 216, 4;
- --spectrum-yellow-1200:rgba(var(--spectrum-yellow-1200-rgb));
- --spectrum-yellow-1300-rgb:249, 233, 97;
- --spectrum-yellow-1300:rgba(var(--spectrum-yellow-1300-rgb));
- --spectrum-yellow-1400-rgb:252, 243, 170;
- --spectrum-yellow-1400:rgba(var(--spectrum-yellow-1400-rgb));
- --spectrum-chartreuse-100-rgb:32, 43, 0;
- --spectrum-chartreuse-100:rgba(var(--spectrum-chartreuse-100-rgb));
- --spectrum-chartreuse-200-rgb:42, 56, 0;
- --spectrum-chartreuse-200:rgba(var(--spectrum-chartreuse-200-rgb));
- --spectrum-chartreuse-300-rgb:54, 72, 0;
- --spectrum-chartreuse-300:rgba(var(--spectrum-chartreuse-300-rgb));
- --spectrum-chartreuse-400-rgb:66, 88, 0;
- --spectrum-chartreuse-400:rgba(var(--spectrum-chartreuse-400-rgb));
- --spectrum-chartreuse-500-rgb:79, 105, 0;
- --spectrum-chartreuse-500:rgba(var(--spectrum-chartreuse-500-rgb));
- --spectrum-chartreuse-600-rgb:93, 123, 0;
- --spectrum-chartreuse-600:rgba(var(--spectrum-chartreuse-600-rgb));
- --spectrum-chartreuse-700-rgb:107, 142, 0;
- --spectrum-chartreuse-700:rgba(var(--spectrum-chartreuse-700-rgb));
- --spectrum-chartreuse-800-rgb:122, 161, 0;
- --spectrum-chartreuse-800:rgba(var(--spectrum-chartreuse-800-rgb));
- --spectrum-chartreuse-900-rgb:138, 180, 3;
- --spectrum-chartreuse-900:rgba(var(--spectrum-chartreuse-900-rgb));
- --spectrum-chartreuse-1000-rgb:154, 198, 11;
- --spectrum-chartreuse-1000:rgba(var(--spectrum-chartreuse-1000-rgb));
- --spectrum-chartreuse-1100-rgb:170, 216, 22;
- --spectrum-chartreuse-1100:rgba(var(--spectrum-chartreuse-1100-rgb));
- --spectrum-chartreuse-1200-rgb:187, 232, 41;
- --spectrum-chartreuse-1200:rgba(var(--spectrum-chartreuse-1200-rgb));
- --spectrum-chartreuse-1300-rgb:205, 246, 72;
- --spectrum-chartreuse-1300:rgba(var(--spectrum-chartreuse-1300-rgb));
- --spectrum-chartreuse-1400-rgb:225, 253, 132;
- --spectrum-chartreuse-1400:rgba(var(--spectrum-chartreuse-1400-rgb));
- --spectrum-celery-100-rgb:0, 47, 7;
- --spectrum-celery-100:rgba(var(--spectrum-celery-100-rgb));
- --spectrum-celery-200-rgb:0, 61, 9;
- --spectrum-celery-200:rgba(var(--spectrum-celery-200-rgb));
- --spectrum-celery-300-rgb:0, 77, 12;
- --spectrum-celery-300:rgba(var(--spectrum-celery-300-rgb));
- --spectrum-celery-400-rgb:0, 95, 15;
- --spectrum-celery-400:rgba(var(--spectrum-celery-400-rgb));
- --spectrum-celery-500-rgb:0, 113, 15;
- --spectrum-celery-500:rgba(var(--spectrum-celery-500-rgb));
- --spectrum-celery-600-rgb:0, 132, 15;
- --spectrum-celery-600:rgba(var(--spectrum-celery-600-rgb));
- --spectrum-celery-700-rgb:0, 151, 20;
- --spectrum-celery-700:rgba(var(--spectrum-celery-700-rgb));
- --spectrum-celery-800-rgb:13, 171, 37;
- --spectrum-celery-800:rgba(var(--spectrum-celery-800-rgb));
- --spectrum-celery-900-rgb:45, 191, 58;
- --spectrum-celery-900:rgba(var(--spectrum-celery-900-rgb));
- --spectrum-celery-1000-rgb:80, 208, 82;
- --spectrum-celery-1000:rgba(var(--spectrum-celery-1000-rgb));
- --spectrum-celery-1100-rgb:115, 224, 107;
- --spectrum-celery-1100:rgba(var(--spectrum-celery-1100-rgb));
- --spectrum-celery-1200-rgb:147, 237, 131;
- --spectrum-celery-1200:rgba(var(--spectrum-celery-1200-rgb));
- --spectrum-celery-1300-rgb:180, 247, 162;
- --spectrum-celery-1300:rgba(var(--spectrum-celery-1300-rgb));
- --spectrum-celery-1400-rgb:213, 252, 202;
- --spectrum-celery-1400:rgba(var(--spectrum-celery-1400-rgb));
- --spectrum-green-100-rgb:10, 44, 28;
- --spectrum-green-100:rgba(var(--spectrum-green-100-rgb));
- --spectrum-green-200-rgb:7, 59, 36;
- --spectrum-green-200:rgba(var(--spectrum-green-200-rgb));
- --spectrum-green-300-rgb:0, 76, 46;
- --spectrum-green-300:rgba(var(--spectrum-green-300-rgb));
- --spectrum-green-400-rgb:0, 93, 57;
- --spectrum-green-400:rgba(var(--spectrum-green-400-rgb));
- --spectrum-green-500-rgb:0, 111, 69;
- --spectrum-green-500:rgba(var(--spectrum-green-500-rgb));
- --spectrum-green-600-rgb:0, 130, 82;
- --spectrum-green-600:rgba(var(--spectrum-green-600-rgb));
- --spectrum-green-700-rgb:0, 149, 98;
- --spectrum-green-700:rgba(var(--spectrum-green-700-rgb));
- --spectrum-green-800-rgb:28, 168, 114;
- --spectrum-green-800:rgba(var(--spectrum-green-800-rgb));
- --spectrum-green-900-rgb:52, 187, 132;
- --spectrum-green-900:rgba(var(--spectrum-green-900-rgb));
- --spectrum-green-1000-rgb:75, 205, 149;
- --spectrum-green-1000:rgba(var(--spectrum-green-1000-rgb));
- --spectrum-green-1100-rgb:103, 222, 168;
- --spectrum-green-1100:rgba(var(--spectrum-green-1100-rgb));
- --spectrum-green-1200-rgb:137, 236, 188;
- --spectrum-green-1200:rgba(var(--spectrum-green-1200-rgb));
- --spectrum-green-1300-rgb:177, 244, 209;
- --spectrum-green-1300:rgba(var(--spectrum-green-1300-rgb));
- --spectrum-green-1400-rgb:214, 249, 228;
- --spectrum-green-1400:rgba(var(--spectrum-green-1400-rgb));
- --spectrum-seafoam-100-rgb:18, 43, 42;
- --spectrum-seafoam-100:rgba(var(--spectrum-seafoam-100-rgb));
- --spectrum-seafoam-200-rgb:19, 57, 55;
- --spectrum-seafoam-200:rgba(var(--spectrum-seafoam-200-rgb));
- --spectrum-seafoam-300-rgb:16, 73, 70;
- --spectrum-seafoam-300:rgba(var(--spectrum-seafoam-300-rgb));
- --spectrum-seafoam-400-rgb:3, 91, 88;
- --spectrum-seafoam-400:rgba(var(--spectrum-seafoam-400-rgb));
- --spectrum-seafoam-500-rgb:0, 108, 104;
- --spectrum-seafoam-500:rgba(var(--spectrum-seafoam-500-rgb));
- --spectrum-seafoam-600-rgb:0, 127, 121;
- --spectrum-seafoam-600:rgba(var(--spectrum-seafoam-600-rgb));
- --spectrum-seafoam-700-rgb:0, 146, 140;
- --spectrum-seafoam-700:rgba(var(--spectrum-seafoam-700-rgb));
- --spectrum-seafoam-800-rgb:0, 165, 159;
- --spectrum-seafoam-800:rgba(var(--spectrum-seafoam-800-rgb));
- --spectrum-seafoam-900-rgb:26, 185, 178;
- --spectrum-seafoam-900:rgba(var(--spectrum-seafoam-900-rgb));
- --spectrum-seafoam-1000-rgb:66, 202, 195;
- --spectrum-seafoam-1000:rgba(var(--spectrum-seafoam-1000-rgb));
- --spectrum-seafoam-1100-rgb:102, 218, 211;
- --spectrum-seafoam-1100:rgba(var(--spectrum-seafoam-1100-rgb));
- --spectrum-seafoam-1200-rgb:139, 232, 225;
- --spectrum-seafoam-1200:rgba(var(--spectrum-seafoam-1200-rgb));
- --spectrum-seafoam-1300-rgb:179, 242, 237;
- --spectrum-seafoam-1300:rgba(var(--spectrum-seafoam-1300-rgb));
- --spectrum-seafoam-1400-rgb:215, 248, 244;
- --spectrum-seafoam-1400:rgba(var(--spectrum-seafoam-1400-rgb));
- --spectrum-cyan-100-rgb:0, 41, 68;
- --spectrum-cyan-100:rgba(var(--spectrum-cyan-100-rgb));
- --spectrum-cyan-200-rgb:0, 54, 88;
- --spectrum-cyan-200:rgba(var(--spectrum-cyan-200-rgb));
- --spectrum-cyan-300-rgb:0, 69, 108;
- --spectrum-cyan-300:rgba(var(--spectrum-cyan-300-rgb));
- --spectrum-cyan-400-rgb:0, 86, 128;
- --spectrum-cyan-400:rgba(var(--spectrum-cyan-400-rgb));
- --spectrum-cyan-500-rgb:0, 103, 147;
- --spectrum-cyan-500:rgba(var(--spectrum-cyan-500-rgb));
- --spectrum-cyan-600-rgb:0, 121, 167;
- --spectrum-cyan-600:rgba(var(--spectrum-cyan-600-rgb));
- --spectrum-cyan-700-rgb:0, 140, 186;
- --spectrum-cyan-700:rgba(var(--spectrum-cyan-700-rgb));
- --spectrum-cyan-800-rgb:4, 160, 205;
- --spectrum-cyan-800:rgba(var(--spectrum-cyan-800-rgb));
- --spectrum-cyan-900-rgb:23, 180, 221;
- --spectrum-cyan-900:rgba(var(--spectrum-cyan-900-rgb));
- --spectrum-cyan-1000-rgb:57, 199, 234;
- --spectrum-cyan-1000:rgba(var(--spectrum-cyan-1000-rgb));
- --spectrum-cyan-1100-rgb:96, 216, 243;
- --spectrum-cyan-1100:rgba(var(--spectrum-cyan-1100-rgb));
- --spectrum-cyan-1200-rgb:134, 230, 250;
- --spectrum-cyan-1200:rgba(var(--spectrum-cyan-1200-rgb));
- --spectrum-cyan-1300-rgb:170, 242, 255;
- --spectrum-cyan-1300:rgba(var(--spectrum-cyan-1300-rgb));
- --spectrum-cyan-1400-rgb:206, 249, 255;
- --spectrum-cyan-1400:rgba(var(--spectrum-cyan-1400-rgb));
- --spectrum-indigo-100-rgb:26, 29, 97;
- --spectrum-indigo-100:rgba(var(--spectrum-indigo-100-rgb));
- --spectrum-indigo-200-rgb:35, 39, 125;
- --spectrum-indigo-200:rgba(var(--spectrum-indigo-200-rgb));
- --spectrum-indigo-300-rgb:46, 50, 158;
- --spectrum-indigo-300:rgba(var(--spectrum-indigo-300-rgb));
- --spectrum-indigo-400-rgb:58, 63, 189;
- --spectrum-indigo-400:rgba(var(--spectrum-indigo-400-rgb));
- --spectrum-indigo-500-rgb:73, 78, 216;
- --spectrum-indigo-500:rgba(var(--spectrum-indigo-500-rgb));
- --spectrum-indigo-600-rgb:90, 96, 235;
- --spectrum-indigo-600:rgba(var(--spectrum-indigo-600-rgb));
- --spectrum-indigo-700-rgb:110, 115, 246;
- --spectrum-indigo-700:rgba(var(--spectrum-indigo-700-rgb));
- --spectrum-indigo-800-rgb:132, 136, 253;
- --spectrum-indigo-800:rgba(var(--spectrum-indigo-800-rgb));
- --spectrum-indigo-900-rgb:153, 157, 255;
- --spectrum-indigo-900:rgba(var(--spectrum-indigo-900-rgb));
- --spectrum-indigo-1000-rgb:174, 177, 255;
- --spectrum-indigo-1000:rgba(var(--spectrum-indigo-1000-rgb));
- --spectrum-indigo-1100-rgb:194, 196, 255;
- --spectrum-indigo-1100:rgba(var(--spectrum-indigo-1100-rgb));
- --spectrum-indigo-1200-rgb:212, 213, 255;
- --spectrum-indigo-1200:rgba(var(--spectrum-indigo-1200-rgb));
- --spectrum-indigo-1300-rgb:227, 228, 255;
- --spectrum-indigo-1300:rgba(var(--spectrum-indigo-1300-rgb));
- --spectrum-indigo-1400-rgb:240, 240, 255;
- --spectrum-indigo-1400:rgba(var(--spectrum-indigo-1400-rgb));
- --spectrum-purple-100-rgb:50, 16, 104;
- --spectrum-purple-100:rgba(var(--spectrum-purple-100-rgb));
- --spectrum-purple-200-rgb:67, 13, 140;
- --spectrum-purple-200:rgba(var(--spectrum-purple-200-rgb));
- --spectrum-purple-300-rgb:86, 16, 173;
- --spectrum-purple-300:rgba(var(--spectrum-purple-300-rgb));
- --spectrum-purple-400-rgb:106, 29, 200;
- --spectrum-purple-400:rgba(var(--spectrum-purple-400-rgb));
- --spectrum-purple-500-rgb:126, 49, 222;
- --spectrum-purple-500:rgba(var(--spectrum-purple-500-rgb));
- --spectrum-purple-600-rgb:145, 70, 236;
- --spectrum-purple-600:rgba(var(--spectrum-purple-600-rgb));
- --spectrum-purple-700-rgb:162, 94, 246;
- --spectrum-purple-700:rgba(var(--spectrum-purple-700-rgb));
- --spectrum-purple-800-rgb:178, 119, 250;
- --spectrum-purple-800:rgba(var(--spectrum-purple-800-rgb));
- --spectrum-purple-900-rgb:192, 143, 252;
- --spectrum-purple-900:rgba(var(--spectrum-purple-900-rgb));
- --spectrum-purple-1000-rgb:206, 166, 253;
- --spectrum-purple-1000:rgba(var(--spectrum-purple-1000-rgb));
- --spectrum-purple-1100-rgb:219, 188, 254;
- --spectrum-purple-1100:rgba(var(--spectrum-purple-1100-rgb));
- --spectrum-purple-1200-rgb:230, 207, 255;
- --spectrum-purple-1200:rgba(var(--spectrum-purple-1200-rgb));
- --spectrum-purple-1300-rgb:240, 224, 255;
- --spectrum-purple-1300:rgba(var(--spectrum-purple-1300-rgb));
- --spectrum-purple-1400-rgb:248, 237, 255;
- --spectrum-purple-1400:rgba(var(--spectrum-purple-1400-rgb));
- --spectrum-fuchsia-100-rgb:70, 14, 68;
- --spectrum-fuchsia-100:rgba(var(--spectrum-fuchsia-100-rgb));
- --spectrum-fuchsia-200-rgb:93, 9, 92;
- --spectrum-fuchsia-200:rgba(var(--spectrum-fuchsia-200-rgb));
- --spectrum-fuchsia-300-rgb:120, 0, 120;
- --spectrum-fuchsia-300:rgba(var(--spectrum-fuchsia-300-rgb));
- --spectrum-fuchsia-400-rgb:146, 0, 147;
- --spectrum-fuchsia-400:rgba(var(--spectrum-fuchsia-400-rgb));
- --spectrum-fuchsia-500-rgb:169, 19, 170;
- --spectrum-fuchsia-500:rgba(var(--spectrum-fuchsia-500-rgb));
- --spectrum-fuchsia-600-rgb:191, 43, 191;
- --spectrum-fuchsia-600:rgba(var(--spectrum-fuchsia-600-rgb));
- --spectrum-fuchsia-700-rgb:211, 65, 213;
- --spectrum-fuchsia-700:rgba(var(--spectrum-fuchsia-700-rgb));
- --spectrum-fuchsia-800-rgb:228, 91, 229;
- --spectrum-fuchsia-800:rgba(var(--spectrum-fuchsia-800-rgb));
- --spectrum-fuchsia-900-rgb:239, 120, 238;
- --spectrum-fuchsia-900:rgba(var(--spectrum-fuchsia-900-rgb));
- --spectrum-fuchsia-1000-rgb:246, 149, 243;
- --spectrum-fuchsia-1000:rgba(var(--spectrum-fuchsia-1000-rgb));
- --spectrum-fuchsia-1100-rgb:251, 175, 246;
- --spectrum-fuchsia-1100:rgba(var(--spectrum-fuchsia-1100-rgb));
- --spectrum-fuchsia-1200-rgb:254, 199, 248;
- --spectrum-fuchsia-1200:rgba(var(--spectrum-fuchsia-1200-rgb));
- --spectrum-fuchsia-1300-rgb:255, 220, 250;
- --spectrum-fuchsia-1300:rgba(var(--spectrum-fuchsia-1300-rgb));
- --spectrum-fuchsia-1400-rgb:255, 235, 252;
- --spectrum-fuchsia-1400:rgba(var(--spectrum-fuchsia-1400-rgb));
- --spectrum-magenta-100-rgb:83, 3, 41;
- --spectrum-magenta-100:rgba(var(--spectrum-magenta-100-rgb));
- --spectrum-magenta-200-rgb:106, 0, 52;
- --spectrum-magenta-200:rgba(var(--spectrum-magenta-200-rgb));
- --spectrum-magenta-300-rgb:133, 0, 65;
- --spectrum-magenta-300:rgba(var(--spectrum-magenta-300-rgb));
- --spectrum-magenta-400-rgb:161, 0, 78;
- --spectrum-magenta-400:rgba(var(--spectrum-magenta-400-rgb));
- --spectrum-magenta-500-rgb:186, 22, 93;
- --spectrum-magenta-500:rgba(var(--spectrum-magenta-500-rgb));
- --spectrum-magenta-600-rgb:209, 43, 114;
- --spectrum-magenta-600:rgba(var(--spectrum-magenta-600-rgb));
- --spectrum-magenta-700-rgb:227, 69, 137;
- --spectrum-magenta-700:rgba(var(--spectrum-magenta-700-rgb));
- --spectrum-magenta-800-rgb:241, 97, 156;
- --spectrum-magenta-800:rgba(var(--spectrum-magenta-800-rgb));
- --spectrum-magenta-900-rgb:252, 124, 173;
- --spectrum-magenta-900:rgba(var(--spectrum-magenta-900-rgb));
- --spectrum-magenta-1000-rgb:255, 152, 191;
- --spectrum-magenta-1000:rgba(var(--spectrum-magenta-1000-rgb));
- --spectrum-magenta-1100-rgb:255, 179, 207;
- --spectrum-magenta-1100:rgba(var(--spectrum-magenta-1100-rgb));
- --spectrum-magenta-1200-rgb:255, 202, 221;
- --spectrum-magenta-1200:rgba(var(--spectrum-magenta-1200-rgb));
- --spectrum-magenta-1300-rgb:255, 221, 233;
- --spectrum-magenta-1300:rgba(var(--spectrum-magenta-1300-rgb));
- --spectrum-magenta-1400-rgb:255, 236, 243;
- --spectrum-magenta-1400:rgba(var(--spectrum-magenta-1400-rgb));
- --spectrum-icon-color-blue-primary-default:var(--spectrum-blue-800);
- --spectrum-icon-color-green-primary-default:var(--spectrum-green-800);
- --spectrum-icon-color-red-primary-default:var(--spectrum-red-700);
- --spectrum-icon-color-yellow-primary-default:var(--spectrum-yellow-1000);
-}
diff --git a/tokens/dist/css/express/custom-large-vars.css b/tokens/dist/css/express/custom-large-vars.css
deleted file mode 100644
index e91e617d134..00000000000
--- a/tokens/dist/css/express/custom-large-vars.css
+++ /dev/null
@@ -1,23 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--express.spectrum--large{
- --spectrum-colorwheel-path:"M 118 118 m -118 0 a 118 118 0 1 0 236 0 a 118 118 0 1 0 -236 0.2 M 118 118 m -92 0 a 92 92 0 1 0 184 0 a 92 92 0 1 0 -184 0";
- --spectrum-colorwheel-path-borders:"M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
-
- --spectrum-dialog-confirm-border-radius:8px;
-
- --spectrum-dial-border-radius:15px;
-
- --spectrum-assetcard-focus-ring-border-radius:12px;
-}
diff --git a/tokens/dist/css/express/custom-medium-vars.css b/tokens/dist/css/express/custom-medium-vars.css
deleted file mode 100644
index 2fd3a95da3b..00000000000
--- a/tokens/dist/css/express/custom-medium-vars.css
+++ /dev/null
@@ -1,23 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--express.spectrum--medium{
- --spectrum-colorwheel-path:"M 94 94 m -94 0 a 94 94 0 1 0 188 0 a 94 94 0 1 0 -188 0.2 M 94 94 m -74 0 a 74 74 0 1 0 148 0 a 74 74 0 1 0 -148 0";
- --spectrum-colorwheel-path-borders:"M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
-
- --spectrum-dialog-confirm-border-radius:6px;
-
- --spectrum-dial-border-radius:12px;
-
- --spectrum-assetcard-focus-ring-border-radius:10px;
-}
diff --git a/tokens/dist/css/express/custom-vars.css b/tokens/dist/css/express/custom-vars.css
deleted file mode 100644
index 675f4c9c61a..00000000000
--- a/tokens/dist/css/express/custom-vars.css
+++ /dev/null
@@ -1,16 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--express{
- --system:express;
-}
diff --git a/tokens/dist/css/express/dark-vars.css b/tokens/dist/css/express/dark-vars.css
deleted file mode 100644
index bc153b58cf7..00000000000
--- a/tokens/dist/css/express/dark-vars.css
+++ /dev/null
@@ -1,22 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--express.spectrum--dark{
- --spectrum-drop-zone-background-color-rgb:var(--spectrum-indigo-900-rgb);
- --spectrum-well-border-color:rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-assetcard-border-color-selected:var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-hover:var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-down:var(--spectrum-indigo-800);
- --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-indigo-700);
-}
diff --git a/tokens/dist/css/express/darkest-vars.css b/tokens/dist/css/express/darkest-vars.css
deleted file mode 100644
index 51b3a61df06..00000000000
--- a/tokens/dist/css/express/darkest-vars.css
+++ /dev/null
@@ -1,22 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--express.spectrum--darkest{
- --spectrum-drop-zone-background-color-rgb:var(--spectrum-indigo-900-rgb);
- --spectrum-well-border-color:rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-assetcard-border-color-selected:var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-hover:var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-down:var(--spectrum-indigo-800);
- --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-indigo-700);
-}
diff --git a/tokens/dist/css/express/global-vars.css b/tokens/dist/css/express/global-vars.css
deleted file mode 100644
index 3e21dad6395..00000000000
--- a/tokens/dist/css/express/global-vars.css
+++ /dev/null
@@ -1,53 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--express{
- --spectrum-neutral-background-color-selected-default:var(--spectrum-gray-800);
- --spectrum-neutral-background-color-selected-hover:var(--spectrum-gray-900);
- --spectrum-neutral-background-color-selected-down:var(--spectrum-gray-900);
- --spectrum-neutral-background-color-selected-key-focus:var(--spectrum-gray-900);
- --spectrum-slider-track-thickness:4px;
- --spectrum-slider-handle-gap:0px;
- --spectrum-picker-border-width:0;
- --spectrum-in-field-button-fill-stacked-inner-border-rounding:1px;
- --spectrum-in-field-button-edge-to-fill:4px;
- --spectrum-in-field-button-stacked-inner-edge-to-fill:1px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium:5px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large:7px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large:8px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small:1px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium:1px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large:3px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large:4px;
- --spectrum-border-width-100:2px;
- --spectrum-accent-color-100:var(--spectrum-indigo-100);
- --spectrum-accent-color-200:var(--spectrum-indigo-200);
- --spectrum-accent-color-300:var(--spectrum-indigo-300);
- --spectrum-accent-color-400:var(--spectrum-indigo-400);
- --spectrum-accent-color-500:var(--spectrum-indigo-500);
- --spectrum-accent-color-600:var(--spectrum-indigo-600);
- --spectrum-accent-color-700:var(--spectrum-indigo-700);
- --spectrum-accent-color-800:var(--spectrum-indigo-800);
- --spectrum-accent-color-900:var(--spectrum-indigo-900);
- --spectrum-accent-color-1000:var(--spectrum-indigo-1000);
- --spectrum-accent-color-1100:var(--spectrum-indigo-1100);
- --spectrum-accent-color-1200:var(--spectrum-indigo-1200);
- --spectrum-accent-color-1300:var(--spectrum-indigo-1300);
- --spectrum-accent-color-1400:var(--spectrum-indigo-1400);
- --spectrum-heading-sans-serif-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-serif-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-cjk-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-sans-serif-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-serif-emphasized-font-weight:var(--spectrum-black-font-weight);
- --system:express;
-}
diff --git a/tokens/dist/css/express/index.css b/tokens/dist/css/express/index.css
deleted file mode 100644
index 6ce93008ee5..00000000000
--- a/tokens/dist/css/express/index.css
+++ /dev/null
@@ -1,195 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--express.spectrum--dark,.spectrum--express.spectrum--darkest{
- --spectrum-drop-zone-background-color-rgb:var(--spectrum-indigo-900-rgb);
- --spectrum-well-border-color:rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-assetcard-border-color-selected:var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-hover:var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-down:var(--spectrum-indigo-800);
- --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-indigo-700);
-}
-
-.spectrum--express{
- --spectrum-neutral-background-color-selected-default:var(--spectrum-gray-800);
- --spectrum-neutral-background-color-selected-hover:var(--spectrum-gray-900);
- --spectrum-neutral-background-color-selected-down:var(--spectrum-gray-900);
- --spectrum-neutral-background-color-selected-key-focus:var(--spectrum-gray-900);
- --spectrum-slider-track-thickness:4px;
- --spectrum-slider-handle-gap:0px;
- --spectrum-picker-border-width:0;
- --spectrum-in-field-button-fill-stacked-inner-border-rounding:1px;
- --spectrum-in-field-button-edge-to-fill:4px;
- --spectrum-in-field-button-stacked-inner-edge-to-fill:1px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium:5px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large:7px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large:8px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small:1px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium:1px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large:3px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large:4px;
- --spectrum-border-width-100:2px;
- --spectrum-accent-color-100:var(--spectrum-indigo-100);
- --spectrum-accent-color-200:var(--spectrum-indigo-200);
- --spectrum-accent-color-300:var(--spectrum-indigo-300);
- --spectrum-accent-color-400:var(--spectrum-indigo-400);
- --spectrum-accent-color-500:var(--spectrum-indigo-500);
- --spectrum-accent-color-600:var(--spectrum-indigo-600);
- --spectrum-accent-color-700:var(--spectrum-indigo-700);
- --spectrum-accent-color-800:var(--spectrum-indigo-800);
- --spectrum-accent-color-900:var(--spectrum-indigo-900);
- --spectrum-accent-color-1000:var(--spectrum-indigo-1000);
- --spectrum-accent-color-1100:var(--spectrum-indigo-1100);
- --spectrum-accent-color-1200:var(--spectrum-indigo-1200);
- --spectrum-accent-color-1300:var(--spectrum-indigo-1300);
- --spectrum-accent-color-1400:var(--spectrum-indigo-1400);
- --spectrum-heading-sans-serif-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-serif-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-cjk-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-sans-serif-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-serif-emphasized-font-weight:var(--spectrum-black-font-weight);
- --system:express;
-}
-
-.spectrum--express.spectrum--large{
- --spectrum-checkbox-control-size-small:18px;
- --spectrum-checkbox-control-size-medium:20px;
- --spectrum-checkbox-control-size-large:22px;
- --spectrum-checkbox-control-size-extra-large:26px;
- --spectrum-checkbox-top-to-control-small:6px;
- --spectrum-checkbox-top-to-control-medium:10px;
- --spectrum-checkbox-top-to-control-large:14px;
- --spectrum-checkbox-top-to-control-extra-large:17px;
- --spectrum-switch-control-width-small:32px;
- --spectrum-switch-control-width-medium:36px;
- --spectrum-switch-control-width-large:41px;
- --spectrum-switch-control-width-extra-large:46px;
- --spectrum-switch-control-height-small:18px;
- --spectrum-switch-control-height-medium:20px;
- --spectrum-switch-control-height-large:22px;
- --spectrum-switch-control-height-extra-large:26px;
- --spectrum-switch-top-to-control-small:6px;
- --spectrum-switch-top-to-control-medium:10px;
- --spectrum-switch-top-to-control-large:14px;
- --spectrum-switch-top-to-control-extra-large:17px;
- --spectrum-radio-button-control-size-small:18px;
- --spectrum-radio-button-control-size-medium:20px;
- --spectrum-radio-button-control-size-large:22px;
- --spectrum-radio-button-control-size-extra-large:26px;
- --spectrum-radio-button-top-to-control-small:6px;
- --spectrum-radio-button-top-to-control-medium:10px;
- --spectrum-radio-button-top-to-control-large:14px;
- --spectrum-radio-button-top-to-control-extra-large:17px;
- --spectrum-slider-control-height-small:22px;
- --spectrum-slider-control-height-medium:24px;
- --spectrum-slider-control-height-large:28px;
- --spectrum-slider-control-height-extra-large:30px;
- --spectrum-slider-handle-size-small:22px;
- --spectrum-slider-handle-size-medium:24px;
- --spectrum-slider-handle-size-large:28px;
- --spectrum-slider-handle-size-extra-large:30px;
- --spectrum-slider-handle-border-width-down-small:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-medium:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-large:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-extra-large:var(--spectrum-border-width-200);
- --spectrum-slider-bottom-to-handle-small:4px;
- --spectrum-slider-bottom-to-handle-medium:8px;
- --spectrum-slider-bottom-to-handle-large:12px;
- --spectrum-slider-bottom-to-handle-extra-large:15px;
- --spectrum-corner-radius-75:4px;
- --spectrum-corner-radius-100:8px;
- --spectrum-corner-radius-200:16px;
- --spectrum-drop-shadow-x:0px;
- --spectrum-drop-shadow-y:4px;
- --spectrum-drop-shadow-blur:16px;
- --spectrum-colorwheel-path:"M 118 118 m -118 0 a 118 118 0 1 0 236 0 a 118 118 0 1 0 -236 0.2 M 118 118 m -92 0 a 92 92 0 1 0 184 0 a 92 92 0 1 0 -184 0";
- --spectrum-colorwheel-path-borders:"M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
-
- --spectrum-dialog-confirm-border-radius:8px;
-
- --spectrum-dial-border-radius:15px;
-
- --spectrum-assetcard-focus-ring-border-radius:12px;
-}
-
-.spectrum--express.spectrum--light,.spectrum--express.spectrum--lightest{
- --spectrum-drop-zone-background-color-rgb:var(--spectrum-indigo-800-rgb);
- --spectrum-well-border-color:rgba(var(--spectrum-black-rgb), 0.05);
-
- --spectrum-assetcard-border-color-selected:var(--spectrum-indigo-900);
- --spectrum-assetcard-border-color-selected-hover:var(--spectrum-indigo-900);
- --spectrum-assetcard-border-color-selected-down:var(--spectrum-indigo-1000);
- --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-indigo-900);
-}
-
-.spectrum--express.spectrum--medium{
- --spectrum-checkbox-control-size-small:14px;
- --spectrum-checkbox-control-size-medium:16px;
- --spectrum-checkbox-control-size-large:18px;
- --spectrum-checkbox-control-size-extra-large:20px;
- --spectrum-checkbox-top-to-control-small:5px;
- --spectrum-checkbox-top-to-control-medium:8px;
- --spectrum-checkbox-top-to-control-large:11px;
- --spectrum-checkbox-top-to-control-extra-large:14px;
- --spectrum-switch-control-width-small:25px;
- --spectrum-switch-control-width-medium:28px;
- --spectrum-switch-control-width-large:32px;
- --spectrum-switch-control-width-extra-large:35px;
- --spectrum-switch-control-height-small:14px;
- --spectrum-switch-control-height-medium:16px;
- --spectrum-switch-control-height-large:18px;
- --spectrum-switch-control-height-extra-large:20px;
- --spectrum-switch-top-to-control-small:5px;
- --spectrum-switch-top-to-control-medium:8px;
- --spectrum-switch-top-to-control-large:11px;
- --spectrum-switch-top-to-control-extra-large:14px;
- --spectrum-radio-button-control-size-small:14px;
- --spectrum-radio-button-control-size-medium:16px;
- --spectrum-radio-button-control-size-large:18px;
- --spectrum-radio-button-control-size-extra-large:20px;
- --spectrum-radio-button-top-to-control-small:5px;
- --spectrum-radio-button-top-to-control-medium:8px;
- --spectrum-radio-button-top-to-control-large:11px;
- --spectrum-radio-button-top-to-control-extra-large:14px;
- --spectrum-slider-control-height-small:18px;
- --spectrum-slider-control-height-medium:20px;
- --spectrum-slider-control-height-large:22px;
- --spectrum-slider-control-height-extra-large:24px;
- --spectrum-slider-handle-size-small:18px;
- --spectrum-slider-handle-size-medium:20px;
- --spectrum-slider-handle-size-large:22px;
- --spectrum-slider-handle-size-extra-large:24px;
- --spectrum-slider-handle-border-width-down-small:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-medium:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-large:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-extra-large:var(--spectrum-border-width-200);
- --spectrum-slider-bottom-to-handle-small:3px;
- --spectrum-slider-bottom-to-handle-medium:6px;
- --spectrum-slider-bottom-to-handle-large:9px;
- --spectrum-slider-bottom-to-handle-extra-large:12px;
- --spectrum-corner-radius-75:3px;
- --spectrum-corner-radius-100:6px;
- --spectrum-corner-radius-200:12px;
- --spectrum-drop-shadow-x:0px;
- --spectrum-drop-shadow-y:4px;
- --spectrum-drop-shadow-blur:16px;
- --spectrum-colorwheel-path:"M 94 94 m -94 0 a 94 94 0 1 0 188 0 a 94 94 0 1 0 -188 0.2 M 94 94 m -74 0 a 74 74 0 1 0 148 0 a 74 74 0 1 0 -148 0";
- --spectrum-colorwheel-path-borders:"M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
-
- --spectrum-dialog-confirm-border-radius:6px;
-
- --spectrum-dial-border-radius:12px;
-
- --spectrum-assetcard-focus-ring-border-radius:10px;
-}
diff --git a/tokens/dist/css/express/large-vars.css b/tokens/dist/css/express/large-vars.css
deleted file mode 100644
index 308dae90052..00000000000
--- a/tokens/dist/css/express/large-vars.css
+++ /dev/null
@@ -1,73 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--express.spectrum--large{
- --spectrum-checkbox-control-size-small:18px;
- --spectrum-checkbox-control-size-medium:20px;
- --spectrum-checkbox-control-size-large:22px;
- --spectrum-checkbox-control-size-extra-large:26px;
- --spectrum-checkbox-top-to-control-small:6px;
- --spectrum-checkbox-top-to-control-medium:10px;
- --spectrum-checkbox-top-to-control-large:14px;
- --spectrum-checkbox-top-to-control-extra-large:17px;
- --spectrum-switch-control-width-small:32px;
- --spectrum-switch-control-width-medium:36px;
- --spectrum-switch-control-width-large:41px;
- --spectrum-switch-control-width-extra-large:46px;
- --spectrum-switch-control-height-small:18px;
- --spectrum-switch-control-height-medium:20px;
- --spectrum-switch-control-height-large:22px;
- --spectrum-switch-control-height-extra-large:26px;
- --spectrum-switch-top-to-control-small:6px;
- --spectrum-switch-top-to-control-medium:10px;
- --spectrum-switch-top-to-control-large:14px;
- --spectrum-switch-top-to-control-extra-large:17px;
- --spectrum-radio-button-control-size-small:18px;
- --spectrum-radio-button-control-size-medium:20px;
- --spectrum-radio-button-control-size-large:22px;
- --spectrum-radio-button-control-size-extra-large:26px;
- --spectrum-radio-button-top-to-control-small:6px;
- --spectrum-radio-button-top-to-control-medium:10px;
- --spectrum-radio-button-top-to-control-large:14px;
- --spectrum-radio-button-top-to-control-extra-large:17px;
- --spectrum-slider-control-height-small:22px;
- --spectrum-slider-control-height-medium:24px;
- --spectrum-slider-control-height-large:28px;
- --spectrum-slider-control-height-extra-large:30px;
- --spectrum-slider-handle-size-small:22px;
- --spectrum-slider-handle-size-medium:24px;
- --spectrum-slider-handle-size-large:28px;
- --spectrum-slider-handle-size-extra-large:30px;
- --spectrum-slider-handle-border-width-down-small:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-medium:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-large:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-extra-large:var(--spectrum-border-width-200);
- --spectrum-slider-bottom-to-handle-small:4px;
- --spectrum-slider-bottom-to-handle-medium:8px;
- --spectrum-slider-bottom-to-handle-large:12px;
- --spectrum-slider-bottom-to-handle-extra-large:15px;
- --spectrum-corner-radius-75:4px;
- --spectrum-corner-radius-100:8px;
- --spectrum-corner-radius-200:16px;
- --spectrum-drop-shadow-x:0px;
- --spectrum-drop-shadow-y:4px;
- --spectrum-drop-shadow-blur:16px;
- --spectrum-colorwheel-path:"M 118 118 m -118 0 a 118 118 0 1 0 236 0 a 118 118 0 1 0 -236 0.2 M 118 118 m -92 0 a 92 92 0 1 0 184 0 a 92 92 0 1 0 -184 0";
- --spectrum-colorwheel-path-borders:"M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
-
- --spectrum-dialog-confirm-border-radius:8px;
-
- --spectrum-dial-border-radius:15px;
-
- --spectrum-assetcard-focus-ring-border-radius:12px;
-}
diff --git a/tokens/dist/css/express/light-vars.css b/tokens/dist/css/express/light-vars.css
deleted file mode 100644
index a3463408cde..00000000000
--- a/tokens/dist/css/express/light-vars.css
+++ /dev/null
@@ -1,22 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--express.spectrum--light,.spectrum--express.spectrum--lightest{
- --spectrum-drop-zone-background-color-rgb:var(--spectrum-indigo-800-rgb);
- --spectrum-well-border-color:rgba(var(--spectrum-black-rgb), 0.05);
-
- --spectrum-assetcard-border-color-selected:var(--spectrum-indigo-900);
- --spectrum-assetcard-border-color-selected-hover:var(--spectrum-indigo-900);
- --spectrum-assetcard-border-color-selected-down:var(--spectrum-indigo-1000);
- --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-indigo-900);
-}
diff --git a/tokens/dist/css/express/medium-vars.css b/tokens/dist/css/express/medium-vars.css
deleted file mode 100644
index 519c280781b..00000000000
--- a/tokens/dist/css/express/medium-vars.css
+++ /dev/null
@@ -1,73 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--express.spectrum--medium{
- --spectrum-checkbox-control-size-small:14px;
- --spectrum-checkbox-control-size-medium:16px;
- --spectrum-checkbox-control-size-large:18px;
- --spectrum-checkbox-control-size-extra-large:20px;
- --spectrum-checkbox-top-to-control-small:5px;
- --spectrum-checkbox-top-to-control-medium:8px;
- --spectrum-checkbox-top-to-control-large:11px;
- --spectrum-checkbox-top-to-control-extra-large:14px;
- --spectrum-switch-control-width-small:25px;
- --spectrum-switch-control-width-medium:28px;
- --spectrum-switch-control-width-large:32px;
- --spectrum-switch-control-width-extra-large:35px;
- --spectrum-switch-control-height-small:14px;
- --spectrum-switch-control-height-medium:16px;
- --spectrum-switch-control-height-large:18px;
- --spectrum-switch-control-height-extra-large:20px;
- --spectrum-switch-top-to-control-small:5px;
- --spectrum-switch-top-to-control-medium:8px;
- --spectrum-switch-top-to-control-large:11px;
- --spectrum-switch-top-to-control-extra-large:14px;
- --spectrum-radio-button-control-size-small:14px;
- --spectrum-radio-button-control-size-medium:16px;
- --spectrum-radio-button-control-size-large:18px;
- --spectrum-radio-button-control-size-extra-large:20px;
- --spectrum-radio-button-top-to-control-small:5px;
- --spectrum-radio-button-top-to-control-medium:8px;
- --spectrum-radio-button-top-to-control-large:11px;
- --spectrum-radio-button-top-to-control-extra-large:14px;
- --spectrum-slider-control-height-small:18px;
- --spectrum-slider-control-height-medium:20px;
- --spectrum-slider-control-height-large:22px;
- --spectrum-slider-control-height-extra-large:24px;
- --spectrum-slider-handle-size-small:18px;
- --spectrum-slider-handle-size-medium:20px;
- --spectrum-slider-handle-size-large:22px;
- --spectrum-slider-handle-size-extra-large:24px;
- --spectrum-slider-handle-border-width-down-small:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-medium:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-large:var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-extra-large:var(--spectrum-border-width-200);
- --spectrum-slider-bottom-to-handle-small:3px;
- --spectrum-slider-bottom-to-handle-medium:6px;
- --spectrum-slider-bottom-to-handle-large:9px;
- --spectrum-slider-bottom-to-handle-extra-large:12px;
- --spectrum-corner-radius-75:3px;
- --spectrum-corner-radius-100:6px;
- --spectrum-corner-radius-200:12px;
- --spectrum-drop-shadow-x:0px;
- --spectrum-drop-shadow-y:4px;
- --spectrum-drop-shadow-blur:16px;
- --spectrum-colorwheel-path:"M 94 94 m -94 0 a 94 94 0 1 0 188 0 a 94 94 0 1 0 -188 0.2 M 94 94 m -74 0 a 74 74 0 1 0 148 0 a 74 74 0 1 0 -148 0";
- --spectrum-colorwheel-path-borders:"M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
-
- --spectrum-dialog-confirm-border-radius:6px;
-
- --spectrum-dial-border-radius:12px;
-
- --spectrum-assetcard-focus-ring-border-radius:10px;
-}
diff --git a/tokens/dist/css/global-vars.css b/tokens/dist/css/global-vars.css
deleted file mode 100644
index 5a2d087885e..00000000000
--- a/tokens/dist/css/global-vars.css
+++ /dev/null
@@ -1,586 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum{
- --spectrum-focus-indicator-color:var(--spectrum-blue-800);
- --spectrum-static-white-focus-indicator-color:var(--spectrum-white);
- --spectrum-static-black-focus-indicator-color:var(--spectrum-black);
- --spectrum-overlay-color:var(--spectrum-black);
- --spectrum-opacity-disabled:0.3;
- --spectrum-neutral-subdued-content-color-selected:var(--spectrum-neutral-subdued-content-color-down);
- --spectrum-accent-content-color-selected:var(--spectrum-accent-content-color-down);
- --spectrum-disabled-background-color:var(--spectrum-gray-200);
- --spectrum-disabled-static-white-background-color:var(--spectrum-transparent-white-200);
- --spectrum-disabled-static-black-background-color:var(--spectrum-transparent-black-200);
- --spectrum-background-opacity-default:0;
- --spectrum-background-opacity-hover:0.1;
- --spectrum-background-opacity-down:0.1;
- --spectrum-background-opacity-key-focus:0.1;
- --spectrum-neutral-content-color-default:var(--spectrum-gray-800);
- --spectrum-neutral-content-color-hover:var(--spectrum-gray-900);
- --spectrum-neutral-content-color-down:var(--spectrum-gray-900);
- --spectrum-neutral-content-color-focus-hover:var(--spectrum-neutral-content-color-down);
- --spectrum-neutral-content-color-focus:var(--spectrum-neutral-content-color-down);
- --spectrum-neutral-content-color-key-focus:var(--spectrum-gray-900);
- --spectrum-neutral-subdued-content-color-default:var(--spectrum-gray-700);
- --spectrum-neutral-subdued-content-color-hover:var(--spectrum-gray-800);
- --spectrum-neutral-subdued-content-color-down:var(--spectrum-gray-900);
- --spectrum-neutral-subdued-content-color-key-focus:var(--spectrum-gray-800);
- --spectrum-accent-content-color-default:var(--spectrum-accent-color-900);
- --spectrum-accent-content-color-hover:var(--spectrum-accent-color-1000);
- --spectrum-accent-content-color-down:var(--spectrum-accent-color-1100);
- --spectrum-accent-content-color-key-focus:var(--spectrum-accent-color-1000);
- --spectrum-negative-content-color-default:var(--spectrum-negative-color-900);
- --spectrum-negative-content-color-hover:var(--spectrum-negative-color-1000);
- --spectrum-negative-content-color-down:var(--spectrum-negative-color-1100);
- --spectrum-negative-content-color-key-focus:var(--spectrum-negative-color-1000);
- --spectrum-disabled-content-color:var(--spectrum-gray-400);
- --spectrum-disabled-static-white-content-color:var(--spectrum-transparent-white-500);
- --spectrum-disabled-static-black-content-color:var(--spectrum-transparent-black-500);
- --spectrum-disabled-border-color:var(--spectrum-gray-300);
- --spectrum-disabled-static-white-border-color:var(--spectrum-transparent-white-300);
- --spectrum-disabled-static-black-border-color:var(--spectrum-transparent-black-300);
- --spectrum-negative-border-color-default:var(--spectrum-negative-color-900);
- --spectrum-negative-border-color-hover:var(--spectrum-negative-color-1000);
- --spectrum-negative-border-color-down:var(--spectrum-negative-color-1100);
- --spectrum-negative-border-color-focus-hover:var(--spectrum-negative-border-color-down);
- --spectrum-negative-border-color-focus:var(--spectrum-negative-color-1000);
- --spectrum-negative-border-color-key-focus:var(--spectrum-negative-color-1000);
- --spectrum-swatch-border-color:var(--spectrum-gray-900);
- --spectrum-swatch-border-opacity:0.51;
- --spectrum-swatch-disabled-icon-border-color:var(--spectrum-black);
- --spectrum-swatch-disabled-icon-border-opacity:0.51;
- --spectrum-thumbnail-border-color:var(--spectrum-gray-800);
- --spectrum-thumbnail-border-opacity:0.1;
- --spectrum-thumbnail-opacity-disabled:var(--spectrum-opacity-disabled);
- --spectrum-opacity-checkerboard-square-light:var(--spectrum-white);
- --spectrum-avatar-opacity-disabled:var(--spectrum-opacity-disabled);
- --spectrum-color-area-border-color:var(--spectrum-gray-900);
- --spectrum-color-area-border-opacity:0.1;
- --spectrum-color-slider-border-color:var(--spectrum-gray-900);
- --spectrum-color-slider-border-opacity:0.1;
- --spectrum-color-loupe-drop-shadow-color:var(--spectrum-transparent-black-300);
- --spectrum-color-loupe-inner-border:var(--spectrum-transparent-black-200);
- --spectrum-color-loupe-outer-border:var(--spectrum-white);
- --spectrum-card-selection-background-color:var(--spectrum-gray-100);
- --spectrum-card-selection-background-color-opacity:0.95;
- --spectrum-drop-zone-background-color:var(--spectrum-accent-visual-color);
- --spectrum-drop-zone-background-color-opacity:0.1;
- --spectrum-drop-zone-background-color-opacity-filled:0.3;
- --spectrum-coach-mark-pagination-color:var(--spectrum-gray-600);
- --spectrum-color-handle-inner-border-color:var(--spectrum-black);
- --spectrum-color-handle-inner-border-opacity:0.42;
- --spectrum-color-handle-outer-border-color:var(--spectrum-black);
- --spectrum-color-handle-outer-border-opacity:var(--spectrum-color-handle-inner-border-opacity);
- --spectrum-color-handle-drop-shadow-color:var(--spectrum-drop-shadow-color);
- --spectrum-floating-action-button-drop-shadow-color:var(--spectrum-transparent-black-300);
- --spectrum-floating-action-button-shadow-color:var(--spectrum-floating-action-button-drop-shadow-color);
- --spectrum-table-row-hover-color:var(--spectrum-gray-900);
- --spectrum-table-row-hover-opacity:0.07;
- --spectrum-table-selected-row-background-color:var(--spectrum-informative-background-color-default);
- --spectrum-table-selected-row-background-opacity:0.1;
- --spectrum-table-selected-row-background-color-non-emphasized:var(--spectrum-neutral-background-color-selected-default);
- --spectrum-table-selected-row-background-opacity-non-emphasized:0.1;
- --spectrum-table-row-down-opacity:0.1;
- --spectrum-table-selected-row-background-opacity-hover:0.15;
- --spectrum-table-selected-row-background-opacity-non-emphasized-hover:0.15;
- --spectrum-white-rgb:255, 255, 255;
- --spectrum-white:rgba(var(--spectrum-white-rgb));
- --spectrum-transparent-white-100-rgb:255, 255, 255;
- --spectrum-transparent-white-100-opacity:0;
- --spectrum-transparent-white-100:rgba(var(--spectrum-transparent-white-100-rgb), var(--spectrum-transparent-white-100-opacity));
- --spectrum-transparent-white-200-rgb:255, 255, 255;
- --spectrum-transparent-white-200-opacity:0.1;
- --spectrum-transparent-white-200:rgba(var(--spectrum-transparent-white-200-rgb), var(--spectrum-transparent-white-200-opacity));
- --spectrum-transparent-white-300-rgb:255, 255, 255;
- --spectrum-transparent-white-300-opacity:0.25;
- --spectrum-transparent-white-300:rgba(var(--spectrum-transparent-white-300-rgb), var(--spectrum-transparent-white-300-opacity));
- --spectrum-transparent-white-400-rgb:255, 255, 255;
- --spectrum-transparent-white-400-opacity:0.4;
- --spectrum-transparent-white-400:rgba(var(--spectrum-transparent-white-400-rgb), var(--spectrum-transparent-white-400-opacity));
- --spectrum-transparent-white-500-rgb:255, 255, 255;
- --spectrum-transparent-white-500-opacity:0.55;
- --spectrum-transparent-white-500:rgba(var(--spectrum-transparent-white-500-rgb), var(--spectrum-transparent-white-500-opacity));
- --spectrum-transparent-white-600-rgb:255, 255, 255;
- --spectrum-transparent-white-600-opacity:0.7;
- --spectrum-transparent-white-600:rgba(var(--spectrum-transparent-white-600-rgb), var(--spectrum-transparent-white-600-opacity));
- --spectrum-transparent-white-700-rgb:255, 255, 255;
- --spectrum-transparent-white-700-opacity:0.8;
- --spectrum-transparent-white-700:rgba(var(--spectrum-transparent-white-700-rgb), var(--spectrum-transparent-white-700-opacity));
- --spectrum-transparent-white-800-rgb:255, 255, 255;
- --spectrum-transparent-white-800-opacity:0.9;
- --spectrum-transparent-white-800:rgba(var(--spectrum-transparent-white-800-rgb), var(--spectrum-transparent-white-800-opacity));
- --spectrum-transparent-white-900-rgb:255, 255, 255;
- --spectrum-transparent-white-900:rgba(var(--spectrum-transparent-white-900-rgb));
- --spectrum-black-rgb:0, 0, 0;
- --spectrum-black:rgba(var(--spectrum-black-rgb));
- --spectrum-transparent-black-100-rgb:0, 0, 0;
- --spectrum-transparent-black-100-opacity:0;
- --spectrum-transparent-black-100:rgba(var(--spectrum-transparent-black-100-rgb), var(--spectrum-transparent-black-100-opacity));
- --spectrum-transparent-black-200-rgb:0, 0, 0;
- --spectrum-transparent-black-200-opacity:0.1;
- --spectrum-transparent-black-200:rgba(var(--spectrum-transparent-black-200-rgb), var(--spectrum-transparent-black-200-opacity));
- --spectrum-transparent-black-300-rgb:0, 0, 0;
- --spectrum-transparent-black-300-opacity:0.25;
- --spectrum-transparent-black-300:rgba(var(--spectrum-transparent-black-300-rgb), var(--spectrum-transparent-black-300-opacity));
- --spectrum-transparent-black-400-rgb:0, 0, 0;
- --spectrum-transparent-black-400-opacity:0.4;
- --spectrum-transparent-black-400:rgba(var(--spectrum-transparent-black-400-rgb), var(--spectrum-transparent-black-400-opacity));
- --spectrum-transparent-black-500-rgb:0, 0, 0;
- --spectrum-transparent-black-500-opacity:0.55;
- --spectrum-transparent-black-500:rgba(var(--spectrum-transparent-black-500-rgb), var(--spectrum-transparent-black-500-opacity));
- --spectrum-transparent-black-600-rgb:0, 0, 0;
- --spectrum-transparent-black-600-opacity:0.7;
- --spectrum-transparent-black-600:rgba(var(--spectrum-transparent-black-600-rgb), var(--spectrum-transparent-black-600-opacity));
- --spectrum-transparent-black-700-rgb:0, 0, 0;
- --spectrum-transparent-black-700-opacity:0.8;
- --spectrum-transparent-black-700:rgba(var(--spectrum-transparent-black-700-rgb), var(--spectrum-transparent-black-700-opacity));
- --spectrum-transparent-black-800-rgb:0, 0, 0;
- --spectrum-transparent-black-800-opacity:0.9;
- --spectrum-transparent-black-800:rgba(var(--spectrum-transparent-black-800-rgb), var(--spectrum-transparent-black-800-opacity));
- --spectrum-transparent-black-900-rgb:0, 0, 0;
- --spectrum-transparent-black-900:rgba(var(--spectrum-transparent-black-900-rgb));
- --spectrum-icon-color-inverse:var(--spectrum-gray-50);
- --spectrum-icon-color-primary-default:var(--spectrum-neutral-content-color-default);
- --spectrum-asterisk-icon-size-75:8px;
- --spectrum-radio-button-selection-indicator:4px;
- --spectrum-field-label-top-margin-small:0px;
- --spectrum-field-label-to-component:0px;
- --spectrum-help-text-to-component:0px;
- --spectrum-status-light-dot-size-small:8px;
- --spectrum-action-button-edge-to-hold-icon-extra-small:3px;
- --spectrum-action-button-edge-to-hold-icon-small:3px;
- --spectrum-button-minimum-width-multiplier:2.25;
- --spectrum-divider-thickness-small:1px;
- --spectrum-divider-thickness-medium:2px;
- --spectrum-divider-thickness-large:4px;
- --spectrum-swatch-rectangle-width-multiplier:2;
- --spectrum-swatch-slash-thickness-extra-small:2px;
- --spectrum-swatch-slash-thickness-small:3px;
- --spectrum-swatch-slash-thickness-medium:4px;
- --spectrum-swatch-slash-thickness-large:5px;
- --spectrum-progress-bar-minimum-width:48px;
- --spectrum-progress-bar-maximum-width:768px;
- --spectrum-meter-minimum-width:48px;
- --spectrum-meter-maximum-width:768px;
- --spectrum-meter-default-width:var(--spectrum-meter-width);
- --spectrum-in-line-alert-minimum-width:240px;
- --spectrum-popover-tip-width:16px;
- --spectrum-popover-tip-height:8px;
- --spectrum-menu-item-label-to-description:1px;
- --spectrum-menu-item-section-divider-height:8px;
- --spectrum-picker-minimum-width-multiplier:2;
- --spectrum-picker-end-edge-to-disclousure-icon-quiet:var(--spectrum-picker-end-edge-to-disclosure-icon-quiet);
- --spectrum-picker-end-edge-to-disclosure-icon-quiet:0px;
- --spectrum-text-field-minimum-width-multiplier:1.5;
- --spectrum-combo-box-minimum-width-multiplier:2.5;
- --spectrum-combo-box-quiet-minimum-width-multiplier:2;
- --spectrum-combo-box-visual-to-field-button-quiet:0px;
- --spectrum-alert-dialog-minimum-width:288px;
- --spectrum-alert-dialog-maximum-width:480px;
- --spectrum-contextual-help-minimum-width:268px;
- --spectrum-breadcrumbs-height:var(--spectrum-component-height-300);
- --spectrum-breadcrumbs-height-compact:var(--spectrum-component-height-200);
- --spectrum-breadcrumbs-end-edge-to-text:0px;
- --spectrum-breadcrumbs-truncated-menu-to-separator-icon:0px;
- --spectrum-breadcrumbs-start-edge-to-truncated-menu:0px;
- --spectrum-breadcrumbs-truncated-menu-to-bottom-text:0px;
- --spectrum-alert-banner-to-top-workflow-icon:var(--spectrum-alert-banner-top-to-workflow-icon);
- --spectrum-alert-banner-to-top-text:var(--spectrum-alert-banner-top-to-text);
- --spectrum-alert-banner-to-bottom-text:var(--spectrum-alert-banner-bottom-to-text);
- --spectrum-color-area-border-width:var(--spectrum-border-width-100);
- --spectrum-color-area-border-rounding:var(--spectrum-corner-radius-100);
- --spectrum-color-wheel-color-area-margin:12px;
- --spectrum-color-slider-border-width:1px;
- --spectrum-color-slider-border-rounding:4px;
- --spectrum-floating-action-button-drop-shadow-blur:12px;
- --spectrum-floating-action-button-drop-shadow-y:4px;
- --spectrum-illustrated-message-maximum-width:380px;
- --spectrum-search-field-minimum-width-multiplier:3;
- --spectrum-color-loupe-height:64px;
- --spectrum-color-loupe-width:48px;
- --spectrum-color-loupe-bottom-to-color-handle:12px;
- --spectrum-color-loupe-outer-border-width:var(--spectrum-border-width-200);
- --spectrum-color-loupe-inner-border-width:1px;
- --spectrum-color-loupe-drop-shadow-y:2px;
- --spectrum-color-loupe-drop-shadow-blur:8px;
- --spectrum-card-minimum-width:100px;
- --spectrum-card-preview-minimum-height:130px;
- --spectrum-card-selection-background-size:40px;
- --spectrum-drop-zone-width:428px;
- --spectrum-drop-zone-content-maximum-width:var(--spectrum-illustrated-message-maximum-width);
- --spectrum-drop-zone-border-dash-length:8px;
- --spectrum-drop-zone-border-dash-gap:4px;
- --spectrum-drop-zone-title-size:var(--spectrum-illustrated-message-title-size);
- --spectrum-drop-zone-cjk-title-size:var(--spectrum-illustrated-message-cjk-title-size);
- --spectrum-drop-zone-body-size:var(--spectrum-illustrated-message-body-size);
- --spectrum-accordion-top-to-text-compact-small:2px;
- --spectrum-accordion-top-to-text-compact-medium:4px;
- --spectrum-accordion-disclosure-indicator-to-text:0px;
- --spectrum-accordion-edge-to-disclosure-indicator:0px;
- --spectrum-accordion-edge-to-text:0px;
- --spectrum-accordion-focus-indicator-gap:0px;
- --spectrum-color-handle-border-width:var(--spectrum-border-width-200);
- --spectrum-color-handle-inner-border-width:1px;
- --spectrum-color-handle-outer-border-width:1px;
- --spectrum-color-handle-drop-shadow-x:0;
- --spectrum-color-handle-drop-shadow-y:0;
- --spectrum-color-handle-drop-shadow-blur:0;
- --spectrum-table-row-height-small-compact:var(--spectrum-component-height-75);
- --spectrum-table-row-height-medium-compact:var(--spectrum-component-height-100);
- --spectrum-table-row-height-large-compact:var(--spectrum-component-height-200);
- --spectrum-table-row-height-extra-large-compact:var(--spectrum-component-height-300);
- --spectrum-table-row-top-to-text-small-compact:var(--spectrum-component-top-to-text-75);
- --spectrum-table-row-top-to-text-medium-compact:var(--spectrum-component-top-to-text-100);
- --spectrum-table-row-top-to-text-large-compact:var(--spectrum-component-top-to-text-200);
- --spectrum-table-row-top-to-text-extra-large-compact:var(--spectrum-component-top-to-text-300);
- --spectrum-table-row-bottom-to-text-small-compact:var(--spectrum-component-bottom-to-text-75);
- --spectrum-table-row-bottom-to-text-medium-compact:var(--spectrum-component-bottom-to-text-100);
- --spectrum-table-row-bottom-to-text-large-compact:var(--spectrum-component-bottom-to-text-200);
- --spectrum-table-row-bottom-to-text-extra-large-compact:var(--spectrum-component-bottom-to-text-300);
- --spectrum-table-edge-to-content:16px;
- --spectrum-table-border-divider-width:1px;
- --spectrum-tab-item-height-small:var(--spectrum-component-height-200);
- --spectrum-tab-item-height-medium:var(--spectrum-component-height-300);
- --spectrum-tab-item-height-large:var(--spectrum-component-height-400);
- --spectrum-tab-item-height-extra-large:var(--spectrum-component-height-500);
- --spectrum-tab-item-compact-height-small:var(--spectrum-component-height-75);
- --spectrum-tab-item-compact-height-medium:var(--spectrum-component-height-100);
- --spectrum-tab-item-compact-height-large:var(--spectrum-component-height-200);
- --spectrum-tab-item-compact-height-extra-large:var(--spectrum-component-height-300);
- --spectrum-tab-item-start-to-edge-quiet:0px;
- --spectrum-in-field-button-width-stacked-small:20px;
- --spectrum-in-field-button-width-stacked-medium:28px;
- --spectrum-in-field-button-width-stacked-large:36px;
- --spectrum-in-field-button-width-stacked-extra-large:44px;
- --spectrum-in-field-button-edge-to-disclosure-icon-stacked-small:7px;
- --spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium:9px;
- --spectrum-in-field-button-edge-to-disclosure-icon-stacked-large:13px;
- --spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large:16px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small:3px;
- --spectrum-android-elevation:2dp;
- --spectrum-spacing-50:2px;
- --spectrum-spacing-75:4px;
- --spectrum-spacing-100:8px;
- --spectrum-spacing-200:12px;
- --spectrum-spacing-300:16px;
- --spectrum-spacing-400:24px;
- --spectrum-spacing-500:32px;
- --spectrum-spacing-600:40px;
- --spectrum-spacing-700:48px;
- --spectrum-spacing-800:64px;
- --spectrum-spacing-900:80px;
- --spectrum-spacing-1000:96px;
- --spectrum-focus-indicator-thickness:2px;
- --spectrum-focus-indicator-gap:2px;
- --spectrum-border-width-200:2px;
- --spectrum-border-width-400:4px;
- --spectrum-field-edge-to-text-quiet:0px;
- --spectrum-field-edge-to-visual-quiet:0px;
- --spectrum-field-edge-to-border-quiet:0px;
- --spectrum-field-edge-to-alert-icon-quiet:0px;
- --spectrum-field-edge-to-validation-icon-quiet:0px;
- --spectrum-text-underline-thickness:1px;
- --spectrum-text-underline-gap:1px;
- --spectrum-informative-color-100:var(--spectrum-blue-100);
- --spectrum-informative-color-200:var(--spectrum-blue-200);
- --spectrum-informative-color-300:var(--spectrum-blue-300);
- --spectrum-informative-color-400:var(--spectrum-blue-400);
- --spectrum-informative-color-500:var(--spectrum-blue-500);
- --spectrum-informative-color-600:var(--spectrum-blue-600);
- --spectrum-informative-color-700:var(--spectrum-blue-700);
- --spectrum-informative-color-800:var(--spectrum-blue-800);
- --spectrum-informative-color-900:var(--spectrum-blue-900);
- --spectrum-informative-color-1000:var(--spectrum-blue-1000);
- --spectrum-informative-color-1100:var(--spectrum-blue-1100);
- --spectrum-informative-color-1200:var(--spectrum-blue-1200);
- --spectrum-informative-color-1300:var(--spectrum-blue-1300);
- --spectrum-informative-color-1400:var(--spectrum-blue-1400);
- --spectrum-negative-color-100:var(--spectrum-red-100);
- --spectrum-negative-color-200:var(--spectrum-red-200);
- --spectrum-negative-color-300:var(--spectrum-red-300);
- --spectrum-negative-color-400:var(--spectrum-red-400);
- --spectrum-negative-color-500:var(--spectrum-red-500);
- --spectrum-negative-color-600:var(--spectrum-red-600);
- --spectrum-negative-color-700:var(--spectrum-red-700);
- --spectrum-negative-color-800:var(--spectrum-red-800);
- --spectrum-negative-color-900:var(--spectrum-red-900);
- --spectrum-negative-color-1000:var(--spectrum-red-1000);
- --spectrum-negative-color-1100:var(--spectrum-red-1100);
- --spectrum-negative-color-1200:var(--spectrum-red-1200);
- --spectrum-negative-color-1300:var(--spectrum-red-1300);
- --spectrum-negative-color-1400:var(--spectrum-red-1400);
- --spectrum-notice-color-100:var(--spectrum-orange-100);
- --spectrum-notice-color-200:var(--spectrum-orange-200);
- --spectrum-notice-color-300:var(--spectrum-orange-300);
- --spectrum-notice-color-400:var(--spectrum-orange-400);
- --spectrum-notice-color-500:var(--spectrum-orange-500);
- --spectrum-notice-color-600:var(--spectrum-orange-600);
- --spectrum-notice-color-700:var(--spectrum-orange-700);
- --spectrum-notice-color-800:var(--spectrum-orange-800);
- --spectrum-notice-color-900:var(--spectrum-orange-900);
- --spectrum-notice-color-1000:var(--spectrum-orange-1000);
- --spectrum-notice-color-1100:var(--spectrum-orange-1100);
- --spectrum-notice-color-1200:var(--spectrum-orange-1200);
- --spectrum-notice-color-1300:var(--spectrum-orange-1300);
- --spectrum-notice-color-1400:var(--spectrum-orange-1400);
- --spectrum-positive-color-100:var(--spectrum-green-100);
- --spectrum-positive-color-200:var(--spectrum-green-200);
- --spectrum-positive-color-300:var(--spectrum-green-300);
- --spectrum-positive-color-400:var(--spectrum-green-400);
- --spectrum-positive-color-500:var(--spectrum-green-500);
- --spectrum-positive-color-600:var(--spectrum-green-600);
- --spectrum-positive-color-700:var(--spectrum-green-700);
- --spectrum-positive-color-800:var(--spectrum-green-800);
- --spectrum-positive-color-900:var(--spectrum-green-900);
- --spectrum-positive-color-1000:var(--spectrum-green-1000);
- --spectrum-positive-color-1100:var(--spectrum-green-1100);
- --spectrum-positive-color-1200:var(--spectrum-green-1200);
- --spectrum-positive-color-1300:var(--spectrum-green-1300);
- --spectrum-positive-color-1400:var(--spectrum-green-1400);
- --spectrum-default-font-family:var(--spectrum-sans-serif-font-family);
- --spectrum-sans-serif-font-family:Adobe Clean;
- --spectrum-serif-font-family:Adobe Clean Serif;
- --spectrum-cjk-font-family:Adobe Clean Han;
- --spectrum-light-font-weight:300;
- --spectrum-regular-font-weight:400;
- --spectrum-medium-font-weight:500;
- --spectrum-bold-font-weight:700;
- --spectrum-extra-bold-font-weight:800;
- --spectrum-black-font-weight:900;
- --spectrum-italic-font-style:italic;
- --spectrum-default-font-style:normal;
- --spectrum-line-height-100:1.3;
- --spectrum-line-height-200:1.5;
- --spectrum-cjk-line-height-100:1.5;
- --spectrum-cjk-line-height-200:1.7;
- --spectrum-cjk-letter-spacing:0.05em;
- --spectrum-heading-sans-serif-font-family:var(--spectrum-sans-serif-font-family);
- --spectrum-heading-serif-font-family:var(--spectrum-serif-font-family);
- --spectrum-heading-cjk-font-family:var(--spectrum-cjk-font-family);
- --spectrum-heading-sans-serif-light-font-weight:var(--spectrum-light-font-weight);
- --spectrum-heading-sans-serif-light-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-serif-light-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-heading-serif-light-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-cjk-light-font-weight:var(--spectrum-light-font-weight);
- --spectrum-heading-cjk-light-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-sans-serif-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-serif-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-cjk-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-sans-serif-heavy-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-sans-serif-heavy-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-serif-heavy-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-serif-heavy-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-cjk-heavy-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-cjk-heavy-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-sans-serif-light-strong-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-heading-sans-serif-light-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-serif-light-strong-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-heading-serif-light-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-cjk-light-strong-font-weight:var(--spectrum-extra-bold-font-weight);
- --spectrum-heading-cjk-light-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-sans-serif-strong-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-sans-serif-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-serif-strong-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-serif-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-cjk-strong-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-cjk-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-sans-serif-heavy-strong-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-sans-serif-heavy-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-serif-heavy-strong-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-serif-heavy-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-cjk-heavy-strong-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-cjk-heavy-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-sans-serif-light-emphasized-font-weight:var(--spectrum-light-font-weight);
- --spectrum-heading-sans-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-heading-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-cjk-light-emphasized-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-heading-cjk-light-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-serif-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-cjk-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-cjk-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-sans-serif-heavy-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-sans-serif-heavy-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-serif-heavy-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-serif-heavy-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-cjk-heavy-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-cjk-heavy-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-sans-serif-light-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-heading-sans-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-serif-light-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-heading-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-cjk-light-strong-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);
- --spectrum-heading-cjk-light-strong-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-sans-serif-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-serif-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-sans-serif-heavy-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-serif-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-serif-heavy-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-heading-cjk-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-heading-cjk-heavy-strong-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-heading-size-xxxl:var(--spectrum-font-size-1300);
- --spectrum-heading-size-xxl:var(--spectrum-font-size-1100);
- --spectrum-heading-size-xl:var(--spectrum-font-size-900);
- --spectrum-heading-size-l:var(--spectrum-font-size-700);
- --spectrum-heading-size-m:var(--spectrum-font-size-500);
- --spectrum-heading-size-s:var(--spectrum-font-size-300);
- --spectrum-heading-size-xs:var(--spectrum-font-size-200);
- --spectrum-heading-size-xxs:var(--spectrum-font-size-100);
- --spectrum-heading-cjk-size-xxxl:var(--spectrum-font-size-1300);
- --spectrum-heading-cjk-size-xxl:var(--spectrum-font-size-900);
- --spectrum-heading-cjk-size-xl:var(--spectrum-font-size-800);
- --spectrum-heading-cjk-size-l:var(--spectrum-font-size-600);
- --spectrum-heading-cjk-size-m:var(--spectrum-font-size-400);
- --spectrum-heading-cjk-size-s:var(--spectrum-font-size-300);
- --spectrum-heading-cjk-size-xs:var(--spectrum-font-size-200);
- --spectrum-heading-cjk-size-xxs:var(--spectrum-font-size-100);
- --spectrum-heading-line-height:var(--spectrum-line-height-100);
- --spectrum-heading-cjk-line-height:var(--spectrum-cjk-line-height-100);
- --spectrum-heading-margin-top-multiplier:0.88888889;
- --spectrum-heading-margin-bottom-multiplier:0.25;
- --spectrum-heading-color:var(--spectrum-gray-900);
- --spectrum-body-sans-serif-font-family:var(--spectrum-sans-serif-font-family);
- --spectrum-body-serif-font-family:var(--spectrum-serif-font-family);
- --spectrum-body-cjk-font-family:var(--spectrum-cjk-font-family);
- --spectrum-body-sans-serif-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-body-sans-serif-font-style:var(--spectrum-default-font-style);
- --spectrum-body-serif-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-body-serif-font-style:var(--spectrum-default-font-style);
- --spectrum-body-cjk-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-body-cjk-font-style:var(--spectrum-default-font-style);
- --spectrum-body-sans-serif-strong-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-body-sans-serif-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-body-serif-strong-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-body-serif-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-body-cjk-strong-font-weight:var(--spectrum-black-font-weight);
- --spectrum-body-cjk-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-body-sans-serif-emphasized-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-body-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-body-serif-emphasized-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-body-serif-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-body-cjk-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);
- --spectrum-body-cjk-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-body-sans-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-body-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-body-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-body-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-body-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-body-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-body-size-xxxl:var(--spectrum-font-size-600);
- --spectrum-body-size-xxl:var(--spectrum-font-size-500);
- --spectrum-body-size-xl:var(--spectrum-font-size-400);
- --spectrum-body-size-l:var(--spectrum-font-size-300);
- --spectrum-body-size-m:var(--spectrum-font-size-200);
- --spectrum-body-size-s:var(--spectrum-font-size-100);
- --spectrum-body-size-xs:var(--spectrum-font-size-75);
- --spectrum-body-line-height:var(--spectrum-line-height-200);
- --spectrum-body-cjk-line-height:var(--spectrum-cjk-line-height-200);
- --spectrum-body-margin-multiplier:0.75;
- --spectrum-body-color:var(--spectrum-gray-800);
- --spectrum-detail-sans-serif-font-family:var(--spectrum-sans-serif-font-family);
- --spectrum-detail-serif-font-family:var(--spectrum-serif-font-family);
- --spectrum-detail-cjk-font-family:var(--spectrum-cjk-font-family);
- --spectrum-detail-sans-serif-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-detail-sans-serif-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-serif-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-detail-serif-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-cjk-font-weight:var(--spectrum-extra-bold-font-weight);
- --spectrum-detail-cjk-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-sans-serif-light-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-detail-sans-serif-light-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-serif-light-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-detail-serif-light-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-cjk-light-font-weight:var(--spectrum-light-font-weight);
- --spectrum-detail-cjk-light-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-sans-serif-strong-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-detail-sans-serif-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-serif-strong-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-detail-serif-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-cjk-strong-font-weight:var(--spectrum-black-font-weight);
- --spectrum-detail-cjk-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-sans-serif-light-strong-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-detail-sans-serif-light-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-serif-light-strong-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-detail-serif-light-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-cjk-light-strong-font-weight:var(--spectrum-extra-bold-font-weight);
- --spectrum-detail-cjk-light-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-sans-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-detail-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-detail-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-detail-serif-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-detail-cjk-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-detail-cjk-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-sans-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-detail-sans-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-detail-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-detail-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-detail-cjk-light-emphasized-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-detail-cjk-light-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-sans-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-detail-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-detail-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-detail-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-detail-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-detail-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-sans-serif-light-strong-emphasized-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-detail-sans-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-detail-serif-light-strong-emphasized-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-detail-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-detail-cjk-light-strong-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);
- --spectrum-detail-cjk-light-strong-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-detail-size-xl:var(--spectrum-font-size-200);
- --spectrum-detail-size-l:var(--spectrum-font-size-100);
- --spectrum-detail-size-m:var(--spectrum-font-size-75);
- --spectrum-detail-size-s:var(--spectrum-font-size-50);
- --spectrum-detail-line-height:var(--spectrum-line-height-100);
- --spectrum-detail-cjk-line-height:var(--spectrum-cjk-line-height-100);
- --spectrum-detail-margin-top-multiplier:0.88888889;
- --spectrum-detail-margin-bottom-multiplier:0.25;
- --spectrum-detail-letter-spacing:0.06em;
- --spectrum-detail-sans-serif-text-transform:uppercase;
- --spectrum-detail-serif-text-transform:uppercase;
- --spectrum-detail-color:var(--spectrum-gray-900);
- --spectrum-code-font-family:Source Code Pro;
- --spectrum-code-cjk-font-family:var(--spectrum-code-font-family);
- --spectrum-code-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-code-font-style:var(--spectrum-default-font-style);
- --spectrum-code-cjk-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-code-cjk-font-style:var(--spectrum-default-font-style);
- --spectrum-code-strong-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-code-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-code-cjk-strong-font-weight:var(--spectrum-black-font-weight);
- --spectrum-code-cjk-strong-font-style:var(--spectrum-default-font-style);
- --spectrum-code-emphasized-font-weight:var(--spectrum-regular-font-weight);
- --spectrum-code-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-code-cjk-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-code-cjk-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-code-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-code-strong-emphasized-font-style:var(--spectrum-italic-font-style);
- --spectrum-code-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
- --spectrum-code-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);
- --spectrum-code-size-xl:var(--spectrum-font-size-400);
- --spectrum-code-size-l:var(--spectrum-font-size-300);
- --spectrum-code-size-m:var(--spectrum-font-size-200);
- --spectrum-code-size-s:var(--spectrum-font-size-100);
- --spectrum-code-size-xs:var(--spectrum-font-size-75);
- --spectrum-code-line-height:var(--spectrum-line-height-200);
- --spectrum-code-cjk-line-height:var(--spectrum-cjk-line-height-200);
- --spectrum-code-color:var(--spectrum-gray-800);
-}
diff --git a/tokens/dist/css/large-vars.css b/tokens/dist/css/large-vars.css
deleted file mode 100644
index 232dcfb2877..00000000000
--- a/tokens/dist/css/large-vars.css
+++ /dev/null
@@ -1,504 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--large{
- --spectrum-workflow-icon-size-50:18px;
- --spectrum-workflow-icon-size-75:20px;
- --spectrum-workflow-icon-size-100:22px;
- --spectrum-workflow-icon-size-200:24px;
- --spectrum-workflow-icon-size-300:28px;
- --spectrum-arrow-icon-size-75:12px;
- --spectrum-arrow-icon-size-100:14px;
- --spectrum-arrow-icon-size-200:16px;
- --spectrum-arrow-icon-size-300:16px;
- --spectrum-arrow-icon-size-400:18px;
- --spectrum-arrow-icon-size-500:22px;
- --spectrum-arrow-icon-size-600:24px;
- --spectrum-asterisk-icon-size-100:10px;
- --spectrum-asterisk-icon-size-200:12px;
- --spectrum-asterisk-icon-size-300:12px;
- --spectrum-checkmark-icon-size-50:12px;
- --spectrum-checkmark-icon-size-75:12px;
- --spectrum-checkmark-icon-size-100:14px;
- --spectrum-checkmark-icon-size-200:14px;
- --spectrum-checkmark-icon-size-300:16px;
- --spectrum-checkmark-icon-size-400:18px;
- --spectrum-checkmark-icon-size-500:20px;
- --spectrum-checkmark-icon-size-600:24px;
- --spectrum-chevron-icon-size-50:8px;
- --spectrum-chevron-icon-size-75:12px;
- --spectrum-chevron-icon-size-100:14px;
- --spectrum-chevron-icon-size-200:14px;
- --spectrum-chevron-icon-size-300:16px;
- --spectrum-chevron-icon-size-400:18px;
- --spectrum-chevron-icon-size-500:20px;
- --spectrum-chevron-icon-size-600:24px;
- --spectrum-corner-triangle-icon-size-75:6px;
- --spectrum-corner-triangle-icon-size-100:7px;
- --spectrum-corner-triangle-icon-size-200:8px;
- --spectrum-corner-triangle-icon-size-300:8px;
- --spectrum-cross-icon-size-75:10px;
- --spectrum-cross-icon-size-100:10px;
- --spectrum-cross-icon-size-200:12px;
- --spectrum-cross-icon-size-300:14px;
- --spectrum-cross-icon-size-400:16px;
- --spectrum-cross-icon-size-500:16px;
- --spectrum-cross-icon-size-600:18px;
- --spectrum-dash-icon-size-50:10px;
- --spectrum-dash-icon-size-75:10px;
- --spectrum-dash-icon-size-100:12px;
- --spectrum-dash-icon-size-200:14px;
- --spectrum-dash-icon-size-300:16px;
- --spectrum-dash-icon-size-400:18px;
- --spectrum-dash-icon-size-500:20px;
- --spectrum-dash-icon-size-600:22px;
- --spectrum-field-label-text-to-asterisk-small:5px;
- --spectrum-field-label-text-to-asterisk-medium:5px;
- --spectrum-field-label-text-to-asterisk-large:6px;
- --spectrum-field-label-text-to-asterisk-extra-large:6px;
- --spectrum-field-label-top-to-asterisk-small:11px;
- --spectrum-field-label-top-to-asterisk-medium:15px;
- --spectrum-field-label-top-to-asterisk-large:19px;
- --spectrum-field-label-top-to-asterisk-extra-large:24px;
- --spectrum-field-label-top-margin-medium:5px;
- --spectrum-field-label-top-margin-large:6px;
- --spectrum-field-label-top-margin-extra-large:6px;
- --spectrum-field-label-to-component-quiet-small:-10px;
- --spectrum-field-label-to-component-quiet-medium:-10px;
- --spectrum-field-label-to-component-quiet-large:-15px;
- --spectrum-field-label-to-component-quiet-extra-large:-19px;
- --spectrum-help-text-top-to-workflow-icon-small:5px;
- --spectrum-help-text-top-to-workflow-icon-medium:4px;
- --spectrum-help-text-top-to-workflow-icon-large:8px;
- --spectrum-help-text-top-to-workflow-icon-extra-large:11px;
- --spectrum-status-light-dot-size-medium:10px;
- --spectrum-status-light-dot-size-large:12px;
- --spectrum-status-light-dot-size-extra-large:12px;
- --spectrum-status-light-top-to-dot-small:11px;
- --spectrum-status-light-top-to-dot-medium:15px;
- --spectrum-status-light-top-to-dot-large:19px;
- --spectrum-status-light-top-to-dot-extra-large:24px;
- --spectrum-action-button-edge-to-hold-icon-medium:5px;
- --spectrum-action-button-edge-to-hold-icon-large:6px;
- --spectrum-action-button-edge-to-hold-icon-extra-large:7px;
- --spectrum-tooltip-tip-width:10px;
- --spectrum-tooltip-tip-height:5px;
- --spectrum-tooltip-maximum-width:200px;
- --spectrum-progress-circle-size-small:20px;
- --spectrum-progress-circle-size-medium:40px;
- --spectrum-progress-circle-size-large:80px;
- --spectrum-progress-circle-thickness-small:3px;
- --spectrum-progress-circle-thickness-medium:4px;
- --spectrum-progress-circle-thickness-large:5px;
- --spectrum-toast-height:56px;
- --spectrum-toast-maximum-width:420px;
- --spectrum-toast-top-to-workflow-icon:17px;
- --spectrum-toast-top-to-text:16px;
- --spectrum-toast-bottom-to-text:19px;
- --spectrum-action-bar-height:56px;
- --spectrum-action-bar-top-to-item-counter:16px;
- --spectrum-swatch-size-extra-small:20px;
- --spectrum-swatch-size-small:30px;
- --spectrum-swatch-size-medium:40px;
- --spectrum-swatch-size-large:50px;
- --spectrum-progress-bar-thickness-small:5px;
- --spectrum-progress-bar-thickness-medium:8px;
- --spectrum-progress-bar-thickness-large:10px;
- --spectrum-progress-bar-thickness-extra-large:13px;
- --spectrum-meter-width:240px;
- --spectrum-meter-thickness-small:5px;
- --spectrum-meter-thickness-large:8px;
- --spectrum-tag-top-to-avatar-small:5px;
- --spectrum-tag-top-to-avatar-medium:7px;
- --spectrum-tag-top-to-avatar-large:11px;
- --spectrum-tag-top-to-cross-icon-small:10px;
- --spectrum-tag-top-to-cross-icon-medium:15px;
- --spectrum-tag-top-to-cross-icon-large:19px;
- --spectrum-popover-top-to-content-area:5px;
- --spectrum-menu-item-edge-to-content-not-selected-small:24px;
- --spectrum-menu-item-edge-to-content-not-selected-medium:42px;
- --spectrum-menu-item-edge-to-content-not-selected-large:47px;
- --spectrum-menu-item-edge-to-content-not-selected-extra-large:54px;
- --spectrum-menu-item-top-to-disclosure-icon-small:9px;
- --spectrum-menu-item-top-to-disclosure-icon-medium:13px;
- --spectrum-menu-item-top-to-disclosure-icon-large:17px;
- --spectrum-menu-item-top-to-disclosure-icon-extra-large:22px;
- --spectrum-menu-item-top-to-selected-icon-small:9px;
- --spectrum-menu-item-top-to-selected-icon-medium:13px;
- --spectrum-menu-item-top-to-selected-icon-large:17px;
- --spectrum-menu-item-top-to-selected-icon-extra-large:22px;
- --spectrum-slider-control-to-field-label-small:6px;
- --spectrum-slider-control-to-field-label-medium:10px;
- --spectrum-slider-control-to-field-label-large:14px;
- --spectrum-slider-control-to-field-label-extra-large:17px;
- --spectrum-picker-visual-to-disclosure-icon-small:9px;
- --spectrum-picker-visual-to-disclosure-icon-medium:10px;
- --spectrum-picker-visual-to-disclosure-icon-large:11px;
- --spectrum-picker-visual-to-disclosure-icon-extra-large:13px;
- --spectrum-text-area-minimum-width:140px;
- --spectrum-text-area-minimum-height:70px;
- --spectrum-combo-box-visual-to-field-button-small:9px;
- --spectrum-combo-box-visual-to-field-button-medium:10px;
- --spectrum-combo-box-visual-to-field-button-large:11px;
- --spectrum-combo-box-visual-to-field-button-extra-large:13px;
- --spectrum-thumbnail-size-50:20px;
- --spectrum-thumbnail-size-75:22px;
- --spectrum-thumbnail-size-100:26px;
- --spectrum-thumbnail-size-200:28px;
- --spectrum-thumbnail-size-300:32px;
- --spectrum-thumbnail-size-400:36px;
- --spectrum-thumbnail-size-500:40px;
- --spectrum-thumbnail-size-600:46px;
- --spectrum-thumbnail-size-700:50px;
- --spectrum-thumbnail-size-800:55px;
- --spectrum-thumbnail-size-900:62px;
- --spectrum-thumbnail-size-1000:70px;
- --spectrum-alert-dialog-title-size:var(--spectrum-heading-size-xs);
- --spectrum-alert-dialog-description-size:var(--spectrum-body-size-xs);
- --spectrum-opacity-checkerboard-square-size:10px;
- --spectrum-contextual-help-title-size:var(--spectrum-heading-size-xxs);
- --spectrum-contextual-help-body-size:var(--spectrum-body-size-xs);
- --spectrum-breadcrumbs-height-multiline:84px;
- --spectrum-breadcrumbs-top-to-text:17px;
- --spectrum-breadcrumbs-top-to-text-compact:16px;
- --spectrum-breadcrumbs-top-to-text-multiline:15px;
- --spectrum-breadcrumbs-bottom-to-text:19px;
- --spectrum-breadcrumbs-bottom-to-text-compact:19px;
- --spectrum-breadcrumbs-bottom-to-text-multiline:10px;
- --spectrum-breadcrumbs-start-edge-to-text:9px;
- --spectrum-breadcrumbs-top-text-to-bottom-text:11px;
- --spectrum-breadcrumbs-top-to-separator-icon:25px;
- --spectrum-breadcrumbs-top-to-separator-icon-compact:23px;
- --spectrum-breadcrumbs-top-to-separator-icon-multiline:20px;
- --spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline:15px;
- --spectrum-breadcrumbs-top-to-truncated-menu:10px;
- --spectrum-breadcrumbs-top-to-truncated-menu-compact:5px;
- --spectrum-avatar-size-50:20px;
- --spectrum-avatar-size-75:22px;
- --spectrum-avatar-size-100:26px;
- --spectrum-avatar-size-200:28px;
- --spectrum-avatar-size-300:32px;
- --spectrum-avatar-size-400:36px;
- --spectrum-avatar-size-500:40px;
- --spectrum-avatar-size-600:46px;
- --spectrum-avatar-size-700:50px;
- --spectrum-alert-banner-minimum-height:64px;
- --spectrum-alert-banner-width:680px;
- --spectrum-alert-banner-top-to-workflow-icon:21px;
- --spectrum-alert-banner-top-to-text:21px;
- --spectrum-alert-banner-bottom-to-text:22px;
- --spectrum-rating-indicator-width:22px;
- --spectrum-rating-indicator-to-icon:5px;
- --spectrum-color-area-width:240px;
- --spectrum-color-area-minimum-width:80px;
- --spectrum-color-area-height:240px;
- --spectrum-color-area-minimum-height:80px;
- --spectrum-color-wheel-width:240px;
- --spectrum-color-wheel-minimum-width:219px;
- --spectrum-color-slider-length:240px;
- --spectrum-color-slider-minimum-length:100px;
- --spectrum-illustrated-message-title-size:var(--spectrum-heading-size-s);
- --spectrum-illustrated-message-cjk-title-size:var(--spectrum-heading-cjk-size-s);
- --spectrum-illustrated-message-body-size:var(--spectrum-body-size-xs);
- --spectrum-coach-mark-width:216px;
- --spectrum-coach-mark-minimum-width:216px;
- --spectrum-coach-mark-maximum-width:248px;
- --spectrum-coach-mark-edge-to-content:var(--spectrum-spacing-300);
- --spectrum-coach-mark-pagination-text-to-bottom-edge:22px;
- --spectrum-coach-mark-media-height:162px;
- --spectrum-coach-mark-media-minimum-height:121px;
- --spectrum-coach-mark-title-size:var(--spectrum-heading-size-xxs);
- --spectrum-coach-mark-body-size:var(--spectrum-body-size-xs);
- --spectrum-coach-mark-pagination-body-size:var(--spectrum-body-size-xs);
- --spectrum-accordion-top-to-text-regular-small:7px;
- --spectrum-accordion-small-top-to-text-spacious:12px;
- --spectrum-accordion-top-to-text-regular-medium:9px;
- --spectrum-accordion-top-to-text-spacious-medium:14px;
- --spectrum-accordion-top-to-text-compact-large:7px;
- --spectrum-accordion-top-to-text-regular-large:12px;
- --spectrum-accordion-top-to-text-spacious-large:14px;
- --spectrum-accordion-top-to-text-compact-extra-large:7px;
- --spectrum-accordion-top-to-text-regular-extra-large:12px;
- --spectrum-accordion-top-to-text-spacious-extra-large:14px;
- --spectrum-accordion-bottom-to-text-compact-small:4px;
- --spectrum-accordion-bottom-to-text-regular-small:9px;
- --spectrum-accordion-bottom-to-text-spacious-small:14px;
- --spectrum-accordion-bottom-to-text-compact-medium:8px;
- --spectrum-accordion-bottom-to-text-regular-medium:13px;
- --spectrum-accordion-bottom-to-text-spacious-medium:18px;
- --spectrum-accordion-bottom-to-text-compact-large:9px;
- --spectrum-accordion-bottom-to-text-regular-large:14px;
- --spectrum-accordion-bottom-to-text-spacious-large:19px;
- --spectrum-accordion-bottom-to-text-compact-extra-large:10px;
- --spectrum-accordion-bottom-to-text-regular-extra-large:15px;
- --spectrum-accordion-bottom-to-text-spacious-extra-large:21px;
- --spectrum-accordion-minimum-width:250px;
- --spectrum-accordion-content-area-top-to-content:10px;
- --spectrum-accordion-content-area-bottom-to-content:20px;
- --spectrum-color-handle-size:20px;
- --spectrum-color-handle-size-key-focus:40px;
- --spectrum-table-column-header-row-top-to-text-small:10px;
- --spectrum-table-column-header-row-top-to-text-medium:9px;
- --spectrum-table-column-header-row-top-to-text-large:13px;
- --spectrum-table-column-header-row-top-to-text-extra-large:16px;
- --spectrum-table-column-header-row-bottom-to-text-small:11px;
- --spectrum-table-column-header-row-bottom-to-text-medium:10px;
- --spectrum-table-column-header-row-bottom-to-text-large:13px;
- --spectrum-table-column-header-row-bottom-to-text-extra-large:17px;
- --spectrum-table-row-height-small-regular:40px;
- --spectrum-table-row-height-medium-regular:50px;
- --spectrum-table-row-height-large-regular:60px;
- --spectrum-table-row-height-extra-large-regular:70px;
- --spectrum-table-row-height-small-spacious:50px;
- --spectrum-table-row-height-medium-spacious:60px;
- --spectrum-table-row-height-large-spacious:70px;
- --spectrum-table-row-height-extra-large-spacious:80px;
- --spectrum-table-row-top-to-text-small-regular:10px;
- --spectrum-table-row-top-to-text-medium-regular:14px;
- --spectrum-table-row-top-to-text-large-regular:18px;
- --spectrum-table-row-top-to-text-extra-large-regular:21px;
- --spectrum-table-row-bottom-to-text-small-regular:11px;
- --spectrum-table-row-bottom-to-text-medium-regular:15px;
- --spectrum-table-row-bottom-to-text-large-regular:18px;
- --spectrum-table-row-bottom-to-text-extra-large-regular:22px;
- --spectrum-table-row-top-to-text-small-spacious:15px;
- --spectrum-table-row-top-to-text-medium-spacious:18px;
- --spectrum-table-row-top-to-text-large-spacious:23px;
- --spectrum-table-row-top-to-text-extra-large-spacious:26px;
- --spectrum-table-row-bottom-to-text-small-spacious:16px;
- --spectrum-table-row-bottom-to-text-medium-spacious:18px;
- --spectrum-table-row-bottom-to-text-large-spacious:23px;
- --spectrum-table-row-bottom-to-text-extra-large-spacious:27px;
- --spectrum-table-checkbox-to-text:30px;
- --spectrum-table-header-row-checkbox-to-top-small:14px;
- --spectrum-table-header-row-checkbox-to-top-medium:13px;
- --spectrum-table-header-row-checkbox-to-top-large:17px;
- --spectrum-table-header-row-checkbox-to-top-extra-large:21px;
- --spectrum-table-row-checkbox-to-top-small-compact:9px;
- --spectrum-table-row-checkbox-to-top-small-regular:14px;
- --spectrum-table-row-checkbox-to-top-small-spacious:19px;
- --spectrum-table-row-checkbox-to-top-medium-compact:13px;
- --spectrum-table-row-checkbox-to-top-medium-regular:18px;
- --spectrum-table-row-checkbox-to-top-medium-spacious:23px;
- --spectrum-table-row-checkbox-to-top-large-compact:17px;
- --spectrum-table-row-checkbox-to-top-large-regular:22px;
- --spectrum-table-row-checkbox-to-top-large-spacious:27px;
- --spectrum-table-row-checkbox-to-top-extra-large-compact:21px;
- --spectrum-table-row-checkbox-to-top-extra-large-regular:26px;
- --spectrum-table-row-checkbox-to-top-extra-large-spacious:31px;
- --spectrum-table-section-header-row-height-small:30px;
- --spectrum-table-section-header-row-height-medium:40px;
- --spectrum-table-section-header-row-height-large:50px;
- --spectrum-table-section-header-row-height-extra-large:60px;
- --spectrum-table-thumbnail-to-top-minimum-small-compact:5px;
- --spectrum-table-thumbnail-to-top-minimum-medium-compact:6px;
- --spectrum-table-thumbnail-to-top-minimum-large-compact:9px;
- --spectrum-table-thumbnail-to-top-minimum-extra-large-compact:10px;
- --spectrum-table-thumbnail-to-top-minimum-small-regular:6px;
- --spectrum-table-thumbnail-to-top-minimum-medium-regular:9px;
- --spectrum-table-thumbnail-to-top-minimum-large-regular:10px;
- --spectrum-table-thumbnail-to-top-minimum-extra-large-regular:10px;
- --spectrum-table-thumbnail-to-top-minimum-small-spacious:9px;
- --spectrum-table-thumbnail-to-top-minimum-medium-spacious:10px;
- --spectrum-table-thumbnail-to-top-minimum-large-spacious:10px;
- --spectrum-table-thumbnail-to-top-minimum-extra-large-spacious:12px;
- --spectrum-tab-item-to-tab-item-horizontal-small:27px;
- --spectrum-tab-item-to-tab-item-horizontal-medium:30px;
- --spectrum-tab-item-to-tab-item-horizontal-large:33px;
- --spectrum-tab-item-to-tab-item-horizontal-extra-large:36px;
- --spectrum-tab-item-to-tab-item-vertical-small:5px;
- --spectrum-tab-item-to-tab-item-vertical-medium:5px;
- --spectrum-tab-item-to-tab-item-vertical-large:6px;
- --spectrum-tab-item-to-tab-item-vertical-extra-large:6px;
- --spectrum-tab-item-start-to-edge-small:13px;
- --spectrum-tab-item-start-to-edge-medium:15px;
- --spectrum-tab-item-start-to-edge-large:17px;
- --spectrum-tab-item-start-to-edge-extra-large:19px;
- --spectrum-tab-item-top-to-text-small:14px;
- --spectrum-tab-item-bottom-to-text-small:15px;
- --spectrum-tab-item-top-to-text-medium:18px;
- --spectrum-tab-item-bottom-to-text-medium:19px;
- --spectrum-tab-item-top-to-text-large:22px;
- --spectrum-tab-item-bottom-to-text-large:22px;
- --spectrum-tab-item-top-to-text-extra-large:25px;
- --spectrum-tab-item-bottom-to-text-extra-large:25px;
- --spectrum-tab-item-top-to-text-compact-small:5px;
- --spectrum-tab-item-bottom-to-text-compact-small:6px;
- --spectrum-tab-item-top-to-text-compact-medium:9px;
- --spectrum-tab-item-bottom-to-text-compact-medium:10px;
- --spectrum-tab-item-top-to-text-compact-large:12px;
- --spectrum-tab-item-bottom-to-text-compact-large:14px;
- --spectrum-tab-item-top-to-text-compact-extra-large:15px;
- --spectrum-tab-item-bottom-to-text-compact-extra-large:17px;
- --spectrum-tab-item-top-to-workflow-icon-small:15px;
- --spectrum-tab-item-top-to-workflow-icon-medium:19px;
- --spectrum-tab-item-top-to-workflow-icon-large:23px;
- --spectrum-tab-item-top-to-workflow-icon-extra-large:26px;
- --spectrum-tab-item-top-to-workflow-icon-compact-small:5px;
- --spectrum-tab-item-top-to-workflow-icon-compact-medium:9px;
- --spectrum-tab-item-top-to-workflow-icon-compact-large:13px;
- --spectrum-tab-item-top-to-workflow-icon-compact-extra-large:16px;
- --spectrum-tab-item-focus-indicator-gap-small:9px;
- --spectrum-tab-item-focus-indicator-gap-medium:10px;
- --spectrum-tab-item-focus-indicator-gap-large:11px;
- --spectrum-tab-item-focus-indicator-gap-extra-large:12px;
- --spectrum-side-navigation-width:240px;
- --spectrum-side-navigation-minimum-width:200px;
- --spectrum-side-navigation-maximum-width:300px;
- --spectrum-side-navigation-second-level-edge-to-text:30px;
- --spectrum-side-navigation-third-level-edge-to-text:45px;
- --spectrum-side-navigation-with-icon-second-level-edge-to-text:62px;
- --spectrum-side-navigation-with-icon-third-level-edge-to-text:77px;
- --spectrum-side-navigation-item-to-item:5px;
- --spectrum-side-navigation-item-to-header:30px;
- --spectrum-side-navigation-header-to-item:10px;
- --spectrum-side-navigation-bottom-to-text:10px;
- --spectrum-tray-top-to-content-area:5px;
- --spectrum-accordion-top-to-text-spacious-small:12px;
- --spectrum-text-to-visual-50:8px;
- --spectrum-text-to-visual-75:9px;
- --spectrum-text-to-visual-100:10px;
- --spectrum-text-to-visual-200:11px;
- --spectrum-text-to-visual-300:13px;
- --spectrum-text-to-control-75:11px;
- --spectrum-text-to-control-100:13px;
- --spectrum-text-to-control-200:14px;
- --spectrum-text-to-control-300:16px;
- --spectrum-component-height-50:26px;
- --spectrum-component-height-75:30px;
- --spectrum-component-height-100:40px;
- --spectrum-component-height-200:50px;
- --spectrum-component-height-300:60px;
- --spectrum-component-height-400:70px;
- --spectrum-component-height-500:80px;
- --spectrum-component-pill-edge-to-visual-75:13px;
- --spectrum-component-pill-edge-to-visual-100:17px;
- --spectrum-component-pill-edge-to-visual-200:22px;
- --spectrum-component-pill-edge-to-visual-300:27px;
- --spectrum-component-pill-edge-to-visual-only-75:5px;
- --spectrum-component-pill-edge-to-visual-only-100:9px;
- --spectrum-component-pill-edge-to-visual-only-200:13px;
- --spectrum-component-pill-edge-to-visual-only-300:16px;
- --spectrum-component-pill-edge-to-text-75:15px;
- --spectrum-component-pill-edge-to-text-100:20px;
- --spectrum-component-pill-edge-to-text-200:25px;
- --spectrum-component-pill-edge-to-text-300:30px;
- --spectrum-component-edge-to-visual-50:7px;
- --spectrum-component-edge-to-visual-75:9px;
- --spectrum-component-edge-to-visual-100:12px;
- --spectrum-component-edge-to-visual-200:16px;
- --spectrum-component-edge-to-visual-300:19px;
- --spectrum-component-edge-to-visual-only-50:4px;
- --spectrum-component-edge-to-visual-only-75:5px;
- --spectrum-component-edge-to-visual-only-100:9px;
- --spectrum-component-edge-to-visual-only-200:13px;
- --spectrum-component-edge-to-visual-only-300:16px;
- --spectrum-component-edge-to-text-50:10px;
- --spectrum-component-edge-to-text-75:11px;
- --spectrum-component-edge-to-text-100:15px;
- --spectrum-component-edge-to-text-200:19px;
- --spectrum-component-edge-to-text-300:22px;
- --spectrum-component-top-to-workflow-icon-50:4px;
- --spectrum-component-top-to-workflow-icon-75:5px;
- --spectrum-component-top-to-workflow-icon-100:9px;
- --spectrum-component-top-to-workflow-icon-200:13px;
- --spectrum-component-top-to-workflow-icon-300:16px;
- --spectrum-component-top-to-text-50:4px;
- --spectrum-component-top-to-text-75:5px;
- --spectrum-component-top-to-text-100:8px;
- --spectrum-component-top-to-text-200:12px;
- --spectrum-component-top-to-text-300:15px;
- --spectrum-component-bottom-to-text-50:6px;
- --spectrum-component-bottom-to-text-75:6px;
- --spectrum-component-bottom-to-text-100:11px;
- --spectrum-component-bottom-to-text-200:14px;
- --spectrum-component-bottom-to-text-300:18px;
- --spectrum-component-to-menu-small:7px;
- --spectrum-component-to-menu-medium:8px;
- --spectrum-component-to-menu-large:9px;
- --spectrum-component-to-menu-extra-large:10px;
- --spectrum-field-edge-to-disclosure-icon-75:9px;
- --spectrum-field-edge-to-disclosure-icon-100:13px;
- --spectrum-field-edge-to-disclosure-icon-200:17px;
- --spectrum-field-edge-to-disclosure-icon-300:22px;
- --spectrum-field-end-edge-to-disclosure-icon-75:9px;
- --spectrum-field-end-edge-to-disclosure-icon-100:13px;
- --spectrum-field-end-edge-to-disclosure-icon-200:17px;
- --spectrum-field-end-edge-to-disclosure-icon-300:22px;
- --spectrum-field-top-to-disclosure-icon-75:9px;
- --spectrum-field-top-to-disclosure-icon-100:13px;
- --spectrum-field-top-to-disclosure-icon-200:17px;
- --spectrum-field-top-to-disclosure-icon-300:22px;
- --spectrum-field-top-to-alert-icon-small:5px;
- --spectrum-field-top-to-alert-icon-medium:9px;
- --spectrum-field-top-to-alert-icon-large:13px;
- --spectrum-field-top-to-alert-icon-extra-large:16px;
- --spectrum-field-top-to-validation-icon-small:9px;
- --spectrum-field-top-to-validation-icon-medium:13px;
- --spectrum-field-top-to-validation-icon-large:17px;
- --spectrum-field-top-to-validation-icon-extra-large:22px;
- --spectrum-field-top-to-progress-circle-small:7px;
- --spectrum-field-top-to-progress-circle-medium:12px;
- --spectrum-field-top-to-progress-circle-large:17px;
- --spectrum-field-top-to-progress-circle-extra-large:22px;
- --spectrum-field-edge-to-alert-icon-small:11px;
- --spectrum-field-edge-to-alert-icon-medium:15px;
- --spectrum-field-edge-to-alert-icon-large:19px;
- --spectrum-field-edge-to-alert-icon-extra-large:22px;
- --spectrum-field-edge-to-validation-icon-small:11px;
- --spectrum-field-edge-to-validation-icon-medium:15px;
- --spectrum-field-edge-to-validation-icon-large:19px;
- --spectrum-field-edge-to-validation-icon-extra-large:22px;
- --spectrum-field-text-to-alert-icon-small:10px;
- --spectrum-field-text-to-alert-icon-medium:15px;
- --spectrum-field-text-to-alert-icon-large:19px;
- --spectrum-field-text-to-alert-icon-extra-large:22px;
- --spectrum-field-text-to-validation-icon-small:10px;
- --spectrum-field-text-to-validation-icon-medium:15px;
- --spectrum-field-text-to-validation-icon-large:19px;
- --spectrum-field-text-to-validation-icon-extra-large:22px;
- --spectrum-field-width:240px;
- --spectrum-character-count-to-field-quiet-small:-4px;
- --spectrum-character-count-to-field-quiet-medium:-4px;
- --spectrum-character-count-to-field-quiet-large:-4px;
- --spectrum-character-count-to-field-quiet-extra-large:-5px;
- --spectrum-side-label-character-count-to-field:15px;
- --spectrum-side-label-character-count-top-margin-small:5px;
- --spectrum-side-label-character-count-top-margin-medium:10px;
- --spectrum-side-label-character-count-top-margin-large:14px;
- --spectrum-side-label-character-count-top-margin-extra-large:18px;
- --spectrum-disclosure-indicator-top-to-disclosure-icon-small:9px;
- --spectrum-disclosure-indicator-top-to-disclosure-icon-medium:13px;
- --spectrum-disclosure-indicator-top-to-disclosure-icon-large:17px;
- --spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large:22px;
- --spectrum-navigational-indicator-top-to-back-icon-small:7px;
- --spectrum-navigational-indicator-top-to-back-icon-medium:12px;
- --spectrum-navigational-indicator-top-to-back-icon-large:16px;
- --spectrum-navigational-indicator-top-to-back-icon-extra-large:19px;
- --spectrum-color-control-track-width:30px;
- --spectrum-font-size-50:13px;
- --spectrum-font-size-75:15px;
- --spectrum-font-size-100:17px;
- --spectrum-font-size-200:19px;
- --spectrum-font-size-300:22px;
- --spectrum-font-size-400:24px;
- --spectrum-font-size-500:27px;
- --spectrum-font-size-600:31px;
- --spectrum-font-size-700:34px;
- --spectrum-font-size-800:39px;
- --spectrum-font-size-900:44px;
- --spectrum-font-size-1000:49px;
- --spectrum-font-size-1100:55px;
- --spectrum-font-size-1200:62px;
- --spectrum-font-size-1300:70px;
-}
diff --git a/tokens/dist/css/light-vars.css b/tokens/dist/css/light-vars.css
deleted file mode 100644
index 5411d477c5f..00000000000
--- a/tokens/dist/css/light-vars.css
+++ /dev/null
@@ -1,472 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--light,.spectrum--lightest{
- --spectrum-overlay-opacity:0.4;
- --spectrum-drop-shadow-color-rgb:0, 0, 0;
- --spectrum-drop-shadow-color-opacity:0.15;
- --spectrum-drop-shadow-color:rgba(var(--spectrum-drop-shadow-color-rgb), var(--spectrum-drop-shadow-color-opacity));
- --spectrum-background-base-color:var(--spectrum-gray-200);
- --spectrum-background-layer-1-color:var(--spectrum-gray-100);
- --spectrum-background-layer-2-color:var(--spectrum-gray-50);
- --spectrum-neutral-background-color-default:var(--spectrum-gray-800);
- --spectrum-neutral-background-color-hover:var(--spectrum-gray-900);
- --spectrum-neutral-background-color-down:var(--spectrum-gray-900);
- --spectrum-neutral-background-color-key-focus:var(--spectrum-gray-900);
- --spectrum-neutral-subdued-background-color-default:var(--spectrum-gray-600);
- --spectrum-neutral-subdued-background-color-hover:var(--spectrum-gray-700);
- --spectrum-neutral-subdued-background-color-down:var(--spectrum-gray-800);
- --spectrum-neutral-subdued-background-color-key-focus:var(--spectrum-gray-700);
- --spectrum-accent-background-color-default:var(--spectrum-accent-color-900);
- --spectrum-accent-background-color-hover:var(--spectrum-accent-color-1000);
- --spectrum-accent-background-color-down:var(--spectrum-accent-color-1100);
- --spectrum-accent-background-color-key-focus:var(--spectrum-accent-color-1000);
- --spectrum-informative-background-color-default:var(--spectrum-informative-color-900);
- --spectrum-informative-background-color-hover:var(--spectrum-informative-color-1000);
- --spectrum-informative-background-color-down:var(--spectrum-informative-color-1100);
- --spectrum-informative-background-color-key-focus:var(--spectrum-informative-color-1000);
- --spectrum-negative-background-color-default:var(--spectrum-negative-color-900);
- --spectrum-negative-background-color-hover:var(--spectrum-negative-color-1000);
- --spectrum-negative-background-color-down:var(--spectrum-negative-color-1100);
- --spectrum-negative-background-color-key-focus:var(--spectrum-negative-color-1000);
- --spectrum-positive-background-color-default:var(--spectrum-positive-color-900);
- --spectrum-positive-background-color-hover:var(--spectrum-positive-color-1000);
- --spectrum-positive-background-color-down:var(--spectrum-positive-color-1100);
- --spectrum-positive-background-color-key-focus:var(--spectrum-positive-color-1000);
- --spectrum-notice-background-color-default:var(--spectrum-notice-color-600);
- --spectrum-gray-background-color-default:var(--spectrum-gray-700);
- --spectrum-red-background-color-default:var(--spectrum-red-900);
- --spectrum-orange-background-color-default:var(--spectrum-orange-600);
- --spectrum-yellow-background-color-default:var(--spectrum-yellow-400);
- --spectrum-chartreuse-background-color-default:var(--spectrum-chartreuse-500);
- --spectrum-celery-background-color-default:var(--spectrum-celery-600);
- --spectrum-green-background-color-default:var(--spectrum-green-900);
- --spectrum-seafoam-background-color-default:var(--spectrum-seafoam-900);
- --spectrum-cyan-background-color-default:var(--spectrum-cyan-900);
- --spectrum-blue-background-color-default:var(--spectrum-blue-900);
- --spectrum-indigo-background-color-default:var(--spectrum-indigo-900);
- --spectrum-purple-background-color-default:var(--spectrum-purple-900);
- --spectrum-fuchsia-background-color-default:var(--spectrum-fuchsia-900);
- --spectrum-magenta-background-color-default:var(--spectrum-magenta-900);
- --spectrum-neutral-visual-color:var(--spectrum-gray-500);
- --spectrum-accent-visual-color:var(--spectrum-accent-color-800);
- --spectrum-informative-visual-color:var(--spectrum-informative-color-800);
- --spectrum-negative-visual-color:var(--spectrum-negative-color-800);
- --spectrum-notice-visual-color:var(--spectrum-notice-color-700);
- --spectrum-positive-visual-color:var(--spectrum-positive-color-700);
- --spectrum-gray-visual-color:var(--spectrum-gray-500);
- --spectrum-red-visual-color:var(--spectrum-red-800);
- --spectrum-orange-visual-color:var(--spectrum-orange-700);
- --spectrum-yellow-visual-color:var(--spectrum-yellow-600);
- --spectrum-chartreuse-visual-color:var(--spectrum-chartreuse-600);
- --spectrum-celery-visual-color:var(--spectrum-celery-700);
- --spectrum-green-visual-color:var(--spectrum-green-700);
- --spectrum-seafoam-visual-color:var(--spectrum-seafoam-700);
- --spectrum-cyan-visual-color:var(--spectrum-cyan-600);
- --spectrum-blue-visual-color:var(--spectrum-blue-800);
- --spectrum-indigo-visual-color:var(--spectrum-indigo-800);
- --spectrum-purple-visual-color:var(--spectrum-purple-800);
- --spectrum-fuchsia-visual-color:var(--spectrum-fuchsia-800);
- --spectrum-magenta-visual-color:var(--spectrum-magenta-800);
- --spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-200);
- --spectrum-gray-50-rgb:255, 255, 255;
- --spectrum-gray-50:rgba(var(--spectrum-gray-50-rgb));
- --spectrum-gray-75-rgb:253, 253, 253;
- --spectrum-gray-75:rgba(var(--spectrum-gray-75-rgb));
- --spectrum-gray-100-rgb:248, 248, 248;
- --spectrum-gray-100:rgba(var(--spectrum-gray-100-rgb));
- --spectrum-gray-200-rgb:230, 230, 230;
- --spectrum-gray-200:rgba(var(--spectrum-gray-200-rgb));
- --spectrum-gray-300-rgb:213, 213, 213;
- --spectrum-gray-300:rgba(var(--spectrum-gray-300-rgb));
- --spectrum-gray-400-rgb:177, 177, 177;
- --spectrum-gray-400:rgba(var(--spectrum-gray-400-rgb));
- --spectrum-gray-500-rgb:144, 144, 144;
- --spectrum-gray-500:rgba(var(--spectrum-gray-500-rgb));
- --spectrum-gray-600-rgb:109, 109, 109;
- --spectrum-gray-600:rgba(var(--spectrum-gray-600-rgb));
- --spectrum-gray-700-rgb:70, 70, 70;
- --spectrum-gray-700:rgba(var(--spectrum-gray-700-rgb));
- --spectrum-gray-800-rgb:34, 34, 34;
- --spectrum-gray-800:rgba(var(--spectrum-gray-800-rgb));
- --spectrum-gray-900-rgb:0, 0, 0;
- --spectrum-gray-900:rgba(var(--spectrum-gray-900-rgb));
- --spectrum-blue-100-rgb:224, 242, 255;
- --spectrum-blue-100:rgba(var(--spectrum-blue-100-rgb));
- --spectrum-blue-200-rgb:202, 232, 255;
- --spectrum-blue-200:rgba(var(--spectrum-blue-200-rgb));
- --spectrum-blue-300-rgb:181, 222, 255;
- --spectrum-blue-300:rgba(var(--spectrum-blue-300-rgb));
- --spectrum-blue-400-rgb:150, 206, 253;
- --spectrum-blue-400:rgba(var(--spectrum-blue-400-rgb));
- --spectrum-blue-500-rgb:120, 187, 250;
- --spectrum-blue-500:rgba(var(--spectrum-blue-500-rgb));
- --spectrum-blue-600-rgb:89, 167, 246;
- --spectrum-blue-600:rgba(var(--spectrum-blue-600-rgb));
- --spectrum-blue-700-rgb:56, 146, 243;
- --spectrum-blue-700:rgba(var(--spectrum-blue-700-rgb));
- --spectrum-blue-800-rgb:20, 122, 243;
- --spectrum-blue-800:rgba(var(--spectrum-blue-800-rgb));
- --spectrum-blue-900-rgb:2, 101, 220;
- --spectrum-blue-900:rgba(var(--spectrum-blue-900-rgb));
- --spectrum-blue-1000-rgb:0, 84, 182;
- --spectrum-blue-1000:rgba(var(--spectrum-blue-1000-rgb));
- --spectrum-blue-1100-rgb:0, 68, 145;
- --spectrum-blue-1100:rgba(var(--spectrum-blue-1100-rgb));
- --spectrum-blue-1200-rgb:0, 53, 113;
- --spectrum-blue-1200:rgba(var(--spectrum-blue-1200-rgb));
- --spectrum-blue-1300-rgb:0, 39, 84;
- --spectrum-blue-1300:rgba(var(--spectrum-blue-1300-rgb));
- --spectrum-blue-1400-rgb:0, 28, 60;
- --spectrum-blue-1400:rgba(var(--spectrum-blue-1400-rgb));
- --spectrum-red-100-rgb:255, 235, 231;
- --spectrum-red-100:rgba(var(--spectrum-red-100-rgb));
- --spectrum-red-200-rgb:255, 221, 214;
- --spectrum-red-200:rgba(var(--spectrum-red-200-rgb));
- --spectrum-red-300-rgb:255, 205, 195;
- --spectrum-red-300:rgba(var(--spectrum-red-300-rgb));
- --spectrum-red-400-rgb:255, 183, 169;
- --spectrum-red-400:rgba(var(--spectrum-red-400-rgb));
- --spectrum-red-500-rgb:255, 155, 136;
- --spectrum-red-500:rgba(var(--spectrum-red-500-rgb));
- --spectrum-red-600-rgb:255, 124, 101;
- --spectrum-red-600:rgba(var(--spectrum-red-600-rgb));
- --spectrum-red-700-rgb:247, 92, 70;
- --spectrum-red-700:rgba(var(--spectrum-red-700-rgb));
- --spectrum-red-800-rgb:234, 56, 41;
- --spectrum-red-800:rgba(var(--spectrum-red-800-rgb));
- --spectrum-red-900-rgb:211, 21, 16;
- --spectrum-red-900:rgba(var(--spectrum-red-900-rgb));
- --spectrum-red-1000-rgb:180, 0, 0;
- --spectrum-red-1000:rgba(var(--spectrum-red-1000-rgb));
- --spectrum-red-1100-rgb:147, 0, 0;
- --spectrum-red-1100:rgba(var(--spectrum-red-1100-rgb));
- --spectrum-red-1200-rgb:116, 0, 0;
- --spectrum-red-1200:rgba(var(--spectrum-red-1200-rgb));
- --spectrum-red-1300-rgb:89, 0, 0;
- --spectrum-red-1300:rgba(var(--spectrum-red-1300-rgb));
- --spectrum-red-1400-rgb:67, 0, 0;
- --spectrum-red-1400:rgba(var(--spectrum-red-1400-rgb));
- --spectrum-orange-100-rgb:255, 236, 204;
- --spectrum-orange-100:rgba(var(--spectrum-orange-100-rgb));
- --spectrum-orange-200-rgb:255, 223, 173;
- --spectrum-orange-200:rgba(var(--spectrum-orange-200-rgb));
- --spectrum-orange-300-rgb:253, 210, 145;
- --spectrum-orange-300:rgba(var(--spectrum-orange-300-rgb));
- --spectrum-orange-400-rgb:255, 187, 99;
- --spectrum-orange-400:rgba(var(--spectrum-orange-400-rgb));
- --spectrum-orange-500-rgb:255, 160, 55;
- --spectrum-orange-500:rgba(var(--spectrum-orange-500-rgb));
- --spectrum-orange-600-rgb:246, 133, 17;
- --spectrum-orange-600:rgba(var(--spectrum-orange-600-rgb));
- --spectrum-orange-700-rgb:228, 111, 0;
- --spectrum-orange-700:rgba(var(--spectrum-orange-700-rgb));
- --spectrum-orange-800-rgb:203, 93, 0;
- --spectrum-orange-800:rgba(var(--spectrum-orange-800-rgb));
- --spectrum-orange-900-rgb:177, 76, 0;
- --spectrum-orange-900:rgba(var(--spectrum-orange-900-rgb));
- --spectrum-orange-1000-rgb:149, 61, 0;
- --spectrum-orange-1000:rgba(var(--spectrum-orange-1000-rgb));
- --spectrum-orange-1100-rgb:122, 47, 0;
- --spectrum-orange-1100:rgba(var(--spectrum-orange-1100-rgb));
- --spectrum-orange-1200-rgb:97, 35, 0;
- --spectrum-orange-1200:rgba(var(--spectrum-orange-1200-rgb));
- --spectrum-orange-1300-rgb:73, 25, 1;
- --spectrum-orange-1300:rgba(var(--spectrum-orange-1300-rgb));
- --spectrum-orange-1400-rgb:53, 18, 1;
- --spectrum-orange-1400:rgba(var(--spectrum-orange-1400-rgb));
- --spectrum-yellow-100-rgb:251, 241, 152;
- --spectrum-yellow-100:rgba(var(--spectrum-yellow-100-rgb));
- --spectrum-yellow-200-rgb:248, 231, 80;
- --spectrum-yellow-200:rgba(var(--spectrum-yellow-200-rgb));
- --spectrum-yellow-300-rgb:248, 217, 4;
- --spectrum-yellow-300:rgba(var(--spectrum-yellow-300-rgb));
- --spectrum-yellow-400-rgb:232, 198, 0;
- --spectrum-yellow-400:rgba(var(--spectrum-yellow-400-rgb));
- --spectrum-yellow-500-rgb:215, 179, 0;
- --spectrum-yellow-500:rgba(var(--spectrum-yellow-500-rgb));
- --spectrum-yellow-600-rgb:196, 159, 0;
- --spectrum-yellow-600:rgba(var(--spectrum-yellow-600-rgb));
- --spectrum-yellow-700-rgb:176, 140, 0;
- --spectrum-yellow-700:rgba(var(--spectrum-yellow-700-rgb));
- --spectrum-yellow-800-rgb:155, 120, 0;
- --spectrum-yellow-800:rgba(var(--spectrum-yellow-800-rgb));
- --spectrum-yellow-900-rgb:133, 102, 0;
- --spectrum-yellow-900:rgba(var(--spectrum-yellow-900-rgb));
- --spectrum-yellow-1000-rgb:112, 83, 0;
- --spectrum-yellow-1000:rgba(var(--spectrum-yellow-1000-rgb));
- --spectrum-yellow-1100-rgb:91, 67, 0;
- --spectrum-yellow-1100:rgba(var(--spectrum-yellow-1100-rgb));
- --spectrum-yellow-1200-rgb:72, 51, 0;
- --spectrum-yellow-1200:rgba(var(--spectrum-yellow-1200-rgb));
- --spectrum-yellow-1300-rgb:54, 37, 0;
- --spectrum-yellow-1300:rgba(var(--spectrum-yellow-1300-rgb));
- --spectrum-yellow-1400-rgb:40, 26, 0;
- --spectrum-yellow-1400:rgba(var(--spectrum-yellow-1400-rgb));
- --spectrum-chartreuse-100-rgb:219, 252, 110;
- --spectrum-chartreuse-100:rgba(var(--spectrum-chartreuse-100-rgb));
- --spectrum-chartreuse-200-rgb:203, 244, 67;
- --spectrum-chartreuse-200:rgba(var(--spectrum-chartreuse-200-rgb));
- --spectrum-chartreuse-300-rgb:188, 233, 42;
- --spectrum-chartreuse-300:rgba(var(--spectrum-chartreuse-300-rgb));
- --spectrum-chartreuse-400-rgb:170, 216, 22;
- --spectrum-chartreuse-400:rgba(var(--spectrum-chartreuse-400-rgb));
- --spectrum-chartreuse-500-rgb:152, 197, 10;
- --spectrum-chartreuse-500:rgba(var(--spectrum-chartreuse-500-rgb));
- --spectrum-chartreuse-600-rgb:135, 177, 3;
- --spectrum-chartreuse-600:rgba(var(--spectrum-chartreuse-600-rgb));
- --spectrum-chartreuse-700-rgb:118, 156, 0;
- --spectrum-chartreuse-700:rgba(var(--spectrum-chartreuse-700-rgb));
- --spectrum-chartreuse-800-rgb:103, 136, 0;
- --spectrum-chartreuse-800:rgba(var(--spectrum-chartreuse-800-rgb));
- --spectrum-chartreuse-900-rgb:87, 116, 0;
- --spectrum-chartreuse-900:rgba(var(--spectrum-chartreuse-900-rgb));
- --spectrum-chartreuse-1000-rgb:72, 96, 0;
- --spectrum-chartreuse-1000:rgba(var(--spectrum-chartreuse-1000-rgb));
- --spectrum-chartreuse-1100-rgb:58, 77, 0;
- --spectrum-chartreuse-1100:rgba(var(--spectrum-chartreuse-1100-rgb));
- --spectrum-chartreuse-1200-rgb:44, 59, 0;
- --spectrum-chartreuse-1200:rgba(var(--spectrum-chartreuse-1200-rgb));
- --spectrum-chartreuse-1300-rgb:33, 44, 0;
- --spectrum-chartreuse-1300:rgba(var(--spectrum-chartreuse-1300-rgb));
- --spectrum-chartreuse-1400-rgb:24, 31, 0;
- --spectrum-chartreuse-1400:rgba(var(--spectrum-chartreuse-1400-rgb));
- --spectrum-celery-100-rgb:205, 252, 191;
- --spectrum-celery-100:rgba(var(--spectrum-celery-100-rgb));
- --spectrum-celery-200-rgb:174, 246, 157;
- --spectrum-celery-200:rgba(var(--spectrum-celery-200-rgb));
- --spectrum-celery-300-rgb:150, 238, 133;
- --spectrum-celery-300:rgba(var(--spectrum-celery-300-rgb));
- --spectrum-celery-400-rgb:114, 224, 106;
- --spectrum-celery-400:rgba(var(--spectrum-celery-400-rgb));
- --spectrum-celery-500-rgb:78, 207, 80;
- --spectrum-celery-500:rgba(var(--spectrum-celery-500-rgb));
- --spectrum-celery-600-rgb:39, 187, 54;
- --spectrum-celery-600:rgba(var(--spectrum-celery-600-rgb));
- --spectrum-celery-700-rgb:7, 167, 33;
- --spectrum-celery-700:rgba(var(--spectrum-celery-700-rgb));
- --spectrum-celery-800-rgb:0, 145, 18;
- --spectrum-celery-800:rgba(var(--spectrum-celery-800-rgb));
- --spectrum-celery-900-rgb:0, 124, 15;
- --spectrum-celery-900:rgba(var(--spectrum-celery-900-rgb));
- --spectrum-celery-1000-rgb:0, 103, 15;
- --spectrum-celery-1000:rgba(var(--spectrum-celery-1000-rgb));
- --spectrum-celery-1100-rgb:0, 83, 13;
- --spectrum-celery-1100:rgba(var(--spectrum-celery-1100-rgb));
- --spectrum-celery-1200-rgb:0, 64, 10;
- --spectrum-celery-1200:rgba(var(--spectrum-celery-1200-rgb));
- --spectrum-celery-1300-rgb:0, 48, 7;
- --spectrum-celery-1300:rgba(var(--spectrum-celery-1300-rgb));
- --spectrum-celery-1400-rgb:0, 34, 5;
- --spectrum-celery-1400:rgba(var(--spectrum-celery-1400-rgb));
- --spectrum-green-100-rgb:206, 248, 224;
- --spectrum-green-100:rgba(var(--spectrum-green-100-rgb));
- --spectrum-green-200-rgb:173, 244, 206;
- --spectrum-green-200:rgba(var(--spectrum-green-200-rgb));
- --spectrum-green-300-rgb:137, 236, 188;
- --spectrum-green-300:rgba(var(--spectrum-green-300-rgb));
- --spectrum-green-400-rgb:103, 222, 168;
- --spectrum-green-400:rgba(var(--spectrum-green-400-rgb));
- --spectrum-green-500-rgb:73, 204, 147;
- --spectrum-green-500:rgba(var(--spectrum-green-500-rgb));
- --spectrum-green-600-rgb:47, 184, 128;
- --spectrum-green-600:rgba(var(--spectrum-green-600-rgb));
- --spectrum-green-700-rgb:21, 164, 110;
- --spectrum-green-700:rgba(var(--spectrum-green-700-rgb));
- --spectrum-green-800-rgb:0, 143, 93;
- --spectrum-green-800:rgba(var(--spectrum-green-800-rgb));
- --spectrum-green-900-rgb:0, 122, 77;
- --spectrum-green-900:rgba(var(--spectrum-green-900-rgb));
- --spectrum-green-1000-rgb:0, 101, 62;
- --spectrum-green-1000:rgba(var(--spectrum-green-1000-rgb));
- --spectrum-green-1100-rgb:0, 81, 50;
- --spectrum-green-1100:rgba(var(--spectrum-green-1100-rgb));
- --spectrum-green-1200-rgb:5, 63, 39;
- --spectrum-green-1200:rgba(var(--spectrum-green-1200-rgb));
- --spectrum-green-1300-rgb:10, 46, 29;
- --spectrum-green-1300:rgba(var(--spectrum-green-1300-rgb));
- --spectrum-green-1400-rgb:10, 32, 21;
- --spectrum-green-1400:rgba(var(--spectrum-green-1400-rgb));
- --spectrum-seafoam-100-rgb:206, 247, 243;
- --spectrum-seafoam-100:rgba(var(--spectrum-seafoam-100-rgb));
- --spectrum-seafoam-200-rgb:170, 241, 234;
- --spectrum-seafoam-200:rgba(var(--spectrum-seafoam-200-rgb));
- --spectrum-seafoam-300-rgb:140, 233, 226;
- --spectrum-seafoam-300:rgba(var(--spectrum-seafoam-300-rgb));
- --spectrum-seafoam-400-rgb:101, 218, 210;
- --spectrum-seafoam-400:rgba(var(--spectrum-seafoam-400-rgb));
- --spectrum-seafoam-500-rgb:63, 201, 193;
- --spectrum-seafoam-500:rgba(var(--spectrum-seafoam-500-rgb));
- --spectrum-seafoam-600-rgb:15, 181, 174;
- --spectrum-seafoam-600:rgba(var(--spectrum-seafoam-600-rgb));
- --spectrum-seafoam-700-rgb:0, 161, 154;
- --spectrum-seafoam-700:rgba(var(--spectrum-seafoam-700-rgb));
- --spectrum-seafoam-800-rgb:0, 140, 135;
- --spectrum-seafoam-800:rgba(var(--spectrum-seafoam-800-rgb));
- --spectrum-seafoam-900-rgb:0, 119, 114;
- --spectrum-seafoam-900:rgba(var(--spectrum-seafoam-900-rgb));
- --spectrum-seafoam-1000-rgb:0, 99, 95;
- --spectrum-seafoam-1000:rgba(var(--spectrum-seafoam-1000-rgb));
- --spectrum-seafoam-1100-rgb:12, 79, 76;
- --spectrum-seafoam-1100:rgba(var(--spectrum-seafoam-1100-rgb));
- --spectrum-seafoam-1200-rgb:18, 60, 58;
- --spectrum-seafoam-1200:rgba(var(--spectrum-seafoam-1200-rgb));
- --spectrum-seafoam-1300-rgb:18, 44, 43;
- --spectrum-seafoam-1300:rgba(var(--spectrum-seafoam-1300-rgb));
- --spectrum-seafoam-1400-rgb:15, 31, 30;
- --spectrum-seafoam-1400:rgba(var(--spectrum-seafoam-1400-rgb));
- --spectrum-cyan-100-rgb:197, 248, 255;
- --spectrum-cyan-100:rgba(var(--spectrum-cyan-100-rgb));
- --spectrum-cyan-200-rgb:164, 240, 255;
- --spectrum-cyan-200:rgba(var(--spectrum-cyan-200-rgb));
- --spectrum-cyan-300-rgb:136, 231, 250;
- --spectrum-cyan-300:rgba(var(--spectrum-cyan-300-rgb));
- --spectrum-cyan-400-rgb:96, 216, 243;
- --spectrum-cyan-400:rgba(var(--spectrum-cyan-400-rgb));
- --spectrum-cyan-500-rgb:51, 197, 232;
- --spectrum-cyan-500:rgba(var(--spectrum-cyan-500-rgb));
- --spectrum-cyan-600-rgb:18, 176, 218;
- --spectrum-cyan-600:rgba(var(--spectrum-cyan-600-rgb));
- --spectrum-cyan-700-rgb:1, 156, 200;
- --spectrum-cyan-700:rgba(var(--spectrum-cyan-700-rgb));
- --spectrum-cyan-800-rgb:0, 134, 180;
- --spectrum-cyan-800:rgba(var(--spectrum-cyan-800-rgb));
- --spectrum-cyan-900-rgb:0, 113, 159;
- --spectrum-cyan-900:rgba(var(--spectrum-cyan-900-rgb));
- --spectrum-cyan-1000-rgb:0, 93, 137;
- --spectrum-cyan-1000:rgba(var(--spectrum-cyan-1000-rgb));
- --spectrum-cyan-1100-rgb:0, 74, 115;
- --spectrum-cyan-1100:rgba(var(--spectrum-cyan-1100-rgb));
- --spectrum-cyan-1200-rgb:0, 57, 93;
- --spectrum-cyan-1200:rgba(var(--spectrum-cyan-1200-rgb));
- --spectrum-cyan-1300-rgb:0, 42, 70;
- --spectrum-cyan-1300:rgba(var(--spectrum-cyan-1300-rgb));
- --spectrum-cyan-1400-rgb:0, 30, 51;
- --spectrum-cyan-1400:rgba(var(--spectrum-cyan-1400-rgb));
- --spectrum-indigo-100-rgb:237, 238, 255;
- --spectrum-indigo-100:rgba(var(--spectrum-indigo-100-rgb));
- --spectrum-indigo-200-rgb:224, 226, 255;
- --spectrum-indigo-200:rgba(var(--spectrum-indigo-200-rgb));
- --spectrum-indigo-300-rgb:211, 213, 255;
- --spectrum-indigo-300:rgba(var(--spectrum-indigo-300-rgb));
- --spectrum-indigo-400-rgb:193, 196, 255;
- --spectrum-indigo-400:rgba(var(--spectrum-indigo-400-rgb));
- --spectrum-indigo-500-rgb:172, 175, 255;
- --spectrum-indigo-500:rgba(var(--spectrum-indigo-500-rgb));
- --spectrum-indigo-600-rgb:149, 153, 255;
- --spectrum-indigo-600:rgba(var(--spectrum-indigo-600-rgb));
- --spectrum-indigo-700-rgb:126, 132, 252;
- --spectrum-indigo-700:rgba(var(--spectrum-indigo-700-rgb));
- --spectrum-indigo-800-rgb:104, 109, 244;
- --spectrum-indigo-800:rgba(var(--spectrum-indigo-800-rgb));
- --spectrum-indigo-900-rgb:82, 88, 228;
- --spectrum-indigo-900:rgba(var(--spectrum-indigo-900-rgb));
- --spectrum-indigo-1000-rgb:64, 70, 202;
- --spectrum-indigo-1000:rgba(var(--spectrum-indigo-1000-rgb));
- --spectrum-indigo-1100-rgb:50, 54, 168;
- --spectrum-indigo-1100:rgba(var(--spectrum-indigo-1100-rgb));
- --spectrum-indigo-1200-rgb:38, 41, 134;
- --spectrum-indigo-1200:rgba(var(--spectrum-indigo-1200-rgb));
- --spectrum-indigo-1300-rgb:27, 30, 100;
- --spectrum-indigo-1300:rgba(var(--spectrum-indigo-1300-rgb));
- --spectrum-indigo-1400-rgb:20, 22, 72;
- --spectrum-indigo-1400:rgba(var(--spectrum-indigo-1400-rgb));
- --spectrum-purple-100-rgb:246, 235, 255;
- --spectrum-purple-100:rgba(var(--spectrum-purple-100-rgb));
- --spectrum-purple-200-rgb:238, 221, 255;
- --spectrum-purple-200:rgba(var(--spectrum-purple-200-rgb));
- --spectrum-purple-300-rgb:230, 208, 255;
- --spectrum-purple-300:rgba(var(--spectrum-purple-300-rgb));
- --spectrum-purple-400-rgb:219, 187, 254;
- --spectrum-purple-400:rgba(var(--spectrum-purple-400-rgb));
- --spectrum-purple-500-rgb:204, 164, 253;
- --spectrum-purple-500:rgba(var(--spectrum-purple-500-rgb));
- --spectrum-purple-600-rgb:189, 139, 252;
- --spectrum-purple-600:rgba(var(--spectrum-purple-600-rgb));
- --spectrum-purple-700-rgb:174, 114, 249;
- --spectrum-purple-700:rgba(var(--spectrum-purple-700-rgb));
- --spectrum-purple-800-rgb:157, 87, 244;
- --spectrum-purple-800:rgba(var(--spectrum-purple-800-rgb));
- --spectrum-purple-900-rgb:137, 61, 231;
- --spectrum-purple-900:rgba(var(--spectrum-purple-900-rgb));
- --spectrum-purple-1000-rgb:115, 38, 211;
- --spectrum-purple-1000:rgba(var(--spectrum-purple-1000-rgb));
- --spectrum-purple-1100-rgb:93, 19, 183;
- --spectrum-purple-1100:rgba(var(--spectrum-purple-1100-rgb));
- --spectrum-purple-1200-rgb:71, 12, 148;
- --spectrum-purple-1200:rgba(var(--spectrum-purple-1200-rgb));
- --spectrum-purple-1300-rgb:51, 16, 106;
- --spectrum-purple-1300:rgba(var(--spectrum-purple-1300-rgb));
- --spectrum-purple-1400-rgb:35, 15, 73;
- --spectrum-purple-1400:rgba(var(--spectrum-purple-1400-rgb));
- --spectrum-fuchsia-100-rgb:255, 233, 252;
- --spectrum-fuchsia-100:rgba(var(--spectrum-fuchsia-100-rgb));
- --spectrum-fuchsia-200-rgb:255, 218, 250;
- --spectrum-fuchsia-200:rgba(var(--spectrum-fuchsia-200-rgb));
- --spectrum-fuchsia-300-rgb:254, 199, 248;
- --spectrum-fuchsia-300:rgba(var(--spectrum-fuchsia-300-rgb));
- --spectrum-fuchsia-400-rgb:251, 174, 246;
- --spectrum-fuchsia-400:rgba(var(--spectrum-fuchsia-400-rgb));
- --spectrum-fuchsia-500-rgb:245, 146, 243;
- --spectrum-fuchsia-500:rgba(var(--spectrum-fuchsia-500-rgb));
- --spectrum-fuchsia-600-rgb:237, 116, 237;
- --spectrum-fuchsia-600:rgba(var(--spectrum-fuchsia-600-rgb));
- --spectrum-fuchsia-700-rgb:224, 85, 226;
- --spectrum-fuchsia-700:rgba(var(--spectrum-fuchsia-700-rgb));
- --spectrum-fuchsia-800-rgb:205, 58, 206;
- --spectrum-fuchsia-800:rgba(var(--spectrum-fuchsia-800-rgb));
- --spectrum-fuchsia-900-rgb:182, 34, 183;
- --spectrum-fuchsia-900:rgba(var(--spectrum-fuchsia-900-rgb));
- --spectrum-fuchsia-1000-rgb:157, 3, 158;
- --spectrum-fuchsia-1000:rgba(var(--spectrum-fuchsia-1000-rgb));
- --spectrum-fuchsia-1100-rgb:128, 0, 129;
- --spectrum-fuchsia-1100:rgba(var(--spectrum-fuchsia-1100-rgb));
- --spectrum-fuchsia-1200-rgb:100, 6, 100;
- --spectrum-fuchsia-1200:rgba(var(--spectrum-fuchsia-1200-rgb));
- --spectrum-fuchsia-1300-rgb:71, 14, 70;
- --spectrum-fuchsia-1300:rgba(var(--spectrum-fuchsia-1300-rgb));
- --spectrum-fuchsia-1400-rgb:50, 13, 49;
- --spectrum-fuchsia-1400:rgba(var(--spectrum-fuchsia-1400-rgb));
- --spectrum-magenta-100-rgb:255, 234, 241;
- --spectrum-magenta-100:rgba(var(--spectrum-magenta-100-rgb));
- --spectrum-magenta-200-rgb:255, 220, 232;
- --spectrum-magenta-200:rgba(var(--spectrum-magenta-200-rgb));
- --spectrum-magenta-300-rgb:255, 202, 221;
- --spectrum-magenta-300:rgba(var(--spectrum-magenta-300-rgb));
- --spectrum-magenta-400-rgb:255, 178, 206;
- --spectrum-magenta-400:rgba(var(--spectrum-magenta-400-rgb));
- --spectrum-magenta-500-rgb:255, 149, 189;
- --spectrum-magenta-500:rgba(var(--spectrum-magenta-500-rgb));
- --spectrum-magenta-600-rgb:250, 119, 170;
- --spectrum-magenta-600:rgba(var(--spectrum-magenta-600-rgb));
- --spectrum-magenta-700-rgb:239, 90, 152;
- --spectrum-magenta-700:rgba(var(--spectrum-magenta-700-rgb));
- --spectrum-magenta-800-rgb:222, 61, 130;
- --spectrum-magenta-800:rgba(var(--spectrum-magenta-800-rgb));
- --spectrum-magenta-900-rgb:200, 34, 105;
- --spectrum-magenta-900:rgba(var(--spectrum-magenta-900-rgb));
- --spectrum-magenta-1000-rgb:173, 9, 85;
- --spectrum-magenta-1000:rgba(var(--spectrum-magenta-1000-rgb));
- --spectrum-magenta-1100-rgb:142, 0, 69;
- --spectrum-magenta-1100:rgba(var(--spectrum-magenta-1100-rgb));
- --spectrum-magenta-1200-rgb:112, 0, 55;
- --spectrum-magenta-1200:rgba(var(--spectrum-magenta-1200-rgb));
- --spectrum-magenta-1300-rgb:84, 3, 42;
- --spectrum-magenta-1300:rgba(var(--spectrum-magenta-1300-rgb));
- --spectrum-magenta-1400-rgb:60, 6, 29;
- --spectrum-magenta-1400:rgba(var(--spectrum-magenta-1400-rgb));
- --spectrum-icon-color-blue-primary-default:var(--spectrum-blue-900);
- --spectrum-icon-color-green-primary-default:var(--spectrum-green-900);
- --spectrum-icon-color-red-primary-default:var(--spectrum-red-900);
- --spectrum-icon-color-yellow-primary-default:var(--spectrum-yellow-400);
-}
diff --git a/tokens/dist/css/medium-vars.css b/tokens/dist/css/medium-vars.css
deleted file mode 100644
index 9756afa3545..00000000000
--- a/tokens/dist/css/medium-vars.css
+++ /dev/null
@@ -1,504 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--medium{
- --spectrum-workflow-icon-size-50:14px;
- --spectrum-workflow-icon-size-75:16px;
- --spectrum-workflow-icon-size-100:18px;
- --spectrum-workflow-icon-size-200:20px;
- --spectrum-workflow-icon-size-300:22px;
- --spectrum-arrow-icon-size-75:10px;
- --spectrum-arrow-icon-size-100:10px;
- --spectrum-arrow-icon-size-200:12px;
- --spectrum-arrow-icon-size-300:14px;
- --spectrum-arrow-icon-size-400:16px;
- --spectrum-arrow-icon-size-500:18px;
- --spectrum-arrow-icon-size-600:20px;
- --spectrum-asterisk-icon-size-100:8px;
- --spectrum-asterisk-icon-size-200:10px;
- --spectrum-asterisk-icon-size-300:10px;
- --spectrum-checkmark-icon-size-50:10px;
- --spectrum-checkmark-icon-size-75:10px;
- --spectrum-checkmark-icon-size-100:10px;
- --spectrum-checkmark-icon-size-200:12px;
- --spectrum-checkmark-icon-size-300:14px;
- --spectrum-checkmark-icon-size-400:16px;
- --spectrum-checkmark-icon-size-500:16px;
- --spectrum-checkmark-icon-size-600:18px;
- --spectrum-chevron-icon-size-50:6px;
- --spectrum-chevron-icon-size-75:10px;
- --spectrum-chevron-icon-size-100:10px;
- --spectrum-chevron-icon-size-200:12px;
- --spectrum-chevron-icon-size-300:14px;
- --spectrum-chevron-icon-size-400:16px;
- --spectrum-chevron-icon-size-500:16px;
- --spectrum-chevron-icon-size-600:18px;
- --spectrum-corner-triangle-icon-size-75:5px;
- --spectrum-corner-triangle-icon-size-100:5px;
- --spectrum-corner-triangle-icon-size-200:6px;
- --spectrum-corner-triangle-icon-size-300:7px;
- --spectrum-cross-icon-size-75:8px;
- --spectrum-cross-icon-size-100:8px;
- --spectrum-cross-icon-size-200:10px;
- --spectrum-cross-icon-size-300:12px;
- --spectrum-cross-icon-size-400:12px;
- --spectrum-cross-icon-size-500:14px;
- --spectrum-cross-icon-size-600:16px;
- --spectrum-dash-icon-size-50:8px;
- --spectrum-dash-icon-size-75:8px;
- --spectrum-dash-icon-size-100:10px;
- --spectrum-dash-icon-size-200:12px;
- --spectrum-dash-icon-size-300:12px;
- --spectrum-dash-icon-size-400:14px;
- --spectrum-dash-icon-size-500:16px;
- --spectrum-dash-icon-size-600:18px;
- --spectrum-field-label-text-to-asterisk-small:4px;
- --spectrum-field-label-text-to-asterisk-medium:4px;
- --spectrum-field-label-text-to-asterisk-large:5px;
- --spectrum-field-label-text-to-asterisk-extra-large:5px;
- --spectrum-field-label-top-to-asterisk-small:8px;
- --spectrum-field-label-top-to-asterisk-medium:12px;
- --spectrum-field-label-top-to-asterisk-large:15px;
- --spectrum-field-label-top-to-asterisk-extra-large:19px;
- --spectrum-field-label-top-margin-medium:4px;
- --spectrum-field-label-top-margin-large:5px;
- --spectrum-field-label-top-margin-extra-large:5px;
- --spectrum-field-label-to-component-quiet-small:-8px;
- --spectrum-field-label-to-component-quiet-medium:-8px;
- --spectrum-field-label-to-component-quiet-large:-12px;
- --spectrum-field-label-to-component-quiet-extra-large:-15px;
- --spectrum-help-text-top-to-workflow-icon-small:4px;
- --spectrum-help-text-top-to-workflow-icon-medium:3px;
- --spectrum-help-text-top-to-workflow-icon-large:6px;
- --spectrum-help-text-top-to-workflow-icon-extra-large:9px;
- --spectrum-status-light-dot-size-medium:8px;
- --spectrum-status-light-dot-size-large:10px;
- --spectrum-status-light-dot-size-extra-large:10px;
- --spectrum-status-light-top-to-dot-small:8px;
- --spectrum-status-light-top-to-dot-medium:12px;
- --spectrum-status-light-top-to-dot-large:15px;
- --spectrum-status-light-top-to-dot-extra-large:19px;
- --spectrum-action-button-edge-to-hold-icon-medium:4px;
- --spectrum-action-button-edge-to-hold-icon-large:5px;
- --spectrum-action-button-edge-to-hold-icon-extra-large:6px;
- --spectrum-tooltip-tip-width:8px;
- --spectrum-tooltip-tip-height:4px;
- --spectrum-tooltip-maximum-width:160px;
- --spectrum-progress-circle-size-small:16px;
- --spectrum-progress-circle-size-medium:32px;
- --spectrum-progress-circle-size-large:64px;
- --spectrum-progress-circle-thickness-small:2px;
- --spectrum-progress-circle-thickness-medium:3px;
- --spectrum-progress-circle-thickness-large:4px;
- --spectrum-toast-height:48px;
- --spectrum-toast-maximum-width:336px;
- --spectrum-toast-top-to-workflow-icon:15px;
- --spectrum-toast-top-to-text:14px;
- --spectrum-toast-bottom-to-text:17px;
- --spectrum-action-bar-height:48px;
- --spectrum-action-bar-top-to-item-counter:14px;
- --spectrum-swatch-size-extra-small:16px;
- --spectrum-swatch-size-small:24px;
- --spectrum-swatch-size-medium:32px;
- --spectrum-swatch-size-large:40px;
- --spectrum-progress-bar-thickness-small:4px;
- --spectrum-progress-bar-thickness-medium:6px;
- --spectrum-progress-bar-thickness-large:8px;
- --spectrum-progress-bar-thickness-extra-large:10px;
- --spectrum-meter-width:192px;
- --spectrum-meter-thickness-small:4px;
- --spectrum-meter-thickness-large:6px;
- --spectrum-tag-top-to-avatar-small:4px;
- --spectrum-tag-top-to-avatar-medium:6px;
- --spectrum-tag-top-to-avatar-large:9px;
- --spectrum-tag-top-to-cross-icon-small:8px;
- --spectrum-tag-top-to-cross-icon-medium:12px;
- --spectrum-tag-top-to-cross-icon-large:15px;
- --spectrum-popover-top-to-content-area:4px;
- --spectrum-menu-item-edge-to-content-not-selected-small:28px;
- --spectrum-menu-item-edge-to-content-not-selected-medium:32px;
- --spectrum-menu-item-edge-to-content-not-selected-large:38px;
- --spectrum-menu-item-edge-to-content-not-selected-extra-large:45px;
- --spectrum-menu-item-top-to-disclosure-icon-small:7px;
- --spectrum-menu-item-top-to-disclosure-icon-medium:11px;
- --spectrum-menu-item-top-to-disclosure-icon-large:14px;
- --spectrum-menu-item-top-to-disclosure-icon-extra-large:17px;
- --spectrum-menu-item-top-to-selected-icon-small:7px;
- --spectrum-menu-item-top-to-selected-icon-medium:11px;
- --spectrum-menu-item-top-to-selected-icon-large:14px;
- --spectrum-menu-item-top-to-selected-icon-extra-large:17px;
- --spectrum-slider-control-to-field-label-small:5px;
- --spectrum-slider-control-to-field-label-medium:8px;
- --spectrum-slider-control-to-field-label-large:11px;
- --spectrum-slider-control-to-field-label-extra-large:14px;
- --spectrum-picker-visual-to-disclosure-icon-small:7px;
- --spectrum-picker-visual-to-disclosure-icon-medium:8px;
- --spectrum-picker-visual-to-disclosure-icon-large:9px;
- --spectrum-picker-visual-to-disclosure-icon-extra-large:10px;
- --spectrum-text-area-minimum-width:112px;
- --spectrum-text-area-minimum-height:56px;
- --spectrum-combo-box-visual-to-field-button-small:7px;
- --spectrum-combo-box-visual-to-field-button-medium:8px;
- --spectrum-combo-box-visual-to-field-button-large:9px;
- --spectrum-combo-box-visual-to-field-button-extra-large:10px;
- --spectrum-thumbnail-size-50:16px;
- --spectrum-thumbnail-size-75:18px;
- --spectrum-thumbnail-size-100:20px;
- --spectrum-thumbnail-size-200:22px;
- --spectrum-thumbnail-size-300:26px;
- --spectrum-thumbnail-size-400:28px;
- --spectrum-thumbnail-size-500:32px;
- --spectrum-thumbnail-size-600:36px;
- --spectrum-thumbnail-size-700:40px;
- --spectrum-thumbnail-size-800:44px;
- --spectrum-thumbnail-size-900:50px;
- --spectrum-thumbnail-size-1000:56px;
- --spectrum-alert-dialog-title-size:var(--spectrum-heading-size-s);
- --spectrum-alert-dialog-description-size:var(--spectrum-body-size-s);
- --spectrum-opacity-checkerboard-square-size:8px;
- --spectrum-contextual-help-title-size:var(--spectrum-heading-size-xs);
- --spectrum-contextual-help-body-size:var(--spectrum-body-size-s);
- --spectrum-breadcrumbs-height-multiline:72px;
- --spectrum-breadcrumbs-top-to-text:13px;
- --spectrum-breadcrumbs-top-to-text-compact:11px;
- --spectrum-breadcrumbs-top-to-text-multiline:12px;
- --spectrum-breadcrumbs-bottom-to-text:15px;
- --spectrum-breadcrumbs-bottom-to-text-compact:12px;
- --spectrum-breadcrumbs-bottom-to-text-multiline:9px;
- --spectrum-breadcrumbs-start-edge-to-text:8px;
- --spectrum-breadcrumbs-top-text-to-bottom-text:9px;
- --spectrum-breadcrumbs-top-to-separator-icon:19px;
- --spectrum-breadcrumbs-top-to-separator-icon-compact:15px;
- --spectrum-breadcrumbs-top-to-separator-icon-multiline:15px;
- --spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline:11px;
- --spectrum-breadcrumbs-top-to-truncated-menu:8px;
- --spectrum-breadcrumbs-top-to-truncated-menu-compact:4px;
- --spectrum-avatar-size-50:16px;
- --spectrum-avatar-size-75:18px;
- --spectrum-avatar-size-100:20px;
- --spectrum-avatar-size-200:22px;
- --spectrum-avatar-size-300:26px;
- --spectrum-avatar-size-400:28px;
- --spectrum-avatar-size-500:32px;
- --spectrum-avatar-size-600:36px;
- --spectrum-avatar-size-700:40px;
- --spectrum-alert-banner-minimum-height:48px;
- --spectrum-alert-banner-width:832px;
- --spectrum-alert-banner-top-to-workflow-icon:15px;
- --spectrum-alert-banner-top-to-text:14px;
- --spectrum-alert-banner-bottom-to-text:17px;
- --spectrum-rating-indicator-width:18px;
- --spectrum-rating-indicator-to-icon:4px;
- --spectrum-color-area-width:192px;
- --spectrum-color-area-minimum-width:64px;
- --spectrum-color-area-height:192px;
- --spectrum-color-area-minimum-height:64px;
- --spectrum-color-wheel-width:192px;
- --spectrum-color-wheel-minimum-width:175px;
- --spectrum-color-slider-length:192px;
- --spectrum-color-slider-minimum-length:80px;
- --spectrum-illustrated-message-title-size:var(--spectrum-heading-size-m);
- --spectrum-illustrated-message-cjk-title-size:var(--spectrum-heading-cjk-size-m);
- --spectrum-illustrated-message-body-size:var(--spectrum-body-size-s);
- --spectrum-coach-mark-width:296px;
- --spectrum-coach-mark-minimum-width:296px;
- --spectrum-coach-mark-maximum-width:380px;
- --spectrum-coach-mark-edge-to-content:var(--spectrum-spacing-400);
- --spectrum-coach-mark-pagination-text-to-bottom-edge:33px;
- --spectrum-coach-mark-media-height:222px;
- --spectrum-coach-mark-media-minimum-height:166px;
- --spectrum-coach-mark-title-size:var(--spectrum-heading-size-xs);
- --spectrum-coach-mark-body-size:var(--spectrum-body-size-s);
- --spectrum-coach-mark-pagination-body-size:var(--spectrum-body-size-s);
- --spectrum-accordion-top-to-text-regular-small:5px;
- --spectrum-accordion-small-top-to-text-spacious:9px;
- --spectrum-accordion-top-to-text-regular-medium:8px;
- --spectrum-accordion-top-to-text-spacious-medium:12px;
- --spectrum-accordion-top-to-text-compact-large:4px;
- --spectrum-accordion-top-to-text-regular-large:9px;
- --spectrum-accordion-top-to-text-spacious-large:12px;
- --spectrum-accordion-top-to-text-compact-extra-large:5px;
- --spectrum-accordion-top-to-text-regular-extra-large:9px;
- --spectrum-accordion-top-to-text-spacious-extra-large:13px;
- --spectrum-accordion-bottom-to-text-compact-small:2px;
- --spectrum-accordion-bottom-to-text-regular-small:7px;
- --spectrum-accordion-bottom-to-text-spacious-small:11px;
- --spectrum-accordion-bottom-to-text-compact-medium:5px;
- --spectrum-accordion-bottom-to-text-regular-medium:9px;
- --spectrum-accordion-bottom-to-text-spacious-medium:13px;
- --spectrum-accordion-bottom-to-text-compact-large:8px;
- --spectrum-accordion-bottom-to-text-regular-large:11px;
- --spectrum-accordion-bottom-to-text-spacious-large:16px;
- --spectrum-accordion-bottom-to-text-compact-extra-large:8px;
- --spectrum-accordion-bottom-to-text-regular-extra-large:12px;
- --spectrum-accordion-bottom-to-text-spacious-extra-large:16px;
- --spectrum-accordion-minimum-width:200px;
- --spectrum-accordion-content-area-top-to-content:8px;
- --spectrum-accordion-content-area-bottom-to-content:16px;
- --spectrum-color-handle-size:16px;
- --spectrum-color-handle-size-key-focus:32px;
- --spectrum-table-column-header-row-top-to-text-small:8px;
- --spectrum-table-column-header-row-top-to-text-medium:7px;
- --spectrum-table-column-header-row-top-to-text-large:10px;
- --spectrum-table-column-header-row-top-to-text-extra-large:13px;
- --spectrum-table-column-header-row-bottom-to-text-small:9px;
- --spectrum-table-column-header-row-bottom-to-text-medium:8px;
- --spectrum-table-column-header-row-bottom-to-text-large:10px;
- --spectrum-table-column-header-row-bottom-to-text-extra-large:13px;
- --spectrum-table-row-height-small-regular:32px;
- --spectrum-table-row-height-medium-regular:40px;
- --spectrum-table-row-height-large-regular:48px;
- --spectrum-table-row-height-extra-large-regular:56px;
- --spectrum-table-row-height-small-spacious:40px;
- --spectrum-table-row-height-medium-spacious:48px;
- --spectrum-table-row-height-large-spacious:56px;
- --spectrum-table-row-height-extra-large-spacious:64px;
- --spectrum-table-row-top-to-text-small-regular:8px;
- --spectrum-table-row-top-to-text-medium-regular:11px;
- --spectrum-table-row-top-to-text-large-regular:14px;
- --spectrum-table-row-top-to-text-extra-large-regular:17px;
- --spectrum-table-row-bottom-to-text-small-regular:9px;
- --spectrum-table-row-bottom-to-text-medium-regular:12px;
- --spectrum-table-row-bottom-to-text-large-regular:14px;
- --spectrum-table-row-bottom-to-text-extra-large-regular:17px;
- --spectrum-table-row-top-to-text-small-spacious:12px;
- --spectrum-table-row-top-to-text-medium-spacious:15px;
- --spectrum-table-row-top-to-text-large-spacious:18px;
- --spectrum-table-row-top-to-text-extra-large-spacious:21px;
- --spectrum-table-row-bottom-to-text-small-spacious:13px;
- --spectrum-table-row-bottom-to-text-medium-spacious:16px;
- --spectrum-table-row-bottom-to-text-large-spacious:18px;
- --spectrum-table-row-bottom-to-text-extra-large-spacious:21px;
- --spectrum-table-checkbox-to-text:24px;
- --spectrum-table-header-row-checkbox-to-top-small:10px;
- --spectrum-table-header-row-checkbox-to-top-medium:9px;
- --spectrum-table-header-row-checkbox-to-top-large:12px;
- --spectrum-table-header-row-checkbox-to-top-extra-large:15px;
- --spectrum-table-row-checkbox-to-top-small-compact:6px;
- --spectrum-table-row-checkbox-to-top-small-regular:10px;
- --spectrum-table-row-checkbox-to-top-small-spacious:14px;
- --spectrum-table-row-checkbox-to-top-medium-compact:9px;
- --spectrum-table-row-checkbox-to-top-medium-regular:13px;
- --spectrum-table-row-checkbox-to-top-medium-spacious:17px;
- --spectrum-table-row-checkbox-to-top-large-compact:12px;
- --spectrum-table-row-checkbox-to-top-large-regular:16px;
- --spectrum-table-row-checkbox-to-top-large-spacious:20px;
- --spectrum-table-row-checkbox-to-top-extra-large-compact:15px;
- --spectrum-table-row-checkbox-to-top-extra-large-regular:19px;
- --spectrum-table-row-checkbox-to-top-extra-large-spacious:23px;
- --spectrum-table-section-header-row-height-small:24px;
- --spectrum-table-section-header-row-height-medium:32px;
- --spectrum-table-section-header-row-height-large:40px;
- --spectrum-table-section-header-row-height-extra-large:48px;
- --spectrum-table-thumbnail-to-top-minimum-small-compact:4px;
- --spectrum-table-thumbnail-to-top-minimum-medium-compact:5px;
- --spectrum-table-thumbnail-to-top-minimum-large-compact:7px;
- --spectrum-table-thumbnail-to-top-minimum-extra-large-compact:8px;
- --spectrum-table-thumbnail-to-top-minimum-small-regular:5px;
- --spectrum-table-thumbnail-to-top-minimum-medium-regular:7px;
- --spectrum-table-thumbnail-to-top-minimum-large-regular:8px;
- --spectrum-table-thumbnail-to-top-minimum-extra-large-regular:8px;
- --spectrum-table-thumbnail-to-top-minimum-small-spacious:7px;
- --spectrum-table-thumbnail-to-top-minimum-medium-spacious:8px;
- --spectrum-table-thumbnail-to-top-minimum-large-spacious:8px;
- --spectrum-table-thumbnail-to-top-minimum-extra-large-spacious:10px;
- --spectrum-tab-item-to-tab-item-horizontal-small:21px;
- --spectrum-tab-item-to-tab-item-horizontal-medium:24px;
- --spectrum-tab-item-to-tab-item-horizontal-large:27px;
- --spectrum-tab-item-to-tab-item-horizontal-extra-large:30px;
- --spectrum-tab-item-to-tab-item-vertical-small:4px;
- --spectrum-tab-item-to-tab-item-vertical-medium:4px;
- --spectrum-tab-item-to-tab-item-vertical-large:5px;
- --spectrum-tab-item-to-tab-item-vertical-extra-large:5px;
- --spectrum-tab-item-start-to-edge-small:12px;
- --spectrum-tab-item-start-to-edge-medium:12px;
- --spectrum-tab-item-start-to-edge-large:13px;
- --spectrum-tab-item-start-to-edge-extra-large:13px;
- --spectrum-tab-item-top-to-text-small:11px;
- --spectrum-tab-item-bottom-to-text-small:12px;
- --spectrum-tab-item-top-to-text-medium:14px;
- --spectrum-tab-item-bottom-to-text-medium:14px;
- --spectrum-tab-item-top-to-text-large:16px;
- --spectrum-tab-item-bottom-to-text-large:18px;
- --spectrum-tab-item-top-to-text-extra-large:19px;
- --spectrum-tab-item-bottom-to-text-extra-large:20px;
- --spectrum-tab-item-top-to-text-compact-small:4px;
- --spectrum-tab-item-bottom-to-text-compact-small:5px;
- --spectrum-tab-item-top-to-text-compact-medium:6px;
- --spectrum-tab-item-bottom-to-text-compact-medium:8px;
- --spectrum-tab-item-top-to-text-compact-large:10px;
- --spectrum-tab-item-bottom-to-text-compact-large:12px;
- --spectrum-tab-item-top-to-text-compact-extra-large:12px;
- --spectrum-tab-item-bottom-to-text-compact-extra-large:13px;
- --spectrum-tab-item-top-to-workflow-icon-small:13px;
- --spectrum-tab-item-top-to-workflow-icon-medium:15px;
- --spectrum-tab-item-top-to-workflow-icon-large:17px;
- --spectrum-tab-item-top-to-workflow-icon-extra-large:19px;
- --spectrum-tab-item-top-to-workflow-icon-compact-small:3px;
- --spectrum-tab-item-top-to-workflow-icon-compact-medium:7px;
- --spectrum-tab-item-top-to-workflow-icon-compact-large:9px;
- --spectrum-tab-item-top-to-workflow-icon-compact-extra-large:11px;
- --spectrum-tab-item-focus-indicator-gap-small:7px;
- --spectrum-tab-item-focus-indicator-gap-medium:8px;
- --spectrum-tab-item-focus-indicator-gap-large:9px;
- --spectrum-tab-item-focus-indicator-gap-extra-large:10px;
- --spectrum-side-navigation-width:192px;
- --spectrum-side-navigation-minimum-width:160px;
- --spectrum-side-navigation-maximum-width:240px;
- --spectrum-side-navigation-second-level-edge-to-text:24px;
- --spectrum-side-navigation-third-level-edge-to-text:36px;
- --spectrum-side-navigation-with-icon-second-level-edge-to-text:50px;
- --spectrum-side-navigation-with-icon-third-level-edge-to-text:62px;
- --spectrum-side-navigation-item-to-item:4px;
- --spectrum-side-navigation-item-to-header:24px;
- --spectrum-side-navigation-header-to-item:8px;
- --spectrum-side-navigation-bottom-to-text:8px;
- --spectrum-tray-top-to-content-area:4px;
- --spectrum-accordion-top-to-text-spacious-small:9px;
- --spectrum-text-to-visual-50:6px;
- --spectrum-text-to-visual-75:7px;
- --spectrum-text-to-visual-100:8px;
- --spectrum-text-to-visual-200:9px;
- --spectrum-text-to-visual-300:10px;
- --spectrum-text-to-control-75:9px;
- --spectrum-text-to-control-100:10px;
- --spectrum-text-to-control-200:11px;
- --spectrum-text-to-control-300:13px;
- --spectrum-component-height-50:20px;
- --spectrum-component-height-75:24px;
- --spectrum-component-height-100:32px;
- --spectrum-component-height-200:40px;
- --spectrum-component-height-300:48px;
- --spectrum-component-height-400:56px;
- --spectrum-component-height-500:64px;
- --spectrum-component-pill-edge-to-visual-75:10px;
- --spectrum-component-pill-edge-to-visual-100:14px;
- --spectrum-component-pill-edge-to-visual-200:18px;
- --spectrum-component-pill-edge-to-visual-300:21px;
- --spectrum-component-pill-edge-to-visual-only-75:4px;
- --spectrum-component-pill-edge-to-visual-only-100:7px;
- --spectrum-component-pill-edge-to-visual-only-200:10px;
- --spectrum-component-pill-edge-to-visual-only-300:13px;
- --spectrum-component-pill-edge-to-text-75:12px;
- --spectrum-component-pill-edge-to-text-100:16px;
- --spectrum-component-pill-edge-to-text-200:20px;
- --spectrum-component-pill-edge-to-text-300:24px;
- --spectrum-component-edge-to-visual-50:6px;
- --spectrum-component-edge-to-visual-75:7px;
- --spectrum-component-edge-to-visual-100:10px;
- --spectrum-component-edge-to-visual-200:13px;
- --spectrum-component-edge-to-visual-300:15px;
- --spectrum-component-edge-to-visual-only-50:3px;
- --spectrum-component-edge-to-visual-only-75:4px;
- --spectrum-component-edge-to-visual-only-100:7px;
- --spectrum-component-edge-to-visual-only-200:10px;
- --spectrum-component-edge-to-visual-only-300:13px;
- --spectrum-component-edge-to-text-50:8px;
- --spectrum-component-edge-to-text-75:9px;
- --spectrum-component-edge-to-text-100:12px;
- --spectrum-component-edge-to-text-200:15px;
- --spectrum-component-edge-to-text-300:18px;
- --spectrum-component-top-to-workflow-icon-50:3px;
- --spectrum-component-top-to-workflow-icon-75:4px;
- --spectrum-component-top-to-workflow-icon-100:7px;
- --spectrum-component-top-to-workflow-icon-200:10px;
- --spectrum-component-top-to-workflow-icon-300:13px;
- --spectrum-component-top-to-text-50:3px;
- --spectrum-component-top-to-text-75:4px;
- --spectrum-component-top-to-text-100:6px;
- --spectrum-component-top-to-text-200:9px;
- --spectrum-component-top-to-text-300:12px;
- --spectrum-component-bottom-to-text-50:3px;
- --spectrum-component-bottom-to-text-75:5px;
- --spectrum-component-bottom-to-text-100:9px;
- --spectrum-component-bottom-to-text-200:11px;
- --spectrum-component-bottom-to-text-300:14px;
- --spectrum-component-to-menu-small:6px;
- --spectrum-component-to-menu-medium:6px;
- --spectrum-component-to-menu-large:7px;
- --spectrum-component-to-menu-extra-large:8px;
- --spectrum-field-edge-to-disclosure-icon-75:7px;
- --spectrum-field-edge-to-disclosure-icon-100:11px;
- --spectrum-field-edge-to-disclosure-icon-200:14px;
- --spectrum-field-edge-to-disclosure-icon-300:17px;
- --spectrum-field-end-edge-to-disclosure-icon-75:7px;
- --spectrum-field-end-edge-to-disclosure-icon-100:11px;
- --spectrum-field-end-edge-to-disclosure-icon-200:14px;
- --spectrum-field-end-edge-to-disclosure-icon-300:17px;
- --spectrum-field-top-to-disclosure-icon-75:7px;
- --spectrum-field-top-to-disclosure-icon-100:11px;
- --spectrum-field-top-to-disclosure-icon-200:14px;
- --spectrum-field-top-to-disclosure-icon-300:17px;
- --spectrum-field-top-to-alert-icon-small:4px;
- --spectrum-field-top-to-alert-icon-medium:7px;
- --spectrum-field-top-to-alert-icon-large:10px;
- --spectrum-field-top-to-alert-icon-extra-large:13px;
- --spectrum-field-top-to-validation-icon-small:7px;
- --spectrum-field-top-to-validation-icon-medium:11px;
- --spectrum-field-top-to-validation-icon-large:14px;
- --spectrum-field-top-to-validation-icon-extra-large:17px;
- --spectrum-field-top-to-progress-circle-small:4px;
- --spectrum-field-top-to-progress-circle-medium:8px;
- --spectrum-field-top-to-progress-circle-large:12px;
- --spectrum-field-top-to-progress-circle-extra-large:16px;
- --spectrum-field-edge-to-alert-icon-small:9px;
- --spectrum-field-edge-to-alert-icon-medium:12px;
- --spectrum-field-edge-to-alert-icon-large:15px;
- --spectrum-field-edge-to-alert-icon-extra-large:18px;
- --spectrum-field-edge-to-validation-icon-small:9px;
- --spectrum-field-edge-to-validation-icon-medium:12px;
- --spectrum-field-edge-to-validation-icon-large:15px;
- --spectrum-field-edge-to-validation-icon-extra-large:18px;
- --spectrum-field-text-to-alert-icon-small:8px;
- --spectrum-field-text-to-alert-icon-medium:12px;
- --spectrum-field-text-to-alert-icon-large:15px;
- --spectrum-field-text-to-alert-icon-extra-large:18px;
- --spectrum-field-text-to-validation-icon-small:8px;
- --spectrum-field-text-to-validation-icon-medium:12px;
- --spectrum-field-text-to-validation-icon-large:15px;
- --spectrum-field-text-to-validation-icon-extra-large:18px;
- --spectrum-field-width:192px;
- --spectrum-character-count-to-field-quiet-small:-3px;
- --spectrum-character-count-to-field-quiet-medium:-3px;
- --spectrum-character-count-to-field-quiet-large:-3px;
- --spectrum-character-count-to-field-quiet-extra-large:-4px;
- --spectrum-side-label-character-count-to-field:12px;
- --spectrum-side-label-character-count-top-margin-small:4px;
- --spectrum-side-label-character-count-top-margin-medium:8px;
- --spectrum-side-label-character-count-top-margin-large:11px;
- --spectrum-side-label-character-count-top-margin-extra-large:14px;
- --spectrum-disclosure-indicator-top-to-disclosure-icon-small:7px;
- --spectrum-disclosure-indicator-top-to-disclosure-icon-medium:11px;
- --spectrum-disclosure-indicator-top-to-disclosure-icon-large:14px;
- --spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large:17px;
- --spectrum-navigational-indicator-top-to-back-icon-small:6px;
- --spectrum-navigational-indicator-top-to-back-icon-medium:9px;
- --spectrum-navigational-indicator-top-to-back-icon-large:12px;
- --spectrum-navigational-indicator-top-to-back-icon-extra-large:15px;
- --spectrum-color-control-track-width:24px;
- --spectrum-font-size-50:11px;
- --spectrum-font-size-75:12px;
- --spectrum-font-size-100:14px;
- --spectrum-font-size-200:16px;
- --spectrum-font-size-300:18px;
- --spectrum-font-size-400:20px;
- --spectrum-font-size-500:22px;
- --spectrum-font-size-600:25px;
- --spectrum-font-size-700:28px;
- --spectrum-font-size-800:32px;
- --spectrum-font-size-900:36px;
- --spectrum-font-size-1000:40px;
- --spectrum-font-size-1100:45px;
- --spectrum-font-size-1200:50px;
- --spectrum-font-size-1300:60px;
-}
diff --git a/tokens/dist/css/spectrum/custom-large-vars.css b/tokens/dist/css/spectrum/custom-large-vars.css
deleted file mode 100644
index 3a22a849de0..00000000000
--- a/tokens/dist/css/spectrum/custom-large-vars.css
+++ /dev/null
@@ -1,121 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--large{
- --spectrum-slider-tick-mark-height:13px;
- --spectrum-slider-ramp-track-height:20px;
-
- --spectrum-colorwheel-path:"M 119 119 m -119 0 a 119 119 0 1 0 238 0 a 119 119 0 1 0 -238 0.2 M 119 119 m -91 0 a 91 91 0 1 0 182 0 a 91 91 0 1 0 -182 0";
- --spectrum-colorwheel-path-borders:"M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
- --spectrum-colorwheel-colorarea-container-size:182px;
-
- --spectrum-colorloupe-checkerboard-fill:url(#checkerboard-secondary);
-
- --spectrum-contextual-help-content-spacing:var(--spectrum-spacing-200);
-
- --spectrum-menu-item-selectable-edge-to-text-not-selected-small:34px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-medium:42px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-large:47px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:54px;
-
- --spectrum-menu-item-checkmark-height-small:12px;
- --spectrum-menu-item-checkmark-height-medium:14px;
- --spectrum-menu-item-checkmark-height-large:16px;
- --spectrum-menu-item-checkmark-height-extra-large:16px;
-
- --spectrum-menu-item-checkmark-width-small:12px;
- --spectrum-menu-item-checkmark-width-medium:14px;
- --spectrum-menu-item-checkmark-width-large:16px;
- --spectrum-menu-item-checkmark-width-extra-large:16px;
-
- --spectrum-rating-icon-spacing:var(--spectrum-spacing-100);
-
- --spectrum-button-top-to-text-small:6px;
- --spectrum-button-bottom-to-text-small:5px;
- --spectrum-button-top-to-text-medium:9px;
- --spectrum-button-bottom-to-text-medium:10px;
- --spectrum-button-top-to-text-large:12px;
- --spectrum-button-bottom-to-text-large:13px;
- --spectrum-button-top-to-text-extra-large:16px;
- --spectrum-button-bottom-to-text-extra-large:17px;
-
- --spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-200);
- --spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-200);
- --spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-200);
- --spectrum-alert-banner-text-to-button-vertical:var(--spectrum-spacing-200);
-
- --spectrum-alert-dialog-padding:var(--spectrum-spacing-400);
- --spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-600);
-
- --spectrum-coach-indicator-gap:8px;
- --spectrum-coach-indicator-ring-diameter:20px;
- --spectrum-coach-indicator-quiet-ring-diameter:10px;
-
- --spectrum-coachmark-buttongroup-display:none;
- --spectrum-coachmark-buttongroup-mobile-display:flex;
- --spectrum-coachmark-menu-display:none;
- --spectrum-coachmark-menu-mobile-display:inline-flex;
-
- --spectrum-well-padding:20px;
- --spectrum-well-margin-top:5px;
- --spectrum-well-min-width:300px;
- --spectrum-well-border-radius:5px;
- --spectrum-workflow-icon-size-xxl:40px;
- --spectrum-workflow-icon-size-xxs:15px;
-
- --spectrum-treeview-item-indentation-medium:20px;
- --spectrum-treeview-item-indentation-small:15px;
- --spectrum-treeview-item-indentation-large:25px;
- --spectrum-treeview-item-indentation-extra-large:30px;
- --spectrum-treeview-indicator-inset-block-start:6px;
- --spectrum-treeview-item-min-block-size-thumbnail-offset-medium:2px;
-
- --spectrum-dialog-confirm-entry-animation-distance:25px;
- --spectrum-dialog-confirm-hero-height:160px;
- --spectrum-dialog-confirm-border-radius:5px;
- --spectrum-dialog-confirm-title-text-size:19px;
- --spectrum-dialog-confirm-description-text-size:15px;
- --spectrum-dialog-confirm-padding-grid:24px;
-
- --spectrum-datepicker-initial-width:160px;
- --spectrum-datepicker-generic-padding:15px;
- --spectrum-datepicker-dash-line-height:30px;
- --spectrum-datepicker-width-quiet-first:90px;
- --spectrum-datepicker-width-quiet-second:20px;
- --spectrum-datepicker-datetime-width-first:45px;
- --spectrum-datepicker-invalid-icon-to-button:10px;
- --spectrum-datepicker-invalid-icon-to-button-quiet:9px;
- --spectrum-datepicker-input-datetime-width:30px;
-
- --spectrum-pagination-textfield-width:60px;
- --spectrum-pagination-item-inline-spacing:6px;
-
- --spectrum-dial-border-radius:20px;
- --spectrum-dial-handle-position:10px;
- --spectrum-dial-handle-block-margin:20px;
- --spectrum-dial-handle-inline-margin:20px;
- --spectrum-dial-controls-margin:10px;
- --spectrum-dial-label-gap-y:6px;
- --spectrum-dial-label-container-top-to-text:5px;
-
- --spectrum-assetcard-focus-ring-border-radius:9px;
- --spectrum-assetcard-selectionindicator-margin:15px;
- --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xxs);
- --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xxs);
- --spectrum-assetcard-content-font-size:var(--spectrum-body-size-xs);
-
- --spectrum-tooltip-animation-distance:5px;
-
- --spectrum-ui-icon-medium-display:none;
- --spectrum-ui-icon-large-display:block;
-}
diff --git a/tokens/dist/css/spectrum/custom-medium-vars.css b/tokens/dist/css/spectrum/custom-medium-vars.css
deleted file mode 100644
index 4e22b9302e5..00000000000
--- a/tokens/dist/css/spectrum/custom-medium-vars.css
+++ /dev/null
@@ -1,120 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--medium{
- --spectrum-slider-tick-mark-height:10px;
- --spectrum-slider-ramp-track-height:16px;
-
- --spectrum-colorwheel-path:"M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0";
- --spectrum-colorwheel-path-borders:"M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
- --spectrum-colorwheel-colorarea-container-size:144px;
-
- --spectrum-colorloupe-checkerboard-fill:url(#checkerboard-primary);
-
- --spectrum-contextual-help-content-spacing:var(--spectrum-spacing-100);
-
- --spectrum-menu-item-selectable-edge-to-text-not-selected-small:28px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-medium:32px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-large:38px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:45px;
-
- --spectrum-menu-item-checkmark-height-small:10px;
- --spectrum-menu-item-checkmark-height-medium:10px;
- --spectrum-menu-item-checkmark-height-large:12px;
- --spectrum-menu-item-checkmark-height-extra-large:14px;
-
- --spectrum-menu-item-checkmark-width-small:10px;
- --spectrum-menu-item-checkmark-width-medium:10px;
- --spectrum-menu-item-checkmark-width-large:12px;
- --spectrum-menu-item-checkmark-width-extra-large:14px;
-
- --spectrum-rating-icon-spacing:var(--spectrum-spacing-75);
-
- --spectrum-button-top-to-text-small:5px;
- --spectrum-button-bottom-to-text-small:4px;
- --spectrum-button-top-to-text-medium:7px;
- --spectrum-button-bottom-to-text-medium:8px;
- --spectrum-button-top-to-text-large:10px;
- --spectrum-button-bottom-to-text-large:10px;
- --spectrum-button-top-to-text-extra-large:13px;
- --spectrum-button-bottom-to-text-extra-large:13px;
-
- --spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-100);
- --spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-100);
- --spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-100);
- --spectrum-alert-banner-text-to-button-vertical:var(--spectrum-spacing-100);
-
- --spectrum-alert-dialog-padding:var(--spectrum-spacing-500);
- --spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-700);
-
- --spectrum-coach-indicator-gap:6px;
- --spectrum-coach-indicator-ring-diameter:var(--spectrum-spacing-300);
- --spectrum-coach-indicator-quiet-ring-diameter:var(--spectrum-spacing-100);
-
- --spectrum-coachmark-buttongroup-display:flex;
- --spectrum-coachmark-buttongroup-mobile-display:none;
- --spectrum-coachmark-menu-display:inline-flex;
- --spectrum-coachmark-menu-mobile-display:none;
- --spectrum-well-padding:var(--spectrum-spacing-300);
- --spectrum-well-margin-top:var(--spectrum-spacing-75);
- --spectrum-well-min-width:240px;
- --spectrum-well-border-radius:var(--spectrum-spacing-75);
- --spectrum-workflow-icon-size-xxl:32px;
- --spectrum-workflow-icon-size-xxs:12px;
-
- --spectrum-treeview-item-indentation-medium:var(--spectrum-spacing-300);
- --spectrum-treeview-item-indentation-small:var(--spectrum-spacing-200);
- --spectrum-treeview-item-indentation-large:20px;
- --spectrum-treeview-item-indentation-extra-large:var(--spectrum-spacing-400);
- --spectrum-treeview-indicator-inset-block-start:5px;
- --spectrum-treeview-item-min-block-size-thumbnail-offset-medium:0px;
-
- --spectrum-dialog-confirm-entry-animation-distance:20px;
- --spectrum-dialog-confirm-hero-height:128px;
- --spectrum-dialog-confirm-border-radius:4px;
- --spectrum-dialog-confirm-title-text-size:18px;
- --spectrum-dialog-confirm-description-text-size:14px;
- --spectrum-dialog-confirm-padding-grid:40px;
-
- --spectrum-datepicker-initial-width:128px;
- --spectrum-datepicker-generic-padding:var(--spectrum-spacing-200);
- --spectrum-datepicker-dash-line-height:24px;
- --spectrum-datepicker-width-quiet-first:72px;
- --spectrum-datepicker-width-quiet-second:16px;
- --spectrum-datepicker-datetime-width-first:36px;
- --spectrum-datepicker-invalid-icon-to-button:8px;
- --spectrum-datepicker-invalid-icon-to-button-quiet:7px;
- --spectrum-datepicker-input-datetime-width:var(--spectrum-spacing-400);
-
- --spectrum-pagination-textfield-width:var(--spectrum-spacing-700);
- --spectrum-pagination-item-inline-spacing:5px;
-
- --spectrum-dial-border-radius:16px;
- --spectrum-dial-handle-position:8px;
- --spectrum-dial-handle-block-margin:16px;
- --spectrum-dial-handle-inline-margin:16px;
- --spectrum-dial-controls-margin:8px;
- --spectrum-dial-label-gap-y:5px;
- --spectrum-dial-label-container-top-to-text:4px;
-
- --spectrum-assetcard-focus-ring-border-radius:8px;
- --spectrum-assetcard-selectionindicator-margin:12px;
- --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xs);
- --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xs);
- --spectrum-assetcard-content-font-size:var(--spectrum-body-size-s);
-
- --spectrum-tooltip-animation-distance:var(--spectrum-spacing-75);
-
- --spectrum-ui-icon-medium-display:block;
- --spectrum-ui-icon-large-display:none;
-}
diff --git a/tokens/dist/css/spectrum/custom-vars.css b/tokens/dist/css/spectrum/custom-vars.css
deleted file mode 100644
index 6481b08241c..00000000000
--- a/tokens/dist/css/spectrum/custom-vars.css
+++ /dev/null
@@ -1,59 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum{
- --system:spectrum;
- --spectrum-animation-linear:cubic-bezier(0, 0, 1, 1);
- --spectrum-animation-duration-0:0ms;
- --spectrum-animation-duration-100:130ms;
- --spectrum-animation-duration-200:160ms;
- --spectrum-animation-duration-300:190ms;
- --spectrum-animation-duration-400:220ms;
- --spectrum-animation-duration-500:250ms;
- --spectrum-animation-duration-600:300ms;
- --spectrum-animation-duration-700:350ms;
- --spectrum-animation-duration-800:400ms;
- --spectrum-animation-duration-900:450ms;
- --spectrum-animation-duration-1000:500ms;
- --spectrum-animation-duration-2000:1000ms;
- --spectrum-animation-duration-4000:2000ms;
- --spectrum-animation-duration-6000:3000ms;
- --spectrum-animation-ease-in-out:cubic-bezier(0.45, 0, 0.4, 1);
- --spectrum-animation-ease-in:cubic-bezier(0.5, 0, 1, 1);
- --spectrum-animation-ease-out:cubic-bezier(0, 0, 0.4, 1);
- --spectrum-animation-ease-linear:cubic-bezier(0, 0, 1, 1);
-
- --spectrum-sans-font-family-stack:adobe-clean, var(--spectrum-sans-serif-font-family), "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
- --spectrum-sans-serif-font:var(--spectrum-sans-font-family-stack);
-
- --spectrum-serif-font-family-stack:adobe-clean-serif, var(--spectrum-serif-font-family), "Source Serif Pro", Georgia, serif;
- --spectrum-serif-font:var(--spectrum-serif-font-family-stack);
-
- --spectrum-code-font-family-stack:"Source Code Pro", Monaco, monospace;
-
- --spectrum-font-family-ar:myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
- --spectrum-font-family-he:myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
-
- --spectrum-font-family:var(--spectrum-sans-font-family-stack);
- --spectrum-font-style:var(--spectrum-default-font-style);
- --spectrum-font-size:var(--spectrum-font-size-100);
-
- --spectrum-cjk-font-family-stack:adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
- --spectrum-cjk-font:var(--spectrum-code-font-family-stack);
- --spectrum-docs-static-white-background-color-rgb:15, 121, 125;
- --spectrum-docs-static-white-background-color:rgba(var(--spectrum-docs-static-white-background-color-rgb));
- --spectrum-docs-static-black-background-color-rgb:181, 209, 211;
- --spectrum-docs-static-black-background-color:rgba(var(--spectrum-docs-static-black-background-color-rgb));
-
- --spectrum-coach-indicator-ring-static-white-color:var(--spectrum-white);
-}
diff --git a/tokens/dist/css/spectrum/dark-vars.css b/tokens/dist/css/spectrum/dark-vars.css
deleted file mode 100644
index c93a8ad02c3..00000000000
--- a/tokens/dist/css/spectrum/dark-vars.css
+++ /dev/null
@@ -1,76 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--dark{
- --spectrum-menu-item-background-color-default-rgb:255, 255, 255;
- --spectrum-menu-item-background-color-default-opacity:0;
- --spectrum-menu-item-background-color-default:rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
- --spectrum-menu-item-background-color-hover:var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-down:var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-key-focus:var(--spectrum-transparent-white-200);
- --spectrum-drop-zone-background-color-rgb:var(--spectrum-blue-900-rgb);
- --spectrum-dropindicator-color:var(--spectrum-blue-700);
-
- --spectrum-calendar-day-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.15);
- --spectrum-calendar-day-background-color-hover:rgba(var(--spectrum-white-rgb), 0.07);
- --spectrum-calendar-day-today-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-calendar-day-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-calendar-day-background-color-down:var(--spectrum-transparent-white-200);
- --spectrum-calendar-day-background-color-cap-selected:rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-calendar-day-background-color-key-focus:rgba(var(--spectrum-white-rgb), 0.07);
- --spectrum-calendar-day-border-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-card-selected-background-color-rgb:var(--spectrum-blue-500-rgb);
-
- --spectrum-badge-label-icon-color-primary:var(--spectrum-black);
-
- --spectrum-coach-indicator-ring-default-color:var(--spectrum-blue-700);
- --spectrum-coach-indicator-ring-dark-color:var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color:var(--spectrum-gray-50);
-
- --spectrum-well-border-color:rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-steplist-current-marker-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-treeview-item-background-color-quiet-selected:rgba(var(--spectrum-gray-900-rgb), 0.07);
- --spectrum-treeview-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.15);
-
- --spectrum-logic-button-and-background-color:var(--spectrum-blue-800);
- --spectrum-logic-button-and-border-color:var(--spectrum-blue-800);
- --spectrum-logic-button-and-background-color-hover:var(--spectrum-blue-1000);
- --spectrum-logic-button-and-border-color-hover:var(--spectrum-blue-1000);
-
- --spectrum-logic-button-or-background-color:var(--spectrum-magenta-700);
- --spectrum-logic-button-or-border-color:var(--spectrum-magenta-700);
- --spectrum-logic-button-or-background-color-hover:var(--spectrum-magenta-900);
- --spectrum-logic-button-or-border-color-hover:var(--spectrum-magenta-900);
-
- --spectrum-assetcard-border-color-selected:var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-hover:var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-down:var(--spectrum-blue-900);
- --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-blue-800);
- --spectrum-assestcard-focus-indicator-color:var(--spectrum-blue-700);
-
- --spectrum-assetlist-item-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-assetlist-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.15);
- --spectrum-assetlist-border-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-swatch-border-color-rgb:255, 255, 255;
-
- --spectrum-swatch-border-color-opacity:0.51;
-
- --spectrum-swatch-border-color:rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
- --spectrum-swatch-border-color-light-rgb:255, 255, 255;
- --spectrum-swatch-border-color-light-opacity:0.2;
- --spectrum-swatch-border-color-light:rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
-}
diff --git a/tokens/dist/css/spectrum/darkest-vars.css b/tokens/dist/css/spectrum/darkest-vars.css
deleted file mode 100644
index 810c81900d0..00000000000
--- a/tokens/dist/css/spectrum/darkest-vars.css
+++ /dev/null
@@ -1,76 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--darkest{
- --spectrum-menu-item-background-color-default-rgb:255, 255, 255;
- --spectrum-menu-item-background-color-default-opacity:0;
- --spectrum-menu-item-background-color-default:rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
- --spectrum-menu-item-background-color-hover:var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-down:var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-key-focus:var(--spectrum-transparent-white-200);
- --spectrum-drop-zone-background-color-rgb:var(--spectrum-blue-900-rgb);
- --spectrum-dropindicator-color:var(--spectrum-blue-700);
-
- --spectrum-calendar-day-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.2);
- --spectrum-calendar-day-background-color-hover:rgba(var(--spectrum-white-rgb), 0.08);
- --spectrum-calendar-day-today-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-down:rgba(var(--spectrum-white-rgb), 0.15);
- --spectrum-calendar-day-background-color-cap-selected:rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-key-focus:rgba(var(--spectrum-white-rgb), 0.08);
- --spectrum-calendar-day-border-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-card-selected-background-color-rgb:var(--spectrum-blue-600-rgb);
-
- --spectrum-badge-label-icon-color-primary:var(--spectrum-black);
-
- --spectrum-coach-indicator-ring-default-color:var(--spectrum-blue-700);
- --spectrum-coach-indicator-ring-dark-color:var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color:var(--spectrum-gray-50);
-
- --spectrum-well-border-color:rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-steplist-current-marker-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-treeview-item-background-color-quiet-selected:rgba(var(--spectrum-gray-900-rgb), 0.08);
- --spectrum-treeview-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.2);
-
- --spectrum-logic-button-and-background-color:var(--spectrum-blue-800);
- --spectrum-logic-button-and-border-color:var(--spectrum-blue-800);
- --spectrum-logic-button-and-background-color-hover:var(--spectrum-blue-1000);
- --spectrum-logic-button-and-border-color-hover:var(--spectrum-blue-1000);
-
- --spectrum-logic-button-or-background-color:var(--spectrum-magenta-700);
- --spectrum-logic-button-or-border-color:var(--spectrum-magenta-700);
- --spectrum-logic-button-or-background-color-hover:var(--spectrum-magenta-900);
- --spectrum-logic-button-or-border-color-hover:var(--spectrum-magenta-900);
-
- --spectrum-assetcard-border-color-selected:var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-hover:var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-down:var(--spectrum-blue-900);
- --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-blue-800);
- --spectrum-assestcard-focus-indicator-color:var(--spectrum-blue-700);
-
- --spectrum-assetlist-item-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-assetlist-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.2);
- --spectrum-assetlist-border-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-swatch-border-color-rgb:255, 255, 255;
-
- --spectrum-swatch-border-color-opacity:0.51;
-
- --spectrum-swatch-border-color:rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
- --spectrum-swatch-border-color-light-rgb:255, 255, 255;
- --spectrum-swatch-border-color-light-opacity:0.2;
- --spectrum-swatch-border-color-light:rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
-}
diff --git a/tokens/dist/css/spectrum/global-vars.css b/tokens/dist/css/spectrum/global-vars.css
deleted file mode 100644
index d5e7de474ed..00000000000
--- a/tokens/dist/css/spectrum/global-vars.css
+++ /dev/null
@@ -1,98 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum{
- --spectrum-neutral-background-color-selected-default:var(--spectrum-gray-700);
- --spectrum-neutral-background-color-selected-hover:var(--spectrum-gray-800);
- --spectrum-neutral-background-color-selected-down:var(--spectrum-gray-900);
- --spectrum-neutral-background-color-selected-key-focus:var(--spectrum-gray-800);
- --spectrum-slider-track-thickness:2px;
- --spectrum-slider-handle-gap:4px;
- --spectrum-picker-border-width:var(--spectrum-border-width-100);
- --spectrum-in-field-button-fill-stacked-inner-border-rounding:0px;
- --spectrum-in-field-button-edge-to-fill:0px;
- --spectrum-in-field-button-stacked-inner-edge-to-fill:0px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium:3px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large:4px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large:5px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small);
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium);
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large);
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large);
- --spectrum-corner-radius-75:2px;
- --spectrum-drop-shadow-x:0px;
- --spectrum-border-width-100:1px;
- --spectrum-accent-color-100:var(--spectrum-blue-100);
- --spectrum-accent-color-200:var(--spectrum-blue-200);
- --spectrum-accent-color-300:var(--spectrum-blue-300);
- --spectrum-accent-color-400:var(--spectrum-blue-400);
- --spectrum-accent-color-500:var(--spectrum-blue-500);
- --spectrum-accent-color-600:var(--spectrum-blue-600);
- --spectrum-accent-color-700:var(--spectrum-blue-700);
- --spectrum-accent-color-800:var(--spectrum-blue-800);
- --spectrum-accent-color-900:var(--spectrum-blue-900);
- --spectrum-accent-color-1000:var(--spectrum-blue-1000);
- --spectrum-accent-color-1100:var(--spectrum-blue-1100);
- --spectrum-accent-color-1200:var(--spectrum-blue-1200);
- --spectrum-accent-color-1300:var(--spectrum-blue-1300);
- --spectrum-accent-color-1400:var(--spectrum-blue-1400);
- --spectrum-heading-sans-serif-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-heading-serif-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-heading-cjk-font-weight:var(--spectrum-extra-bold-font-weight);
- --spectrum-heading-sans-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-heading-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --system:spectrum;
- --spectrum-animation-linear:cubic-bezier(0, 0, 1, 1);
- --spectrum-animation-duration-0:0ms;
- --spectrum-animation-duration-100:130ms;
- --spectrum-animation-duration-200:160ms;
- --spectrum-animation-duration-300:190ms;
- --spectrum-animation-duration-400:220ms;
- --spectrum-animation-duration-500:250ms;
- --spectrum-animation-duration-600:300ms;
- --spectrum-animation-duration-700:350ms;
- --spectrum-animation-duration-800:400ms;
- --spectrum-animation-duration-900:450ms;
- --spectrum-animation-duration-1000:500ms;
- --spectrum-animation-duration-2000:1000ms;
- --spectrum-animation-duration-4000:2000ms;
- --spectrum-animation-duration-6000:3000ms;
- --spectrum-animation-ease-in-out:cubic-bezier(0.45, 0, 0.4, 1);
- --spectrum-animation-ease-in:cubic-bezier(0.5, 0, 1, 1);
- --spectrum-animation-ease-out:cubic-bezier(0, 0, 0.4, 1);
- --spectrum-animation-ease-linear:cubic-bezier(0, 0, 1, 1);
-
- --spectrum-sans-font-family-stack:adobe-clean, var(--spectrum-sans-serif-font-family), "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
- --spectrum-sans-serif-font:var(--spectrum-sans-font-family-stack);
-
- --spectrum-serif-font-family-stack:adobe-clean-serif, var(--spectrum-serif-font-family), "Source Serif Pro", Georgia, serif;
- --spectrum-serif-font:var(--spectrum-serif-font-family-stack);
-
- --spectrum-code-font-family-stack:"Source Code Pro", Monaco, monospace;
-
- --spectrum-font-family-ar:myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
- --spectrum-font-family-he:myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
-
- --spectrum-font-family:var(--spectrum-sans-font-family-stack);
- --spectrum-font-style:var(--spectrum-default-font-style);
- --spectrum-font-size:var(--spectrum-font-size-100);
-
- --spectrum-cjk-font-family-stack:adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
- --spectrum-cjk-font:var(--spectrum-code-font-family-stack);
- --spectrum-docs-static-white-background-color-rgb:15, 121, 125;
- --spectrum-docs-static-white-background-color:rgba(var(--spectrum-docs-static-white-background-color-rgb));
- --spectrum-docs-static-black-background-color-rgb:181, 209, 211;
- --spectrum-docs-static-black-background-color:rgba(var(--spectrum-docs-static-black-background-color-rgb));
-
- --spectrum-coach-indicator-ring-static-white-color:var(--spectrum-white);
-}
diff --git a/tokens/dist/css/spectrum/index.css b/tokens/dist/css/spectrum/index.css
deleted file mode 100644
index 491fd946d45..00000000000
--- a/tokens/dist/css/spectrum/index.css
+++ /dev/null
@@ -1,603 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--dark{
- --spectrum-menu-item-background-color-default-rgb:255, 255, 255;
- --spectrum-menu-item-background-color-default-opacity:0;
- --spectrum-menu-item-background-color-default:rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
- --spectrum-menu-item-background-color-hover:var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-down:var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-key-focus:var(--spectrum-transparent-white-200);
- --spectrum-drop-zone-background-color-rgb:var(--spectrum-blue-900-rgb);
- --spectrum-dropindicator-color:var(--spectrum-blue-700);
-
- --spectrum-calendar-day-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.15);
- --spectrum-calendar-day-background-color-hover:rgba(var(--spectrum-white-rgb), 0.07);
- --spectrum-calendar-day-today-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-calendar-day-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-calendar-day-background-color-down:var(--spectrum-transparent-white-200);
- --spectrum-calendar-day-background-color-cap-selected:rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-calendar-day-background-color-key-focus:rgba(var(--spectrum-white-rgb), 0.07);
- --spectrum-calendar-day-border-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-card-selected-background-color-rgb:var(--spectrum-blue-500-rgb);
-
- --spectrum-badge-label-icon-color-primary:var(--spectrum-black);
-
- --spectrum-coach-indicator-ring-default-color:var(--spectrum-blue-700);
- --spectrum-coach-indicator-ring-dark-color:var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color:var(--spectrum-gray-50);
-
- --spectrum-well-border-color:rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-steplist-current-marker-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-treeview-item-background-color-quiet-selected:rgba(var(--spectrum-gray-900-rgb), 0.07);
- --spectrum-treeview-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.15);
-
- --spectrum-logic-button-and-background-color:var(--spectrum-blue-800);
- --spectrum-logic-button-and-border-color:var(--spectrum-blue-800);
- --spectrum-logic-button-and-background-color-hover:var(--spectrum-blue-1000);
- --spectrum-logic-button-and-border-color-hover:var(--spectrum-blue-1000);
-
- --spectrum-logic-button-or-background-color:var(--spectrum-magenta-700);
- --spectrum-logic-button-or-border-color:var(--spectrum-magenta-700);
- --spectrum-logic-button-or-background-color-hover:var(--spectrum-magenta-900);
- --spectrum-logic-button-or-border-color-hover:var(--spectrum-magenta-900);
-
- --spectrum-assetcard-border-color-selected:var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-hover:var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-down:var(--spectrum-blue-900);
- --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-blue-800);
- --spectrum-assestcard-focus-indicator-color:var(--spectrum-blue-700);
-
- --spectrum-assetlist-item-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-assetlist-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.15);
- --spectrum-assetlist-border-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-swatch-border-color-rgb:255, 255, 255;
-
- --spectrum-swatch-border-color-opacity:0.51;
-
- --spectrum-swatch-border-color:rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
- --spectrum-swatch-border-color-light-rgb:255, 255, 255;
- --spectrum-swatch-border-color-light-opacity:0.2;
- --spectrum-swatch-border-color-light:rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
-}
-
-.spectrum--darkest{
- --spectrum-menu-item-background-color-default-rgb:255, 255, 255;
- --spectrum-menu-item-background-color-default-opacity:0;
- --spectrum-menu-item-background-color-default:rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
- --spectrum-menu-item-background-color-hover:var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-down:var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-key-focus:var(--spectrum-transparent-white-200);
- --spectrum-drop-zone-background-color-rgb:var(--spectrum-blue-900-rgb);
- --spectrum-dropindicator-color:var(--spectrum-blue-700);
-
- --spectrum-calendar-day-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.2);
- --spectrum-calendar-day-background-color-hover:rgba(var(--spectrum-white-rgb), 0.08);
- --spectrum-calendar-day-today-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-down:rgba(var(--spectrum-white-rgb), 0.15);
- --spectrum-calendar-day-background-color-cap-selected:rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-key-focus:rgba(var(--spectrum-white-rgb), 0.08);
- --spectrum-calendar-day-border-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-card-selected-background-color-rgb:var(--spectrum-blue-600-rgb);
-
- --spectrum-badge-label-icon-color-primary:var(--spectrum-black);
-
- --spectrum-coach-indicator-ring-default-color:var(--spectrum-blue-700);
- --spectrum-coach-indicator-ring-dark-color:var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color:var(--spectrum-gray-50);
-
- --spectrum-well-border-color:rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-steplist-current-marker-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-treeview-item-background-color-quiet-selected:rgba(var(--spectrum-gray-900-rgb), 0.08);
- --spectrum-treeview-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.2);
-
- --spectrum-logic-button-and-background-color:var(--spectrum-blue-800);
- --spectrum-logic-button-and-border-color:var(--spectrum-blue-800);
- --spectrum-logic-button-and-background-color-hover:var(--spectrum-blue-1000);
- --spectrum-logic-button-and-border-color-hover:var(--spectrum-blue-1000);
-
- --spectrum-logic-button-or-background-color:var(--spectrum-magenta-700);
- --spectrum-logic-button-or-border-color:var(--spectrum-magenta-700);
- --spectrum-logic-button-or-background-color-hover:var(--spectrum-magenta-900);
- --spectrum-logic-button-or-border-color-hover:var(--spectrum-magenta-900);
-
- --spectrum-assetcard-border-color-selected:var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-hover:var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-down:var(--spectrum-blue-900);
- --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-blue-800);
- --spectrum-assestcard-focus-indicator-color:var(--spectrum-blue-700);
-
- --spectrum-assetlist-item-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-assetlist-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.2);
- --spectrum-assetlist-border-color-key-focus:var(--spectrum-blue-700);
-
- --spectrum-swatch-border-color-rgb:255, 255, 255;
-
- --spectrum-swatch-border-color-opacity:0.51;
-
- --spectrum-swatch-border-color:rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
- --spectrum-swatch-border-color-light-rgb:255, 255, 255;
- --spectrum-swatch-border-color-light-opacity:0.2;
- --spectrum-swatch-border-color-light:rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
-}
-
-.spectrum{
- --spectrum-neutral-background-color-selected-default:var(--spectrum-gray-700);
- --spectrum-neutral-background-color-selected-hover:var(--spectrum-gray-800);
- --spectrum-neutral-background-color-selected-down:var(--spectrum-gray-900);
- --spectrum-neutral-background-color-selected-key-focus:var(--spectrum-gray-800);
- --spectrum-slider-track-thickness:2px;
- --spectrum-slider-handle-gap:4px;
- --spectrum-picker-border-width:var(--spectrum-border-width-100);
- --spectrum-in-field-button-fill-stacked-inner-border-rounding:0px;
- --spectrum-in-field-button-edge-to-fill:0px;
- --spectrum-in-field-button-stacked-inner-edge-to-fill:0px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium:3px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large:4px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large:5px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small);
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium);
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large);
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large);
- --spectrum-corner-radius-75:2px;
- --spectrum-drop-shadow-x:0px;
- --spectrum-border-width-100:1px;
- --spectrum-accent-color-100:var(--spectrum-blue-100);
- --spectrum-accent-color-200:var(--spectrum-blue-200);
- --spectrum-accent-color-300:var(--spectrum-blue-300);
- --spectrum-accent-color-400:var(--spectrum-blue-400);
- --spectrum-accent-color-500:var(--spectrum-blue-500);
- --spectrum-accent-color-600:var(--spectrum-blue-600);
- --spectrum-accent-color-700:var(--spectrum-blue-700);
- --spectrum-accent-color-800:var(--spectrum-blue-800);
- --spectrum-accent-color-900:var(--spectrum-blue-900);
- --spectrum-accent-color-1000:var(--spectrum-blue-1000);
- --spectrum-accent-color-1100:var(--spectrum-blue-1100);
- --spectrum-accent-color-1200:var(--spectrum-blue-1200);
- --spectrum-accent-color-1300:var(--spectrum-blue-1300);
- --spectrum-accent-color-1400:var(--spectrum-blue-1400);
- --spectrum-heading-sans-serif-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-heading-serif-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-heading-cjk-font-weight:var(--spectrum-extra-bold-font-weight);
- --spectrum-heading-sans-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --spectrum-heading-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);
- --system:spectrum;
- --spectrum-animation-linear:cubic-bezier(0, 0, 1, 1);
- --spectrum-animation-duration-0:0ms;
- --spectrum-animation-duration-100:130ms;
- --spectrum-animation-duration-200:160ms;
- --spectrum-animation-duration-300:190ms;
- --spectrum-animation-duration-400:220ms;
- --spectrum-animation-duration-500:250ms;
- --spectrum-animation-duration-600:300ms;
- --spectrum-animation-duration-700:350ms;
- --spectrum-animation-duration-800:400ms;
- --spectrum-animation-duration-900:450ms;
- --spectrum-animation-duration-1000:500ms;
- --spectrum-animation-duration-2000:1000ms;
- --spectrum-animation-duration-4000:2000ms;
- --spectrum-animation-duration-6000:3000ms;
- --spectrum-animation-ease-in-out:cubic-bezier(0.45, 0, 0.4, 1);
- --spectrum-animation-ease-in:cubic-bezier(0.5, 0, 1, 1);
- --spectrum-animation-ease-out:cubic-bezier(0, 0, 0.4, 1);
- --spectrum-animation-ease-linear:cubic-bezier(0, 0, 1, 1);
-
- --spectrum-sans-font-family-stack:adobe-clean, var(--spectrum-sans-serif-font-family), "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
- --spectrum-sans-serif-font:var(--spectrum-sans-font-family-stack);
-
- --spectrum-serif-font-family-stack:adobe-clean-serif, var(--spectrum-serif-font-family), "Source Serif Pro", Georgia, serif;
- --spectrum-serif-font:var(--spectrum-serif-font-family-stack);
-
- --spectrum-code-font-family-stack:"Source Code Pro", Monaco, monospace;
-
- --spectrum-font-family-ar:myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
- --spectrum-font-family-he:myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
-
- --spectrum-font-family:var(--spectrum-sans-font-family-stack);
- --spectrum-font-style:var(--spectrum-default-font-style);
- --spectrum-font-size:var(--spectrum-font-size-100);
-
- --spectrum-cjk-font-family-stack:adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
- --spectrum-cjk-font:var(--spectrum-code-font-family-stack);
- --spectrum-docs-static-white-background-color-rgb:15, 121, 125;
- --spectrum-docs-static-white-background-color:rgba(var(--spectrum-docs-static-white-background-color-rgb));
- --spectrum-docs-static-black-background-color-rgb:181, 209, 211;
- --spectrum-docs-static-black-background-color:rgba(var(--spectrum-docs-static-black-background-color-rgb));
-
- --spectrum-coach-indicator-ring-static-white-color:var(--spectrum-white);
-}
-
-.spectrum--large{
- --spectrum-checkbox-control-size-small:16px;
- --spectrum-checkbox-control-size-medium:18px;
- --spectrum-checkbox-control-size-large:20px;
- --spectrum-checkbox-control-size-extra-large:22px;
- --spectrum-checkbox-top-to-control-small:7px;
- --spectrum-checkbox-top-to-control-medium:11px;
- --spectrum-checkbox-top-to-control-large:15px;
- --spectrum-checkbox-top-to-control-extra-large:19px;
- --spectrum-switch-control-width-small:32px;
- --spectrum-switch-control-width-medium:36px;
- --spectrum-switch-control-width-large:41px;
- --spectrum-switch-control-width-extra-large:46px;
- --spectrum-switch-control-height-small:16px;
- --spectrum-switch-control-height-medium:18px;
- --spectrum-switch-control-height-large:20px;
- --spectrum-switch-control-height-extra-large:22px;
- --spectrum-switch-top-to-control-small:7px;
- --spectrum-switch-top-to-control-medium:11px;
- --spectrum-switch-top-to-control-large:15px;
- --spectrum-switch-top-to-control-extra-large:19px;
- --spectrum-radio-button-control-size-small:16px;
- --spectrum-radio-button-control-size-medium:18px;
- --spectrum-radio-button-control-size-large:20px;
- --spectrum-radio-button-control-size-extra-large:22px;
- --spectrum-radio-button-top-to-control-small:7px;
- --spectrum-radio-button-top-to-control-medium:11px;
- --spectrum-radio-button-top-to-control-large:15px;
- --spectrum-radio-button-top-to-control-extra-large:19px;
- --spectrum-slider-control-height-small:18px;
- --spectrum-slider-control-height-medium:20px;
- --spectrum-slider-control-height-large:22px;
- --spectrum-slider-control-height-extra-large:26px;
- --spectrum-slider-handle-size-small:18px;
- --spectrum-slider-handle-size-medium:20px;
- --spectrum-slider-handle-size-large:22px;
- --spectrum-slider-handle-size-extra-large:26px;
- --spectrum-slider-handle-border-width-down-small:7px;
- --spectrum-slider-handle-border-width-down-medium:8px;
- --spectrum-slider-handle-border-width-down-large:9px;
- --spectrum-slider-handle-border-width-down-extra-large:11px;
- --spectrum-slider-bottom-to-handle-small:6px;
- --spectrum-slider-bottom-to-handle-medium:10px;
- --spectrum-slider-bottom-to-handle-large:14px;
- --spectrum-slider-bottom-to-handle-extra-large:17px;
- --spectrum-corner-radius-100:5px;
- --spectrum-corner-radius-200:10px;
- --spectrum-drop-shadow-y:2px;
- --spectrum-drop-shadow-blur:6px;
- --spectrum-slider-tick-mark-height:13px;
- --spectrum-slider-ramp-track-height:20px;
-
- --spectrum-colorwheel-path:"M 119 119 m -119 0 a 119 119 0 1 0 238 0 a 119 119 0 1 0 -238 0.2 M 119 119 m -91 0 a 91 91 0 1 0 182 0 a 91 91 0 1 0 -182 0";
- --spectrum-colorwheel-path-borders:"M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
- --spectrum-colorwheel-colorarea-container-size:182px;
-
- --spectrum-colorloupe-checkerboard-fill:url(#checkerboard-secondary);
-
- --spectrum-contextual-help-content-spacing:var(--spectrum-spacing-200);
-
- --spectrum-menu-item-selectable-edge-to-text-not-selected-small:34px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-medium:42px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-large:47px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:54px;
-
- --spectrum-menu-item-checkmark-height-small:12px;
- --spectrum-menu-item-checkmark-height-medium:14px;
- --spectrum-menu-item-checkmark-height-large:16px;
- --spectrum-menu-item-checkmark-height-extra-large:16px;
-
- --spectrum-menu-item-checkmark-width-small:12px;
- --spectrum-menu-item-checkmark-width-medium:14px;
- --spectrum-menu-item-checkmark-width-large:16px;
- --spectrum-menu-item-checkmark-width-extra-large:16px;
-
- --spectrum-rating-icon-spacing:var(--spectrum-spacing-100);
-
- --spectrum-button-top-to-text-small:6px;
- --spectrum-button-bottom-to-text-small:5px;
- --spectrum-button-top-to-text-medium:9px;
- --spectrum-button-bottom-to-text-medium:10px;
- --spectrum-button-top-to-text-large:12px;
- --spectrum-button-bottom-to-text-large:13px;
- --spectrum-button-top-to-text-extra-large:16px;
- --spectrum-button-bottom-to-text-extra-large:17px;
-
- --spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-200);
- --spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-200);
- --spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-200);
- --spectrum-alert-banner-text-to-button-vertical:var(--spectrum-spacing-200);
-
- --spectrum-alert-dialog-padding:var(--spectrum-spacing-400);
- --spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-600);
-
- --spectrum-coach-indicator-gap:8px;
- --spectrum-coach-indicator-ring-diameter:20px;
- --spectrum-coach-indicator-quiet-ring-diameter:10px;
-
- --spectrum-coachmark-buttongroup-display:none;
- --spectrum-coachmark-buttongroup-mobile-display:flex;
- --spectrum-coachmark-menu-display:none;
- --spectrum-coachmark-menu-mobile-display:inline-flex;
-
- --spectrum-well-padding:20px;
- --spectrum-well-margin-top:5px;
- --spectrum-well-min-width:300px;
- --spectrum-well-border-radius:5px;
- --spectrum-workflow-icon-size-xxl:40px;
- --spectrum-workflow-icon-size-xxs:15px;
-
- --spectrum-treeview-item-indentation-medium:20px;
- --spectrum-treeview-item-indentation-small:15px;
- --spectrum-treeview-item-indentation-large:25px;
- --spectrum-treeview-item-indentation-extra-large:30px;
- --spectrum-treeview-indicator-inset-block-start:6px;
- --spectrum-treeview-item-min-block-size-thumbnail-offset-medium:2px;
-
- --spectrum-dialog-confirm-entry-animation-distance:25px;
- --spectrum-dialog-confirm-hero-height:160px;
- --spectrum-dialog-confirm-border-radius:5px;
- --spectrum-dialog-confirm-title-text-size:19px;
- --spectrum-dialog-confirm-description-text-size:15px;
- --spectrum-dialog-confirm-padding-grid:24px;
-
- --spectrum-datepicker-initial-width:160px;
- --spectrum-datepicker-generic-padding:15px;
- --spectrum-datepicker-dash-line-height:30px;
- --spectrum-datepicker-width-quiet-first:90px;
- --spectrum-datepicker-width-quiet-second:20px;
- --spectrum-datepicker-datetime-width-first:45px;
- --spectrum-datepicker-invalid-icon-to-button:10px;
- --spectrum-datepicker-invalid-icon-to-button-quiet:9px;
- --spectrum-datepicker-input-datetime-width:30px;
-
- --spectrum-pagination-textfield-width:60px;
- --spectrum-pagination-item-inline-spacing:6px;
-
- --spectrum-dial-border-radius:20px;
- --spectrum-dial-handle-position:10px;
- --spectrum-dial-handle-block-margin:20px;
- --spectrum-dial-handle-inline-margin:20px;
- --spectrum-dial-controls-margin:10px;
- --spectrum-dial-label-gap-y:6px;
- --spectrum-dial-label-container-top-to-text:5px;
-
- --spectrum-assetcard-focus-ring-border-radius:9px;
- --spectrum-assetcard-selectionindicator-margin:15px;
- --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xxs);
- --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xxs);
- --spectrum-assetcard-content-font-size:var(--spectrum-body-size-xs);
-
- --spectrum-tooltip-animation-distance:5px;
-
- --spectrum-ui-icon-medium-display:none;
- --spectrum-ui-icon-large-display:block;
-}
-
-.spectrum--light,.spectrum--lightest{
- --spectrum-menu-item-background-color-default-rgb:0, 0, 0;
- --spectrum-menu-item-background-color-default-opacity:0;
- --spectrum-menu-item-background-color-default:rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
- --spectrum-menu-item-background-color-hover:var(--spectrum-transparent-black-200);
- --spectrum-menu-item-background-color-down:var(--spectrum-transparent-black-200);
- --spectrum-menu-item-background-color-key-focus:var(--spectrum-transparent-black-200);
- --spectrum-drop-zone-background-color-rgb:var(--spectrum-blue-800-rgb);
- --spectrum-dropindicator-color:var(--spectrum-blue-800);
-
- --spectrum-calendar-day-background-color-selected:rgba(var(--spectrum-blue-900-rgb), 0.1);
- --spectrum-calendar-day-background-color-hover:rgba(var(--spectrum-black-rgb), 0.06);
- --spectrum-calendar-day-today-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-calendar-day-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-calendar-day-background-color-down:var(--spectrum-transparent-black-200);
- --spectrum-calendar-day-background-color-cap-selected:rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-calendar-day-background-color-key-focus:rgba(var(--spectrum-black-rgb), 0.06);
- --spectrum-calendar-day-border-color-key-focus:var(--spectrum-blue-800);
-
- --spectrum-card-selected-background-color-rgb:var(--spectrum-blue-900-rgb);
-
- --spectrum-badge-label-icon-color-primary:var(--spectrum-white);
-
- --spectrum-coach-indicator-ring-default-color:var(--spectrum-blue-800);
- --spectrum-coach-indicator-ring-dark-color:var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color:var(--spectrum-gray-50);
-
- --spectrum-well-border-color:var(--spectrum-black);
-
- --spectrum-steplist-current-marker-color-key-focus:var(--spectrum-blue-800);
-
- --spectrum-treeview-item-background-color-quiet-selected:rgba(var(--spectrum-gray-900-rgb), 0.06);
- --spectrum-treeview-item-background-color-selected:rgba(var(--spectrum-blue-900-rgb), 0.1);
-
- --spectrum-logic-button-and-background-color:var(--spectrum-blue-900);
- --spectrum-logic-button-and-border-color:var(--spectrum-blue-900);
- --spectrum-logic-button-and-background-color-hover:var(--spectrum-blue-1100);
- --spectrum-logic-button-and-border-color-hover:var(--spectrum-blue-1100);
-
- --spectrum-logic-button-or-background-color:var(--spectrum-magenta-900);
- --spectrum-logic-button-or-border-color:var(--spectrum-magenta-900);
- --spectrum-logic-button-or-background-color-hover:var(--spectrum-magenta-1100);
- --spectrum-logic-button-or-border-color-hover:var(--spectrum-magenta-1100);
-
- --spectrum-assetcard-border-color-selected:var(--spectrum-blue-900);
- --spectrum-assetcard-border-color-selected-hover:var(--spectrum-blue-900);
- --spectrum-assetcard-border-color-selected-down:var(--spectrum-blue-1000);
- --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-blue-900);
- --spectrum-assestcard-focus-indicator-color:var(--spectrum-blue-800);
-
- --spectrum-assetlist-item-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-assetlist-item-background-color-selected:rgba(var(--spectrum-blue-900-rgb), 0.1);
- --spectrum-assetlist-border-color-key-focus:var(--spectrum-blue-800);
-
- --spectrum-swatch-border-color-rgb:0, 0, 0;
-
- --spectrum-swatch-border-color-opacity:0.51;
-
- --spectrum-swatch-border-color:rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
- --spectrum-swatch-border-color-light-rgb:0, 0, 0;
- --spectrum-swatch-border-color-light-opacity:0.2;
- --spectrum-swatch-border-color-light:rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
-}
-
-.spectrum--medium{
- --spectrum-checkbox-control-size-small:12px;
- --spectrum-checkbox-control-size-medium:14px;
- --spectrum-checkbox-control-size-large:16px;
- --spectrum-checkbox-control-size-extra-large:18px;
- --spectrum-checkbox-top-to-control-small:6px;
- --spectrum-checkbox-top-to-control-medium:9px;
- --spectrum-checkbox-top-to-control-large:12px;
- --spectrum-checkbox-top-to-control-extra-large:15px;
- --spectrum-switch-control-width-small:23px;
- --spectrum-switch-control-width-medium:26px;
- --spectrum-switch-control-width-large:29px;
- --spectrum-switch-control-width-extra-large:33px;
- --spectrum-switch-control-height-small:12px;
- --spectrum-switch-control-height-medium:14px;
- --spectrum-switch-control-height-large:16px;
- --spectrum-switch-control-height-extra-large:18px;
- --spectrum-switch-top-to-control-small:6px;
- --spectrum-switch-top-to-control-medium:9px;
- --spectrum-switch-top-to-control-large:12px;
- --spectrum-switch-top-to-control-extra-large:15px;
- --spectrum-radio-button-control-size-small:12px;
- --spectrum-radio-button-control-size-medium:14px;
- --spectrum-radio-button-control-size-large:16px;
- --spectrum-radio-button-control-size-extra-large:18px;
- --spectrum-radio-button-top-to-control-small:6px;
- --spectrum-radio-button-top-to-control-medium:9px;
- --spectrum-radio-button-top-to-control-large:12px;
- --spectrum-radio-button-top-to-control-extra-large:15px;
- --spectrum-slider-control-height-small:14px;
- --spectrum-slider-control-height-medium:16px;
- --spectrum-slider-control-height-large:18px;
- --spectrum-slider-control-height-extra-large:20px;
- --spectrum-slider-handle-size-small:14px;
- --spectrum-slider-handle-size-medium:16px;
- --spectrum-slider-handle-size-large:18px;
- --spectrum-slider-handle-size-extra-large:20px;
- --spectrum-slider-handle-border-width-down-small:5px;
- --spectrum-slider-handle-border-width-down-medium:6px;
- --spectrum-slider-handle-border-width-down-large:7px;
- --spectrum-slider-handle-border-width-down-extra-large:8px;
- --spectrum-slider-bottom-to-handle-small:5px;
- --spectrum-slider-bottom-to-handle-medium:8px;
- --spectrum-slider-bottom-to-handle-large:11px;
- --spectrum-slider-bottom-to-handle-extra-large:14px;
- --spectrum-corner-radius-100:4px;
- --spectrum-corner-radius-200:8px;
- --spectrum-drop-shadow-y:1px;
- --spectrum-drop-shadow-blur:4px;
- --spectrum-slider-tick-mark-height:10px;
- --spectrum-slider-ramp-track-height:16px;
-
- --spectrum-colorwheel-path:"M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0";
- --spectrum-colorwheel-path-borders:"M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
- --spectrum-colorwheel-colorarea-container-size:144px;
-
- --spectrum-colorloupe-checkerboard-fill:url(#checkerboard-primary);
-
- --spectrum-contextual-help-content-spacing:var(--spectrum-spacing-100);
-
- --spectrum-menu-item-selectable-edge-to-text-not-selected-small:28px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-medium:32px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-large:38px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:45px;
-
- --spectrum-menu-item-checkmark-height-small:10px;
- --spectrum-menu-item-checkmark-height-medium:10px;
- --spectrum-menu-item-checkmark-height-large:12px;
- --spectrum-menu-item-checkmark-height-extra-large:14px;
-
- --spectrum-menu-item-checkmark-width-small:10px;
- --spectrum-menu-item-checkmark-width-medium:10px;
- --spectrum-menu-item-checkmark-width-large:12px;
- --spectrum-menu-item-checkmark-width-extra-large:14px;
-
- --spectrum-rating-icon-spacing:var(--spectrum-spacing-75);
-
- --spectrum-button-top-to-text-small:5px;
- --spectrum-button-bottom-to-text-small:4px;
- --spectrum-button-top-to-text-medium:7px;
- --spectrum-button-bottom-to-text-medium:8px;
- --spectrum-button-top-to-text-large:10px;
- --spectrum-button-bottom-to-text-large:10px;
- --spectrum-button-top-to-text-extra-large:13px;
- --spectrum-button-bottom-to-text-extra-large:13px;
-
- --spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-100);
- --spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-100);
- --spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-100);
- --spectrum-alert-banner-text-to-button-vertical:var(--spectrum-spacing-100);
-
- --spectrum-alert-dialog-padding:var(--spectrum-spacing-500);
- --spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-700);
-
- --spectrum-coach-indicator-gap:6px;
- --spectrum-coach-indicator-ring-diameter:var(--spectrum-spacing-300);
- --spectrum-coach-indicator-quiet-ring-diameter:var(--spectrum-spacing-100);
-
- --spectrum-coachmark-buttongroup-display:flex;
- --spectrum-coachmark-buttongroup-mobile-display:none;
- --spectrum-coachmark-menu-display:inline-flex;
- --spectrum-coachmark-menu-mobile-display:none;
- --spectrum-well-padding:var(--spectrum-spacing-300);
- --spectrum-well-margin-top:var(--spectrum-spacing-75);
- --spectrum-well-min-width:240px;
- --spectrum-well-border-radius:var(--spectrum-spacing-75);
- --spectrum-workflow-icon-size-xxl:32px;
- --spectrum-workflow-icon-size-xxs:12px;
-
- --spectrum-treeview-item-indentation-medium:var(--spectrum-spacing-300);
- --spectrum-treeview-item-indentation-small:var(--spectrum-spacing-200);
- --spectrum-treeview-item-indentation-large:20px;
- --spectrum-treeview-item-indentation-extra-large:var(--spectrum-spacing-400);
- --spectrum-treeview-indicator-inset-block-start:5px;
- --spectrum-treeview-item-min-block-size-thumbnail-offset-medium:0px;
-
- --spectrum-dialog-confirm-entry-animation-distance:20px;
- --spectrum-dialog-confirm-hero-height:128px;
- --spectrum-dialog-confirm-border-radius:4px;
- --spectrum-dialog-confirm-title-text-size:18px;
- --spectrum-dialog-confirm-description-text-size:14px;
- --spectrum-dialog-confirm-padding-grid:40px;
-
- --spectrum-datepicker-initial-width:128px;
- --spectrum-datepicker-generic-padding:var(--spectrum-spacing-200);
- --spectrum-datepicker-dash-line-height:24px;
- --spectrum-datepicker-width-quiet-first:72px;
- --spectrum-datepicker-width-quiet-second:16px;
- --spectrum-datepicker-datetime-width-first:36px;
- --spectrum-datepicker-invalid-icon-to-button:8px;
- --spectrum-datepicker-invalid-icon-to-button-quiet:7px;
- --spectrum-datepicker-input-datetime-width:var(--spectrum-spacing-400);
-
- --spectrum-pagination-textfield-width:var(--spectrum-spacing-700);
- --spectrum-pagination-item-inline-spacing:5px;
-
- --spectrum-dial-border-radius:16px;
- --spectrum-dial-handle-position:8px;
- --spectrum-dial-handle-block-margin:16px;
- --spectrum-dial-handle-inline-margin:16px;
- --spectrum-dial-controls-margin:8px;
- --spectrum-dial-label-gap-y:5px;
- --spectrum-dial-label-container-top-to-text:4px;
-
- --spectrum-assetcard-focus-ring-border-radius:8px;
- --spectrum-assetcard-selectionindicator-margin:12px;
- --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xs);
- --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xs);
- --spectrum-assetcard-content-font-size:var(--spectrum-body-size-s);
-
- --spectrum-tooltip-animation-distance:var(--spectrum-spacing-75);
-
- --spectrum-ui-icon-medium-display:block;
- --spectrum-ui-icon-large-display:none;
-}
diff --git a/tokens/dist/css/spectrum/large-vars.css b/tokens/dist/css/spectrum/large-vars.css
deleted file mode 100644
index 8938d608258..00000000000
--- a/tokens/dist/css/spectrum/large-vars.css
+++ /dev/null
@@ -1,169 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--large{
- --spectrum-checkbox-control-size-small:16px;
- --spectrum-checkbox-control-size-medium:18px;
- --spectrum-checkbox-control-size-large:20px;
- --spectrum-checkbox-control-size-extra-large:22px;
- --spectrum-checkbox-top-to-control-small:7px;
- --spectrum-checkbox-top-to-control-medium:11px;
- --spectrum-checkbox-top-to-control-large:15px;
- --spectrum-checkbox-top-to-control-extra-large:19px;
- --spectrum-switch-control-width-small:32px;
- --spectrum-switch-control-width-medium:36px;
- --spectrum-switch-control-width-large:41px;
- --spectrum-switch-control-width-extra-large:46px;
- --spectrum-switch-control-height-small:16px;
- --spectrum-switch-control-height-medium:18px;
- --spectrum-switch-control-height-large:20px;
- --spectrum-switch-control-height-extra-large:22px;
- --spectrum-switch-top-to-control-small:7px;
- --spectrum-switch-top-to-control-medium:11px;
- --spectrum-switch-top-to-control-large:15px;
- --spectrum-switch-top-to-control-extra-large:19px;
- --spectrum-radio-button-control-size-small:16px;
- --spectrum-radio-button-control-size-medium:18px;
- --spectrum-radio-button-control-size-large:20px;
- --spectrum-radio-button-control-size-extra-large:22px;
- --spectrum-radio-button-top-to-control-small:7px;
- --spectrum-radio-button-top-to-control-medium:11px;
- --spectrum-radio-button-top-to-control-large:15px;
- --spectrum-radio-button-top-to-control-extra-large:19px;
- --spectrum-slider-control-height-small:18px;
- --spectrum-slider-control-height-medium:20px;
- --spectrum-slider-control-height-large:22px;
- --spectrum-slider-control-height-extra-large:26px;
- --spectrum-slider-handle-size-small:18px;
- --spectrum-slider-handle-size-medium:20px;
- --spectrum-slider-handle-size-large:22px;
- --spectrum-slider-handle-size-extra-large:26px;
- --spectrum-slider-handle-border-width-down-small:7px;
- --spectrum-slider-handle-border-width-down-medium:8px;
- --spectrum-slider-handle-border-width-down-large:9px;
- --spectrum-slider-handle-border-width-down-extra-large:11px;
- --spectrum-slider-bottom-to-handle-small:6px;
- --spectrum-slider-bottom-to-handle-medium:10px;
- --spectrum-slider-bottom-to-handle-large:14px;
- --spectrum-slider-bottom-to-handle-extra-large:17px;
- --spectrum-corner-radius-100:5px;
- --spectrum-corner-radius-200:10px;
- --spectrum-drop-shadow-y:2px;
- --spectrum-drop-shadow-blur:6px;
- --spectrum-slider-tick-mark-height:13px;
- --spectrum-slider-ramp-track-height:20px;
-
- --spectrum-colorwheel-path:"M 119 119 m -119 0 a 119 119 0 1 0 238 0 a 119 119 0 1 0 -238 0.2 M 119 119 m -91 0 a 91 91 0 1 0 182 0 a 91 91 0 1 0 -182 0";
- --spectrum-colorwheel-path-borders:"M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
- --spectrum-colorwheel-colorarea-container-size:182px;
-
- --spectrum-colorloupe-checkerboard-fill:url(#checkerboard-secondary);
-
- --spectrum-contextual-help-content-spacing:var(--spectrum-spacing-200);
-
- --spectrum-menu-item-selectable-edge-to-text-not-selected-small:34px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-medium:42px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-large:47px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:54px;
-
- --spectrum-menu-item-checkmark-height-small:12px;
- --spectrum-menu-item-checkmark-height-medium:14px;
- --spectrum-menu-item-checkmark-height-large:16px;
- --spectrum-menu-item-checkmark-height-extra-large:16px;
-
- --spectrum-menu-item-checkmark-width-small:12px;
- --spectrum-menu-item-checkmark-width-medium:14px;
- --spectrum-menu-item-checkmark-width-large:16px;
- --spectrum-menu-item-checkmark-width-extra-large:16px;
-
- --spectrum-rating-icon-spacing:var(--spectrum-spacing-100);
-
- --spectrum-button-top-to-text-small:6px;
- --spectrum-button-bottom-to-text-small:5px;
- --spectrum-button-top-to-text-medium:9px;
- --spectrum-button-bottom-to-text-medium:10px;
- --spectrum-button-top-to-text-large:12px;
- --spectrum-button-bottom-to-text-large:13px;
- --spectrum-button-top-to-text-extra-large:16px;
- --spectrum-button-bottom-to-text-extra-large:17px;
-
- --spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-200);
- --spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-200);
- --spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-200);
- --spectrum-alert-banner-text-to-button-vertical:var(--spectrum-spacing-200);
-
- --spectrum-alert-dialog-padding:var(--spectrum-spacing-400);
- --spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-600);
-
- --spectrum-coach-indicator-gap:8px;
- --spectrum-coach-indicator-ring-diameter:20px;
- --spectrum-coach-indicator-quiet-ring-diameter:10px;
-
- --spectrum-coachmark-buttongroup-display:none;
- --spectrum-coachmark-buttongroup-mobile-display:flex;
- --spectrum-coachmark-menu-display:none;
- --spectrum-coachmark-menu-mobile-display:inline-flex;
-
- --spectrum-well-padding:20px;
- --spectrum-well-margin-top:5px;
- --spectrum-well-min-width:300px;
- --spectrum-well-border-radius:5px;
- --spectrum-workflow-icon-size-xxl:40px;
- --spectrum-workflow-icon-size-xxs:15px;
-
- --spectrum-treeview-item-indentation-medium:20px;
- --spectrum-treeview-item-indentation-small:15px;
- --spectrum-treeview-item-indentation-large:25px;
- --spectrum-treeview-item-indentation-extra-large:30px;
- --spectrum-treeview-indicator-inset-block-start:6px;
- --spectrum-treeview-item-min-block-size-thumbnail-offset-medium:2px;
-
- --spectrum-dialog-confirm-entry-animation-distance:25px;
- --spectrum-dialog-confirm-hero-height:160px;
- --spectrum-dialog-confirm-border-radius:5px;
- --spectrum-dialog-confirm-title-text-size:19px;
- --spectrum-dialog-confirm-description-text-size:15px;
- --spectrum-dialog-confirm-padding-grid:24px;
-
- --spectrum-datepicker-initial-width:160px;
- --spectrum-datepicker-generic-padding:15px;
- --spectrum-datepicker-dash-line-height:30px;
- --spectrum-datepicker-width-quiet-first:90px;
- --spectrum-datepicker-width-quiet-second:20px;
- --spectrum-datepicker-datetime-width-first:45px;
- --spectrum-datepicker-invalid-icon-to-button:10px;
- --spectrum-datepicker-invalid-icon-to-button-quiet:9px;
- --spectrum-datepicker-input-datetime-width:30px;
-
- --spectrum-pagination-textfield-width:60px;
- --spectrum-pagination-item-inline-spacing:6px;
-
- --spectrum-dial-border-radius:20px;
- --spectrum-dial-handle-position:10px;
- --spectrum-dial-handle-block-margin:20px;
- --spectrum-dial-handle-inline-margin:20px;
- --spectrum-dial-controls-margin:10px;
- --spectrum-dial-label-gap-y:6px;
- --spectrum-dial-label-container-top-to-text:5px;
-
- --spectrum-assetcard-focus-ring-border-radius:9px;
- --spectrum-assetcard-selectionindicator-margin:15px;
- --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xxs);
- --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xxs);
- --spectrum-assetcard-content-font-size:var(--spectrum-body-size-xs);
-
- --spectrum-tooltip-animation-distance:5px;
-
- --spectrum-ui-icon-medium-display:none;
- --spectrum-ui-icon-large-display:block;
-}
diff --git a/tokens/dist/css/spectrum/light-vars.css b/tokens/dist/css/spectrum/light-vars.css
deleted file mode 100644
index 26da0b8bd9a..00000000000
--- a/tokens/dist/css/spectrum/light-vars.css
+++ /dev/null
@@ -1,76 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--light,.spectrum--lightest{
- --spectrum-menu-item-background-color-default-rgb:0, 0, 0;
- --spectrum-menu-item-background-color-default-opacity:0;
- --spectrum-menu-item-background-color-default:rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
- --spectrum-menu-item-background-color-hover:var(--spectrum-transparent-black-200);
- --spectrum-menu-item-background-color-down:var(--spectrum-transparent-black-200);
- --spectrum-menu-item-background-color-key-focus:var(--spectrum-transparent-black-200);
- --spectrum-drop-zone-background-color-rgb:var(--spectrum-blue-800-rgb);
- --spectrum-dropindicator-color:var(--spectrum-blue-800);
-
- --spectrum-calendar-day-background-color-selected:rgba(var(--spectrum-blue-900-rgb), 0.1);
- --spectrum-calendar-day-background-color-hover:rgba(var(--spectrum-black-rgb), 0.06);
- --spectrum-calendar-day-today-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-calendar-day-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-calendar-day-background-color-down:var(--spectrum-transparent-black-200);
- --spectrum-calendar-day-background-color-cap-selected:rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-calendar-day-background-color-key-focus:rgba(var(--spectrum-black-rgb), 0.06);
- --spectrum-calendar-day-border-color-key-focus:var(--spectrum-blue-800);
-
- --spectrum-card-selected-background-color-rgb:var(--spectrum-blue-900-rgb);
-
- --spectrum-badge-label-icon-color-primary:var(--spectrum-white);
-
- --spectrum-coach-indicator-ring-default-color:var(--spectrum-blue-800);
- --spectrum-coach-indicator-ring-dark-color:var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color:var(--spectrum-gray-50);
-
- --spectrum-well-border-color:var(--spectrum-black);
-
- --spectrum-steplist-current-marker-color-key-focus:var(--spectrum-blue-800);
-
- --spectrum-treeview-item-background-color-quiet-selected:rgba(var(--spectrum-gray-900-rgb), 0.06);
- --spectrum-treeview-item-background-color-selected:rgba(var(--spectrum-blue-900-rgb), 0.1);
-
- --spectrum-logic-button-and-background-color:var(--spectrum-blue-900);
- --spectrum-logic-button-and-border-color:var(--spectrum-blue-900);
- --spectrum-logic-button-and-background-color-hover:var(--spectrum-blue-1100);
- --spectrum-logic-button-and-border-color-hover:var(--spectrum-blue-1100);
-
- --spectrum-logic-button-or-background-color:var(--spectrum-magenta-900);
- --spectrum-logic-button-or-border-color:var(--spectrum-magenta-900);
- --spectrum-logic-button-or-background-color-hover:var(--spectrum-magenta-1100);
- --spectrum-logic-button-or-border-color-hover:var(--spectrum-magenta-1100);
-
- --spectrum-assetcard-border-color-selected:var(--spectrum-blue-900);
- --spectrum-assetcard-border-color-selected-hover:var(--spectrum-blue-900);
- --spectrum-assetcard-border-color-selected-down:var(--spectrum-blue-1000);
- --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-blue-900);
- --spectrum-assestcard-focus-indicator-color:var(--spectrum-blue-800);
-
- --spectrum-assetlist-item-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-assetlist-item-background-color-selected:rgba(var(--spectrum-blue-900-rgb), 0.1);
- --spectrum-assetlist-border-color-key-focus:var(--spectrum-blue-800);
-
- --spectrum-swatch-border-color-rgb:0, 0, 0;
-
- --spectrum-swatch-border-color-opacity:0.51;
-
- --spectrum-swatch-border-color:rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
- --spectrum-swatch-border-color-light-rgb:0, 0, 0;
- --spectrum-swatch-border-color-light-opacity:0.2;
- --spectrum-swatch-border-color-light:rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
-}
diff --git a/tokens/dist/css/spectrum/medium-vars.css b/tokens/dist/css/spectrum/medium-vars.css
deleted file mode 100644
index 4f5e99009c8..00000000000
--- a/tokens/dist/css/spectrum/medium-vars.css
+++ /dev/null
@@ -1,168 +0,0 @@
-/*!
- * Copyright 2024 Adobe. All rights reserved.
- *
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.spectrum--medium{
- --spectrum-checkbox-control-size-small:12px;
- --spectrum-checkbox-control-size-medium:14px;
- --spectrum-checkbox-control-size-large:16px;
- --spectrum-checkbox-control-size-extra-large:18px;
- --spectrum-checkbox-top-to-control-small:6px;
- --spectrum-checkbox-top-to-control-medium:9px;
- --spectrum-checkbox-top-to-control-large:12px;
- --spectrum-checkbox-top-to-control-extra-large:15px;
- --spectrum-switch-control-width-small:23px;
- --spectrum-switch-control-width-medium:26px;
- --spectrum-switch-control-width-large:29px;
- --spectrum-switch-control-width-extra-large:33px;
- --spectrum-switch-control-height-small:12px;
- --spectrum-switch-control-height-medium:14px;
- --spectrum-switch-control-height-large:16px;
- --spectrum-switch-control-height-extra-large:18px;
- --spectrum-switch-top-to-control-small:6px;
- --spectrum-switch-top-to-control-medium:9px;
- --spectrum-switch-top-to-control-large:12px;
- --spectrum-switch-top-to-control-extra-large:15px;
- --spectrum-radio-button-control-size-small:12px;
- --spectrum-radio-button-control-size-medium:14px;
- --spectrum-radio-button-control-size-large:16px;
- --spectrum-radio-button-control-size-extra-large:18px;
- --spectrum-radio-button-top-to-control-small:6px;
- --spectrum-radio-button-top-to-control-medium:9px;
- --spectrum-radio-button-top-to-control-large:12px;
- --spectrum-radio-button-top-to-control-extra-large:15px;
- --spectrum-slider-control-height-small:14px;
- --spectrum-slider-control-height-medium:16px;
- --spectrum-slider-control-height-large:18px;
- --spectrum-slider-control-height-extra-large:20px;
- --spectrum-slider-handle-size-small:14px;
- --spectrum-slider-handle-size-medium:16px;
- --spectrum-slider-handle-size-large:18px;
- --spectrum-slider-handle-size-extra-large:20px;
- --spectrum-slider-handle-border-width-down-small:5px;
- --spectrum-slider-handle-border-width-down-medium:6px;
- --spectrum-slider-handle-border-width-down-large:7px;
- --spectrum-slider-handle-border-width-down-extra-large:8px;
- --spectrum-slider-bottom-to-handle-small:5px;
- --spectrum-slider-bottom-to-handle-medium:8px;
- --spectrum-slider-bottom-to-handle-large:11px;
- --spectrum-slider-bottom-to-handle-extra-large:14px;
- --spectrum-corner-radius-100:4px;
- --spectrum-corner-radius-200:8px;
- --spectrum-drop-shadow-y:1px;
- --spectrum-drop-shadow-blur:4px;
- --spectrum-slider-tick-mark-height:10px;
- --spectrum-slider-ramp-track-height:16px;
-
- --spectrum-colorwheel-path:"M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0";
- --spectrum-colorwheel-path-borders:"M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
- --spectrum-colorwheel-colorarea-container-size:144px;
-
- --spectrum-colorloupe-checkerboard-fill:url(#checkerboard-primary);
-
- --spectrum-contextual-help-content-spacing:var(--spectrum-spacing-100);
-
- --spectrum-menu-item-selectable-edge-to-text-not-selected-small:28px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-medium:32px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-large:38px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:45px;
-
- --spectrum-menu-item-checkmark-height-small:10px;
- --spectrum-menu-item-checkmark-height-medium:10px;
- --spectrum-menu-item-checkmark-height-large:12px;
- --spectrum-menu-item-checkmark-height-extra-large:14px;
-
- --spectrum-menu-item-checkmark-width-small:10px;
- --spectrum-menu-item-checkmark-width-medium:10px;
- --spectrum-menu-item-checkmark-width-large:12px;
- --spectrum-menu-item-checkmark-width-extra-large:14px;
-
- --spectrum-rating-icon-spacing:var(--spectrum-spacing-75);
-
- --spectrum-button-top-to-text-small:5px;
- --spectrum-button-bottom-to-text-small:4px;
- --spectrum-button-top-to-text-medium:7px;
- --spectrum-button-bottom-to-text-medium:8px;
- --spectrum-button-top-to-text-large:10px;
- --spectrum-button-bottom-to-text-large:10px;
- --spectrum-button-top-to-text-extra-large:13px;
- --spectrum-button-bottom-to-text-extra-large:13px;
-
- --spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-100);
- --spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-100);
- --spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-100);
- --spectrum-alert-banner-text-to-button-vertical:var(--spectrum-spacing-100);
-
- --spectrum-alert-dialog-padding:var(--spectrum-spacing-500);
- --spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-700);
-
- --spectrum-coach-indicator-gap:6px;
- --spectrum-coach-indicator-ring-diameter:var(--spectrum-spacing-300);
- --spectrum-coach-indicator-quiet-ring-diameter:var(--spectrum-spacing-100);
-
- --spectrum-coachmark-buttongroup-display:flex;
- --spectrum-coachmark-buttongroup-mobile-display:none;
- --spectrum-coachmark-menu-display:inline-flex;
- --spectrum-coachmark-menu-mobile-display:none;
- --spectrum-well-padding:var(--spectrum-spacing-300);
- --spectrum-well-margin-top:var(--spectrum-spacing-75);
- --spectrum-well-min-width:240px;
- --spectrum-well-border-radius:var(--spectrum-spacing-75);
- --spectrum-workflow-icon-size-xxl:32px;
- --spectrum-workflow-icon-size-xxs:12px;
-
- --spectrum-treeview-item-indentation-medium:var(--spectrum-spacing-300);
- --spectrum-treeview-item-indentation-small:var(--spectrum-spacing-200);
- --spectrum-treeview-item-indentation-large:20px;
- --spectrum-treeview-item-indentation-extra-large:var(--spectrum-spacing-400);
- --spectrum-treeview-indicator-inset-block-start:5px;
- --spectrum-treeview-item-min-block-size-thumbnail-offset-medium:0px;
-
- --spectrum-dialog-confirm-entry-animation-distance:20px;
- --spectrum-dialog-confirm-hero-height:128px;
- --spectrum-dialog-confirm-border-radius:4px;
- --spectrum-dialog-confirm-title-text-size:18px;
- --spectrum-dialog-confirm-description-text-size:14px;
- --spectrum-dialog-confirm-padding-grid:40px;
-
- --spectrum-datepicker-initial-width:128px;
- --spectrum-datepicker-generic-padding:var(--spectrum-spacing-200);
- --spectrum-datepicker-dash-line-height:24px;
- --spectrum-datepicker-width-quiet-first:72px;
- --spectrum-datepicker-width-quiet-second:16px;
- --spectrum-datepicker-datetime-width-first:36px;
- --spectrum-datepicker-invalid-icon-to-button:8px;
- --spectrum-datepicker-invalid-icon-to-button-quiet:7px;
- --spectrum-datepicker-input-datetime-width:var(--spectrum-spacing-400);
-
- --spectrum-pagination-textfield-width:var(--spectrum-spacing-700);
- --spectrum-pagination-item-inline-spacing:5px;
-
- --spectrum-dial-border-radius:16px;
- --spectrum-dial-handle-position:8px;
- --spectrum-dial-handle-block-margin:16px;
- --spectrum-dial-handle-inline-margin:16px;
- --spectrum-dial-controls-margin:8px;
- --spectrum-dial-label-gap-y:5px;
- --spectrum-dial-label-container-top-to-text:4px;
-
- --spectrum-assetcard-focus-ring-border-radius:8px;
- --spectrum-assetcard-selectionindicator-margin:12px;
- --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xs);
- --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xs);
- --spectrum-assetcard-content-font-size:var(--spectrum-body-size-s);
-
- --spectrum-tooltip-animation-distance:var(--spectrum-spacing-75);
-
- --spectrum-ui-icon-medium-display:block;
- --spectrum-ui-icon-large-display:none;
-}
diff --git a/tokens/dist/index.css b/tokens/dist/index.css
index cb07bad1335..9d2e081a275 100644
--- a/tokens/dist/index.css
+++ b/tokens/dist/index.css
@@ -12,517 +12,49 @@
*/
.spectrum--dark {
- --spectrum-overlay-opacity: 0.5;
- --spectrum-drop-shadow-color-rgb: 0, 0, 0;
- --spectrum-drop-shadow-color-opacity: 0.5;
- --spectrum-drop-shadow-color: rgba(var(--spectrum-drop-shadow-color-rgb), var(--spectrum-drop-shadow-color-opacity));
- --spectrum-background-base-color: var(--spectrum-gray-50);
- --spectrum-background-layer-1-color: var(--spectrum-gray-75);
- --spectrum-background-layer-2-color: var(--spectrum-gray-100);
- --spectrum-neutral-background-color-default: var(--spectrum-gray-400);
- --spectrum-neutral-background-color-hover: var(--spectrum-gray-300);
- --spectrum-neutral-background-color-down: var(--spectrum-gray-200);
- --spectrum-neutral-background-color-key-focus: var(--spectrum-gray-300);
- --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-400);
- --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-300);
- --spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-200);
- --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-300);
- --spectrum-accent-background-color-default: var(--spectrum-accent-color-500);
- --spectrum-accent-background-color-hover: var(--spectrum-accent-color-400);
- --spectrum-accent-background-color-down: var(--spectrum-accent-color-300);
- --spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-400);
- --spectrum-informative-background-color-default: var(--spectrum-informative-color-500);
- --spectrum-informative-background-color-hover: var(--spectrum-informative-color-400);
- --spectrum-informative-background-color-down: var(--spectrum-informative-color-300);
- --spectrum-informative-background-color-key-focus: var(--spectrum-informative-color-400);
- --spectrum-negative-background-color-default: var(--spectrum-negative-color-500);
- --spectrum-negative-background-color-hover: var(--spectrum-negative-color-400);
- --spectrum-negative-background-color-down: var(--spectrum-negative-color-300);
- --spectrum-negative-background-color-key-focus: var(--spectrum-negative-color-400);
- --spectrum-positive-background-color-default: var(--spectrum-positive-color-500);
- --spectrum-positive-background-color-hover: var(--spectrum-positive-color-400);
- --spectrum-positive-background-color-down: var(--spectrum-positive-color-300);
- --spectrum-positive-background-color-key-focus: var(--spectrum-positive-color-400);
- --spectrum-notice-background-color-default: var(--spectrum-notice-color-800);
- --spectrum-gray-background-color-default: var(--spectrum-gray-700);
- --spectrum-red-background-color-default: var(--spectrum-red-700);
- --spectrum-orange-background-color-default: var(--spectrum-orange-800);
- --spectrum-yellow-background-color-default: var(--spectrum-yellow-1000);
- --spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-900);
- --spectrum-celery-background-color-default: var(--spectrum-celery-800);
- --spectrum-green-background-color-default: var(--spectrum-green-700);
- --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-700);
- --spectrum-cyan-background-color-default: var(--spectrum-cyan-700);
- --spectrum-blue-background-color-default: var(--spectrum-blue-700);
- --spectrum-indigo-background-color-default: var(--spectrum-indigo-700);
- --spectrum-purple-background-color-default: var(--spectrum-purple-700);
- --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-700);
- --spectrum-magenta-background-color-default: var(--spectrum-magenta-700);
- --spectrum-neutral-visual-color: var(--spectrum-gray-600);
- --spectrum-accent-visual-color: var(--spectrum-accent-color-900);
- --spectrum-informative-visual-color: var(--spectrum-informative-color-900);
- --spectrum-negative-visual-color: var(--spectrum-negative-color-700);
- --spectrum-notice-visual-color: var(--spectrum-notice-color-900);
- --spectrum-positive-visual-color: var(--spectrum-positive-color-800);
- --spectrum-gray-visual-color: var(--spectrum-gray-600);
- --spectrum-red-visual-color: var(--spectrum-red-700);
- --spectrum-orange-visual-color: var(--spectrum-orange-900);
- --spectrum-yellow-visual-color: var(--spectrum-yellow-1100);
- --spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-900);
- --spectrum-celery-visual-color: var(--spectrum-celery-800);
- --spectrum-green-visual-color: var(--spectrum-green-800);
- --spectrum-seafoam-visual-color: var(--spectrum-seafoam-800);
- --spectrum-cyan-visual-color: var(--spectrum-cyan-900);
- --spectrum-blue-visual-color: var(--spectrum-blue-900);
- --spectrum-indigo-visual-color: var(--spectrum-indigo-900);
- --spectrum-purple-visual-color: var(--spectrum-purple-900);
- --spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-900);
- --spectrum-magenta-visual-color: var(--spectrum-magenta-900);
- --spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-800);
- --spectrum-gray-50-rgb: 29, 29, 29;
- --spectrum-gray-50: rgba(var(--spectrum-gray-50-rgb));
- --spectrum-gray-75-rgb: 38, 38, 38;
- --spectrum-gray-75: rgba(var(--spectrum-gray-75-rgb));
- --spectrum-gray-100-rgb: 50, 50, 50;
- --spectrum-gray-100: rgba(var(--spectrum-gray-100-rgb));
- --spectrum-gray-200-rgb: 63, 63, 63;
- --spectrum-gray-200: rgba(var(--spectrum-gray-200-rgb));
- --spectrum-gray-300-rgb: 84, 84, 84;
- --spectrum-gray-300: rgba(var(--spectrum-gray-300-rgb));
- --spectrum-gray-400-rgb: 112, 112, 112;
- --spectrum-gray-400: rgba(var(--spectrum-gray-400-rgb));
- --spectrum-gray-500-rgb: 144, 144, 144;
- --spectrum-gray-500: rgba(var(--spectrum-gray-500-rgb));
- --spectrum-gray-600-rgb: 178, 178, 178;
- --spectrum-gray-600: rgba(var(--spectrum-gray-600-rgb));
- --spectrum-gray-700-rgb: 209, 209, 209;
- --spectrum-gray-700: rgba(var(--spectrum-gray-700-rgb));
- --spectrum-gray-800-rgb: 235, 235, 235;
- --spectrum-gray-800: rgba(var(--spectrum-gray-800-rgb));
- --spectrum-gray-900-rgb: 255, 255, 255;
- --spectrum-gray-900: rgba(var(--spectrum-gray-900-rgb));
- --spectrum-blue-100-rgb: 0, 56, 119;
- --spectrum-blue-100: rgba(var(--spectrum-blue-100-rgb));
- --spectrum-blue-200-rgb: 0, 65, 138;
- --spectrum-blue-200: rgba(var(--spectrum-blue-200-rgb));
- --spectrum-blue-300-rgb: 0, 77, 163;
- --spectrum-blue-300: rgba(var(--spectrum-blue-300-rgb));
- --spectrum-blue-400-rgb: 0, 89, 194;
- --spectrum-blue-400: rgba(var(--spectrum-blue-400-rgb));
- --spectrum-blue-500-rgb: 3, 103, 224;
- --spectrum-blue-500: rgba(var(--spectrum-blue-500-rgb));
- --spectrum-blue-600-rgb: 19, 121, 243;
- --spectrum-blue-600: rgba(var(--spectrum-blue-600-rgb));
- --spectrum-blue-700-rgb: 52, 143, 244;
- --spectrum-blue-700: rgba(var(--spectrum-blue-700-rgb));
- --spectrum-blue-800-rgb: 84, 163, 246;
- --spectrum-blue-800: rgba(var(--spectrum-blue-800-rgb));
- --spectrum-blue-900-rgb: 114, 183, 249;
- --spectrum-blue-900: rgba(var(--spectrum-blue-900-rgb));
- --spectrum-blue-1000-rgb: 143, 202, 252;
- --spectrum-blue-1000: rgba(var(--spectrum-blue-1000-rgb));
- --spectrum-blue-1100-rgb: 174, 219, 254;
- --spectrum-blue-1100: rgba(var(--spectrum-blue-1100-rgb));
- --spectrum-blue-1200-rgb: 204, 233, 255;
- --spectrum-blue-1200: rgba(var(--spectrum-blue-1200-rgb));
- --spectrum-blue-1300-rgb: 232, 246, 255;
- --spectrum-blue-1300: rgba(var(--spectrum-blue-1300-rgb));
- --spectrum-blue-1400-rgb: 255, 255, 255;
- --spectrum-blue-1400: rgba(var(--spectrum-blue-1400-rgb));
- --spectrum-red-100-rgb: 123, 0, 0;
- --spectrum-red-100: rgba(var(--spectrum-red-100-rgb));
- --spectrum-red-200-rgb: 141, 0, 0;
- --spectrum-red-200: rgba(var(--spectrum-red-200-rgb));
- --spectrum-red-300-rgb: 165, 0, 0;
- --spectrum-red-300: rgba(var(--spectrum-red-300-rgb));
- --spectrum-red-400-rgb: 190, 4, 3;
- --spectrum-red-400: rgba(var(--spectrum-red-400-rgb));
- --spectrum-red-500-rgb: 215, 25, 19;
- --spectrum-red-500: rgba(var(--spectrum-red-500-rgb));
- --spectrum-red-600-rgb: 234, 56, 41;
- --spectrum-red-600: rgba(var(--spectrum-red-600-rgb));
- --spectrum-red-700-rgb: 246, 88, 67;
- --spectrum-red-700: rgba(var(--spectrum-red-700-rgb));
- --spectrum-red-800-rgb: 255, 117, 94;
- --spectrum-red-800: rgba(var(--spectrum-red-800-rgb));
- --spectrum-red-900-rgb: 255, 149, 129;
- --spectrum-red-900: rgba(var(--spectrum-red-900-rgb));
- --spectrum-red-1000-rgb: 255, 176, 161;
- --spectrum-red-1000: rgba(var(--spectrum-red-1000-rgb));
- --spectrum-red-1100-rgb: 255, 201, 189;
- --spectrum-red-1100: rgba(var(--spectrum-red-1100-rgb));
- --spectrum-red-1200-rgb: 255, 222, 216;
- --spectrum-red-1200: rgba(var(--spectrum-red-1200-rgb));
- --spectrum-red-1300-rgb: 255, 241, 238;
- --spectrum-red-1300: rgba(var(--spectrum-red-1300-rgb));
- --spectrum-red-1400-rgb: 255, 255, 255;
- --spectrum-red-1400: rgba(var(--spectrum-red-1400-rgb));
- --spectrum-orange-100-rgb: 102, 37, 0;
- --spectrum-orange-100: rgba(var(--spectrum-orange-100-rgb));
- --spectrum-orange-200-rgb: 117, 45, 0;
- --spectrum-orange-200: rgba(var(--spectrum-orange-200-rgb));
- --spectrum-orange-300-rgb: 137, 55, 0;
- --spectrum-orange-300: rgba(var(--spectrum-orange-300-rgb));
- --spectrum-orange-400-rgb: 158, 66, 0;
- --spectrum-orange-400: rgba(var(--spectrum-orange-400-rgb));
- --spectrum-orange-500-rgb: 180, 78, 0;
- --spectrum-orange-500: rgba(var(--spectrum-orange-500-rgb));
- --spectrum-orange-600-rgb: 202, 93, 0;
- --spectrum-orange-600: rgba(var(--spectrum-orange-600-rgb));
- --spectrum-orange-700-rgb: 225, 109, 0;
- --spectrum-orange-700: rgba(var(--spectrum-orange-700-rgb));
- --spectrum-orange-800-rgb: 244, 129, 12;
- --spectrum-orange-800: rgba(var(--spectrum-orange-800-rgb));
- --spectrum-orange-900-rgb: 254, 154, 46;
- --spectrum-orange-900: rgba(var(--spectrum-orange-900-rgb));
- --spectrum-orange-1000-rgb: 255, 181, 88;
- --spectrum-orange-1000: rgba(var(--spectrum-orange-1000-rgb));
- --spectrum-orange-1100-rgb: 253, 206, 136;
- --spectrum-orange-1100: rgba(var(--spectrum-orange-1100-rgb));
- --spectrum-orange-1200-rgb: 255, 225, 179;
- --spectrum-orange-1200: rgba(var(--spectrum-orange-1200-rgb));
- --spectrum-orange-1300-rgb: 255, 242, 221;
- --spectrum-orange-1300: rgba(var(--spectrum-orange-1300-rgb));
- --spectrum-orange-1400-rgb: 255, 253, 249;
- --spectrum-orange-1400: rgba(var(--spectrum-orange-1400-rgb));
- --spectrum-yellow-100-rgb: 76, 54, 0;
- --spectrum-yellow-100: rgba(var(--spectrum-yellow-100-rgb));
- --spectrum-yellow-200-rgb: 88, 64, 0;
- --spectrum-yellow-200: rgba(var(--spectrum-yellow-200-rgb));
- --spectrum-yellow-300-rgb: 103, 76, 0;
- --spectrum-yellow-300: rgba(var(--spectrum-yellow-300-rgb));
- --spectrum-yellow-400-rgb: 119, 89, 0;
- --spectrum-yellow-400: rgba(var(--spectrum-yellow-400-rgb));
- --spectrum-yellow-500-rgb: 136, 104, 0;
- --spectrum-yellow-500: rgba(var(--spectrum-yellow-500-rgb));
- --spectrum-yellow-600-rgb: 155, 120, 0;
- --spectrum-yellow-600: rgba(var(--spectrum-yellow-600-rgb));
- --spectrum-yellow-700-rgb: 174, 137, 0;
- --spectrum-yellow-700: rgba(var(--spectrum-yellow-700-rgb));
- --spectrum-yellow-800-rgb: 192, 156, 0;
- --spectrum-yellow-800: rgba(var(--spectrum-yellow-800-rgb));
- --spectrum-yellow-900-rgb: 211, 174, 0;
- --spectrum-yellow-900: rgba(var(--spectrum-yellow-900-rgb));
- --spectrum-yellow-1000-rgb: 228, 194, 0;
- --spectrum-yellow-1000: rgba(var(--spectrum-yellow-1000-rgb));
- --spectrum-yellow-1100-rgb: 244, 213, 0;
- --spectrum-yellow-1100: rgba(var(--spectrum-yellow-1100-rgb));
- --spectrum-yellow-1200-rgb: 249, 232, 92;
- --spectrum-yellow-1200: rgba(var(--spectrum-yellow-1200-rgb));
- --spectrum-yellow-1300-rgb: 252, 246, 187;
- --spectrum-yellow-1300: rgba(var(--spectrum-yellow-1300-rgb));
- --spectrum-yellow-1400-rgb: 255, 255, 255;
- --spectrum-yellow-1400: rgba(var(--spectrum-yellow-1400-rgb));
- --spectrum-chartreuse-100-rgb: 48, 64, 0;
- --spectrum-chartreuse-100: rgba(var(--spectrum-chartreuse-100-rgb));
- --spectrum-chartreuse-200-rgb: 55, 74, 0;
- --spectrum-chartreuse-200: rgba(var(--spectrum-chartreuse-200-rgb));
- --spectrum-chartreuse-300-rgb: 65, 87, 0;
- --spectrum-chartreuse-300: rgba(var(--spectrum-chartreuse-300-rgb));
- --spectrum-chartreuse-400-rgb: 76, 102, 0;
- --spectrum-chartreuse-400: rgba(var(--spectrum-chartreuse-400-rgb));
- --spectrum-chartreuse-500-rgb: 89, 118, 0;
- --spectrum-chartreuse-500: rgba(var(--spectrum-chartreuse-500-rgb));
- --spectrum-chartreuse-600-rgb: 102, 136, 0;
- --spectrum-chartreuse-600: rgba(var(--spectrum-chartreuse-600-rgb));
- --spectrum-chartreuse-700-rgb: 117, 154, 0;
- --spectrum-chartreuse-700: rgba(var(--spectrum-chartreuse-700-rgb));
- --spectrum-chartreuse-800-rgb: 132, 173, 1;
- --spectrum-chartreuse-800: rgba(var(--spectrum-chartreuse-800-rgb));
- --spectrum-chartreuse-900-rgb: 148, 192, 8;
- --spectrum-chartreuse-900: rgba(var(--spectrum-chartreuse-900-rgb));
- --spectrum-chartreuse-1000-rgb: 166, 211, 18;
- --spectrum-chartreuse-1000: rgba(var(--spectrum-chartreuse-1000-rgb));
- --spectrum-chartreuse-1100-rgb: 184, 229, 37;
- --spectrum-chartreuse-1100: rgba(var(--spectrum-chartreuse-1100-rgb));
- --spectrum-chartreuse-1200-rgb: 205, 245, 71;
- --spectrum-chartreuse-1200: rgba(var(--spectrum-chartreuse-1200-rgb));
- --spectrum-chartreuse-1300-rgb: 231, 254, 154;
- --spectrum-chartreuse-1300: rgba(var(--spectrum-chartreuse-1300-rgb));
- --spectrum-chartreuse-1400-rgb: 255, 255, 255;
- --spectrum-chartreuse-1400: rgba(var(--spectrum-chartreuse-1400-rgb));
- --spectrum-celery-100-rgb: 0, 69, 10;
- --spectrum-celery-100: rgba(var(--spectrum-celery-100-rgb));
- --spectrum-celery-200-rgb: 0, 80, 12;
- --spectrum-celery-200: rgba(var(--spectrum-celery-200-rgb));
- --spectrum-celery-300-rgb: 0, 94, 14;
- --spectrum-celery-300: rgba(var(--spectrum-celery-300-rgb));
- --spectrum-celery-400-rgb: 0, 109, 15;
- --spectrum-celery-400: rgba(var(--spectrum-celery-400-rgb));
- --spectrum-celery-500-rgb: 0, 127, 15;
- --spectrum-celery-500: rgba(var(--spectrum-celery-500-rgb));
- --spectrum-celery-600-rgb: 0, 145, 18;
- --spectrum-celery-600: rgba(var(--spectrum-celery-600-rgb));
- --spectrum-celery-700-rgb: 4, 165, 30;
- --spectrum-celery-700: rgba(var(--spectrum-celery-700-rgb));
- --spectrum-celery-800-rgb: 34, 184, 51;
- --spectrum-celery-800: rgba(var(--spectrum-celery-800-rgb));
- --spectrum-celery-900-rgb: 68, 202, 73;
- --spectrum-celery-900: rgba(var(--spectrum-celery-900-rgb));
- --spectrum-celery-1000-rgb: 105, 220, 99;
- --spectrum-celery-1000: rgba(var(--spectrum-celery-1000-rgb));
- --spectrum-celery-1100-rgb: 142, 235, 127;
- --spectrum-celery-1100: rgba(var(--spectrum-celery-1100-rgb));
- --spectrum-celery-1200-rgb: 180, 247, 162;
- --spectrum-celery-1200: rgba(var(--spectrum-celery-1200-rgb));
- --spectrum-celery-1300-rgb: 221, 253, 211;
- --spectrum-celery-1300: rgba(var(--spectrum-celery-1300-rgb));
- --spectrum-celery-1400-rgb: 255, 255, 255;
- --spectrum-celery-1400: rgba(var(--spectrum-celery-1400-rgb));
- --spectrum-green-100-rgb: 4, 67, 41;
- --spectrum-green-100: rgba(var(--spectrum-green-100-rgb));
- --spectrum-green-200-rgb: 0, 78, 47;
- --spectrum-green-200: rgba(var(--spectrum-green-200-rgb));
- --spectrum-green-300-rgb: 0, 92, 56;
- --spectrum-green-300: rgba(var(--spectrum-green-300-rgb));
- --spectrum-green-400-rgb: 0, 108, 67;
- --spectrum-green-400: rgba(var(--spectrum-green-400-rgb));
- --spectrum-green-500-rgb: 0, 125, 78;
- --spectrum-green-500: rgba(var(--spectrum-green-500-rgb));
- --spectrum-green-600-rgb: 0, 143, 93;
- --spectrum-green-600: rgba(var(--spectrum-green-600-rgb));
- --spectrum-green-700-rgb: 18, 162, 108;
- --spectrum-green-700: rgba(var(--spectrum-green-700-rgb));
- --spectrum-green-800-rgb: 43, 180, 125;
- --spectrum-green-800: rgba(var(--spectrum-green-800-rgb));
- --spectrum-green-900-rgb: 67, 199, 143;
- --spectrum-green-900: rgba(var(--spectrum-green-900-rgb));
- --spectrum-green-1000-rgb: 94, 217, 162;
- --spectrum-green-1000: rgba(var(--spectrum-green-1000-rgb));
- --spectrum-green-1100-rgb: 129, 233, 184;
- --spectrum-green-1100: rgba(var(--spectrum-green-1100-rgb));
- --spectrum-green-1200-rgb: 177, 244, 209;
- --spectrum-green-1200: rgba(var(--spectrum-green-1200-rgb));
- --spectrum-green-1300-rgb: 223, 250, 234;
- --spectrum-green-1300: rgba(var(--spectrum-green-1300-rgb));
- --spectrum-green-1400-rgb: 254, 255, 252;
- --spectrum-green-1400: rgba(var(--spectrum-green-1400-rgb));
- --spectrum-seafoam-100-rgb: 18, 65, 63;
- --spectrum-seafoam-100: rgba(var(--spectrum-seafoam-100-rgb));
- --spectrum-seafoam-200-rgb: 14, 76, 73;
- --spectrum-seafoam-200: rgba(var(--spectrum-seafoam-200-rgb));
- --spectrum-seafoam-300-rgb: 4, 90, 87;
- --spectrum-seafoam-300: rgba(var(--spectrum-seafoam-300-rgb));
- --spectrum-seafoam-400-rgb: 0, 105, 101;
- --spectrum-seafoam-400: rgba(var(--spectrum-seafoam-400-rgb));
- --spectrum-seafoam-500-rgb: 0, 122, 117;
- --spectrum-seafoam-500: rgba(var(--spectrum-seafoam-500-rgb));
- --spectrum-seafoam-600-rgb: 0, 140, 135;
- --spectrum-seafoam-600: rgba(var(--spectrum-seafoam-600-rgb));
- --spectrum-seafoam-700-rgb: 0, 158, 152;
- --spectrum-seafoam-700: rgba(var(--spectrum-seafoam-700-rgb));
- --spectrum-seafoam-800-rgb: 3, 178, 171;
- --spectrum-seafoam-800: rgba(var(--spectrum-seafoam-800-rgb));
- --spectrum-seafoam-900-rgb: 54, 197, 189;
- --spectrum-seafoam-900: rgba(var(--spectrum-seafoam-900-rgb));
- --spectrum-seafoam-1000-rgb: 93, 214, 207;
- --spectrum-seafoam-1000: rgba(var(--spectrum-seafoam-1000-rgb));
- --spectrum-seafoam-1100-rgb: 132, 230, 223;
- --spectrum-seafoam-1100: rgba(var(--spectrum-seafoam-1100-rgb));
- --spectrum-seafoam-1200-rgb: 176, 242, 236;
- --spectrum-seafoam-1200: rgba(var(--spectrum-seafoam-1200-rgb));
- --spectrum-seafoam-1300-rgb: 223, 249, 246;
- --spectrum-seafoam-1300: rgba(var(--spectrum-seafoam-1300-rgb));
- --spectrum-seafoam-1400-rgb: 254, 255, 254;
- --spectrum-seafoam-1400: rgba(var(--spectrum-seafoam-1400-rgb));
- --spectrum-cyan-100-rgb: 0, 61, 98;
- --spectrum-cyan-100: rgba(var(--spectrum-cyan-100-rgb));
- --spectrum-cyan-200-rgb: 0, 71, 111;
- --spectrum-cyan-200: rgba(var(--spectrum-cyan-200-rgb));
- --spectrum-cyan-300-rgb: 0, 85, 127;
- --spectrum-cyan-300: rgba(var(--spectrum-cyan-300-rgb));
- --spectrum-cyan-400-rgb: 0, 100, 145;
- --spectrum-cyan-400: rgba(var(--spectrum-cyan-400-rgb));
- --spectrum-cyan-500-rgb: 0, 116, 162;
- --spectrum-cyan-500: rgba(var(--spectrum-cyan-500-rgb));
- --spectrum-cyan-600-rgb: 0, 134, 180;
- --spectrum-cyan-600: rgba(var(--spectrum-cyan-600-rgb));
- --spectrum-cyan-700-rgb: 0, 153, 198;
- --spectrum-cyan-700: rgba(var(--spectrum-cyan-700-rgb));
- --spectrum-cyan-800-rgb: 14, 173, 215;
- --spectrum-cyan-800: rgba(var(--spectrum-cyan-800-rgb));
- --spectrum-cyan-900-rgb: 44, 193, 230;
- --spectrum-cyan-900: rgba(var(--spectrum-cyan-900-rgb));
- --spectrum-cyan-1000-rgb: 84, 211, 241;
- --spectrum-cyan-1000: rgba(var(--spectrum-cyan-1000-rgb));
- --spectrum-cyan-1100-rgb: 127, 228, 249;
- --spectrum-cyan-1100: rgba(var(--spectrum-cyan-1100-rgb));
- --spectrum-cyan-1200-rgb: 167, 241, 255;
- --spectrum-cyan-1200: rgba(var(--spectrum-cyan-1200-rgb));
- --spectrum-cyan-1300-rgb: 215, 250, 255;
- --spectrum-cyan-1300: rgba(var(--spectrum-cyan-1300-rgb));
- --spectrum-cyan-1400-rgb: 255, 255, 255;
- --spectrum-cyan-1400: rgba(var(--spectrum-cyan-1400-rgb));
- --spectrum-indigo-100-rgb: 40, 44, 140;
- --spectrum-indigo-100: rgba(var(--spectrum-indigo-100-rgb));
- --spectrum-indigo-200-rgb: 47, 52, 163;
- --spectrum-indigo-200: rgba(var(--spectrum-indigo-200-rgb));
- --spectrum-indigo-300-rgb: 57, 63, 187;
- --spectrum-indigo-300: rgba(var(--spectrum-indigo-300-rgb));
- --spectrum-indigo-400-rgb: 70, 75, 211;
- --spectrum-indigo-400: rgba(var(--spectrum-indigo-400-rgb));
- --spectrum-indigo-500-rgb: 85, 91, 231;
- --spectrum-indigo-500: rgba(var(--spectrum-indigo-500-rgb));
- --spectrum-indigo-600-rgb: 104, 109, 244;
- --spectrum-indigo-600: rgba(var(--spectrum-indigo-600-rgb));
- --spectrum-indigo-700-rgb: 124, 129, 251;
- --spectrum-indigo-700: rgba(var(--spectrum-indigo-700-rgb));
- --spectrum-indigo-800-rgb: 145, 149, 255;
- --spectrum-indigo-800: rgba(var(--spectrum-indigo-800-rgb));
- --spectrum-indigo-900-rgb: 167, 170, 255;
- --spectrum-indigo-900: rgba(var(--spectrum-indigo-900-rgb));
- --spectrum-indigo-1000-rgb: 188, 190, 255;
- --spectrum-indigo-1000: rgba(var(--spectrum-indigo-1000-rgb));
- --spectrum-indigo-1100-rgb: 208, 210, 255;
- --spectrum-indigo-1100: rgba(var(--spectrum-indigo-1100-rgb));
- --spectrum-indigo-1200-rgb: 226, 228, 255;
- --spectrum-indigo-1200: rgba(var(--spectrum-indigo-1200-rgb));
- --spectrum-indigo-1300-rgb: 243, 243, 254;
- --spectrum-indigo-1300: rgba(var(--spectrum-indigo-1300-rgb));
- --spectrum-indigo-1400-rgb: 255, 255, 255;
- --spectrum-indigo-1400: rgba(var(--spectrum-indigo-1400-rgb));
- --spectrum-purple-100-rgb: 76, 13, 157;
- --spectrum-purple-100: rgba(var(--spectrum-purple-100-rgb));
- --spectrum-purple-200-rgb: 89, 17, 177;
- --spectrum-purple-200: rgba(var(--spectrum-purple-200-rgb));
- --spectrum-purple-300-rgb: 105, 28, 200;
- --spectrum-purple-300: rgba(var(--spectrum-purple-300-rgb));
- --spectrum-purple-400-rgb: 122, 45, 218;
- --spectrum-purple-400: rgba(var(--spectrum-purple-400-rgb));
- --spectrum-purple-500-rgb: 140, 65, 233;
- --spectrum-purple-500: rgba(var(--spectrum-purple-500-rgb));
- --spectrum-purple-600-rgb: 157, 87, 243;
- --spectrum-purple-600: rgba(var(--spectrum-purple-600-rgb));
- --spectrum-purple-700-rgb: 172, 111, 249;
- --spectrum-purple-700: rgba(var(--spectrum-purple-700-rgb));
- --spectrum-purple-800-rgb: 187, 135, 251;
- --spectrum-purple-800: rgba(var(--spectrum-purple-800-rgb));
- --spectrum-purple-900-rgb: 202, 159, 252;
- --spectrum-purple-900: rgba(var(--spectrum-purple-900-rgb));
- --spectrum-purple-1000-rgb: 215, 182, 254;
- --spectrum-purple-1000: rgba(var(--spectrum-purple-1000-rgb));
- --spectrum-purple-1100-rgb: 228, 204, 254;
- --spectrum-purple-1100: rgba(var(--spectrum-purple-1100-rgb));
- --spectrum-purple-1200-rgb: 239, 223, 255;
- --spectrum-purple-1200: rgba(var(--spectrum-purple-1200-rgb));
- --spectrum-purple-1300-rgb: 249, 240, 255;
- --spectrum-purple-1300: rgba(var(--spectrum-purple-1300-rgb));
- --spectrum-purple-1400-rgb: 255, 253, 255;
- --spectrum-purple-1400: rgba(var(--spectrum-purple-1400-rgb));
- --spectrum-fuchsia-100-rgb: 107, 3, 106;
- --spectrum-fuchsia-100: rgba(var(--spectrum-fuchsia-100-rgb));
- --spectrum-fuchsia-200-rgb: 123, 0, 123;
- --spectrum-fuchsia-200: rgba(var(--spectrum-fuchsia-200-rgb));
- --spectrum-fuchsia-300-rgb: 144, 0, 145;
- --spectrum-fuchsia-300: rgba(var(--spectrum-fuchsia-300-rgb));
- --spectrum-fuchsia-400-rgb: 165, 13, 166;
- --spectrum-fuchsia-400: rgba(var(--spectrum-fuchsia-400-rgb));
- --spectrum-fuchsia-500-rgb: 185, 37, 185;
- --spectrum-fuchsia-500: rgba(var(--spectrum-fuchsia-500-rgb));
- --spectrum-fuchsia-600-rgb: 205, 57, 206;
- --spectrum-fuchsia-600: rgba(var(--spectrum-fuchsia-600-rgb));
- --spectrum-fuchsia-700-rgb: 223, 81, 224;
- --spectrum-fuchsia-700: rgba(var(--spectrum-fuchsia-700-rgb));
- --spectrum-fuchsia-800-rgb: 235, 110, 236;
- --spectrum-fuchsia-800: rgba(var(--spectrum-fuchsia-800-rgb));
- --spectrum-fuchsia-900-rgb: 244, 140, 242;
- --spectrum-fuchsia-900: rgba(var(--spectrum-fuchsia-900-rgb));
- --spectrum-fuchsia-1000-rgb: 250, 168, 245;
- --spectrum-fuchsia-1000: rgba(var(--spectrum-fuchsia-1000-rgb));
- --spectrum-fuchsia-1100-rgb: 254, 194, 248;
- --spectrum-fuchsia-1100: rgba(var(--spectrum-fuchsia-1100-rgb));
- --spectrum-fuchsia-1200-rgb: 255, 219, 250;
- --spectrum-fuchsia-1200: rgba(var(--spectrum-fuchsia-1200-rgb));
- --spectrum-fuchsia-1300-rgb: 255, 239, 252;
- --spectrum-fuchsia-1300: rgba(var(--spectrum-fuchsia-1300-rgb));
- --spectrum-fuchsia-1400-rgb: 255, 253, 255;
- --spectrum-fuchsia-1400: rgba(var(--spectrum-fuchsia-1400-rgb));
- --spectrum-magenta-100-rgb: 118, 0, 58;
- --spectrum-magenta-100: rgba(var(--spectrum-magenta-100-rgb));
- --spectrum-magenta-200-rgb: 137, 0, 66;
- --spectrum-magenta-200: rgba(var(--spectrum-magenta-200-rgb));
- --spectrum-magenta-300-rgb: 160, 0, 77;
- --spectrum-magenta-300: rgba(var(--spectrum-magenta-300-rgb));
- --spectrum-magenta-400-rgb: 182, 18, 90;
- --spectrum-magenta-400: rgba(var(--spectrum-magenta-400-rgb));
- --spectrum-magenta-500-rgb: 203, 38, 109;
- --spectrum-magenta-500: rgba(var(--spectrum-magenta-500-rgb));
- --spectrum-magenta-600-rgb: 222, 61, 130;
- --spectrum-magenta-600: rgba(var(--spectrum-magenta-600-rgb));
- --spectrum-magenta-700-rgb: 237, 87, 149;
- --spectrum-magenta-700: rgba(var(--spectrum-magenta-700-rgb));
- --spectrum-magenta-800-rgb: 249, 114, 167;
- --spectrum-magenta-800: rgba(var(--spectrum-magenta-800-rgb));
- --spectrum-magenta-900-rgb: 255, 143, 185;
- --spectrum-magenta-900: rgba(var(--spectrum-magenta-900-rgb));
- --spectrum-magenta-1000-rgb: 255, 172, 202;
- --spectrum-magenta-1000: rgba(var(--spectrum-magenta-1000-rgb));
- --spectrum-magenta-1100-rgb: 255, 198, 218;
- --spectrum-magenta-1100: rgba(var(--spectrum-magenta-1100-rgb));
- --spectrum-magenta-1200-rgb: 255, 221, 233;
- --spectrum-magenta-1200: rgba(var(--spectrum-magenta-1200-rgb));
- --spectrum-magenta-1300-rgb: 255, 240, 245;
- --spectrum-magenta-1300: rgba(var(--spectrum-magenta-1300-rgb));
- --spectrum-magenta-1400-rgb: 255, 252, 253;
- --spectrum-magenta-1400: rgba(var(--spectrum-magenta-1400-rgb));
- --spectrum-icon-color-blue-primary-default: var(--spectrum-blue-800);
- --spectrum-icon-color-green-primary-default: var(--spectrum-green-800);
- --spectrum-icon-color-red-primary-default: var(--spectrum-red-700);
- --spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-1000);
-}
-.spectrum--darkest {
--spectrum-overlay-opacity: 0.6;
- --spectrum-drop-shadow-color-rgb: 0, 0, 0;
- --spectrum-drop-shadow-color-opacity: 0.8;
- --spectrum-drop-shadow-color: rgba(var(--spectrum-drop-shadow-color-rgb), var(--spectrum-drop-shadow-color-opacity));
- --spectrum-background-base-color: var(--spectrum-gray-50);
- --spectrum-background-layer-1-color: var(--spectrum-gray-75);
- --spectrum-background-layer-2-color: var(--spectrum-gray-100);
- --spectrum-neutral-background-color-default: var(--spectrum-gray-400);
- --spectrum-neutral-background-color-hover: var(--spectrum-gray-300);
- --spectrum-neutral-background-color-down: var(--spectrum-gray-200);
- --spectrum-neutral-background-color-key-focus: var(--spectrum-gray-300);
- --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-400);
- --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-300);
- --spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-200);
- --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-300);
- --spectrum-accent-background-color-default: var(--spectrum-accent-color-600);
- --spectrum-accent-background-color-hover: var(--spectrum-accent-color-500);
- --spectrum-accent-background-color-down: var(--spectrum-accent-color-400);
- --spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-500);
- --spectrum-informative-background-color-default: var(--spectrum-informative-color-600);
- --spectrum-informative-background-color-hover: var(--spectrum-informative-color-500);
- --spectrum-informative-background-color-down: var(--spectrum-informative-color-400);
- --spectrum-informative-background-color-key-focus: var(--spectrum-informative-color-500);
- --spectrum-negative-background-color-default: var(--spectrum-negative-color-600);
- --spectrum-negative-background-color-hover: var(--spectrum-negative-color-500);
- --spectrum-negative-background-color-down: var(--spectrum-negative-color-400);
- --spectrum-negative-background-color-key-focus: var(--spectrum-negative-color-500);
- --spectrum-positive-background-color-default: var(--spectrum-positive-color-600);
- --spectrum-positive-background-color-hover: var(--spectrum-positive-color-500);
- --spectrum-positive-background-color-down: var(--spectrum-positive-color-400);
- --spectrum-positive-background-color-key-focus: var(--spectrum-positive-color-500);
- --spectrum-notice-background-color-default: var(--spectrum-notice-color-800);
- --spectrum-gray-background-color-default: var(--spectrum-gray-700);
- --spectrum-red-background-color-default: var(--spectrum-red-700);
- --spectrum-orange-background-color-default: var(--spectrum-orange-800);
- --spectrum-yellow-background-color-default: var(--spectrum-yellow-1000);
- --spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-900);
- --spectrum-celery-background-color-default: var(--spectrum-celery-800);
- --spectrum-green-background-color-default: var(--spectrum-green-700);
- --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-700);
- --spectrum-cyan-background-color-default: var(--spectrum-cyan-700);
- --spectrum-blue-background-color-default: var(--spectrum-blue-700);
- --spectrum-indigo-background-color-default: var(--spectrum-indigo-700);
- --spectrum-purple-background-color-default: var(--spectrum-purple-700);
- --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-700);
- --spectrum-magenta-background-color-default: var(--spectrum-magenta-700);
+ --spectrum-background-layer-2-color: var(--spectrum-gray-75);
+ --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-500);
+ --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-400);
+ --spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-400);
+ --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-400);
+ --spectrum-accent-background-color-default: var(--spectrum-accent-color-800);
+ --spectrum-accent-background-color-hover: var(--spectrum-accent-color-700);
+ --spectrum-accent-background-color-down: var(--spectrum-accent-color-700);
+ --spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-700);
+ --spectrum-informative-background-color-default: var(--spectrum-informative-color-800);
+ --spectrum-informative-background-color-hover: var(--spectrum-informative-color-700);
+ --spectrum-informative-background-color-down: var(--spectrum-informative-color-700);
+ --spectrum-informative-background-color-key-focus: var(--spectrum-informative-color-700);
+ --spectrum-negative-background-color-default: var(--spectrum-negative-color-800);
+ --spectrum-negative-background-color-hover: var(--spectrum-negative-color-700);
+ --spectrum-negative-background-color-down: var(--spectrum-negative-color-700);
+ --spectrum-negative-background-color-key-focus: var(--spectrum-negative-color-700);
+ --spectrum-positive-background-color-default: var(--spectrum-positive-color-800);
+ --spectrum-positive-background-color-hover: var(--spectrum-positive-color-700);
+ --spectrum-positive-background-color-down: var(--spectrum-positive-color-700);
+ --spectrum-positive-background-color-key-focus: var(--spectrum-positive-color-700);
+ --spectrum-notice-background-color-default: var(--spectrum-notice-color-900);
+ --spectrum-gray-background-color-default: var(--spectrum-gray-500);
+ --spectrum-red-background-color-default: var(--spectrum-red-800);
+ --spectrum-orange-background-color-default: var(--spectrum-orange-900);
+ --spectrum-yellow-background-color-default: var(--spectrum-yellow-1100);
+ --spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-1000);
+ --spectrum-celery-background-color-default: var(--spectrum-celery-900);
+ --spectrum-green-background-color-default: var(--spectrum-green-800);
+ --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-800);
+ --spectrum-cyan-background-color-default: var(--spectrum-cyan-800);
+ --spectrum-blue-background-color-default: var(--spectrum-blue-800);
+ --spectrum-indigo-background-color-default: var(--spectrum-indigo-800);
+ --spectrum-purple-background-color-default: var(--spectrum-purple-800);
+ --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-800);
+ --spectrum-magenta-background-color-default: var(--spectrum-magenta-800);
--spectrum-neutral-visual-color: var(--spectrum-gray-600);
--spectrum-accent-visual-color: var(--spectrum-accent-color-900);
--spectrum-informative-visual-color: var(--spectrum-informative-color-900);
- --spectrum-negative-visual-color: var(--spectrum-negative-color-700);
+ --spectrum-negative-visual-color: var(--spectrum-negative-color-900);
--spectrum-notice-visual-color: var(--spectrum-notice-color-900);
- --spectrum-positive-visual-color: var(--spectrum-positive-color-800);
+ --spectrum-positive-visual-color: var(--spectrum-positive-color-900);
--spectrum-gray-visual-color: var(--spectrum-gray-600);
--spectrum-red-visual-color: var(--spectrum-red-700);
--spectrum-orange-visual-color: var(--spectrum-orange-900);
@@ -537,457 +69,855 @@
--spectrum-purple-visual-color: var(--spectrum-purple-900);
--spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-900);
--spectrum-magenta-visual-color: var(--spectrum-magenta-900);
+ --spectrum-background-elevated-color: var(--spectrum-gray-75);
+ --spectrum-background-pasteboard-color: var(--spectrum-gray-25);
+ --spectrum-brown-visual-color: var(--spectrum-brown-900);
+ --spectrum-cinnamon-visual-color: var(--spectrum-cinnamon-900);
+ --spectrum-pink-visual-color: var(--spectrum-pink-900);
+ --spectrum-silver-visual-color: var(--spectrum-silver-900);
+ --spectrum-turquoise-visual-color: var(--spectrum-turquoise-900);
+ --spectrum-brown-background-color-default: var(--spectrum-brown-800);
+ --spectrum-cinnamon-background-color-default: var(--spectrum-cinnamon-800);
+ --spectrum-pink-background-color-default: var(--spectrum-pink-800);
+ --spectrum-silver-background-color-default: var(--spectrum-silver-800);
+ --spectrum-turquoise-background-color-default: var(--spectrum-turquoise-800);
+ --spectrum-drop-shadow-color-100-rgb: 0, 0, 0;
+ --spectrum-drop-shadow-color-100-opacity: 0.36;
+ --spectrum-drop-shadow-color-100: rgba(var(--spectrum-drop-shadow-color-100-rgb), var(--spectrum-drop-shadow-color-100-opacity));
+ --spectrum-drop-shadow-color-200-rgb: 0, 0, 0;
+ --spectrum-drop-shadow-color-200-opacity: 0.48;
+ --spectrum-drop-shadow-color-200: rgba(var(--spectrum-drop-shadow-color-200-rgb), var(--spectrum-drop-shadow-color-200-opacity));
+ --spectrum-drop-shadow-color-300-rgb: 0, 0, 0;
+ --spectrum-drop-shadow-color-300-opacity: 0.6;
+ --spectrum-drop-shadow-color-300: rgba(var(--spectrum-drop-shadow-color-300-rgb), var(--spectrum-drop-shadow-color-300-opacity));
+ --spectrum-neutral-subtle-background-color-default: var(--spectrum-gray-300);
+ --spectrum-gray-subtle-background-color-default: var(--spectrum-gray-300);
+ --spectrum-blue-subtle-background-color-default: var(--spectrum-blue-300);
+ --spectrum-green-subtle-background-color-default: var(--spectrum-green-300);
+ --spectrum-orange-subtle-background-color-default: var(--spectrum-orange-300);
+ --spectrum-red-subtle-background-color-default: var(--spectrum-red-300);
+ --spectrum-brown-subtle-background-color-default: var(--spectrum-brown-300);
+ --spectrum-cinnamon-subtle-background-color-default: var(--spectrum-cinnamon-300);
+ --spectrum-celery-subtle-background-color-default: var(--spectrum-celery-300);
+ --spectrum-chartreuse-subtle-background-color-default: var(--spectrum-chartreuse-300);
+ --spectrum-cyan-subtle-background-color-default: var(--spectrum-cyan-300);
+ --spectrum-fuchsia-subtle-background-color-default: var(--spectrum-fuchsia-300);
+ --spectrum-indigo-subtle-background-color-default: var(--spectrum-indigo-300);
+ --spectrum-magenta-subtle-background-color-default: var(--spectrum-magenta-300);
+ --spectrum-pink-subtle-background-color-default: var(--spectrum-pink-300);
+ --spectrum-purple-subtle-background-color-default: var(--spectrum-purple-300);
+ --spectrum-seafoam-subtle-background-color-default: var(--spectrum-seafoam-300);
+ --spectrum-silver-subtle-background-color-default: var(--spectrum-silver-300);
+ --spectrum-turquoise-subtle-background-color-default: var(--spectrum-turquoise-300);
+ --spectrum-yellow-subtle-background-color-default: var(--spectrum-yellow-300);
--spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-800);
- --spectrum-gray-50-rgb: 0, 0, 0;
+ --spectrum-menu-item-background-color-default: var(--spectrum-gray-200);
+ --spectrum-menu-item-background-color-hover: var(--spectrum-gray-200);
+ --spectrum-menu-item-background-color-down: var(--spectrum-gray-200);
+ --spectrum-menu-item-background-color-keyboard-focus: var(--spectrum-gray-200);
+ --spectrum-menu-item-background-color-disabled: var(--spectrum-gray-200);
+ --spectrum-popover-border-opacity: 1;
+ --spectrum-gray-25-rgb: 17, 17, 17;
+ --spectrum-gray-25: rgba(var(--spectrum-gray-25-rgb));
+ --spectrum-gray-50-rgb: 27, 27, 27;
--spectrum-gray-50: rgba(var(--spectrum-gray-50-rgb));
- --spectrum-gray-75-rgb: 14, 14, 14;
+ --spectrum-gray-75-rgb: 34, 34, 34;
--spectrum-gray-75: rgba(var(--spectrum-gray-75-rgb));
- --spectrum-gray-100-rgb: 29, 29, 29;
+ --spectrum-gray-100-rgb: 44, 44, 44;
--spectrum-gray-100: rgba(var(--spectrum-gray-100-rgb));
- --spectrum-gray-200-rgb: 48, 48, 48;
+ --spectrum-gray-200-rgb: 50, 50, 50;
--spectrum-gray-200: rgba(var(--spectrum-gray-200-rgb));
- --spectrum-gray-300-rgb: 75, 75, 75;
+ --spectrum-gray-300-rgb: 57, 57, 57;
--spectrum-gray-300: rgba(var(--spectrum-gray-300-rgb));
- --spectrum-gray-400-rgb: 106, 106, 106;
+ --spectrum-gray-400-rgb: 68, 68, 68;
--spectrum-gray-400: rgba(var(--spectrum-gray-400-rgb));
- --spectrum-gray-500-rgb: 141, 141, 141;
+ --spectrum-gray-500-rgb: 109, 109, 109;
--spectrum-gray-500: rgba(var(--spectrum-gray-500-rgb));
- --spectrum-gray-600-rgb: 176, 176, 176;
+ --spectrum-gray-600-rgb: 138, 138, 138;
--spectrum-gray-600: rgba(var(--spectrum-gray-600-rgb));
- --spectrum-gray-700-rgb: 208, 208, 208;
+ --spectrum-gray-700-rgb: 175, 175, 175;
--spectrum-gray-700: rgba(var(--spectrum-gray-700-rgb));
- --spectrum-gray-800-rgb: 235, 235, 235;
+ --spectrum-gray-800-rgb: 219, 219, 219;
--spectrum-gray-800: rgba(var(--spectrum-gray-800-rgb));
- --spectrum-gray-900-rgb: 255, 255, 255;
+ --spectrum-gray-900-rgb: 242, 242, 242;
--spectrum-gray-900: rgba(var(--spectrum-gray-900-rgb));
- --spectrum-blue-100-rgb: 0, 38, 81;
+ --spectrum-gray-1000-rgb: 255, 255, 255;
+ --spectrum-gray-1000: rgba(var(--spectrum-gray-1000-rgb));
+ --spectrum-blue-100-rgb: 14, 23, 63;
--spectrum-blue-100: rgba(var(--spectrum-blue-100-rgb));
- --spectrum-blue-200-rgb: 0, 50, 106;
+ --spectrum-blue-200-rgb: 15, 28, 82;
--spectrum-blue-200: rgba(var(--spectrum-blue-200-rgb));
- --spectrum-blue-300-rgb: 0, 64, 135;
+ --spectrum-blue-300-rgb: 12, 33, 117;
--spectrum-blue-300: rgba(var(--spectrum-blue-300-rgb));
- --spectrum-blue-400-rgb: 0, 78, 166;
+ --spectrum-blue-400-rgb: 18, 45, 154;
--spectrum-blue-400: rgba(var(--spectrum-blue-400-rgb));
- --spectrum-blue-500-rgb: 0, 92, 200;
+ --spectrum-blue-500-rgb: 26, 58, 195;
--spectrum-blue-500: rgba(var(--spectrum-blue-500-rgb));
- --spectrum-blue-600-rgb: 6, 108, 231;
+ --spectrum-blue-600-rgb: 37, 73, 229;
--spectrum-blue-600: rgba(var(--spectrum-blue-600-rgb));
- --spectrum-blue-700-rgb: 29, 128, 245;
+ --spectrum-blue-700-rgb: 52, 91, 248;
--spectrum-blue-700: rgba(var(--spectrum-blue-700-rgb));
- --spectrum-blue-800-rgb: 64, 150, 243;
+ --spectrum-blue-800-rgb: 64, 105, 253;
--spectrum-blue-800: rgba(var(--spectrum-blue-800-rgb));
- --spectrum-blue-900-rgb: 94, 170, 247;
+ --spectrum-blue-900-rgb: 86, 129, 255;
--spectrum-blue-900: rgba(var(--spectrum-blue-900-rgb));
- --spectrum-blue-1000-rgb: 124, 189, 250;
+ --spectrum-blue-1000-rgb: 105, 149, 254;
--spectrum-blue-1000: rgba(var(--spectrum-blue-1000-rgb));
- --spectrum-blue-1100-rgb: 152, 206, 253;
+ --spectrum-blue-1100-rgb: 124, 169, 252;
--spectrum-blue-1100: rgba(var(--spectrum-blue-1100-rgb));
- --spectrum-blue-1200-rgb: 179, 222, 254;
+ --spectrum-blue-1200-rgb: 152, 192, 252;
--spectrum-blue-1200: rgba(var(--spectrum-blue-1200-rgb));
- --spectrum-blue-1300-rgb: 206, 234, 255;
+ --spectrum-blue-1300-rgb: 181, 213, 253;
--spectrum-blue-1300: rgba(var(--spectrum-blue-1300-rgb));
- --spectrum-blue-1400-rgb: 227, 243, 255;
+ --spectrum-blue-1400-rgb: 213, 231, 254;
--spectrum-blue-1400: rgba(var(--spectrum-blue-1400-rgb));
- --spectrum-red-100-rgb: 87, 0, 0;
+ --spectrum-blue-1500-rgb: 238, 245, 255;
+ --spectrum-blue-1500: rgba(var(--spectrum-blue-1500-rgb));
+ --spectrum-blue-1600-rgb: 255, 255, 255;
+ --spectrum-blue-1600: rgba(var(--spectrum-blue-1600-rgb));
+ --spectrum-red-100-rgb: 54, 10, 3;
--spectrum-red-100: rgba(var(--spectrum-red-100-rgb));
- --spectrum-red-200-rgb: 110, 0, 0;
+ --spectrum-red-200-rgb: 68, 13, 5;
--spectrum-red-200: rgba(var(--spectrum-red-200-rgb));
- --spectrum-red-300-rgb: 138, 0, 0;
+ --spectrum-red-300-rgb: 87, 17, 7;
--spectrum-red-300: rgba(var(--spectrum-red-300-rgb));
- --spectrum-red-400-rgb: 167, 0, 0;
+ --spectrum-red-400-rgb: 115, 24, 11;
--spectrum-red-400: rgba(var(--spectrum-red-400-rgb));
- --spectrum-red-500-rgb: 196, 7, 6;
+ --spectrum-red-500-rgb: 147, 31, 17;
--spectrum-red-500: rgba(var(--spectrum-red-500-rgb));
- --spectrum-red-600-rgb: 221, 33, 24;
+ --spectrum-red-600-rgb: 177, 38, 23;
--spectrum-red-600: rgba(var(--spectrum-red-600-rgb));
- --spectrum-red-700-rgb: 238, 67, 49;
+ --spectrum-red-700-rgb: 205, 46, 29;
--spectrum-red-700: rgba(var(--spectrum-red-700-rgb));
- --spectrum-red-800-rgb: 249, 99, 76;
+ --spectrum-red-800-rgb: 223, 52, 34;
--spectrum-red-800: rgba(var(--spectrum-red-800-rgb));
- --spectrum-red-900-rgb: 255, 129, 107;
+ --spectrum-red-900-rgb: 252, 67, 46;
--spectrum-red-900: rgba(var(--spectrum-red-900-rgb));
- --spectrum-red-1000-rgb: 255, 158, 140;
+ --spectrum-red-1000-rgb: 255, 103, 86;
--spectrum-red-1000: rgba(var(--spectrum-red-1000-rgb));
- --spectrum-red-1100-rgb: 255, 183, 169;
+ --spectrum-red-1100-rgb: 255, 134, 120;
--spectrum-red-1100: rgba(var(--spectrum-red-1100-rgb));
- --spectrum-red-1200-rgb: 255, 205, 195;
+ --spectrum-red-1200-rgb: 255, 167, 157;
--spectrum-red-1200: rgba(var(--spectrum-red-1200-rgb));
- --spectrum-red-1300-rgb: 255, 223, 217;
+ --spectrum-red-1300-rgb: 255, 196, 189;
--spectrum-red-1300: rgba(var(--spectrum-red-1300-rgb));
- --spectrum-red-1400-rgb: 255, 237, 234;
+ --spectrum-red-1400-rgb: 255, 222, 219;
--spectrum-red-1400: rgba(var(--spectrum-red-1400-rgb));
- --spectrum-orange-100-rgb: 72, 24, 1;
+ --spectrum-red-1500-rgb: 255, 242, 240;
+ --spectrum-red-1500: rgba(var(--spectrum-red-1500-rgb));
+ --spectrum-red-1600-rgb: 255, 255, 255;
+ --spectrum-red-1600: rgba(var(--spectrum-red-1600-rgb));
+ --spectrum-orange-100-rgb: 49, 16, 0;
--spectrum-orange-100: rgba(var(--spectrum-orange-100-rgb));
- --spectrum-orange-200-rgb: 92, 32, 0;
+ --spectrum-orange-200-rgb: 61, 21, 0;
--spectrum-orange-200: rgba(var(--spectrum-orange-200-rgb));
- --spectrum-orange-300-rgb: 115, 43, 0;
+ --spectrum-orange-300-rgb: 80, 27, 0;
--spectrum-orange-300: rgba(var(--spectrum-orange-300-rgb));
- --spectrum-orange-400-rgb: 138, 55, 0;
+ --spectrum-orange-400-rgb: 106, 36, 0;
--spectrum-orange-400: rgba(var(--spectrum-orange-400-rgb));
- --spectrum-orange-500-rgb: 162, 68, 0;
+ --spectrum-orange-500-rgb: 135, 47, 0;
--spectrum-orange-500: rgba(var(--spectrum-orange-500-rgb));
- --spectrum-orange-600-rgb: 186, 82, 0;
+ --spectrum-orange-600-rgb: 162, 59, 0;
--spectrum-orange-600: rgba(var(--spectrum-orange-600-rgb));
- --spectrum-orange-700-rgb: 210, 98, 0;
+ --spectrum-orange-700-rgb: 185, 73, 0;
--spectrum-orange-700: rgba(var(--spectrum-orange-700-rgb));
- --spectrum-orange-800-rgb: 232, 116, 0;
+ --spectrum-orange-800-rgb: 199, 82, 0;
--spectrum-orange-800: rgba(var(--spectrum-orange-800-rgb));
- --spectrum-orange-900-rgb: 249, 137, 23;
+ --spectrum-orange-900-rgb: 224, 100, 0;
--spectrum-orange-900: rgba(var(--spectrum-orange-900-rgb));
- --spectrum-orange-1000-rgb: 255, 162, 59;
+ --spectrum-orange-1000-rgb: 243, 117, 0;
--spectrum-orange-1000: rgba(var(--spectrum-orange-1000-rgb));
- --spectrum-orange-1100-rgb: 255, 188, 102;
+ --spectrum-orange-1100-rgb: 255, 137, 0;
--spectrum-orange-1100: rgba(var(--spectrum-orange-1100-rgb));
- --spectrum-orange-1200-rgb: 253, 210, 145;
+ --spectrum-orange-1200-rgb: 255, 173, 45;
--spectrum-orange-1200: rgba(var(--spectrum-orange-1200-rgb));
- --spectrum-orange-1300-rgb: 255, 226, 181;
+ --spectrum-orange-1300-rgb: 255, 201, 116;
--spectrum-orange-1300: rgba(var(--spectrum-orange-1300-rgb));
- --spectrum-orange-1400-rgb: 255, 239, 213;
+ --spectrum-orange-1400-rgb: 255, 225, 178;
--spectrum-orange-1400: rgba(var(--spectrum-orange-1400-rgb));
- --spectrum-yellow-100-rgb: 53, 36, 0;
+ --spectrum-orange-1500-rgb: 255, 243, 225;
+ --spectrum-orange-1500: rgba(var(--spectrum-orange-1500-rgb));
+ --spectrum-orange-1600-rgb: 255, 255, 255;
+ --spectrum-orange-1600: rgba(var(--spectrum-orange-1600-rgb));
+ --spectrum-yellow-100-rgb: 37, 23, 0;
--spectrum-yellow-100: rgba(var(--spectrum-yellow-100-rgb));
- --spectrum-yellow-200-rgb: 68, 47, 0;
+ --spectrum-yellow-200-rgb: 47, 29, 0;
--spectrum-yellow-200: rgba(var(--spectrum-yellow-200-rgb));
- --spectrum-yellow-300-rgb: 86, 62, 0;
+ --spectrum-yellow-300-rgb: 61, 39, 0;
--spectrum-yellow-300: rgba(var(--spectrum-yellow-300-rgb));
- --spectrum-yellow-400-rgb: 103, 77, 0;
+ --spectrum-yellow-400-rgb: 83, 52, 0;
--spectrum-yellow-400: rgba(var(--spectrum-yellow-400-rgb));
- --spectrum-yellow-500-rgb: 122, 92, 0;
+ --spectrum-yellow-500-rgb: 107, 67, 0;
--spectrum-yellow-500: rgba(var(--spectrum-yellow-500-rgb));
- --spectrum-yellow-600-rgb: 141, 108, 0;
+ --spectrum-yellow-600-rgb: 130, 82, 0;
--spectrum-yellow-600: rgba(var(--spectrum-yellow-600-rgb));
- --spectrum-yellow-700-rgb: 161, 126, 0;
+ --spectrum-yellow-700-rgb: 151, 97, 0;
--spectrum-yellow-700: rgba(var(--spectrum-yellow-700-rgb));
- --spectrum-yellow-800-rgb: 180, 144, 0;
+ --spectrum-yellow-800-rgb: 164, 106, 0;
--spectrum-yellow-800: rgba(var(--spectrum-yellow-800-rgb));
- --spectrum-yellow-900-rgb: 199, 162, 0;
+ --spectrum-yellow-900-rgb: 186, 124, 0;
--spectrum-yellow-900: rgba(var(--spectrum-yellow-900-rgb));
- --spectrum-yellow-1000-rgb: 216, 181, 0;
+ --spectrum-yellow-1000-rgb: 203, 141, 0;
--spectrum-yellow-1000: rgba(var(--spectrum-yellow-1000-rgb));
- --spectrum-yellow-1100-rgb: 233, 199, 0;
+ --spectrum-yellow-1100-rgb: 218, 159, 0;
--spectrum-yellow-1100: rgba(var(--spectrum-yellow-1100-rgb));
- --spectrum-yellow-1200-rgb: 247, 216, 4;
+ --spectrum-yellow-1200-rgb: 235, 183, 0;
--spectrum-yellow-1200: rgba(var(--spectrum-yellow-1200-rgb));
- --spectrum-yellow-1300-rgb: 249, 233, 97;
+ --spectrum-yellow-1300-rgb: 249, 206, 0;
--spectrum-yellow-1300: rgba(var(--spectrum-yellow-1300-rgb));
- --spectrum-yellow-1400-rgb: 252, 243, 170;
+ --spectrum-yellow-1400-rgb: 255, 230, 86;
--spectrum-yellow-1400: rgba(var(--spectrum-yellow-1400-rgb));
- --spectrum-chartreuse-100-rgb: 32, 43, 0;
+ --spectrum-yellow-1500-rgb: 255, 246, 195;
+ --spectrum-yellow-1500: rgba(var(--spectrum-yellow-1500-rgb));
+ --spectrum-yellow-1600-rgb: 255, 255, 255;
+ --spectrum-yellow-1600: rgba(var(--spectrum-yellow-1600-rgb));
+ --spectrum-chartreuse-100-rgb: 23, 28, 0;
--spectrum-chartreuse-100: rgba(var(--spectrum-chartreuse-100-rgb));
- --spectrum-chartreuse-200-rgb: 42, 56, 0;
+ --spectrum-chartreuse-200-rgb: 30, 36, 0;
--spectrum-chartreuse-200: rgba(var(--spectrum-chartreuse-200-rgb));
- --spectrum-chartreuse-300-rgb: 54, 72, 0;
+ --spectrum-chartreuse-300-rgb: 39, 47, 0;
--spectrum-chartreuse-300: rgba(var(--spectrum-chartreuse-300-rgb));
- --spectrum-chartreuse-400-rgb: 66, 88, 0;
+ --spectrum-chartreuse-400-rgb: 53, 63, 0;
--spectrum-chartreuse-400: rgba(var(--spectrum-chartreuse-400-rgb));
- --spectrum-chartreuse-500-rgb: 79, 105, 0;
+ --spectrum-chartreuse-500-rgb: 68, 82, 0;
--spectrum-chartreuse-500: rgba(var(--spectrum-chartreuse-500-rgb));
- --spectrum-chartreuse-600-rgb: 93, 123, 0;
+ --spectrum-chartreuse-600-rgb: 83, 100, 0;
--spectrum-chartreuse-600: rgba(var(--spectrum-chartreuse-600-rgb));
- --spectrum-chartreuse-700-rgb: 107, 142, 0;
+ --spectrum-chartreuse-700-rgb: 97, 116, 0;
--spectrum-chartreuse-700: rgba(var(--spectrum-chartreuse-700-rgb));
- --spectrum-chartreuse-800-rgb: 122, 161, 0;
+ --spectrum-chartreuse-800-rgb: 106, 127, 0;
--spectrum-chartreuse-800: rgba(var(--spectrum-chartreuse-800-rgb));
- --spectrum-chartreuse-900-rgb: 138, 180, 3;
+ --spectrum-chartreuse-900-rgb: 122, 147, 0;
--spectrum-chartreuse-900: rgba(var(--spectrum-chartreuse-900-rgb));
- --spectrum-chartreuse-1000-rgb: 154, 198, 11;
+ --spectrum-chartreuse-1000-rgb: 136, 164, 0;
--spectrum-chartreuse-1000: rgba(var(--spectrum-chartreuse-1000-rgb));
- --spectrum-chartreuse-1100-rgb: 170, 216, 22;
+ --spectrum-chartreuse-1100-rgb: 151, 181, 0;
--spectrum-chartreuse-1100: rgba(var(--spectrum-chartreuse-1100-rgb));
- --spectrum-chartreuse-1200-rgb: 187, 232, 41;
+ --spectrum-chartreuse-1200-rgb: 169, 203, 0;
--spectrum-chartreuse-1200: rgba(var(--spectrum-chartreuse-1200-rgb));
- --spectrum-chartreuse-1300-rgb: 205, 246, 72;
+ --spectrum-chartreuse-1300-rgb: 187, 225, 0;
--spectrum-chartreuse-1300: rgba(var(--spectrum-chartreuse-1300-rgb));
- --spectrum-chartreuse-1400-rgb: 225, 253, 132;
+ --spectrum-chartreuse-1400-rgb: 219, 240, 117;
--spectrum-chartreuse-1400: rgba(var(--spectrum-chartreuse-1400-rgb));
- --spectrum-celery-100-rgb: 0, 47, 7;
+ --spectrum-chartreuse-1500-rgb: 242, 249, 206;
+ --spectrum-chartreuse-1500: rgba(var(--spectrum-chartreuse-1500-rgb));
+ --spectrum-chartreuse-1600-rgb: 255, 255, 255;
+ --spectrum-chartreuse-1600: rgba(var(--spectrum-chartreuse-1600-rgb));
+ --spectrum-celery-100-rgb: 11, 31, 0;
--spectrum-celery-100: rgba(var(--spectrum-celery-100-rgb));
- --spectrum-celery-200-rgb: 0, 61, 9;
+ --spectrum-celery-200-rgb: 15, 38, 0;
--spectrum-celery-200: rgba(var(--spectrum-celery-200-rgb));
- --spectrum-celery-300-rgb: 0, 77, 12;
+ --spectrum-celery-300-rgb: 21, 51, 1;
--spectrum-celery-300: rgba(var(--spectrum-celery-300-rgb));
- --spectrum-celery-400-rgb: 0, 95, 15;
+ --spectrum-celery-400-rgb: 31, 67, 4;
--spectrum-celery-400: rgba(var(--spectrum-celery-400-rgb));
- --spectrum-celery-500-rgb: 0, 113, 15;
+ --spectrum-celery-500-rgb: 41, 86, 8;
--spectrum-celery-500: rgba(var(--spectrum-celery-500-rgb));
- --spectrum-celery-600-rgb: 0, 132, 15;
+ --spectrum-celery-600-rgb: 50, 105, 11;
--spectrum-celery-600: rgba(var(--spectrum-celery-600-rgb));
- --spectrum-celery-700-rgb: 0, 151, 20;
+ --spectrum-celery-700-rgb: 60, 122, 15;
--spectrum-celery-700: rgba(var(--spectrum-celery-700-rgb));
- --spectrum-celery-800-rgb: 13, 171, 37;
+ --spectrum-celery-800-rgb: 66, 134, 18;
--spectrum-celery-800: rgba(var(--spectrum-celery-800-rgb));
- --spectrum-celery-900-rgb: 45, 191, 58;
+ --spectrum-celery-900-rgb: 78, 154, 23;
--spectrum-celery-900: rgba(var(--spectrum-celery-900-rgb));
- --spectrum-celery-1000-rgb: 80, 208, 82;
+ --spectrum-celery-1000-rgb: 88, 172, 28;
--spectrum-celery-1000: rgba(var(--spectrum-celery-1000-rgb));
- --spectrum-celery-1100-rgb: 115, 224, 107;
+ --spectrum-celery-1100-rgb: 100, 190, 35;
--spectrum-celery-1100: rgba(var(--spectrum-celery-1100-rgb));
- --spectrum-celery-1200-rgb: 147, 237, 131;
+ --spectrum-celery-1200-rgb: 116, 213, 46;
--spectrum-celery-1200: rgba(var(--spectrum-celery-1200-rgb));
- --spectrum-celery-1300-rgb: 180, 247, 162;
+ --spectrum-celery-1300-rgb: 136, 234, 65;
--spectrum-celery-1300: rgba(var(--spectrum-celery-1300-rgb));
- --spectrum-celery-1400-rgb: 213, 252, 202;
+ --spectrum-celery-1400-rgb: 170, 251, 112;
--spectrum-celery-1400: rgba(var(--spectrum-celery-1400-rgb));
- --spectrum-green-100-rgb: 10, 44, 28;
+ --spectrum-celery-1500-rgb: 222, 255, 198;
+ --spectrum-celery-1500: rgba(var(--spectrum-celery-1500-rgb));
+ --spectrum-celery-1600-rgb: 255, 255, 255;
+ --spectrum-celery-1600: rgba(var(--spectrum-celery-1600-rgb));
+ --spectrum-green-100-rgb: 0, 30, 23;
--spectrum-green-100: rgba(var(--spectrum-green-100-rgb));
- --spectrum-green-200-rgb: 7, 59, 36;
+ --spectrum-green-200-rgb: 0, 38, 29;
--spectrum-green-200: rgba(var(--spectrum-green-200-rgb));
- --spectrum-green-300-rgb: 0, 76, 46;
+ --spectrum-green-300-rgb: 0, 51, 38;
--spectrum-green-300: rgba(var(--spectrum-green-300-rgb));
- --spectrum-green-400-rgb: 0, 93, 57;
+ --spectrum-green-400-rgb: 0, 68, 48;
--spectrum-green-400: rgba(var(--spectrum-green-400-rgb));
- --spectrum-green-500-rgb: 0, 111, 69;
+ --spectrum-green-500-rgb: 2, 87, 58;
--spectrum-green-500: rgba(var(--spectrum-green-500-rgb));
- --spectrum-green-600-rgb: 0, 130, 82;
+ --spectrum-green-600-rgb: 3, 106, 67;
--spectrum-green-600: rgba(var(--spectrum-green-600-rgb));
- --spectrum-green-700-rgb: 0, 149, 98;
+ --spectrum-green-700-rgb: 4, 124, 75;
--spectrum-green-700: rgba(var(--spectrum-green-700-rgb));
- --spectrum-green-800-rgb: 28, 168, 114;
+ --spectrum-green-800-rgb: 6, 136, 80;
--spectrum-green-800: rgba(var(--spectrum-green-800-rgb));
- --spectrum-green-900-rgb: 52, 187, 132;
+ --spectrum-green-900-rgb: 9, 157, 89;
--spectrum-green-900: rgba(var(--spectrum-green-900-rgb));
- --spectrum-green-1000-rgb: 75, 205, 149;
+ --spectrum-green-1000-rgb: 14, 175, 98;
--spectrum-green-1000: rgba(var(--spectrum-green-1000-rgb));
- --spectrum-green-1100-rgb: 103, 222, 168;
+ --spectrum-green-1100-rgb: 24, 193, 110;
--spectrum-green-1100: rgba(var(--spectrum-green-1100-rgb));
- --spectrum-green-1200-rgb: 137, 236, 188;
+ --spectrum-green-1200-rgb: 57, 215, 134;
--spectrum-green-1200: rgba(var(--spectrum-green-1200-rgb));
- --spectrum-green-1300-rgb: 177, 244, 209;
+ --spectrum-green-1300-rgb: 126, 231, 172;
--spectrum-green-1300: rgba(var(--spectrum-green-1300-rgb));
- --spectrum-green-1400-rgb: 214, 249, 228;
+ --spectrum-green-1400-rgb: 189, 241, 208;
--spectrum-green-1400: rgba(var(--spectrum-green-1400-rgb));
- --spectrum-seafoam-100-rgb: 18, 43, 42;
+ --spectrum-green-1500-rgb: 229, 250, 236;
+ --spectrum-green-1500: rgba(var(--spectrum-green-1500-rgb));
+ --spectrum-green-1600-rgb: 255, 255, 255;
+ --spectrum-green-1600: rgba(var(--spectrum-green-1600-rgb));
+ --spectrum-seafoam-100-rgb: 0, 30, 27;
--spectrum-seafoam-100: rgba(var(--spectrum-seafoam-100-rgb));
- --spectrum-seafoam-200-rgb: 19, 57, 55;
+ --spectrum-seafoam-200-rgb: 0, 39, 35;
--spectrum-seafoam-200: rgba(var(--spectrum-seafoam-200-rgb));
- --spectrum-seafoam-300-rgb: 16, 73, 70;
+ --spectrum-seafoam-300-rgb: 0, 50, 44;
--spectrum-seafoam-300: rgba(var(--spectrum-seafoam-300-rgb));
- --spectrum-seafoam-400-rgb: 3, 91, 88;
+ --spectrum-seafoam-400-rgb: 0, 67, 59;
--spectrum-seafoam-400: rgba(var(--spectrum-seafoam-400-rgb));
- --spectrum-seafoam-500-rgb: 0, 108, 104;
+ --spectrum-seafoam-500-rgb: 2, 86, 75;
--spectrum-seafoam-500: rgba(var(--spectrum-seafoam-500-rgb));
- --spectrum-seafoam-600-rgb: 0, 127, 121;
+ --spectrum-seafoam-600-rgb: 4, 105, 89;
--spectrum-seafoam-600: rgba(var(--spectrum-seafoam-600-rgb));
- --spectrum-seafoam-700-rgb: 0, 146, 140;
+ --spectrum-seafoam-700-rgb: 6, 122, 103;
--spectrum-seafoam-700: rgba(var(--spectrum-seafoam-700-rgb));
- --spectrum-seafoam-800-rgb: 0, 165, 159;
+ --spectrum-seafoam-800-rgb: 8, 134, 112;
--spectrum-seafoam-800: rgba(var(--spectrum-seafoam-800-rgb));
- --spectrum-seafoam-900-rgb: 26, 185, 178;
+ --spectrum-seafoam-900-rgb: 10, 154, 128;
--spectrum-seafoam-900: rgba(var(--spectrum-seafoam-900-rgb));
- --spectrum-seafoam-1000-rgb: 66, 202, 195;
+ --spectrum-seafoam-1000-rgb: 12, 173, 142;
--spectrum-seafoam-1000: rgba(var(--spectrum-seafoam-1000-rgb));
- --spectrum-seafoam-1100-rgb: 102, 218, 211;
+ --spectrum-seafoam-1100-rgb: 14, 190, 156;
--spectrum-seafoam-1100: rgba(var(--spectrum-seafoam-1100-rgb));
- --spectrum-seafoam-1200-rgb: 139, 232, 225;
+ --spectrum-seafoam-1200-rgb: 29, 214, 176;
--spectrum-seafoam-1200: rgba(var(--spectrum-seafoam-1200-rgb));
- --spectrum-seafoam-1300-rgb: 179, 242, 237;
+ --spectrum-seafoam-1300-rgb: 122, 229, 203;
--spectrum-seafoam-1300: rgba(var(--spectrum-seafoam-1300-rgb));
- --spectrum-seafoam-1400-rgb: 215, 248, 244;
+ --spectrum-seafoam-1400-rgb: 186, 241, 222;
--spectrum-seafoam-1400: rgba(var(--spectrum-seafoam-1400-rgb));
- --spectrum-cyan-100-rgb: 0, 41, 68;
+ --spectrum-seafoam-1500-rgb: 229, 249, 243;
+ --spectrum-seafoam-1500: rgba(var(--spectrum-seafoam-1500-rgb));
+ --spectrum-seafoam-1600-rgb: 255, 255, 255;
+ --spectrum-seafoam-1600: rgba(var(--spectrum-seafoam-1600-rgb));
+ --spectrum-cyan-100-rgb: 0, 29, 39;
--spectrum-cyan-100: rgba(var(--spectrum-cyan-100-rgb));
- --spectrum-cyan-200-rgb: 0, 54, 88;
+ --spectrum-cyan-200-rgb: 0, 36, 49;
--spectrum-cyan-200: rgba(var(--spectrum-cyan-200-rgb));
- --spectrum-cyan-300-rgb: 0, 69, 108;
+ --spectrum-cyan-300-rgb: 0, 48, 65;
--spectrum-cyan-300: rgba(var(--spectrum-cyan-300-rgb));
- --spectrum-cyan-400-rgb: 0, 86, 128;
+ --spectrum-cyan-400-rgb: 0, 64, 88;
--spectrum-cyan-400: rgba(var(--spectrum-cyan-400-rgb));
- --spectrum-cyan-500-rgb: 0, 103, 147;
+ --spectrum-cyan-500-rgb: 0, 82, 113;
--spectrum-cyan-500: rgba(var(--spectrum-cyan-500-rgb));
- --spectrum-cyan-600-rgb: 0, 121, 167;
+ --spectrum-cyan-600-rgb: 3, 99, 140;
--spectrum-cyan-600: rgba(var(--spectrum-cyan-600-rgb));
- --spectrum-cyan-700-rgb: 0, 140, 186;
+ --spectrum-cyan-700-rgb: 8, 115, 168;
--spectrum-cyan-700: rgba(var(--spectrum-cyan-700-rgb));
- --spectrum-cyan-800-rgb: 4, 160, 205;
+ --spectrum-cyan-800-rgb: 13, 125, 186;
--spectrum-cyan-800: rgba(var(--spectrum-cyan-800-rgb));
- --spectrum-cyan-900-rgb: 23, 180, 221;
+ --spectrum-cyan-900-rgb: 24, 142, 220;
--spectrum-cyan-900: rgba(var(--spectrum-cyan-900-rgb));
- --spectrum-cyan-1000-rgb: 57, 199, 234;
+ --spectrum-cyan-1000-rgb: 38, 159, 244;
--spectrum-cyan-1000: rgba(var(--spectrum-cyan-1000-rgb));
- --spectrum-cyan-1100-rgb: 96, 216, 243;
+ --spectrum-cyan-1100-rgb: 63, 177, 255;
--spectrum-cyan-1100: rgba(var(--spectrum-cyan-1100-rgb));
- --spectrum-cyan-1200-rgb: 134, 230, 250;
+ --spectrum-cyan-1200-rgb: 107, 199, 255;
--spectrum-cyan-1200: rgba(var(--spectrum-cyan-1200-rgb));
- --spectrum-cyan-1300-rgb: 170, 242, 255;
+ --spectrum-cyan-1300-rgb: 152, 219, 255;
--spectrum-cyan-1300: rgba(var(--spectrum-cyan-1300-rgb));
- --spectrum-cyan-1400-rgb: 206, 249, 255;
+ --spectrum-cyan-1400-rgb: 195, 236, 252;
--spectrum-cyan-1400: rgba(var(--spectrum-cyan-1400-rgb));
- --spectrum-indigo-100-rgb: 26, 29, 97;
+ --spectrum-cyan-1500-rgb: 230, 248, 253;
+ --spectrum-cyan-1500: rgba(var(--spectrum-cyan-1500-rgb));
+ --spectrum-cyan-1600-rgb: 255, 255, 255;
+ --spectrum-cyan-1600: rgba(var(--spectrum-cyan-1600-rgb));
+ --spectrum-indigo-100-rgb: 30, 0, 93;
--spectrum-indigo-100: rgba(var(--spectrum-indigo-100-rgb));
- --spectrum-indigo-200-rgb: 35, 39, 125;
+ --spectrum-indigo-200-rgb: 35, 0, 110;
--spectrum-indigo-200: rgba(var(--spectrum-indigo-200-rgb));
- --spectrum-indigo-300-rgb: 46, 50, 158;
+ --spectrum-indigo-300-rgb: 47, 0, 140;
--spectrum-indigo-300: rgba(var(--spectrum-indigo-300-rgb));
- --spectrum-indigo-400-rgb: 58, 63, 189;
+ --spectrum-indigo-400-rgb: 62, 12, 174;
--spectrum-indigo-400: rgba(var(--spectrum-indigo-400-rgb));
- --spectrum-indigo-500-rgb: 73, 78, 216;
+ --spectrum-indigo-500-rgb: 79, 30, 209;
--spectrum-indigo-500: rgba(var(--spectrum-indigo-500-rgb));
- --spectrum-indigo-600-rgb: 90, 96, 235;
+ --spectrum-indigo-600-rgb: 95, 52, 235;
--spectrum-indigo-600: rgba(var(--spectrum-indigo-600-rgb));
- --spectrum-indigo-700-rgb: 110, 115, 246;
+ --spectrum-indigo-700-rgb: 109, 75, 248;
--spectrum-indigo-700: rgba(var(--spectrum-indigo-700-rgb));
- --spectrum-indigo-800-rgb: 132, 136, 253;
+ --spectrum-indigo-800-rgb: 116, 91, 252;
--spectrum-indigo-800: rgba(var(--spectrum-indigo-800-rgb));
- --spectrum-indigo-900-rgb: 153, 157, 255;
+ --spectrum-indigo-900-rgb: 128, 119, 254;
--spectrum-indigo-900: rgba(var(--spectrum-indigo-900-rgb));
- --spectrum-indigo-1000-rgb: 174, 177, 255;
+ --spectrum-indigo-1000-rgb: 139, 141, 254;
--spectrum-indigo-1000: rgba(var(--spectrum-indigo-1000-rgb));
- --spectrum-indigo-1100-rgb: 194, 196, 255;
+ --spectrum-indigo-1100-rgb: 153, 161, 255;
--spectrum-indigo-1100: rgba(var(--spectrum-indigo-1100-rgb));
- --spectrum-indigo-1200-rgb: 212, 213, 255;
+ --spectrum-indigo-1200-rgb: 176, 186, 255;
--spectrum-indigo-1200: rgba(var(--spectrum-indigo-1200-rgb));
- --spectrum-indigo-1300-rgb: 227, 228, 255;
+ --spectrum-indigo-1300-rgb: 199, 208, 255;
--spectrum-indigo-1300: rgba(var(--spectrum-indigo-1300-rgb));
- --spectrum-indigo-1400-rgb: 240, 240, 255;
+ --spectrum-indigo-1400-rgb: 223, 228, 255;
--spectrum-indigo-1400: rgba(var(--spectrum-indigo-1400-rgb));
- --spectrum-purple-100-rgb: 50, 16, 104;
+ --spectrum-indigo-1500-rgb: 243, 244, 255;
+ --spectrum-indigo-1500: rgba(var(--spectrum-indigo-1500-rgb));
+ --spectrum-indigo-1600-rgb: 255, 255, 255;
+ --spectrum-indigo-1600: rgba(var(--spectrum-indigo-1600-rgb));
+ --spectrum-purple-100-rgb: 41, 0, 79;
--spectrum-purple-100: rgba(var(--spectrum-purple-100-rgb));
- --spectrum-purple-200-rgb: 67, 13, 140;
+ --spectrum-purple-200-rgb: 50, 0, 96;
--spectrum-purple-200: rgba(var(--spectrum-purple-200-rgb));
- --spectrum-purple-300-rgb: 86, 16, 173;
+ --spectrum-purple-300-rgb: 64, 0, 122;
--spectrum-purple-300: rgba(var(--spectrum-purple-300-rgb));
- --spectrum-purple-400-rgb: 106, 29, 200;
+ --spectrum-purple-400-rgb: 83, 0, 159;
--spectrum-purple-400: rgba(var(--spectrum-purple-400-rgb));
- --spectrum-purple-500-rgb: 126, 49, 222;
+ --spectrum-purple-500-rgb: 107, 6, 195;
--spectrum-purple-500: rgba(var(--spectrum-purple-500-rgb));
- --spectrum-purple-600-rgb: 145, 70, 236;
+ --spectrum-purple-600-rgb: 130, 34, 215;
--spectrum-purple-600: rgba(var(--spectrum-purple-600-rgb));
- --spectrum-purple-700-rgb: 162, 94, 246;
+ --spectrum-purple-700-rgb: 148, 62, 224;
--spectrum-purple-700: rgba(var(--spectrum-purple-700-rgb));
- --spectrum-purple-800-rgb: 178, 119, 250;
+ --spectrum-purple-800-rgb: 157, 78, 228;
--spectrum-purple-800: rgba(var(--spectrum-purple-800-rgb));
- --spectrum-purple-900-rgb: 192, 143, 252;
+ --spectrum-purple-900-rgb: 173, 105, 233;
--spectrum-purple-900: rgba(var(--spectrum-purple-900-rgb));
- --spectrum-purple-1000-rgb: 206, 166, 253;
+ --spectrum-purple-1000-rgb: 186, 127, 237;
--spectrum-purple-1000: rgba(var(--spectrum-purple-1000-rgb));
- --spectrum-purple-1100-rgb: 219, 188, 254;
+ --spectrum-purple-1100-rgb: 197, 149, 240;
--spectrum-purple-1100: rgba(var(--spectrum-purple-1100-rgb));
- --spectrum-purple-1200-rgb: 230, 207, 255;
+ --spectrum-purple-1200-rgb: 212, 176, 244;
--spectrum-purple-1200: rgba(var(--spectrum-purple-1200-rgb));
- --spectrum-purple-1300-rgb: 240, 224, 255;
+ --spectrum-purple-1300-rgb: 225, 201, 247;
--spectrum-purple-1300: rgba(var(--spectrum-purple-1300-rgb));
- --spectrum-purple-1400-rgb: 248, 237, 255;
+ --spectrum-purple-1400-rgb: 238, 224, 250;
--spectrum-purple-1400: rgba(var(--spectrum-purple-1400-rgb));
- --spectrum-fuchsia-100-rgb: 70, 14, 68;
+ --spectrum-purple-1500-rgb: 248, 243, 253;
+ --spectrum-purple-1500: rgba(var(--spectrum-purple-1500-rgb));
+ --spectrum-purple-1600-rgb: 255, 255, 255;
+ --spectrum-purple-1600: rgba(var(--spectrum-purple-1600-rgb));
+ --spectrum-fuchsia-100-rgb: 50, 0, 61;
--spectrum-fuchsia-100: rgba(var(--spectrum-fuchsia-100-rgb));
- --spectrum-fuchsia-200-rgb: 93, 9, 92;
+ --spectrum-fuchsia-200-rgb: 61, 0, 74;
--spectrum-fuchsia-200: rgba(var(--spectrum-fuchsia-200-rgb));
- --spectrum-fuchsia-300-rgb: 120, 0, 120;
+ --spectrum-fuchsia-300-rgb: 79, 0, 95;
--spectrum-fuchsia-300: rgba(var(--spectrum-fuchsia-300-rgb));
- --spectrum-fuchsia-400-rgb: 146, 0, 147;
+ --spectrum-fuchsia-400-rgb: 102, 9, 120;
--spectrum-fuchsia-400: rgba(var(--spectrum-fuchsia-400-rgb));
- --spectrum-fuchsia-500-rgb: 169, 19, 170;
+ --spectrum-fuchsia-500-rgb: 127, 23, 146;
--spectrum-fuchsia-500: rgba(var(--spectrum-fuchsia-500-rgb));
- --spectrum-fuchsia-600-rgb: 191, 43, 191;
+ --spectrum-fuchsia-600-rgb: 151, 38, 170;
--spectrum-fuchsia-600: rgba(var(--spectrum-fuchsia-600-rgb));
- --spectrum-fuchsia-700-rgb: 211, 65, 213;
+ --spectrum-fuchsia-700-rgb: 173, 51, 192;
--spectrum-fuchsia-700: rgba(var(--spectrum-fuchsia-700-rgb));
- --spectrum-fuchsia-800-rgb: 228, 91, 229;
+ --spectrum-fuchsia-800-rgb: 186, 60, 206;
--spectrum-fuchsia-800: rgba(var(--spectrum-fuchsia-800-rgb));
- --spectrum-fuchsia-900-rgb: 239, 120, 238;
+ --spectrum-fuchsia-900-rgb: 213, 73, 235;
--spectrum-fuchsia-900: rgba(var(--spectrum-fuchsia-900-rgb));
- --spectrum-fuchsia-1000-rgb: 246, 149, 243;
+ --spectrum-fuchsia-1000-rgb: 232, 91, 253;
--spectrum-fuchsia-1000: rgba(var(--spectrum-fuchsia-1000-rgb));
- --spectrum-fuchsia-1100-rgb: 251, 175, 246;
+ --spectrum-fuchsia-1100-rgb: 240, 122, 255;
--spectrum-fuchsia-1100: rgba(var(--spectrum-fuchsia-1100-rgb));
- --spectrum-fuchsia-1200-rgb: 254, 199, 248;
+ --spectrum-fuchsia-1200-rgb: 245, 159, 255;
--spectrum-fuchsia-1200: rgba(var(--spectrum-fuchsia-1200-rgb));
- --spectrum-fuchsia-1300-rgb: 255, 220, 250;
+ --spectrum-fuchsia-1300-rgb: 248, 191, 255;
--spectrum-fuchsia-1300: rgba(var(--spectrum-fuchsia-1300-rgb));
- --spectrum-fuchsia-1400-rgb: 255, 235, 252;
+ --spectrum-fuchsia-1400-rgb: 251, 219, 255;
--spectrum-fuchsia-1400: rgba(var(--spectrum-fuchsia-1400-rgb));
- --spectrum-magenta-100-rgb: 83, 3, 41;
+ --spectrum-fuchsia-1500-rgb: 253, 241, 255;
+ --spectrum-fuchsia-1500: rgba(var(--spectrum-fuchsia-1500-rgb));
+ --spectrum-fuchsia-1600-rgb: 255, 255, 255;
+ --spectrum-fuchsia-1600: rgba(var(--spectrum-fuchsia-1600-rgb));
+ --spectrum-magenta-100-rgb: 59, 0, 22;
--spectrum-magenta-100: rgba(var(--spectrum-magenta-100-rgb));
- --spectrum-magenta-200-rgb: 106, 0, 52;
+ --spectrum-magenta-200-rgb: 74, 0, 27;
--spectrum-magenta-200: rgba(var(--spectrum-magenta-200-rgb));
- --spectrum-magenta-300-rgb: 133, 0, 65;
+ --spectrum-magenta-300-rgb: 93, 0, 34;
--spectrum-magenta-300: rgba(var(--spectrum-magenta-300-rgb));
- --spectrum-magenta-400-rgb: 161, 0, 78;
+ --spectrum-magenta-400-rgb: 123, 0, 45;
--spectrum-magenta-400: rgba(var(--spectrum-magenta-400-rgb));
- --spectrum-magenta-500-rgb: 186, 22, 93;
+ --spectrum-magenta-500-rgb: 152, 7, 60;
--spectrum-magenta-500: rgba(var(--spectrum-magenta-500-rgb));
- --spectrum-magenta-600-rgb: 209, 43, 114;
+ --spectrum-magenta-600-rgb: 181, 19, 76;
--spectrum-magenta-600: rgba(var(--spectrum-magenta-600-rgb));
- --spectrum-magenta-700-rgb: 227, 69, 137;
+ --spectrum-magenta-700-rgb: 207, 31, 92;
--spectrum-magenta-700: rgba(var(--spectrum-magenta-700-rgb));
- --spectrum-magenta-800-rgb: 241, 97, 156;
+ --spectrum-magenta-800-rgb: 224, 38, 101;
--spectrum-magenta-800: rgba(var(--spectrum-magenta-800-rgb));
- --spectrum-magenta-900-rgb: 252, 124, 173;
+ --spectrum-magenta-900-rgb: 255, 51, 119;
--spectrum-magenta-900: rgba(var(--spectrum-magenta-900-rgb));
- --spectrum-magenta-1000-rgb: 255, 152, 191;
+ --spectrum-magenta-1000-rgb: 255, 96, 149;
--spectrum-magenta-1000: rgba(var(--spectrum-magenta-1000-rgb));
- --spectrum-magenta-1100-rgb: 255, 179, 207;
+ --spectrum-magenta-1100-rgb: 255, 128, 171;
--spectrum-magenta-1100: rgba(var(--spectrum-magenta-1100-rgb));
- --spectrum-magenta-1200-rgb: 255, 202, 221;
+ --spectrum-magenta-1200-rgb: 255, 163, 194;
--spectrum-magenta-1200: rgba(var(--spectrum-magenta-1200-rgb));
- --spectrum-magenta-1300-rgb: 255, 221, 233;
+ --spectrum-magenta-1300-rgb: 255, 193, 214;
--spectrum-magenta-1300: rgba(var(--spectrum-magenta-1300-rgb));
- --spectrum-magenta-1400-rgb: 255, 236, 243;
+ --spectrum-magenta-1400-rgb: 255, 220, 232;
--spectrum-magenta-1400: rgba(var(--spectrum-magenta-1400-rgb));
+ --spectrum-magenta-1500-rgb: 255, 241, 246;
+ --spectrum-magenta-1500: rgba(var(--spectrum-magenta-1500-rgb));
+ --spectrum-magenta-1600-rgb: 255, 255, 255;
+ --spectrum-magenta-1600: rgba(var(--spectrum-magenta-1600-rgb));
+ --spectrum-pink-100-rgb: 58, 0, 37;
+ --spectrum-pink-100: rgba(var(--spectrum-pink-100-rgb));
+ --spectrum-pink-200-rgb: 71, 0, 44;
+ --spectrum-pink-200: rgba(var(--spectrum-pink-200-rgb));
+ --spectrum-pink-300-rgb: 90, 0, 57;
+ --spectrum-pink-300: rgba(var(--spectrum-pink-300-rgb));
+ --spectrum-pink-400-rgb: 115, 7, 75;
+ --spectrum-pink-400: rgba(var(--spectrum-pink-400-rgb));
+ --spectrum-pink-500-rgb: 143, 18, 97;
+ --spectrum-pink-500: rgba(var(--spectrum-pink-500-rgb));
+ --spectrum-pink-600-rgb: 171, 29, 119;
+ --spectrum-pink-600: rgba(var(--spectrum-pink-600-rgb));
+ --spectrum-pink-700-rgb: 196, 39, 138;
+ --spectrum-pink-700: rgba(var(--spectrum-pink-700-rgb));
+ --spectrum-pink-800-rgb: 213, 45, 151;
+ --spectrum-pink-800: rgba(var(--spectrum-pink-800-rgb));
+ --spectrum-pink-900-rgb: 236, 67, 175;
+ --spectrum-pink-900: rgba(var(--spectrum-pink-900-rgb));
+ --spectrum-pink-1000-rgb: 251, 90, 196;
+ --spectrum-pink-1000: rgba(var(--spectrum-pink-1000-rgb));
+ --spectrum-pink-1100-rgb: 255, 122, 210;
+ --spectrum-pink-1100: rgba(var(--spectrum-pink-1100-rgb));
+ --spectrum-pink-1200-rgb: 255, 159, 223;
+ --spectrum-pink-1200: rgba(var(--spectrum-pink-1200-rgb));
+ --spectrum-pink-1300-rgb: 255, 191, 234;
+ --spectrum-pink-1300: rgba(var(--spectrum-pink-1300-rgb));
+ --spectrum-pink-1400-rgb: 255, 219, 243;
+ --spectrum-pink-1400: rgba(var(--spectrum-pink-1400-rgb));
+ --spectrum-pink-1500-rgb: 255, 241, 250;
+ --spectrum-pink-1500: rgba(var(--spectrum-pink-1500-rgb));
+ --spectrum-pink-1600-rgb: 255, 255, 255;
+ --spectrum-pink-1600: rgba(var(--spectrum-pink-1600-rgb));
+ --spectrum-turquoise-100-rgb: 0, 30, 33;
+ --spectrum-turquoise-100: rgba(var(--spectrum-turquoise-100-rgb));
+ --spectrum-turquoise-200-rgb: 0, 37, 41;
+ --spectrum-turquoise-200: rgba(var(--spectrum-turquoise-200-rgb));
+ --spectrum-turquoise-300-rgb: 0, 49, 54;
+ --spectrum-turquoise-300: rgba(var(--spectrum-turquoise-300-rgb));
+ --spectrum-turquoise-400-rgb: 0, 66, 72;
+ --spectrum-turquoise-400: rgba(var(--spectrum-turquoise-400-rgb));
+ --spectrum-turquoise-500-rgb: 3, 84, 92;
+ --spectrum-turquoise-500: rgba(var(--spectrum-turquoise-500-rgb));
+ --spectrum-turquoise-600-rgb: 5, 103, 112;
+ --spectrum-turquoise-600: rgba(var(--spectrum-turquoise-600-rgb));
+ --spectrum-turquoise-700-rgb: 7, 120, 131;
+ --spectrum-turquoise-700: rgba(var(--spectrum-turquoise-700-rgb));
+ --spectrum-turquoise-800-rgb: 9, 131, 142;
+ --spectrum-turquoise-800: rgba(var(--spectrum-turquoise-800-rgb));
+ --spectrum-turquoise-900-rgb: 11, 151, 164;
+ --spectrum-turquoise-900: rgba(var(--spectrum-turquoise-900-rgb));
+ --spectrum-turquoise-1000-rgb: 13, 168, 182;
+ --spectrum-turquoise-1000: rgba(var(--spectrum-turquoise-1000-rgb));
+ --spectrum-turquoise-1100-rgb: 16, 186, 202;
+ --spectrum-turquoise-1100: rgba(var(--spectrum-turquoise-1100-rgb));
+ --spectrum-turquoise-1200-rgb: 64, 208, 220;
+ --spectrum-turquoise-1200: rgba(var(--spectrum-turquoise-1200-rgb));
+ --spectrum-turquoise-1300-rgb: 128, 225, 231;
+ --spectrum-turquoise-1300: rgba(var(--spectrum-turquoise-1300-rgb));
+ --spectrum-turquoise-1400-rgb: 183, 240, 240;
+ --spectrum-turquoise-1400: rgba(var(--spectrum-turquoise-1400-rgb));
+ --spectrum-turquoise-1500-rgb: 228, 249, 249;
+ --spectrum-turquoise-1500: rgba(var(--spectrum-turquoise-1500-rgb));
+ --spectrum-turquoise-1600-rgb: 255, 255, 255;
+ --spectrum-turquoise-1600: rgba(var(--spectrum-turquoise-1600-rgb));
+ --spectrum-brown-100-rgb: 35, 24, 8;
+ --spectrum-brown-100: rgba(var(--spectrum-brown-100-rgb));
+ --spectrum-brown-200-rgb: 44, 31, 11;
+ --spectrum-brown-200: rgba(var(--spectrum-brown-200-rgb));
+ --spectrum-brown-300-rgb: 58, 40, 14;
+ --spectrum-brown-300: rgba(var(--spectrum-brown-300-rgb));
+ --spectrum-brown-400-rgb: 78, 55, 19;
+ --spectrum-brown-400: rgba(var(--spectrum-brown-400-rgb));
+ --spectrum-brown-500-rgb: 98, 71, 30;
+ --spectrum-brown-500: rgba(var(--spectrum-brown-500-rgb));
+ --spectrum-brown-600-rgb: 115, 88, 47;
+ --spectrum-brown-600: rgba(var(--spectrum-brown-600-rgb));
+ --spectrum-brown-700-rgb: 132, 104, 61;
+ --spectrum-brown-700: rgba(var(--spectrum-brown-700-rgb));
+ --spectrum-brown-800-rgb: 143, 114, 69;
+ --spectrum-brown-800: rgba(var(--spectrum-brown-800-rgb));
+ --spectrum-brown-900-rgb: 163, 132, 84;
+ --spectrum-brown-900: rgba(var(--spectrum-brown-900-rgb));
+ --spectrum-brown-1000-rgb: 181, 147, 98;
+ --spectrum-brown-1000: rgba(var(--spectrum-brown-1000-rgb));
+ --spectrum-brown-1100-rgb: 199, 163, 112;
+ --spectrum-brown-1100: rgba(var(--spectrum-brown-1100-rgb));
+ --spectrum-brown-1200-rgb: 222, 185, 130;
+ --spectrum-brown-1200: rgba(var(--spectrum-brown-1200-rgb));
+ --spectrum-brown-1300-rgb: 232, 207, 169;
+ --spectrum-brown-1300: rgba(var(--spectrum-brown-1300-rgb));
+ --spectrum-brown-1400-rgb: 242, 227, 206;
+ --spectrum-brown-1400: rgba(var(--spectrum-brown-1400-rgb));
+ --spectrum-brown-1500-rgb: 250, 244, 236;
+ --spectrum-brown-1500: rgba(var(--spectrum-brown-1500-rgb));
+ --spectrum-brown-1600-rgb: 255, 255, 255;
+ --spectrum-brown-1600: rgba(var(--spectrum-brown-1600-rgb));
+ --spectrum-silver-100-rgb: 26, 26, 26;
+ --spectrum-silver-100: rgba(var(--spectrum-silver-100-rgb));
+ --spectrum-silver-200-rgb: 33, 33, 33;
+ --spectrum-silver-200: rgba(var(--spectrum-silver-200-rgb));
+ --spectrum-silver-300-rgb: 44, 44, 44;
+ --spectrum-silver-300: rgba(var(--spectrum-silver-300-rgb));
+ --spectrum-silver-400-rgb: 59, 59, 59;
+ --spectrum-silver-400: rgba(var(--spectrum-silver-400-rgb));
+ --spectrum-silver-500-rgb: 76, 76, 76;
+ --spectrum-silver-500: rgba(var(--spectrum-silver-500-rgb));
+ --spectrum-silver-600-rgb: 92, 92, 92;
+ --spectrum-silver-600: rgba(var(--spectrum-silver-600-rgb));
+ --spectrum-silver-700-rgb: 108, 108, 108;
+ --spectrum-silver-700: rgba(var(--spectrum-silver-700-rgb));
+ --spectrum-silver-800-rgb: 118, 118, 118;
+ --spectrum-silver-800: rgba(var(--spectrum-silver-800-rgb));
+ --spectrum-silver-900-rgb: 137, 137, 137;
+ --spectrum-silver-900: rgba(var(--spectrum-silver-900-rgb));
+ --spectrum-silver-1000-rgb: 152, 152, 152;
+ --spectrum-silver-1000: rgba(var(--spectrum-silver-1000-rgb));
+ --spectrum-silver-1100-rgb: 169, 169, 169;
+ --spectrum-silver-1100: rgba(var(--spectrum-silver-1100-rgb));
+ --spectrum-silver-1200-rgb: 190, 190, 190;
+ --spectrum-silver-1200: rgba(var(--spectrum-silver-1200-rgb));
+ --spectrum-silver-1300-rgb: 211, 211, 211;
+ --spectrum-silver-1300: rgba(var(--spectrum-silver-1300-rgb));
+ --spectrum-silver-1400-rgb: 229, 229, 229;
+ --spectrum-silver-1400: rgba(var(--spectrum-silver-1400-rgb));
+ --spectrum-silver-1500-rgb: 244, 244, 244;
+ --spectrum-silver-1500: rgba(var(--spectrum-silver-1500-rgb));
+ --spectrum-silver-1600-rgb: 255, 255, 255;
+ --spectrum-silver-1600: rgba(var(--spectrum-silver-1600-rgb));
+ --spectrum-cinnamon-100-rgb: 48, 17, 4;
+ --spectrum-cinnamon-100: rgba(var(--spectrum-cinnamon-100-rgb));
+ --spectrum-cinnamon-200-rgb: 59, 21, 5;
+ --spectrum-cinnamon-200: rgba(var(--spectrum-cinnamon-200-rgb));
+ --spectrum-cinnamon-300-rgb: 79, 28, 7;
+ --spectrum-cinnamon-300: rgba(var(--spectrum-cinnamon-300-rgb));
+ --spectrum-cinnamon-400-rgb: 100, 41, 15;
+ --spectrum-cinnamon-400: rgba(var(--spectrum-cinnamon-400-rgb));
+ --spectrum-cinnamon-500-rgb: 122, 57, 28;
+ --spectrum-cinnamon-500: rgba(var(--spectrum-cinnamon-500-rgb));
+ --spectrum-cinnamon-600-rgb: 143, 74, 40;
+ --spectrum-cinnamon-600: rgba(var(--spectrum-cinnamon-600-rgb));
+ --spectrum-cinnamon-700-rgb: 163, 88, 52;
+ --spectrum-cinnamon-700: rgba(var(--spectrum-cinnamon-700-rgb));
+ --spectrum-cinnamon-800-rgb: 176, 98, 59;
+ --spectrum-cinnamon-800: rgba(var(--spectrum-cinnamon-800-rgb));
+ --spectrum-cinnamon-900-rgb: 192, 119, 80;
+ --spectrum-cinnamon-900: rgba(var(--spectrum-cinnamon-900-rgb));
+ --spectrum-cinnamon-1000-rgb: 206, 136, 99;
+ --spectrum-cinnamon-1000: rgba(var(--spectrum-cinnamon-1000-rgb));
+ --spectrum-cinnamon-1100-rgb: 220, 154, 118;
+ --spectrum-cinnamon-1100: rgba(var(--spectrum-cinnamon-1100-rgb));
+ --spectrum-cinnamon-1200-rgb: 232, 179, 149;
+ --spectrum-cinnamon-1200: rgba(var(--spectrum-cinnamon-1200-rgb));
+ --spectrum-cinnamon-1300-rgb: 239, 203, 183;
+ --spectrum-cinnamon-1300: rgba(var(--spectrum-cinnamon-1300-rgb));
+ --spectrum-cinnamon-1400-rgb: 246, 225, 214;
+ --spectrum-cinnamon-1400: rgba(var(--spectrum-cinnamon-1400-rgb));
+ --spectrum-cinnamon-1500-rgb: 252, 244, 239;
+ --spectrum-cinnamon-1500: rgba(var(--spectrum-cinnamon-1500-rgb));
+ --spectrum-cinnamon-1600-rgb: 255, 255, 255;
+ --spectrum-cinnamon-1600: rgba(var(--spectrum-cinnamon-1600-rgb));
--spectrum-icon-color-blue-primary-default: var(--spectrum-blue-800);
- --spectrum-icon-color-green-primary-default: var(--spectrum-green-800);
--spectrum-icon-color-red-primary-default: var(--spectrum-red-700);
- --spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-1000);
-}
-.spectrum {
- --spectrum-focus-indicator-color: var(--spectrum-blue-800);
- --spectrum-static-white-focus-indicator-color: var(--spectrum-white);
- --spectrum-static-black-focus-indicator-color: var(--spectrum-black);
- --spectrum-overlay-color: var(--spectrum-black);
- --spectrum-opacity-disabled: 0.3;
- --spectrum-neutral-subdued-content-color-selected: var(--spectrum-neutral-subdued-content-color-down);
- --spectrum-accent-content-color-selected: var(--spectrum-accent-content-color-down);
- --spectrum-disabled-background-color: var(--spectrum-gray-200);
- --spectrum-disabled-static-white-background-color: var(--spectrum-transparent-white-200);
- --spectrum-disabled-static-black-background-color: var(--spectrum-transparent-black-200);
- --spectrum-background-opacity-default: 0;
- --spectrum-background-opacity-hover: 0.1;
- --spectrum-background-opacity-down: 0.1;
- --spectrum-background-opacity-key-focus: 0.1;
- --spectrum-neutral-content-color-default: var(--spectrum-gray-800);
- --spectrum-neutral-content-color-hover: var(--spectrum-gray-900);
- --spectrum-neutral-content-color-down: var(--spectrum-gray-900);
- --spectrum-neutral-content-color-focus-hover: var(--spectrum-neutral-content-color-down);
- --spectrum-neutral-content-color-focus: var(--spectrum-neutral-content-color-down);
- --spectrum-neutral-content-color-key-focus: var(--spectrum-gray-900);
- --spectrum-neutral-subdued-content-color-default: var(--spectrum-gray-700);
- --spectrum-neutral-subdued-content-color-hover: var(--spectrum-gray-800);
- --spectrum-neutral-subdued-content-color-down: var(--spectrum-gray-900);
- --spectrum-neutral-subdued-content-color-key-focus: var(--spectrum-gray-800);
- --spectrum-accent-content-color-default: var(--spectrum-accent-color-900);
- --spectrum-accent-content-color-hover: var(--spectrum-accent-color-1000);
- --spectrum-accent-content-color-down: var(--spectrum-accent-color-1100);
- --spectrum-accent-content-color-key-focus: var(--spectrum-accent-color-1000);
- --spectrum-negative-content-color-default: var(--spectrum-negative-color-900);
- --spectrum-negative-content-color-hover: var(--spectrum-negative-color-1000);
- --spectrum-negative-content-color-down: var(--spectrum-negative-color-1100);
- --spectrum-negative-content-color-key-focus: var(--spectrum-negative-color-1000);
- --spectrum-disabled-content-color: var(--spectrum-gray-400);
- --spectrum-disabled-static-white-content-color: var(--spectrum-transparent-white-500);
- --spectrum-disabled-static-black-content-color: var(--spectrum-transparent-black-500);
- --spectrum-disabled-border-color: var(--spectrum-gray-300);
- --spectrum-disabled-static-white-border-color: var(--spectrum-transparent-white-300);
- --spectrum-disabled-static-black-border-color: var(--spectrum-transparent-black-300);
- --spectrum-negative-border-color-default: var(--spectrum-negative-color-900);
- --spectrum-negative-border-color-hover: var(--spectrum-negative-color-1000);
- --spectrum-negative-border-color-down: var(--spectrum-negative-color-1100);
+ --spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-1200);
+ --spectrum-icon-color-blue-primary-hover: var(--spectrum-blue-900);
+ --spectrum-icon-color-blue-primary-down: var(--spectrum-blue-1000);
+ --spectrum-icon-color-brown-primary-default: var(--spectrum-brown-700);
+ --spectrum-icon-color-brown-primary-hover: var(--spectrum-brown-800);
+ --spectrum-icon-color-brown-primary-down: var(--spectrum-brown-900);
+ --spectrum-icon-color-celery-primary-default: var(--spectrum-celery-900);
+ --spectrum-icon-color-celery-primary-hover: var(--spectrum-celery-1000);
+ --spectrum-icon-color-celery-primary-down: var(--spectrum-celery-1100);
+ --spectrum-icon-color-chartreuse-primary-default: var(--spectrum-chartreuse-1000);
+ --spectrum-icon-color-chartreuse-primary-hover: var(--spectrum-chartreuse-1100);
+ --spectrum-icon-color-chartreuse-primary-down: var(--spectrum-chartreuse-1200);
+ --spectrum-icon-color-fuchsia-primary-default: var(--spectrum-fuchsia-700);
+ --spectrum-icon-color-fuchsia-primary-hover: var(--spectrum-fuchsia-800);
+ --spectrum-icon-color-fuchsia-primary-down: var(--spectrum-fuchsia-900);
+ --spectrum-icon-color-indigo-primary-default: var(--spectrum-indigo-700);
+ --spectrum-icon-color-indigo-primary-hover: var(--spectrum-indigo-800);
+ --spectrum-icon-color-indigo-primary-down: var(--spectrum-indigo-900);
+ --spectrum-icon-color-magenta-primary-default: var(--spectrum-magenta-700);
+ --spectrum-icon-color-magenta-primary-hover: var(--spectrum-magenta-800);
+ --spectrum-icon-color-magenta-primary-down: var(--spectrum-magenta-900);
+ --spectrum-icon-color-orange-primary-default: var(--spectrum-orange-900);
+ --spectrum-icon-color-orange-primary-hover: var(--spectrum-orange-1000);
+ --spectrum-icon-color-orange-primary-down: var(--spectrum-orange-1100);
+ --spectrum-icon-color-pink-primary-default: var(--spectrum-pink-700);
+ --spectrum-icon-color-pink-primary-hover: var(--spectrum-pink-800);
+ --spectrum-icon-color-pink-primary-down: var(--spectrum-pink-900);
+ --spectrum-icon-color-purple-primary-default: var(--spectrum-purple-700);
+ --spectrum-icon-color-purple-primary-hover: var(--spectrum-purple-800);
+ --spectrum-icon-color-purple-primary-down: var(--spectrum-purple-900);
+ --spectrum-icon-color-red-primary-hover: var(--spectrum-red-800);
+ --spectrum-icon-color-red-primary-down: var(--spectrum-red-900);
+ --spectrum-icon-color-silver-primary-default: var(--spectrum-silver-800);
+ --spectrum-icon-color-silver-primary-hover: var(--spectrum-silver-900);
+ --spectrum-icon-color-silver-primary-down: var(--spectrum-silver-1000);
+ --spectrum-icon-color-turquoise-primary-default: var(--spectrum-turquoise-800);
+ --spectrum-icon-color-turquoise-primary-hover: var(--spectrum-turquoise-900);
+ --spectrum-icon-color-turquoise-primary-down: var(--spectrum-turquoise-1000);
+ --spectrum-icon-color-yellow-primary-hover: var(--spectrum-yellow-1300);
+ --spectrum-icon-color-yellow-primary-down: var(--spectrum-yellow-1400);
+ --spectrum-icon-color-blue-background: var(--spectrum-blue-300);
+ --spectrum-icon-color-brown-background: var(--spectrum-brown-400);
+ --spectrum-icon-color-celery-background: var(--spectrum-celery-400);
+ --spectrum-icon-color-chartreuse-background: var(--spectrum-chartreuse-400);
+ --spectrum-icon-color-cinnamon-background: var(--spectrum-cinnamon-300);
+ --spectrum-icon-color-cyan-background: var(--spectrum-cyan-400);
+ --spectrum-icon-color-green-background: var(--spectrum-green-400);
+ --spectrum-icon-color-indigo-background: var(--spectrum-indigo-100);
+ --spectrum-icon-color-orange-background: var(--spectrum-orange-300);
+ --spectrum-icon-color-red-background: var(--spectrum-red-300);
+ --spectrum-icon-color-seafoam-background: var(--spectrum-seafoam-400);
+ --spectrum-icon-color-silver-background: var(--spectrum-silver-400);
+ --spectrum-icon-color-turquoise-background: var(--spectrum-turquoise-400);
+ --spectrum-icon-color-yellow-background: var(--spectrum-yellow-400);
+ --spectrum-informative-subtle-background-color-default: var(--spectrum-informative-color-300);
+ --spectrum-positive-subtle-background-color-default: var(--spectrum-positive-color-300);
+ --spectrum-notice-subtle-background-color-default: var(--spectrum-notice-color-300);
+ --spectrum-negative-subtle-background-color-default: var(--spectrum-negative-color-300);
+ --spectrum-accent-subtle-background-color-default: var(--spectrum-accent-color-300);
+ --color-scheme: dark;
+ --spectrum-assetcard-border-color-selected: var(--spectrum-blue-800);
+ --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800);
+ --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900);
+ --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800);
+ --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700);
+
+ --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.25);
+ --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
+ --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
+
+ --spectrum-badge-label-icon-color-primary: var(--spectrum-black);
+
+ --spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
+ --spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-white-rgb), 0.07);
+ --spectrum-calendar-day-today-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.25);
+ --spectrum-calendar-day-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.25);
+ --spectrum-calendar-day-background-color-down: var(--spectrum-transparent-white-200);
+ --spectrum-calendar-day-background-color-cap-selected: rgba(var(--spectrum-blue-800-rgb), 0.25);
+ --spectrum-calendar-day-background-color-key-focus: rgba(var(--spectrum-white-rgb), 0.07);
+ --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700);
+
+ --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb);
+
+ --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
+
+ --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb);
+
+ --spectrum-dropindicator-color: var(--spectrum-blue-700);
+
+ --spectrum-logic-button-and-background-color: var(--spectrum-blue-800);
+ --spectrum-logic-button-and-border-color: var(--spectrum-blue-800);
+ --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000);
+ --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000);
+
+ --spectrum-logic-button-or-background-color: var(--spectrum-magenta-700);
+ --spectrum-logic-button-or-border-color: var(--spectrum-magenta-700);
+ --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900);
+ --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900);
+
+ --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700);
+
+ --spectrum-swatch-border-color-rgb: 255, 255, 255;
+
+ --spectrum-swatch-border-color-opacity: 0.51;
+
+ --spectrum-swatch-border-color: rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
+ --spectrum-swatch-border-color-light-rgb: 255, 255, 255;
+ --spectrum-swatch-border-color-light-opacity: 0.2;
+ --spectrum-swatch-border-color-light: rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
+
+ --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.07);
+ --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
+}
+.spectrum {
+ --spectrum-focus-indicator-color: var(--spectrum-blue-800);
+ --spectrum-static-white-focus-indicator-color: var(--spectrum-white);
+ --spectrum-static-black-focus-indicator-color: var(--spectrum-black);
+ --spectrum-overlay-color: var(--spectrum-black);
+ --spectrum-drop-shadow-color: var(--spectrum-drop-shadow-color-100);
+ --spectrum-opacity-disabled: 0.3;
+ --spectrum-background-base-color: var(--spectrum-gray-25);
+ --spectrum-background-layer-1-color: var(--spectrum-gray-50);
+ --spectrum-neutral-background-color-default: var(--spectrum-gray-800);
+ --spectrum-neutral-background-color-hover: var(--spectrum-gray-900);
+ --spectrum-neutral-background-color-down: var(--spectrum-gray-900);
+ --spectrum-neutral-background-color-key-focus: var(--spectrum-gray-900);
+ --spectrum-neutral-background-color-selected-default: var(--spectrum-gray-800);
+ --spectrum-neutral-background-color-selected-hover: var(--spectrum-gray-900);
+ --spectrum-neutral-background-color-selected-down: var(--spectrum-gray-900);
+ --spectrum-neutral-background-color-selected-key-focus: var(--spectrum-gray-900);
+ --spectrum-neutral-subdued-content-color-selected: var(--spectrum-neutral-subdued-content-color-down);
+ --spectrum-accent-content-color-selected: var(--spectrum-accent-content-color-down);
+ --spectrum-disabled-background-color: var(--spectrum-gray-100);
+ --spectrum-disabled-static-white-background-color: var(--spectrum-transparent-white-100);
+ --spectrum-disabled-static-black-background-color: var(--spectrum-transparent-black-100);
+ --spectrum-background-opacity-default: 0;
+ --spectrum-background-opacity-hover: 0.1;
+ --spectrum-background-opacity-down: 0.1;
+ --spectrum-background-opacity-key-focus: 0.1;
+ --spectrum-neutral-content-color-default: var(--spectrum-gray-800);
+ --spectrum-neutral-content-color-hover: var(--spectrum-gray-900);
+ --spectrum-neutral-content-color-down: var(--spectrum-gray-900);
+ --spectrum-neutral-content-color-focus-hover: var(--spectrum-neutral-content-color-down);
+ --spectrum-neutral-content-color-focus: var(--spectrum-neutral-content-color-down);
+ --spectrum-neutral-content-color-key-focus: var(--spectrum-gray-900);
+ --spectrum-neutral-subdued-content-color-default: var(--spectrum-gray-700);
+ --spectrum-neutral-subdued-content-color-hover: var(--spectrum-gray-800);
+ --spectrum-neutral-subdued-content-color-down: var(--spectrum-gray-800);
+ --spectrum-neutral-subdued-content-color-key-focus: var(--spectrum-gray-800);
+ --spectrum-accent-content-color-default: var(--spectrum-accent-color-900);
+ --spectrum-accent-content-color-hover: var(--spectrum-accent-color-1000);
+ --spectrum-accent-content-color-down: var(--spectrum-accent-color-1000);
+ --spectrum-accent-content-color-key-focus: var(--spectrum-accent-color-1000);
+ --spectrum-negative-content-color-default: var(--spectrum-negative-color-900);
+ --spectrum-negative-content-color-hover: var(--spectrum-negative-color-1000);
+ --spectrum-negative-content-color-down: var(--spectrum-negative-color-1000);
+ --spectrum-negative-content-color-key-focus: var(--spectrum-negative-color-1000);
+ --spectrum-disabled-content-color: var(--spectrum-gray-400);
+ --spectrum-disabled-static-white-content-color: var(--spectrum-transparent-white-400);
+ --spectrum-disabled-static-black-content-color: var(--spectrum-transparent-black-400);
+ --spectrum-disabled-border-color: var(--spectrum-gray-300);
+ --spectrum-disabled-static-white-border-color: var(--spectrum-transparent-white-300);
+ --spectrum-disabled-static-black-border-color: var(--spectrum-transparent-black-300);
+ --spectrum-negative-border-color-default: var(--spectrum-negative-color-900);
+ --spectrum-negative-border-color-hover: var(--spectrum-negative-color-1000);
+ --spectrum-negative-border-color-down: var(--spectrum-negative-color-1100);
--spectrum-negative-border-color-focus-hover: var(--spectrum-negative-border-color-down);
--spectrum-negative-border-color-focus: var(--spectrum-negative-color-1000);
--spectrum-negative-border-color-key-focus: var(--spectrum-negative-color-1000);
- --spectrum-swatch-border-color: var(--spectrum-gray-900);
- --spectrum-swatch-border-opacity: 0.51;
+ --spectrum-title-color: var(--spectrum-gray-900);
+ --spectrum-drop-shadow-emphasized-default-color: var(--spectrum-drop-shadow-color-100);
+ --spectrum-drop-shadow-emphasized-hover-color: var(--spectrum-drop-shadow-color-200);
+ --spectrum-drop-shadow-elevated-color: var(--spectrum-drop-shadow-color-200);
+ --spectrum-static-black-text-color: var(--spectrum-black);
+ --spectrum-static-white-text-color: var(--spectrum-white);
+ --spectrum-track-color: var(--spectrum-gray-300);
+ --spectrum-static-black-track-color: var(--spectrum-transparent-black-300);
+ --spectrum-static-white-track-color: var(--spectrum-transparent-white-300);
+ --spectrum-static-black-track-indicator-color: var(--spectrum-transparent-black-900);
+ --spectrum-static-white-track-indicator-color: var(--spectrum-transparent-white-900);
+ --spectrum-drop-shadow-dragged-color: var(--spectrum-drop-shadow-color-300);
+ --spectrum-swatch-border-color: var(--spectrum-gray-1000);
+ --spectrum-swatch-border-opacity: 0.42;
--spectrum-swatch-disabled-icon-border-color: var(--spectrum-black);
- --spectrum-swatch-disabled-icon-border-opacity: 0.51;
+ --spectrum-swatch-disabled-icon-border-opacity: 0.42;
--spectrum-thumbnail-border-color: var(--spectrum-gray-800);
--spectrum-thumbnail-border-opacity: 0.1;
--spectrum-thumbnail-opacity-disabled: var(--spectrum-opacity-disabled);
--spectrum-opacity-checkerboard-square-light: var(--spectrum-white);
--spectrum-avatar-opacity-disabled: var(--spectrum-opacity-disabled);
- --spectrum-color-area-border-color: var(--spectrum-gray-900);
+ --spectrum-color-area-border-color: var(--spectrum-gray-1000);
--spectrum-color-area-border-opacity: 0.1;
- --spectrum-color-slider-border-color: var(--spectrum-gray-900);
+ --spectrum-color-slider-border-color: var(--spectrum-gray-1000);
--spectrum-color-slider-border-opacity: 0.1;
- --spectrum-color-loupe-drop-shadow-color: var(--spectrum-transparent-black-300);
+ --spectrum-color-loupe-drop-shadow-color: var(--spectrum-drop-shadow-elevated-color);
+ --spectrum-color-loupe-drop-shadow-y: var(--spectrum-drop-shadow-elevated-y);
+ --spectrum-color-loupe-drop-shadow-blur: var(--spectrum-drop-shadow-elevated-blur);
--spectrum-color-loupe-inner-border: var(--spectrum-transparent-black-200);
--spectrum-color-loupe-outer-border: var(--spectrum-white);
--spectrum-card-selection-background-color: var(--spectrum-gray-100);
@@ -1012,76 +942,159 @@
--spectrum-table-row-down-opacity: 0.1;
--spectrum-table-selected-row-background-opacity-hover: 0.15;
--spectrum-table-selected-row-background-opacity-non-emphasized-hover: 0.15;
+ --spectrum-popover-border-color: var(--spectrum-gray-200);
+ --spectrum-coach-indicator-color: var(--spectrum-blue-800);
+ --spectrum-swatch-group-border-color: var(--spectrum-gray-1000);
+ --spectrum-avatar-border-color: var(--spectrum-gray-25);
+ --spectrum-standard-panel-gripper-color-drag: var(--spectrum-gray-800);
+ --spectrum-standard-panel-gripper-color: var(--spectrum-gray-200);
+ --spectrum-bar-panel-gripper-color: var(--spectrum-gray-200);
+ --spectrum-bar-panel-gripper-color-drag: var(--spectrum-gray-800);
+ --spectrum-select-box-selected-border-color: var(--spectrum-gray-800);
+ --spectrum-tree-view-row-background-hover: var(--spectrum-gray-100);
+ --spectrum-tree-view-selected-row-background-color-emphasized: var(--spectrum-informative-background-color-default);
+ --spectrum-tree-view-selected-row-background-default: var(--spectrum-gray-100);
+ --spectrum-tree-view-selected-row-background-hover: var(--spectrum-gray-100);
+ --spectrum-color-wheel-border-color: var(--spectrum-gray-1000);
+ --spectrum-color-wheel-border-opacity: 0.1;
--spectrum-white-rgb: 255, 255, 255;
--spectrum-white: rgba(var(--spectrum-white-rgb));
+ --spectrum-transparent-white-25-rgb: 255, 255, 255;
+ --spectrum-transparent-white-25-opacity: 0;
+ --spectrum-transparent-white-25: rgba(var(--spectrum-transparent-white-25-rgb), var(--spectrum-transparent-white-25-opacity));
+ --spectrum-transparent-white-50-rgb: 255, 255, 255;
+ --spectrum-transparent-white-50-opacity: 0.04;
+ --spectrum-transparent-white-50: rgba(var(--spectrum-transparent-white-50-rgb), var(--spectrum-transparent-white-50-opacity));
+ --spectrum-transparent-white-75-rgb: 255, 255, 255;
+ --spectrum-transparent-white-75-opacity: 0.07;
+ --spectrum-transparent-white-75: rgba(var(--spectrum-transparent-white-75-rgb), var(--spectrum-transparent-white-75-opacity));
--spectrum-transparent-white-100-rgb: 255, 255, 255;
- --spectrum-transparent-white-100-opacity: 0;
+ --spectrum-transparent-white-100-opacity: 0.11;
--spectrum-transparent-white-100: rgba(var(--spectrum-transparent-white-100-rgb), var(--spectrum-transparent-white-100-opacity));
--spectrum-transparent-white-200-rgb: 255, 255, 255;
- --spectrum-transparent-white-200-opacity: 0.1;
+ --spectrum-transparent-white-200-opacity: 0.14;
--spectrum-transparent-white-200: rgba(var(--spectrum-transparent-white-200-rgb), var(--spectrum-transparent-white-200-opacity));
--spectrum-transparent-white-300-rgb: 255, 255, 255;
- --spectrum-transparent-white-300-opacity: 0.25;
+ --spectrum-transparent-white-300-opacity: 0.17;
--spectrum-transparent-white-300: rgba(var(--spectrum-transparent-white-300-rgb), var(--spectrum-transparent-white-300-opacity));
--spectrum-transparent-white-400-rgb: 255, 255, 255;
- --spectrum-transparent-white-400-opacity: 0.4;
+ --spectrum-transparent-white-400-opacity: 0.21;
--spectrum-transparent-white-400: rgba(var(--spectrum-transparent-white-400-rgb), var(--spectrum-transparent-white-400-opacity));
--spectrum-transparent-white-500-rgb: 255, 255, 255;
- --spectrum-transparent-white-500-opacity: 0.55;
+ --spectrum-transparent-white-500-opacity: 0.39;
--spectrum-transparent-white-500: rgba(var(--spectrum-transparent-white-500-rgb), var(--spectrum-transparent-white-500-opacity));
--spectrum-transparent-white-600-rgb: 255, 255, 255;
- --spectrum-transparent-white-600-opacity: 0.7;
+ --spectrum-transparent-white-600-opacity: 0.51;
--spectrum-transparent-white-600: rgba(var(--spectrum-transparent-white-600-rgb), var(--spectrum-transparent-white-600-opacity));
--spectrum-transparent-white-700-rgb: 255, 255, 255;
- --spectrum-transparent-white-700-opacity: 0.8;
+ --spectrum-transparent-white-700-opacity: 0.66;
--spectrum-transparent-white-700: rgba(var(--spectrum-transparent-white-700-rgb), var(--spectrum-transparent-white-700-opacity));
--spectrum-transparent-white-800-rgb: 255, 255, 255;
- --spectrum-transparent-white-800-opacity: 0.9;
+ --spectrum-transparent-white-800-opacity: 0.85;
--spectrum-transparent-white-800: rgba(var(--spectrum-transparent-white-800-rgb), var(--spectrum-transparent-white-800-opacity));
--spectrum-transparent-white-900-rgb: 255, 255, 255;
- --spectrum-transparent-white-900: rgba(var(--spectrum-transparent-white-900-rgb));
+ --spectrum-transparent-white-900-opacity: 0.94;
+ --spectrum-transparent-white-900: rgba(var(--spectrum-transparent-white-900-rgb), var(--spectrum-transparent-white-900-opacity));
+ --spectrum-transparent-white-1000-rgb: 255, 255, 255;
+ --spectrum-transparent-white-1000: rgba(var(--spectrum-transparent-white-1000-rgb));
--spectrum-black-rgb: 0, 0, 0;
--spectrum-black: rgba(var(--spectrum-black-rgb));
+ --spectrum-transparent-black-25-rgb: 0, 0, 0;
+ --spectrum-transparent-black-25-opacity: 0;
+ --spectrum-transparent-black-25: rgba(var(--spectrum-transparent-black-25-rgb), var(--spectrum-transparent-black-25-opacity));
+ --spectrum-transparent-black-50-rgb: 0, 0, 0;
+ --spectrum-transparent-black-50-opacity: 0.03;
+ --spectrum-transparent-black-50: rgba(var(--spectrum-transparent-black-50-rgb), var(--spectrum-transparent-black-50-opacity));
+ --spectrum-transparent-black-75-rgb: 0, 0, 0;
+ --spectrum-transparent-black-75-opacity: 0.05;
+ --spectrum-transparent-black-75: rgba(var(--spectrum-transparent-black-75-rgb), var(--spectrum-transparent-black-75-opacity));
--spectrum-transparent-black-100-rgb: 0, 0, 0;
- --spectrum-transparent-black-100-opacity: 0;
+ --spectrum-transparent-black-100-opacity: 0.09;
--spectrum-transparent-black-100: rgba(var(--spectrum-transparent-black-100-rgb), var(--spectrum-transparent-black-100-opacity));
--spectrum-transparent-black-200-rgb: 0, 0, 0;
- --spectrum-transparent-black-200-opacity: 0.1;
+ --spectrum-transparent-black-200-opacity: 0.12;
--spectrum-transparent-black-200: rgba(var(--spectrum-transparent-black-200-rgb), var(--spectrum-transparent-black-200-opacity));
--spectrum-transparent-black-300-rgb: 0, 0, 0;
- --spectrum-transparent-black-300-opacity: 0.25;
+ --spectrum-transparent-black-300-opacity: 0.15;
--spectrum-transparent-black-300: rgba(var(--spectrum-transparent-black-300-rgb), var(--spectrum-transparent-black-300-opacity));
--spectrum-transparent-black-400-rgb: 0, 0, 0;
- --spectrum-transparent-black-400-opacity: 0.4;
+ --spectrum-transparent-black-400-opacity: 0.22;
--spectrum-transparent-black-400: rgba(var(--spectrum-transparent-black-400-rgb), var(--spectrum-transparent-black-400-opacity));
--spectrum-transparent-black-500-rgb: 0, 0, 0;
- --spectrum-transparent-black-500-opacity: 0.55;
+ --spectrum-transparent-black-500-opacity: 0.44;
--spectrum-transparent-black-500: rgba(var(--spectrum-transparent-black-500-rgb), var(--spectrum-transparent-black-500-opacity));
--spectrum-transparent-black-600-rgb: 0, 0, 0;
- --spectrum-transparent-black-600-opacity: 0.7;
+ --spectrum-transparent-black-600-opacity: 0.56;
--spectrum-transparent-black-600: rgba(var(--spectrum-transparent-black-600-rgb), var(--spectrum-transparent-black-600-opacity));
--spectrum-transparent-black-700-rgb: 0, 0, 0;
- --spectrum-transparent-black-700-opacity: 0.8;
+ --spectrum-transparent-black-700-opacity: 0.69;
--spectrum-transparent-black-700: rgba(var(--spectrum-transparent-black-700-rgb), var(--spectrum-transparent-black-700-opacity));
--spectrum-transparent-black-800-rgb: 0, 0, 0;
- --spectrum-transparent-black-800-opacity: 0.9;
+ --spectrum-transparent-black-800-opacity: 0.84;
--spectrum-transparent-black-800: rgba(var(--spectrum-transparent-black-800-rgb), var(--spectrum-transparent-black-800-opacity));
--spectrum-transparent-black-900-rgb: 0, 0, 0;
- --spectrum-transparent-black-900: rgba(var(--spectrum-transparent-black-900-rgb));
+ --spectrum-transparent-black-900-opacity: 0.93;
+ --spectrum-transparent-black-900: rgba(var(--spectrum-transparent-black-900-rgb), var(--spectrum-transparent-black-900-opacity));
+ --spectrum-transparent-black-1000-rgb: 0, 0, 0;
+ --spectrum-transparent-black-1000: rgba(var(--spectrum-transparent-black-1000-rgb));
+ --spectrum-static-blue-900-rgb: 59, 99, 251;
+ --spectrum-static-blue-900: rgba(var(--spectrum-static-blue-900-rgb));
+ --spectrum-static-blue-1000-rgb: 39, 77, 234;
+ --spectrum-static-blue-1000: rgba(var(--spectrum-static-blue-1000-rgb));
+ --spectrum-static-fuchsia-900-rgb: 181, 57, 200;
+ --spectrum-static-fuchsia-900: rgba(var(--spectrum-static-fuchsia-900-rgb));
+ --spectrum-static-fuchsia-1000-rgb: 156, 40, 175;
+ --spectrum-static-fuchsia-1000: rgba(var(--spectrum-static-fuchsia-1000-rgb));
+ --spectrum-static-indigo-900-rgb: 113, 85, 250;
+ --spectrum-static-indigo-900: rgba(var(--spectrum-static-indigo-900-rgb));
+ --spectrum-static-indigo-1000-rgb: 99, 56, 238;
+ --spectrum-static-indigo-1000: rgba(var(--spectrum-static-indigo-1000-rgb));
+ --spectrum-static-magenta-900-rgb: 217, 35, 97;
+ --spectrum-static-magenta-900: rgba(var(--spectrum-static-magenta-900-rgb));
+ --spectrum-static-magenta-1000-rgb: 186, 22, 80;
+ --spectrum-static-magenta-1000: rgba(var(--spectrum-static-magenta-1000-rgb));
+ --spectrum-static-red-900-rgb: 215, 50, 32;
+ --spectrum-static-red-900: rgba(var(--spectrum-static-red-900-rgb));
+ --spectrum-static-red-1000-rgb: 183, 40, 24;
+ --spectrum-static-red-1000: rgba(var(--spectrum-static-red-1000-rgb));
--spectrum-icon-color-inverse: var(--spectrum-gray-50);
--spectrum-icon-color-primary-default: var(--spectrum-neutral-content-color-default);
- --spectrum-asterisk-icon-size-75: 8px;
+ --spectrum-icon-color-green-primary-default: var(--spectrum-green-800);
+ --spectrum-icon-color-primary-hover: var(--spectrum-neutral-content-color-hover);
+ --spectrum-icon-color-primary-down: var(--spectrum-neutral-content-color-down);
+ --spectrum-icon-color-cinnamon-primary-default: var(--spectrum-cinnamon-800);
+ --spectrum-icon-color-cinnamon-primary-hover: var(--spectrum-cinnamon-900);
+ --spectrum-icon-color-cinnamon-primary-down: var(--spectrum-cinnamon-1000);
+ --spectrum-icon-color-cyan-primary-default: var(--spectrum-cyan-800);
+ --spectrum-icon-color-cyan-primary-hover: var(--spectrum-cyan-900);
+ --spectrum-icon-color-cyan-primary-down: var(--spectrum-cyan-1000);
+ --spectrum-icon-color-green-primary-hover: var(--spectrum-green-900);
+ --spectrum-icon-color-green-primary-down: var(--spectrum-green-1000);
+ --spectrum-icon-color-seafoam-primary-default: var(--spectrum-seafoam-800);
+ --spectrum-icon-color-seafoam-primary-hover: var(--spectrum-seafoam-900);
+ --spectrum-icon-color-seafoam-primary-down: var(--spectrum-seafoam-1000);
+ --spectrum-icon-color-disabled-primary: var(--spectrum-gray-400);
+ --spectrum-icon-color-fuchsia-background: var(--spectrum-fuchsia-200);
+ --spectrum-icon-color-magenta-background: var(--spectrum-magenta-200);
+ --spectrum-icon-color-pink-background: var(--spectrum-pink-200);
+ --spectrum-icon-color-purple-background: var(--spectrum-purple-200);
+ --spectrum-icon-color-inverse-background: var(--spectrum-gray-50);
+ --spectrum-icon-color-emphasized-background: var(--spectrum-gray-900);
--spectrum-radio-button-selection-indicator: 4px;
--spectrum-field-label-top-margin-small: 0px;
+ --spectrum-field-label-top-margin-medium: 0px;
+ --spectrum-field-label-top-margin-large: 0px;
+ --spectrum-field-label-top-margin-extra-large: 0px;
--spectrum-field-label-to-component: 0px;
--spectrum-help-text-to-component: 0px;
- --spectrum-status-light-dot-size-small: 8px;
--spectrum-action-button-edge-to-hold-icon-extra-small: 3px;
--spectrum-action-button-edge-to-hold-icon-small: 3px;
--spectrum-button-minimum-width-multiplier: 2.25;
--spectrum-divider-thickness-small: 1px;
--spectrum-divider-thickness-medium: 2px;
--spectrum-divider-thickness-large: 4px;
+ --spectrum-action-bar-height: var(--spectrum-component-height-400);
+ --spectrum-action-bar-top-to-item-counter: var(--spectrum-component-top-to-text-300);
--spectrum-swatch-rectangle-width-multiplier: 2;
--spectrum-swatch-slash-thickness-extra-small: 2px;
--spectrum-swatch-slash-thickness-small: 3px;
@@ -1095,53 +1108,79 @@
--spectrum-in-line-alert-minimum-width: 240px;
--spectrum-popover-tip-width: 16px;
--spectrum-popover-tip-height: 8px;
- --spectrum-menu-item-label-to-description: 1px;
- --spectrum-menu-item-section-divider-height: 8px;
+ --spectrum-popover-top-to-content-area: var(--spectrum-popover-edge-to-content-area);
+ --spectrum-popover-edge-to-content-area: var(--spectrum-spacing-100);
+ --spectrum-menu-item-label-to-description: var(--spectrum-menu-item-label-to-description-medium);
+ --spectrum-menu-item-section-divider-height: 12px;
+ --spectrum-slider-track-thickness: 2px;
+ --spectrum-slider-handle-gap: 4px;
--spectrum-picker-minimum-width-multiplier: 2;
+ --spectrum-picker-border-width: var(--spectrum-border-width-100);
--spectrum-picker-end-edge-to-disclousure-icon-quiet: var(--spectrum-picker-end-edge-to-disclosure-icon-quiet);
--spectrum-picker-end-edge-to-disclosure-icon-quiet: 0px;
--spectrum-text-field-minimum-width-multiplier: 1.5;
--spectrum-combo-box-minimum-width-multiplier: 2.5;
--spectrum-combo-box-quiet-minimum-width-multiplier: 2;
- --spectrum-combo-box-visual-to-field-button-quiet: 0px;
+ --spectrum-combo-box-visual-to-field-button-small: var(--spectrum-combo-box-visual-to-field-button);
+ --spectrum-combo-box-visual-to-field-button-medium: var(--spectrum-combo-box-visual-to-field-button);
+ --spectrum-combo-box-visual-to-field-button-large: var(--spectrum-combo-box-visual-to-field-button);
+ --spectrum-combo-box-visual-to-field-button-extra-large: var(--spectrum-combo-box-visual-to-field-button);
+ --spectrum-combo-box-visual-to-field-button-quiet: var(--spectrum-combo-box-visual-to-field-button);
--spectrum-alert-dialog-minimum-width: 288px;
--spectrum-alert-dialog-maximum-width: 480px;
+ --spectrum-alert-dialog-title-size: var(--spectrum-alert-dialog-title-font-size);
+ --spectrum-alert-dialog-description-size: var(--spectrum-alert-dialog-description-font-size);
--spectrum-contextual-help-minimum-width: 268px;
- --spectrum-breadcrumbs-height: var(--spectrum-component-height-300);
- --spectrum-breadcrumbs-height-compact: var(--spectrum-component-height-200);
+ --spectrum-contextual-help-title-size: var(--spectrum-contextual-help-title-font-size);
+ --spectrum-contextual-help-body-size: var(--spectrum-contextual-help-body-font-size);
+ --spectrum-breadcrumbs-height: var(--spectrum-component-height-200);
+ --spectrum-breadcrumbs-height-compact: var(--spectrum-component-height-100);
+ --spectrum-breadcrumbs-top-to-text: var(--spectrum-component-top-to-text-200);
+ --spectrum-breadcrumbs-top-to-text-compact: var(--spectrum-component-top-to-text-100);
+ --spectrum-breadcrumbs-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
+ --spectrum-breadcrumbs-bottom-to-text-compact: var(--spectrum-component-bottom-to-text-100);
+ --spectrum-breadcrumbs-start-edge-to-text: var(--spectrum-breadcrumbs-start-edge-to-text-large);
--spectrum-breadcrumbs-end-edge-to-text: 0px;
- --spectrum-breadcrumbs-truncated-menu-to-separator-icon: 0px;
+ --spectrum-breadcrumbs-top-to-separator-icon: var(--spectrum-breadcrumbs-top-to-separator-large);
+ --spectrum-breadcrumbs-top-to-separator-icon-compact: var(--spectrum-breadcrumbs-top-to-separator-medium);
+ --spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline: var(--spectrum-breadcrumbs-separator-to-bottom-text-multiline);
+ --spectrum-breadcrumbs-truncated-menu-to-separator-icon: var(--spectrum-breadcrumbs-truncated-menu-to-separator);
+ --spectrum-breadcrumbs-top-to-truncated-menu: 0px;
+ --spectrum-breadcrumbs-top-to-truncated-menu-compact: var(--spectrum-breadcrumbs-top-to-truncated-menu);
--spectrum-breadcrumbs-start-edge-to-truncated-menu: 0px;
- --spectrum-breadcrumbs-truncated-menu-to-bottom-text: 0px;
--spectrum-alert-banner-to-top-workflow-icon: var(--spectrum-alert-banner-top-to-workflow-icon);
--spectrum-alert-banner-to-top-text: var(--spectrum-alert-banner-top-to-text);
--spectrum-alert-banner-to-bottom-text: var(--spectrum-alert-banner-bottom-to-text);
--spectrum-color-area-border-width: var(--spectrum-border-width-100);
- --spectrum-color-area-border-rounding: var(--spectrum-corner-radius-100);
+ --spectrum-color-area-border-rounding: var(--spectrum-corner-radius-medium-size-small);
--spectrum-color-wheel-color-area-margin: 12px;
--spectrum-color-slider-border-width: 1px;
- --spectrum-color-slider-border-rounding: 4px;
+ --spectrum-color-slider-border-rounding: var(--spectrum-corner-radius-medium-size-small);
--spectrum-floating-action-button-drop-shadow-blur: 12px;
--spectrum-floating-action-button-drop-shadow-y: 4px;
- --spectrum-illustrated-message-maximum-width: 380px;
- --spectrum-search-field-minimum-width-multiplier: 3;
+ --spectrum-illustrated-message-maximum-width: var(--spectrum-illustrated-message-vertical-maximum-width);
+ --spectrum-illustrated-message-title-size: var(--spectrum-illustrated-message-large-title-font-size);
+ --spectrum-illustrated-message-cjk-title-size: var(--spectrum-illustrated-message-large-cjk-title-font-size);
+ --spectrum-illustrated-message-body-size: var(--spectrum-illustrated-message-large-body-font-size);
+ --spectrum-search-field-minimum-width-multiplier: 4;
--spectrum-color-loupe-height: 64px;
--spectrum-color-loupe-width: 48px;
--spectrum-color-loupe-bottom-to-color-handle: 12px;
--spectrum-color-loupe-outer-border-width: var(--spectrum-border-width-200);
--spectrum-color-loupe-inner-border-width: 1px;
- --spectrum-color-loupe-drop-shadow-y: 2px;
- --spectrum-color-loupe-drop-shadow-blur: 8px;
--spectrum-card-minimum-width: 100px;
--spectrum-card-preview-minimum-height: 130px;
--spectrum-card-selection-background-size: 40px;
--spectrum-drop-zone-width: 428px;
--spectrum-drop-zone-content-maximum-width: var(--spectrum-illustrated-message-maximum-width);
--spectrum-drop-zone-border-dash-length: 8px;
- --spectrum-drop-zone-border-dash-gap: 4px;
- --spectrum-drop-zone-title-size: var(--spectrum-illustrated-message-title-size);
- --spectrum-drop-zone-cjk-title-size: var(--spectrum-illustrated-message-cjk-title-size);
- --spectrum-drop-zone-body-size: var(--spectrum-illustrated-message-body-size);
+ --spectrum-drop-zone-border-dash-gap: 6px;
+ --spectrum-drop-zone-title-size: var(--spectrum-drop-zone-title-font-size);
+ --spectrum-drop-zone-cjk-title-size: var(--spectrum-drop-zone-cjk-title-font-size);
+ --spectrum-drop-zone-body-size: var(--spectrum-drop-zone-body-font-size);
+ --spectrum-coach-mark-title-size: var(--spectrum-coach-mark-title-font-size);
+ --spectrum-coach-mark-body-size: var(--spectrum-coach-mark-body-font-size);
+ --spectrum-coach-mark-pagination-body-size: var(--spectrum-coach-mark-pagination-body-font-size);
--spectrum-accordion-top-to-text-compact-small: 2px;
--spectrum-accordion-top-to-text-compact-medium: 4px;
--spectrum-accordion-disclosure-indicator-to-text: 0px;
@@ -1181,11 +1220,184 @@
--spectrum-in-field-button-width-stacked-medium: 28px;
--spectrum-in-field-button-width-stacked-large: 36px;
--spectrum-in-field-button-width-stacked-extra-large: 44px;
+ --spectrum-in-field-button-fill-stacked-inner-border-rounding: 0px;
+ --spectrum-in-field-button-edge-to-fill: 0px;
+ --spectrum-in-field-button-stacked-inner-edge-to-fill: 0px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small: 7px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium: 9px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large: 13px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large: 16px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small: 3px;
+ --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium: 3px;
+ --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large: 4px;
+ --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large: 5px;
+ --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small);
+ --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium);
+ --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large);
+ --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large);
+ --spectrum-asterisk-icon-size-75: 8px;
+ --spectrum-divider-vertical-minimum-height: 200px;
+ --spectrum-divider-horizontal-minimum-width: 200px;
+ --spectrum-tooltip-tip-corner-radius: 1px;
+ --spectrum-tag-minimum-width-multiplier: 1;
+ --spectrum-tag-maximum-width-multiplier: 7;
+ --spectrum-title-cjk-emphasized-font-style: var(--spectrum-default-font-style);
+ --spectrum-title-cjk-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
+ --spectrum-title-cjk-font-family: var(--spectrum-cjk-font-family);
+ --spectrum-title-cjk-font-style: var(--spectrum-default-font-style);
+ --spectrum-title-cjk-font-weight: var(--spectrum-bold-font-weight);
+ --spectrum-title-cjk-line-height: var(--spectrum-cjk-line-height-100);
+ --spectrum-title-cjk-size-l: var(--spectrum-font-size-200);
+ --spectrum-title-cjk-size-m: var(--spectrum-font-size-100);
+ --spectrum-title-cjk-size-s: var(--spectrum-font-size-75);
+ --spectrum-title-cjk-size-xl: var(--spectrum-font-size-300);
+ --spectrum-title-cjk-size-xs: var(--spectrum-font-size-50);
+ --spectrum-title-cjk-size-xxl: var(--spectrum-font-size-400);
+ --spectrum-title-cjk-size-xxxl: var(--spectrum-font-size-500);
+ --spectrum-title-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
+ --spectrum-title-cjk-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
+ --spectrum-title-cjk-strong-font-style: var(--spectrum-default-font-style);
+ --spectrum-title-cjk-strong-font-weight: var(--spectrum-extra-bold-font-weight);
+ --spectrum-title-line-height: var(--spectrum-line-height-100);
+ --spectrum-title-margin-bottom-multiplier: 0.25;
+ --spectrum-title-margin-top-multiplier: 0.88888889;
+ --spectrum-title-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style);
+ --spectrum-title-sans-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
+ --spectrum-title-sans-serif-font-family: var(--spectrum-sans-serif-font-family);
+ --spectrum-title-sans-serif-font-style: var(--spectrum-default-font-style);
+ --spectrum-title-sans-serif-font-weight: var(--spectrum-bold-font-weight);
+ --spectrum-title-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
+ --spectrum-title-sans-serif-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
+ --spectrum-title-sans-serif-strong-font-style: var(--spectrum-default-font-style);
+ --spectrum-title-sans-serif-strong-font-weight: var(--spectrum-extra-bold-font-weight);
+ --spectrum-title-serif-emphasized-font-style: var(--spectrum-italic-font-style);
+ --spectrum-title-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
+ --spectrum-title-serif-font-family: var(--spectrum-serif-font-family);
+ --spectrum-title-serif-font-style: var(--spectrum-default-font-style);
+ --spectrum-title-serif-font-weight: var(--spectrum-bold-font-weight);
+ --spectrum-title-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
+ --spectrum-title-serif-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
+ --spectrum-title-serif-strong-font-style: var(--spectrum-default-font-style);
+ --spectrum-title-serif-strong-font-weight: var(--spectrum-black-font-weight);
+ --spectrum-title-size-l: var(--spectrum-font-size-300);
+ --spectrum-title-size-m: var(--spectrum-font-size-200);
+ --spectrum-title-size-s: var(--spectrum-font-size-100);
+ --spectrum-title-size-xl: var(--spectrum-font-size-400);
+ --spectrum-title-size-xs: var(--spectrum-font-size-75);
+ --spectrum-title-size-xxl: var(--spectrum-font-size-500);
+ --spectrum-title-size-xxxl: var(--spectrum-font-size-600);
+ --spectrum-combo-box-visual-to-field-button: 0px;
+ --spectrum-in-field-button-edge-to-fill-medium: 6px;
+ --spectrum-in-field-button-edge-to-fill-large: 8px;
+ --spectrum-standard-dialog-maximum-width-small: 400px;
+ --spectrum-standard-dialog-minimum-width: 288px;
+ --spectrum-standard-dialog-maximum-width-medium: 480px;
+ --spectrum-standard-dialog-maximum-width-large: 640px;
+ --spectrum-status-light-text-to-visual-75: var(--spectrum-text-to-visual-75);
+ --spectrum-status-light-text-to-visual-100: var(--spectrum-text-to-visual-100);
+ --spectrum-status-light-text-to-visual-200: var(--spectrum-text-to-visual-200);
+ --spectrum-status-light-text-to-visual-300: var(--spectrum-text-to-visual-300);
+ --spectrum-menu-item-label-to-description-small: 1px;
+ --spectrum-menu-item-label-to-description-medium: 1px;
+ --spectrum-menu-item-label-to-description-large: 2px;
+ --spectrum-menu-item-label-to-description-extra-large: 2px;
+ --spectrum-menu-section-header-to-description-small: 1px;
+ --spectrum-menu-section-header-to-description-medium: 1px;
+ --spectrum-menu-section-header-to-description-large: 2px;
+ --spectrum-menu-section-header-to-description-extra-large: 2px;
+ --spectrum-menu-item-background-opacity: 0;
+ --spectrum-illustrated-message-small-body-font-size: var(--spectrum-body-size-xs);
+ --spectrum-drop-zone-title-font-size: var(--spectrum-illustrated-message-medium-title-font-size);
+ --spectrum-drop-zone-cjk-title-font-size: var(--spectrum-illustrated-message-medium-cjk-title-font-size);
+ --spectrum-drop-zone-body-font-size: var(--spectrum-illustrated-message-medium-body-font-size);
+ --spectrum-breadcrumbs-truncated-menu-to-separator: 0px;
+ --spectrum-coach-indicator-collapsed-ring-rounding-increment: 6px;
+ --spectrum-coach-indicator-expanded-ring-rounding-increment: 14px;
+ --spectrum-coach-indicator-collapsed-ring-thickness: 4px;
+ --spectrum-coach-indicator-expanded-ring-thickness: 8px;
+ --spectrum-coach-indicator-collapsed-gap: 2px;
+ --spectrum-coach-indicator-expanded-gap: 6px;
+ --spectrum-coach-indicator-opacity: 0.2;
+ --spectrum-accordion-item-to-divider: 0px;
+ --spectrum-thumbnail-opacity-checkerboard-square-size: 4px;
+ --spectrum-thumbnail-corner-radius: var(--spectrum-corner-radius-75);
+ --spectrum-action-bar-top-to-content-area: var(--spectrum-spacing-200);
+ --spectrum-action-bar-bottom-to-content-area: var(--spectrum-spacing-200);
+ --spectrum-action-bar-edge-to-content-area: var(--spectrum-spacing-100);
+ --spectrum-action-bar-close-button-to-counter: var(--spectrum-text-to-control-50);
+ --spectrum-action-bar-counter-font-size: var(--spectrum-font-size-100);
+ --spectrum-swatch-group-spacing-spacious: 6px;
+ --spectrum-swatch-group-border-opacity: 0.2;
+ --spectrum-avatar-border-width: var(--spectrum-border-width-100);
+ --spectrum-avatar-group-size-50: var(--spectrum-avatar-size-50);
+ --spectrum-avatar-group-size-75: var(--spectrum-avatar-size-75);
+ --spectrum-avatar-group-size-100: var(--spectrum-avatar-size-100);
+ --spectrum-avatar-group-size-200: var(--spectrum-avatar-size-200);
+ --spectrum-avatar-group-size-300: var(--spectrum-avatar-size-300);
+ --spectrum-avatar-group-size-400: var(--spectrum-avatar-size-400);
+ --spectrum-avatar-group-size-500: var(--spectrum-avatar-size-500);
+ --spectrum-code-cjk-size-xl: var(--spectrum-code-size-xl);
+ --spectrum-code-cjk-size-l: var(--spectrum-code-size-l);
+ --spectrum-code-cjk-size-m: var(--spectrum-code-size-m);
+ --spectrum-code-cjk-size-s: var(--spectrum-code-size-s);
+ --spectrum-code-cjk-size-xs: var(--spectrum-code-size-xs);
+ --spectrum-standard-panel-width: 260px;
+ --spectrum-standard-panel-minimum-width: 200px;
+ --spectrum-standard-panel-maximum-width: 400px;
+ --spectrum-standard-panel-top-to-close-button-compact: 5px;
+ --spectrum-standard-panel-top-to-close-button-regular: 9px;
+ --spectrum-standard-panel-top-to-close-button-spacious: 17px;
+ --spectrum-standard-panel-edge-to-close-button-compact: 3px;
+ --spectrum-standard-panel-edge-to-close-button-regular: 7px;
+ --spectrum-standard-panel-edge-to-close-button-spacious: 15px;
+ --spectrum-standard-panel-title-font-size: var(--spectrum-title-size-s);
+ --spectrum-illustrated-message-horizontal-maximum-width: 535px;
+ --spectrum-illustrated-message-vertical-maximum-width: 380px;
+ --spectrum-bar-panel-width: 56px;
+ --spectrum-bar-panel-minimum-width: 40px;
+ --spectrum-bar-panel-maximum-width: 72px;
+ --spectrum-bar-panel-spacing-extra-spacious: 20px;
+ --spectrum-rating-top-to-content-area-small: var(--spectrum-spacing-75);
+ --spectrum-rating-bottom-to-content-area-small: var(--spectrum-spacing-75);
+ --spectrum-rating-edge-to-content-area-small: var(--spectrum-spacing-75);
+ --spectrum-rating-top-to-content-area-medium: 6px;
+ --spectrum-rating-bottom-to-content-area-medium: 6px;
+ --spectrum-rating-edge-to-content-area-medium: 6px;
+ --spectrum-rating-width-small: 104px;
+ --spectrum-rating-height-small: var(--spectrum-component-height-75);
+ --spectrum-rating-width-medium: 128px;
+ --spectrum-rating-height-medium: var(--spectrum-component-height-100);
+ --spectrum-segmented-control-selection-border-width: var(--spectrum-border-width-200);
+ --spectrum-slider-handle-precision-width: 6px;
+ --spectrum-slider-track-height-medium: 4px;
+ --spectrum-slider-track-height-large: 16px;
+ --spectrum-segmented-control-item-height: var(--spectrum-component-height-100);
+ --spectrum-in-field-stepper-to-end-medium: 3px;
+ --spectrum-in-field-stepper-to-end-large: 4px;
+ --spectrum-number-field-minimum-width-multiplier: 1.25;
+ --spectrum-takeover-dialog-height: 100%;
+ --spectrum-takeover-dialog-width: 100%;
+ --spectrum-tree-view-header-to-item: -1px;
+ --spectrum-tree-view-item-to-item: -1px;
+ --spectrum-tree-view-item-to-item-detached: 2px;
+ --spectrum-tree-view-selected-row-background-opacity-emphasized: 0.1;
+ --spectrum-tree-view-selected-row-background-opacity-emphasized-hover: 0.15;
+ --spectrum-action-bar-minimum-width: 176px;
+ --spectrum-action-bar-label-to-action-group-area: var(--spectrum-spacing-300);
+ --spectrum-corner-radius-0: 0px;
+ --spectrum-corner-radius-75: 3px;
+ --spectrum-corner-radius-100: 4px;
+ --spectrum-corner-radius-200: 5px;
+ --spectrum-corner-radius-300: 6px;
+ --spectrum-corner-radius-400: 7px;
+ --spectrum-corner-radius-500: 8px;
+ --spectrum-corner-radius-600: 9px;
+ --spectrum-corner-radius-700: 10px;
+ --spectrum-corner-radius-800: 16px;
+ --spectrum-corner-radius-1000: 0.5;
+ --spectrum-drop-shadow-x: var(--spectrum-drop-shadow-x-100);
+ --spectrum-drop-shadow-y: var(--spectrum-drop-shadow-y-100);
+ --spectrum-drop-shadow-blur: var(--spectrum-drop-shadow-blur-100);
--spectrum-android-elevation: 2dp;
--spectrum-spacing-50: 2px;
--spectrum-spacing-75: 4px;
@@ -1201,6 +1413,8 @@
--spectrum-spacing-1000: 96px;
--spectrum-focus-indicator-thickness: 2px;
--spectrum-focus-indicator-gap: 2px;
+ --spectrum-side-focus-indicator: 4px;
+ --spectrum-border-width-100: 1px;
--spectrum-border-width-200: 2px;
--spectrum-border-width-400: 4px;
--spectrum-field-edge-to-text-quiet: 0px;
@@ -1208,8 +1422,78 @@
--spectrum-field-edge-to-border-quiet: 0px;
--spectrum-field-edge-to-alert-icon-quiet: 0px;
--spectrum-field-edge-to-validation-icon-quiet: 0px;
+ --spectrum-field-width-small: var(--spectrum-field-default-width-small);
+ --spectrum-side-label-character-count-top-margin-small: 0px;
+ --spectrum-side-label-character-count-top-margin-medium: 0px;
+ --spectrum-side-label-character-count-top-margin-large: 0px;
+ --spectrum-side-label-character-count-top-margin-extra-large: 0px;
--spectrum-text-underline-thickness: 1px;
--spectrum-text-underline-gap: 1px;
+ --spectrum-component-size-width-ratio-down: 0.3333;
+ --spectrum-component-size-minimum-perspective-down: 24px;
+ --spectrum-component-size-difference-down: -2px;
+ --spectrum-corner-radius-none: var(--spectrum-corner-radius-0);
+ --spectrum-corner-radius-small-default: var(--spectrum-corner-radius-100);
+ --spectrum-corner-radius-medium-default: var(--spectrum-corner-radius-500);
+ --spectrum-corner-radius-large-default: var(--spectrum-corner-radius-700);
+ --spectrum-corner-radius-extra-large-default: var(--spectrum-corner-radius-800);
+ --spectrum-corner-radius-full: var(--spectrum-corner-radius-1000);
+ --spectrum-corner-radius-small-size-small: var(--spectrum-corner-radius-75);
+ --spectrum-corner-radius-small-size-medium: var(--spectrum-corner-radius-100);
+ --spectrum-corner-radius-small-size-large: var(--spectrum-corner-radius-200);
+ --spectrum-corner-radius-small-size-extra-large: var(--spectrum-corner-radius-300);
+ --spectrum-corner-radius-medium-size-extra-small: var(--spectrum-corner-radius-300);
+ --spectrum-corner-radius-medium-size-small: var(--spectrum-corner-radius-400);
+ --spectrum-corner-radius-medium-size-medium: var(--spectrum-corner-radius-500);
+ --spectrum-corner-radius-medium-size-large: var(--spectrum-corner-radius-600);
+ --spectrum-corner-radius-medium-size-extra-large: var(--spectrum-corner-radius-700);
+ --spectrum-field-width-medium: var(--spectrum-field-default-width-medium);
+ --spectrum-field-width-large: var(--spectrum-field-default-width-large);
+ --spectrum-field-width-extra-large: var(--spectrum-field-default-width-extra-large);
+ --spectrum-drop-shadow-x-100: 0px;
+ --spectrum-drop-shadow-x-200: 0px;
+ --spectrum-drop-shadow-x-300: 0px;
+ --spectrum-drop-shadow-y-100: 1px;
+ --spectrum-drop-shadow-y-200: 2px;
+ --spectrum-drop-shadow-y-300: 6px;
+ --spectrum-drop-shadow-blur-100: 6px;
+ --spectrum-drop-shadow-blur-200: 8px;
+ --spectrum-drop-shadow-blur-300: 16px;
+ --spectrum-drop-shadow-emphasized-default-x: var(--spectrum-drop-shadow-x-100);
+ --spectrum-drop-shadow-emphasized-default-y: var(--spectrum-drop-shadow-y-100);
+ --spectrum-drop-shadow-emphasized-default-blur: var(--spectrum-drop-shadow-blur-100);
+ --spectrum-drop-shadow-emphasized-hover-x: var(--spectrum-drop-shadow-x-200);
+ --spectrum-drop-shadow-emphasized-hover-y: var(--spectrum-drop-shadow-y-200);
+ --spectrum-drop-shadow-emphasized-hover-blur: var(--spectrum-drop-shadow-blur-200);
+ --spectrum-drop-shadow-elevated-x: var(--spectrum-drop-shadow-x-200);
+ --spectrum-drop-shadow-elevated-y: var(--spectrum-drop-shadow-y-200);
+ --spectrum-drop-shadow-elevated-blur: var(--spectrum-drop-shadow-blur-200);
+ --spectrum-drop-shadow-dragged-x: var(--spectrum-drop-shadow-x-300);
+ --spectrum-drop-shadow-dragged-y: var(--spectrum-drop-shadow-y-300);
+ --spectrum-drop-shadow-dragged-blur: var(--spectrum-drop-shadow-blur-300);
+ --spectrum-gradient-stop-1-genai: 0;
+ --spectrum-gradient-stop-2-genai: 0.3333;
+ --spectrum-gradient-stop-3-genai: 1;
+ --spectrum-gradient-stop-1-premium: 0;
+ --spectrum-gradient-stop-2-premium: 0.6666;
+ --spectrum-gradient-stop-3-premium: 1;
+ --spectrum-window-to-edge: var(--spectrum-spacing-600);
+ --spectrum-accent-color-100: var(--spectrum-blue-100);
+ --spectrum-accent-color-200: var(--spectrum-blue-200);
+ --spectrum-accent-color-300: var(--spectrum-blue-300);
+ --spectrum-accent-color-400: var(--spectrum-blue-400);
+ --spectrum-accent-color-500: var(--spectrum-blue-500);
+ --spectrum-accent-color-600: var(--spectrum-blue-600);
+ --spectrum-accent-color-700: var(--spectrum-blue-700);
+ --spectrum-accent-color-800: var(--spectrum-blue-800);
+ --spectrum-accent-color-900: var(--spectrum-blue-900);
+ --spectrum-accent-color-1000: var(--spectrum-blue-1000);
+ --spectrum-accent-color-1100: var(--spectrum-blue-1100);
+ --spectrum-accent-color-1200: var(--spectrum-blue-1200);
+ --spectrum-accent-color-1300: var(--spectrum-blue-1300);
+ --spectrum-accent-color-1400: var(--spectrum-blue-1400);
+ --spectrum-accent-color-1500: var(--spectrum-blue-1500);
+ --spectrum-accent-color-1600: var(--spectrum-blue-1600);
--spectrum-informative-color-100: var(--spectrum-blue-100);
--spectrum-informative-color-200: var(--spectrum-blue-200);
--spectrum-informative-color-300: var(--spectrum-blue-300);
@@ -1224,6 +1508,8 @@
--spectrum-informative-color-1200: var(--spectrum-blue-1200);
--spectrum-informative-color-1300: var(--spectrum-blue-1300);
--spectrum-informative-color-1400: var(--spectrum-blue-1400);
+ --spectrum-informative-color-1500: var(--spectrum-blue-1500);
+ --spectrum-informative-color-1600: var(--spectrum-blue-1600);
--spectrum-negative-color-100: var(--spectrum-red-100);
--spectrum-negative-color-200: var(--spectrum-red-200);
--spectrum-negative-color-300: var(--spectrum-red-300);
@@ -1238,6 +1524,8 @@
--spectrum-negative-color-1200: var(--spectrum-red-1200);
--spectrum-negative-color-1300: var(--spectrum-red-1300);
--spectrum-negative-color-1400: var(--spectrum-red-1400);
+ --spectrum-negative-color-1500: var(--spectrum-red-1500);
+ --spectrum-negative-color-1600: var(--spectrum-red-1600);
--spectrum-notice-color-100: var(--spectrum-orange-100);
--spectrum-notice-color-200: var(--spectrum-orange-200);
--spectrum-notice-color-300: var(--spectrum-orange-300);
@@ -1252,6 +1540,8 @@
--spectrum-notice-color-1200: var(--spectrum-orange-1200);
--spectrum-notice-color-1300: var(--spectrum-orange-1300);
--spectrum-notice-color-1400: var(--spectrum-orange-1400);
+ --spectrum-notice-color-1500: var(--spectrum-orange-1500);
+ --spectrum-notice-color-1600: var(--spectrum-orange-1600);
--spectrum-positive-color-100: var(--spectrum-green-100);
--spectrum-positive-color-200: var(--spectrum-green-200);
--spectrum-positive-color-300: var(--spectrum-green-300);
@@ -1266,7 +1556,22 @@
--spectrum-positive-color-1200: var(--spectrum-green-1200);
--spectrum-positive-color-1300: var(--spectrum-green-1300);
--spectrum-positive-color-1400: var(--spectrum-green-1400);
+ --spectrum-positive-color-1500: var(--spectrum-green-1500);
+ --spectrum-positive-color-1600: var(--spectrum-green-1600);
+ --spectrum-negative-subdued-background-color-default: var(--spectrum-negative-subtle-background-color-default);
+ --spectrum-negative-subdued-background-color-hover: var(--spectrum-negative-color-300);
+ --spectrum-negative-subdued-background-color-down: var(--spectrum-negative-color-300);
+ --spectrum-negative-subdued-background-color-key-focus: var(--spectrum-negative-color-300);
+ --spectrum-icon-color-informative: var(--spectrum-informative-visual-color);
+ --spectrum-icon-color-neutral: var(--spectrum-neutral-visual-color);
+ --spectrum-icon-color-positive: var(--spectrum-positive-visual-color);
+ --spectrum-icon-color-notice: var(--spectrum-notice-visual-color);
+ --spectrum-icon-color-negative: var(--spectrum-negative-visual-color);
--spectrum-default-font-family: var(--spectrum-sans-serif-font-family);
+ --spectrum-letter-spacing: 0em;
+ --spectrum-text-align-start: start;
+ --spectrum-text-align-center: center;
+ --spectrum-text-align-end: end;
--spectrum-sans-serif-font-family: Adobe Clean;
--spectrum-serif-font-family: Adobe Clean Serif;
--spectrum-cjk-font-family: Adobe Clean Han;
@@ -1282,7 +1587,7 @@
--spectrum-line-height-200: 1.5;
--spectrum-cjk-line-height-100: 1.5;
--spectrum-cjk-line-height-200: 1.7;
- --spectrum-cjk-letter-spacing: 0.05em;
+ --spectrum-cjk-letter-spacing: var(--spectrum-letter-spacing);
--spectrum-heading-sans-serif-font-family: var(--spectrum-sans-serif-font-family);
--spectrum-heading-serif-font-family: var(--spectrum-serif-font-family);
--spectrum-heading-cjk-font-family: var(--spectrum-cjk-font-family);
@@ -1292,14 +1597,17 @@
--spectrum-heading-serif-light-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-light-font-weight: var(--spectrum-light-font-weight);
--spectrum-heading-cjk-light-font-style: var(--spectrum-default-font-style);
+ --spectrum-heading-sans-serif-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-sans-serif-font-style: var(--spectrum-default-font-style);
+ --spectrum-heading-serif-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-serif-font-style: var(--spectrum-default-font-style);
+ --spectrum-heading-cjk-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-heavy-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-heavy-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-heavy-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-heavy-font-style: var(--spectrum-default-font-style);
- --spectrum-heading-cjk-heavy-font-weight: var(--spectrum-black-font-weight);
+ --spectrum-heading-cjk-heavy-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-cjk-heavy-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-light-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-sans-serif-light-strong-font-style: var(--spectrum-default-font-style);
@@ -1325,7 +1633,9 @@
--spectrum-heading-serif-light-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-heading-cjk-light-emphasized-font-style: var(--spectrum-default-font-style);
+ --spectrum-heading-sans-serif-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style);
+ --spectrum-heading-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-emphasized-font-style: var(--spectrum-default-font-style);
@@ -1358,11 +1668,13 @@
--spectrum-heading-size-xl: var(--spectrum-font-size-900);
--spectrum-heading-size-l: var(--spectrum-font-size-700);
--spectrum-heading-size-m: var(--spectrum-font-size-500);
- --spectrum-heading-size-s: var(--spectrum-font-size-300);
- --spectrum-heading-size-xs: var(--spectrum-font-size-200);
+ --spectrum-heading-size-s: var(--spectrum-font-size-400);
+ --spectrum-heading-size-xs: var(--spectrum-font-size-300);
--spectrum-heading-size-xxs: var(--spectrum-font-size-100);
- --spectrum-heading-cjk-size-xxxl: var(--spectrum-font-size-1300);
- --spectrum-heading-cjk-size-xxl: var(--spectrum-font-size-900);
+ --spectrum-heading-cjk-size-xxxxl: var(--spectrum-font-size-1400);
+ --spectrum-heading-size-xxxxl: var(--spectrum-font-size-1500);
+ --spectrum-heading-cjk-size-xxxl: var(--spectrum-font-size-1200);
+ --spectrum-heading-cjk-size-xxl: var(--spectrum-font-size-1000);
--spectrum-heading-cjk-size-xl: var(--spectrum-font-size-800);
--spectrum-heading-cjk-size-l: var(--spectrum-font-size-600);
--spectrum-heading-cjk-size-m: var(--spectrum-font-size-400);
@@ -1387,7 +1699,7 @@
--spectrum-body-sans-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-body-serif-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-body-serif-strong-font-style: var(--spectrum-default-font-style);
- --spectrum-body-cjk-strong-font-weight: var(--spectrum-black-font-weight);
+ --spectrum-body-cjk-strong-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-body-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-body-sans-serif-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-body-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style);
@@ -1399,11 +1711,20 @@
--spectrum-body-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-body-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-body-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
- --spectrum-body-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
+ --spectrum-body-cjk-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-body-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-body-size-xxxl: var(--spectrum-font-size-600);
--spectrum-body-size-xxl: var(--spectrum-font-size-500);
--spectrum-body-size-xl: var(--spectrum-font-size-400);
+ --spectrum-body-size-xxs: var(--spectrum-font-size-50);
+ --spectrum-body-cjk-size-xxxl: var(--spectrum-font-size-500);
+ --spectrum-body-cjk-size-xxl: var(--spectrum-font-size-400);
+ --spectrum-body-cjk-size-xl: var(--spectrum-font-size-300);
+ --spectrum-body-cjk-size-l: var(--spectrum-font-size-200);
+ --spectrum-body-cjk-size-m: var(--spectrum-font-size-100);
+ --spectrum-body-cjk-size-s: var(--spectrum-font-size-75);
+ --spectrum-body-cjk-size-xs: var(--spectrum-font-size-50);
+ --spectrum-body-cjk-size-xxs: var(--spectrum-font-size-25);
--spectrum-body-size-l: var(--spectrum-font-size-300);
--spectrum-body-size-m: var(--spectrum-font-size-200);
--spectrum-body-size-s: var(--spectrum-font-size-100);
@@ -1415,11 +1736,11 @@
--spectrum-detail-sans-serif-font-family: var(--spectrum-sans-serif-font-family);
--spectrum-detail-serif-font-family: var(--spectrum-serif-font-family);
--spectrum-detail-cjk-font-family: var(--spectrum-cjk-font-family);
- --spectrum-detail-sans-serif-font-weight: var(--spectrum-bold-font-weight);
+ --spectrum-detail-sans-serif-font-weight: var(--spectrum-medium-font-weight);
--spectrum-detail-sans-serif-font-style: var(--spectrum-default-font-style);
- --spectrum-detail-serif-font-weight: var(--spectrum-bold-font-weight);
+ --spectrum-detail-serif-font-weight: var(--spectrum-medium-font-weight);
--spectrum-detail-serif-font-style: var(--spectrum-default-font-style);
- --spectrum-detail-cjk-font-weight: var(--spectrum-extra-bold-font-weight);
+ --spectrum-detail-cjk-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-font-style: var(--spectrum-default-font-style);
@@ -1431,7 +1752,7 @@
--spectrum-detail-sans-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-serif-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-serif-strong-font-style: var(--spectrum-default-font-style);
- --spectrum-detail-cjk-strong-font-weight: var(--spectrum-black-font-weight);
+ --spectrum-detail-cjk-strong-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-strong-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-strong-font-style: var(--spectrum-default-font-style);
@@ -1439,11 +1760,11 @@
--spectrum-detail-serif-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-cjk-light-strong-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-light-strong-font-style: var(--spectrum-default-font-style);
- --spectrum-detail-sans-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
+ --spectrum-detail-sans-serif-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style);
- --spectrum-detail-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
+ --spectrum-detail-serif-emphasized-font-weight: var(--spectrum-medium-font-weight);
--spectrum-detail-serif-emphasized-font-style: var(--spectrum-italic-font-style);
- --spectrum-detail-cjk-emphasized-font-weight: var(--spectrum-black-font-weight);
+ --spectrum-detail-cjk-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-emphasized-font-style: var(--spectrum-italic-font-style);
@@ -1455,7 +1776,7 @@
--spectrum-detail-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
- --spectrum-detail-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
+ --spectrum-detail-cjk-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-strong-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style);
@@ -1463,10 +1784,10 @@
--spectrum-detail-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-cjk-light-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-light-strong-emphasized-font-style: var(--spectrum-default-font-style);
- --spectrum-detail-size-xl: var(--spectrum-font-size-200);
- --spectrum-detail-size-l: var(--spectrum-font-size-100);
- --spectrum-detail-size-m: var(--spectrum-font-size-75);
- --spectrum-detail-size-s: var(--spectrum-font-size-50);
+ --spectrum-detail-size-xl: var(--spectrum-font-size-300);
+ --spectrum-detail-size-l: var(--spectrum-font-size-200);
+ --spectrum-detail-size-m: var(--spectrum-font-size-100);
+ --spectrum-detail-size-s: var(--spectrum-font-size-75);
--spectrum-detail-line-height: var(--spectrum-line-height-100);
--spectrum-detail-cjk-line-height: var(--spectrum-cjk-line-height-100);
--spectrum-detail-margin-top-multiplier: 0.88888889;
@@ -1474,7 +1795,13 @@
--spectrum-detail-letter-spacing: 0.06em;
--spectrum-detail-sans-serif-text-transform: uppercase;
--spectrum-detail-serif-text-transform: uppercase;
- --spectrum-detail-color: var(--spectrum-gray-900);
+ --spectrum-detail-color: var(--spectrum-gray-600);
+ --spectrum-detail-cjk-size-xs: var(--spectrum-font-size-25);
+ --spectrum-detail-cjk-size-s: var(--spectrum-font-size-50);
+ --spectrum-detail-cjk-size-m: var(--spectrum-font-size-75);
+ --spectrum-detail-cjk-size-l: var(--spectrum-font-size-100);
+ --spectrum-detail-cjk-size-xl: var(--spectrum-font-size-200);
+ --spectrum-detail-size-xs: var(--spectrum-font-size-50);
--spectrum-code-font-family: Source Code Pro;
--spectrum-code-cjk-font-family: var(--spectrum-code-font-family);
--spectrum-code-font-weight: var(--spectrum-regular-font-weight);
@@ -1483,7 +1810,7 @@
--spectrum-code-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-code-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-strong-font-style: var(--spectrum-default-font-style);
- --spectrum-code-cjk-strong-font-weight: var(--spectrum-black-font-weight);
+ --spectrum-code-cjk-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-code-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-code-emphasized-font-style: var(--spectrum-italic-font-style);
@@ -1491,7 +1818,7 @@
--spectrum-code-cjk-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-code-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-strong-emphasized-font-style: var(--spectrum-italic-font-style);
- --spectrum-code-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
+ --spectrum-code-cjk-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-code-size-xl: var(--spectrum-font-size-400);
--spectrum-code-size-l: var(--spectrum-font-size-300);
@@ -1501,58 +1828,80 @@
--spectrum-code-line-height: var(--spectrum-line-height-200);
--spectrum-code-cjk-line-height: var(--spectrum-cjk-line-height-200);
--spectrum-code-color: var(--spectrum-gray-800);
+ --system: spectrum;
+
+ --spectrum-animation-duration-0: 0ms;
+ --spectrum-animation-duration-100: 130ms;
+ --spectrum-animation-duration-200: 160ms;
+ --spectrum-animation-duration-300: 190ms;
+ --spectrum-animation-duration-400: 220ms;
+ --spectrum-animation-duration-500: 250ms;
+ --spectrum-animation-duration-600: 300ms;
+ --spectrum-animation-duration-700: 350ms;
+ --spectrum-animation-duration-800: 400ms;
+ --spectrum-animation-duration-900: 450ms;
+ --spectrum-animation-duration-1000: 500ms;
+ --spectrum-animation-duration-2000: 1000ms;
+ --spectrum-animation-duration-4000: 2000ms;
+ --spectrum-animation-duration-6000: 3000ms;
+
+ --spectrum-animation-linear: cubic-bezier(0, 0, 1, 1);
+
+ --spectrum-animation-ease-in-out: cubic-bezier(0.45, 0, 0.4, 1);
+ --spectrum-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
+ --spectrum-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
+ --spectrum-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
+ --spectrum-sans-font-family-stack: adobe-clean, var(--spectrum-sans-serif-font-family), "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
+ --spectrum-sans-serif-font: var(--spectrum-sans-font-family-stack);
+
+ --spectrum-serif-font-family-stack: adobe-clean-serif, var(--spectrum-serif-font-family), "Source Serif Pro", Georgia, serif;
+ --spectrum-serif-font: var(--spectrum-serif-font-family-stack);
+
+ --spectrum-code-font-family-stack: "Source Code Pro", Monaco, monospace;
+
+ --spectrum-font-family-ar: myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
+ --spectrum-font-family-he: myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
+
+ --spectrum-font-family: var(--spectrum-sans-font-family-stack);
+ --spectrum-font-style: var(--spectrum-default-font-style);
+ --spectrum-font-size: var(--spectrum-font-size-100);
+
+ --spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
+ --spectrum-cjk-font: var(--spectrum-code-font-family-stack);
+ --spectrum-examples-gradient: linear-gradient(45deg, var(--spectrum-magenta-1500), var(--spectrum-blue-1500));
+ --spectrum-examples-gradient-static-black: linear-gradient(45deg, rgb(255, 241, 246), rgb(238, 245, 255));
+ --spectrum-examples-gradient-static-white: linear-gradient(45deg, rgb(64, 0, 22), rgb(14, 24, 67));
+ --spectrum-corner-radius-1000: 9999px;
}
.spectrum--large {
- --spectrum-workflow-icon-size-50: 18px;
- --spectrum-workflow-icon-size-75: 20px;
- --spectrum-workflow-icon-size-100: 22px;
- --spectrum-workflow-icon-size-200: 24px;
- --spectrum-workflow-icon-size-300: 28px;
- --spectrum-arrow-icon-size-75: 12px;
- --spectrum-arrow-icon-size-100: 14px;
- --spectrum-arrow-icon-size-200: 16px;
- --spectrum-arrow-icon-size-300: 16px;
- --spectrum-arrow-icon-size-400: 18px;
- --spectrum-arrow-icon-size-500: 22px;
- --spectrum-arrow-icon-size-600: 24px;
- --spectrum-asterisk-icon-size-100: 10px;
- --spectrum-asterisk-icon-size-200: 12px;
- --spectrum-asterisk-icon-size-300: 12px;
- --spectrum-checkmark-icon-size-50: 12px;
- --spectrum-checkmark-icon-size-75: 12px;
- --spectrum-checkmark-icon-size-100: 14px;
- --spectrum-checkmark-icon-size-200: 14px;
- --spectrum-checkmark-icon-size-300: 16px;
- --spectrum-checkmark-icon-size-400: 18px;
- --spectrum-checkmark-icon-size-500: 20px;
- --spectrum-checkmark-icon-size-600: 24px;
- --spectrum-chevron-icon-size-50: 8px;
- --spectrum-chevron-icon-size-75: 12px;
- --spectrum-chevron-icon-size-100: 14px;
- --spectrum-chevron-icon-size-200: 14px;
- --spectrum-chevron-icon-size-300: 16px;
- --spectrum-chevron-icon-size-400: 18px;
- --spectrum-chevron-icon-size-500: 20px;
- --spectrum-chevron-icon-size-600: 24px;
- --spectrum-corner-triangle-icon-size-75: 6px;
- --spectrum-corner-triangle-icon-size-100: 7px;
- --spectrum-corner-triangle-icon-size-200: 8px;
- --spectrum-corner-triangle-icon-size-300: 8px;
- --spectrum-cross-icon-size-75: 10px;
- --spectrum-cross-icon-size-100: 10px;
- --spectrum-cross-icon-size-200: 12px;
- --spectrum-cross-icon-size-300: 14px;
- --spectrum-cross-icon-size-400: 16px;
- --spectrum-cross-icon-size-500: 16px;
- --spectrum-cross-icon-size-600: 18px;
- --spectrum-dash-icon-size-50: 10px;
- --spectrum-dash-icon-size-75: 10px;
- --spectrum-dash-icon-size-100: 12px;
- --spectrum-dash-icon-size-200: 14px;
- --spectrum-dash-icon-size-300: 16px;
- --spectrum-dash-icon-size-400: 18px;
- --spectrum-dash-icon-size-500: 20px;
- --spectrum-dash-icon-size-600: 22px;
+ --spectrum-checkbox-control-size-small: 18px;
+ --spectrum-checkbox-control-size-medium: 20px;
+ --spectrum-checkbox-control-size-large: 22px;
+ --spectrum-checkbox-control-size-extra-large: 26px;
+ --spectrum-checkbox-top-to-control-small: 6px;
+ --spectrum-checkbox-top-to-control-medium: 10px;
+ --spectrum-checkbox-top-to-control-large: 14px;
+ --spectrum-checkbox-top-to-control-extra-large: 17px;
+ --spectrum-switch-control-width-small: 30px;
+ --spectrum-switch-control-width-medium: 34px;
+ --spectrum-switch-control-width-large: 38px;
+ --spectrum-switch-control-width-extra-large: 46px;
+ --spectrum-switch-control-height-small: 18px;
+ --spectrum-switch-control-height-medium: 20px;
+ --spectrum-switch-control-height-large: 22px;
+ --spectrum-switch-control-height-extra-large: 26px;
+ --spectrum-switch-top-to-control-small: 7px;
+ --spectrum-switch-top-to-control-medium: 11px;
+ --spectrum-switch-top-to-control-large: 15px;
+ --spectrum-switch-top-to-control-extra-large: 19px;
+ --spectrum-radio-button-control-size-small: 16px;
+ --spectrum-radio-button-control-size-medium: 18px;
+ --spectrum-radio-button-control-size-large: 20px;
+ --spectrum-radio-button-control-size-extra-large: 22px;
+ --spectrum-radio-button-top-to-control-small: 7px;
+ --spectrum-radio-button-top-to-control-medium: 11px;
+ --spectrum-radio-button-top-to-control-large: 15px;
+ --spectrum-radio-button-top-to-control-extra-large: 19px;
--spectrum-field-label-text-to-asterisk-small: 5px;
--spectrum-field-label-text-to-asterisk-medium: 5px;
--spectrum-field-label-text-to-asterisk-large: 6px;
@@ -1561,29 +1910,27 @@
--spectrum-field-label-top-to-asterisk-medium: 15px;
--spectrum-field-label-top-to-asterisk-large: 19px;
--spectrum-field-label-top-to-asterisk-extra-large: 24px;
- --spectrum-field-label-top-margin-medium: 5px;
- --spectrum-field-label-top-margin-large: 6px;
- --spectrum-field-label-top-margin-extra-large: 6px;
--spectrum-field-label-to-component-quiet-small: -10px;
--spectrum-field-label-to-component-quiet-medium: -10px;
--spectrum-field-label-to-component-quiet-large: -15px;
--spectrum-field-label-to-component-quiet-extra-large: -19px;
- --spectrum-help-text-top-to-workflow-icon-small: 5px;
- --spectrum-help-text-top-to-workflow-icon-medium: 4px;
- --spectrum-help-text-top-to-workflow-icon-large: 8px;
- --spectrum-help-text-top-to-workflow-icon-extra-large: 11px;
- --spectrum-status-light-dot-size-medium: 10px;
- --spectrum-status-light-dot-size-large: 12px;
- --spectrum-status-light-dot-size-extra-large: 12px;
- --spectrum-status-light-top-to-dot-small: 11px;
- --spectrum-status-light-top-to-dot-medium: 15px;
- --spectrum-status-light-top-to-dot-large: 19px;
- --spectrum-status-light-top-to-dot-extra-large: 24px;
+ --spectrum-help-text-top-to-workflow-icon-small: var(--spectrum-component-top-to-workflow-icon-75);
+ --spectrum-help-text-top-to-workflow-icon-medium: var(--spectrum-component-top-to-workflow-icon-100);
+ --spectrum-help-text-top-to-workflow-icon-large: var(--spectrum-component-top-to-workflow-icon-200);
+ --spectrum-help-text-top-to-workflow-icon-extra-large: var(--spectrum-component-top-to-workflow-icon-300);
+ --spectrum-status-light-dot-size-small: 10px;
+ --spectrum-status-light-dot-size-medium: 12px;
+ --spectrum-status-light-dot-size-large: 14px;
+ --spectrum-status-light-dot-size-extra-large: 16px;
+ --spectrum-status-light-top-to-dot-small: 10px;
+ --spectrum-status-light-top-to-dot-medium: 14px;
+ --spectrum-status-light-top-to-dot-large: 18px;
+ --spectrum-status-light-top-to-dot-extra-large: 22px;
--spectrum-action-button-edge-to-hold-icon-medium: 5px;
--spectrum-action-button-edge-to-hold-icon-large: 6px;
--spectrum-action-button-edge-to-hold-icon-extra-large: 7px;
- --spectrum-tooltip-tip-width: 10px;
- --spectrum-tooltip-tip-height: 5px;
+ --spectrum-tooltip-tip-width: 12px;
+ --spectrum-tooltip-tip-height: 6px;
--spectrum-tooltip-maximum-width: 200px;
--spectrum-progress-circle-size-small: 20px;
--spectrum-progress-circle-size-medium: 40px;
@@ -1591,13 +1938,11 @@
--spectrum-progress-circle-thickness-small: 3px;
--spectrum-progress-circle-thickness-medium: 4px;
--spectrum-progress-circle-thickness-large: 5px;
- --spectrum-toast-height: 56px;
+ --spectrum-toast-height: 60px;
--spectrum-toast-maximum-width: 420px;
- --spectrum-toast-top-to-workflow-icon: 17px;
- --spectrum-toast-top-to-text: 16px;
- --spectrum-toast-bottom-to-text: 19px;
- --spectrum-action-bar-height: 56px;
- --spectrum-action-bar-top-to-item-counter: 16px;
+ --spectrum-toast-top-to-workflow-icon: 20px;
+ --spectrum-toast-top-to-text: 20px;
+ --spectrum-toast-bottom-to-text: 22px;
--spectrum-swatch-size-extra-small: 20px;
--spectrum-swatch-size-small: 30px;
--spectrum-swatch-size-medium: 40px;
@@ -1608,14 +1953,13 @@
--spectrum-progress-bar-thickness-extra-large: 13px;
--spectrum-meter-width: 240px;
--spectrum-meter-thickness-small: 5px;
- --spectrum-meter-thickness-large: 8px;
+ --spectrum-meter-thickness-large: 10px;
--spectrum-tag-top-to-avatar-small: 5px;
--spectrum-tag-top-to-avatar-medium: 7px;
--spectrum-tag-top-to-avatar-large: 11px;
--spectrum-tag-top-to-cross-icon-small: 10px;
--spectrum-tag-top-to-cross-icon-medium: 15px;
--spectrum-tag-top-to-cross-icon-large: 19px;
- --spectrum-popover-top-to-content-area: 5px;
--spectrum-menu-item-edge-to-content-not-selected-small: 24px;
--spectrum-menu-item-edge-to-content-not-selected-medium: 42px;
--spectrum-menu-item-edge-to-content-not-selected-large: 47px;
@@ -1628,64 +1972,72 @@
--spectrum-menu-item-top-to-selected-icon-medium: 13px;
--spectrum-menu-item-top-to-selected-icon-large: 17px;
--spectrum-menu-item-top-to-selected-icon-extra-large: 22px;
- --spectrum-slider-control-to-field-label-small: 6px;
- --spectrum-slider-control-to-field-label-medium: 10px;
- --spectrum-slider-control-to-field-label-large: 14px;
- --spectrum-slider-control-to-field-label-extra-large: 17px;
- --spectrum-picker-visual-to-disclosure-icon-small: 9px;
- --spectrum-picker-visual-to-disclosure-icon-medium: 10px;
- --spectrum-picker-visual-to-disclosure-icon-large: 11px;
- --spectrum-picker-visual-to-disclosure-icon-extra-large: 13px;
- --spectrum-text-area-minimum-width: 140px;
- --spectrum-text-area-minimum-height: 70px;
- --spectrum-combo-box-visual-to-field-button-small: 9px;
- --spectrum-combo-box-visual-to-field-button-medium: 10px;
- --spectrum-combo-box-visual-to-field-button-large: 11px;
- --spectrum-combo-box-visual-to-field-button-extra-large: 13px;
- --spectrum-thumbnail-size-50: 20px;
- --spectrum-thumbnail-size-75: 22px;
- --spectrum-thumbnail-size-100: 26px;
- --spectrum-thumbnail-size-200: 28px;
- --spectrum-thumbnail-size-300: 32px;
- --spectrum-thumbnail-size-400: 36px;
- --spectrum-thumbnail-size-500: 40px;
- --spectrum-thumbnail-size-600: 46px;
- --spectrum-thumbnail-size-700: 50px;
- --spectrum-thumbnail-size-800: 55px;
- --spectrum-thumbnail-size-900: 62px;
- --spectrum-thumbnail-size-1000: 70px;
- --spectrum-alert-dialog-title-size: var(--spectrum-heading-size-xs);
- --spectrum-alert-dialog-description-size: var(--spectrum-body-size-xs);
- --spectrum-opacity-checkerboard-square-size: 10px;
- --spectrum-contextual-help-title-size: var(--spectrum-heading-size-xxs);
- --spectrum-contextual-help-body-size: var(--spectrum-body-size-xs);
- --spectrum-breadcrumbs-height-multiline: 84px;
- --spectrum-breadcrumbs-top-to-text: 17px;
- --spectrum-breadcrumbs-top-to-text-compact: 16px;
- --spectrum-breadcrumbs-top-to-text-multiline: 15px;
- --spectrum-breadcrumbs-bottom-to-text: 19px;
- --spectrum-breadcrumbs-bottom-to-text-compact: 19px;
- --spectrum-breadcrumbs-bottom-to-text-multiline: 10px;
- --spectrum-breadcrumbs-start-edge-to-text: 9px;
+ --spectrum-slider-control-height-small: 18px;
+ --spectrum-slider-control-height-medium: 20px;
+ --spectrum-slider-control-height-large: 22px;
+ --spectrum-slider-control-height-extra-large: 26px;
+ --spectrum-slider-handle-size-small: 18px;
+ --spectrum-slider-handle-size-medium: 20px;
+ --spectrum-slider-handle-size-large: 22px;
+ --spectrum-slider-handle-size-extra-large: 26px;
+ --spectrum-slider-handle-border-width-down-small: 7px;
+ --spectrum-slider-handle-border-width-down-medium: 8px;
+ --spectrum-slider-handle-border-width-down-large: 9px;
+ --spectrum-slider-handle-border-width-down-extra-large: 11px;
+ --spectrum-slider-bottom-to-handle-small: 6px;
+ --spectrum-slider-bottom-to-handle-medium: 10px;
+ --spectrum-slider-bottom-to-handle-large: 14px;
+ --spectrum-slider-bottom-to-handle-extra-large: 17px;
+ --spectrum-slider-control-to-field-label-small: -8px;
+ --spectrum-slider-control-to-field-label-medium: -16px;
+ --spectrum-slider-control-to-field-label-large: -20px;
+ --spectrum-slider-control-to-field-label-extra-large: -28px;
+ --spectrum-picker-visual-to-disclosure-icon-small: 9px;
+ --spectrum-picker-visual-to-disclosure-icon-medium: 10px;
+ --spectrum-picker-visual-to-disclosure-icon-large: 11px;
+ --spectrum-picker-visual-to-disclosure-icon-extra-large: 13px;
+ --spectrum-text-area-minimum-width: 140px;
+ --spectrum-text-area-minimum-height: 70px;
+ --spectrum-thumbnail-size-50: 20px;
+ --spectrum-thumbnail-size-75: 24px;
+ --spectrum-thumbnail-size-100: 28px;
+ --spectrum-thumbnail-size-200: 32px;
+ --spectrum-thumbnail-size-300: 36px;
+ --spectrum-thumbnail-size-400: 40px;
+ --spectrum-thumbnail-size-500: 44px;
+ --spectrum-thumbnail-size-600: 48px;
+ --spectrum-thumbnail-size-700: 52px;
+ --spectrum-thumbnail-size-800: 56px;
+ --spectrum-thumbnail-size-900: 64px;
+ --spectrum-thumbnail-size-1000: 72px;
+ --spectrum-opacity-checkerboard-square-size: var(--spectrum-opacity-checkerboard-square-size-medium);
+ --spectrum-opacity-checkerboard-square-size-medium: 10px;
+ --spectrum-breadcrumbs-height-multiline: 90px;
+ --spectrum-breadcrumbs-top-to-text-multiline: 5px;
+ --spectrum-breadcrumbs-bottom-to-text-multiline: 11px;
--spectrum-breadcrumbs-top-text-to-bottom-text: 11px;
- --spectrum-breadcrumbs-top-to-separator-icon: 25px;
- --spectrum-breadcrumbs-top-to-separator-icon-compact: 23px;
- --spectrum-breadcrumbs-top-to-separator-icon-multiline: 20px;
- --spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline: 15px;
- --spectrum-breadcrumbs-top-to-truncated-menu: 10px;
- --spectrum-breadcrumbs-top-to-truncated-menu-compact: 5px;
+ --spectrum-breadcrumbs-top-to-separator-icon-multiline: var(--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline);
+ --spectrum-breadcrumbs-truncated-menu-to-bottom-text: 5px;
--spectrum-avatar-size-50: 20px;
- --spectrum-avatar-size-75: 22px;
- --spectrum-avatar-size-100: 26px;
- --spectrum-avatar-size-200: 28px;
- --spectrum-avatar-size-300: 32px;
- --spectrum-avatar-size-400: 36px;
- --spectrum-avatar-size-500: 40px;
- --spectrum-avatar-size-600: 46px;
- --spectrum-avatar-size-700: 50px;
+ --spectrum-avatar-size-75: 24px;
+ --spectrum-avatar-size-100: 28px;
+ --spectrum-avatar-size-200: 32px;
+ --spectrum-avatar-size-300: 36px;
+ --spectrum-avatar-size-400: 40px;
+ --spectrum-avatar-size-500: 44px;
+ --spectrum-avatar-size-600: 48px;
+ --spectrum-avatar-size-700: 52px;
+ --spectrum-avatar-size-800: 56px;
+ --spectrum-avatar-size-900: 64px;
+ --spectrum-avatar-size-1000: 72px;
+ --spectrum-avatar-size-1100: 80px;
+ --spectrum-avatar-size-1200: 88px;
+ --spectrum-avatar-size-1300: 96px;
+ --spectrum-avatar-size-1400: 104px;
+ --spectrum-avatar-size-1500: 112px;
--spectrum-alert-banner-minimum-height: 64px;
--spectrum-alert-banner-width: 680px;
- --spectrum-alert-banner-top-to-workflow-icon: 21px;
+ --spectrum-alert-banner-top-to-workflow-icon: 20px;
--spectrum-alert-banner-top-to-text: 21px;
--spectrum-alert-banner-bottom-to-text: 22px;
--spectrum-rating-indicator-width: 22px;
@@ -1698,9 +2050,6 @@
--spectrum-color-wheel-minimum-width: 219px;
--spectrum-color-slider-length: 240px;
--spectrum-color-slider-minimum-length: 100px;
- --spectrum-illustrated-message-title-size: var(--spectrum-heading-size-s);
- --spectrum-illustrated-message-cjk-title-size: var(--spectrum-heading-cjk-size-s);
- --spectrum-illustrated-message-body-size: var(--spectrum-body-size-xs);
--spectrum-coach-mark-width: 216px;
--spectrum-coach-mark-minimum-width: 216px;
--spectrum-coach-mark-maximum-width: 248px;
@@ -1708,9 +2057,6 @@
--spectrum-coach-mark-pagination-text-to-bottom-edge: 22px;
--spectrum-coach-mark-media-height: 162px;
--spectrum-coach-mark-media-minimum-height: 121px;
- --spectrum-coach-mark-title-size: var(--spectrum-heading-size-xxs);
- --spectrum-coach-mark-body-size: var(--spectrum-body-size-xs);
- --spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-xs);
--spectrum-accordion-top-to-text-regular-small: 7px;
--spectrum-accordion-small-top-to-text-spacious: 12px;
--spectrum-accordion-top-to-text-regular-medium: 9px;
@@ -1746,24 +2092,36 @@
--spectrum-table-column-header-row-bottom-to-text-medium: 10px;
--spectrum-table-column-header-row-bottom-to-text-large: 13px;
--spectrum-table-column-header-row-bottom-to-text-extra-large: 17px;
- --spectrum-table-row-height-small-regular: 40px;
- --spectrum-table-row-height-medium-regular: 50px;
- --spectrum-table-row-height-large-regular: 60px;
- --spectrum-table-row-height-extra-large-regular: 70px;
+ --spectrum-table-row-height-small-regular: var(--spectrum-table-row-height-small);
+ --spectrum-table-row-height-small: 40px;
+ --spectrum-table-row-height-medium-regular: var(--spectrum-table-row-height-medium);
+ --spectrum-table-row-height-medium: 50px;
+ --spectrum-table-row-height-large-regular: var(--spectrum-table-row-height-large);
+ --spectrum-table-row-height-large: 60px;
+ --spectrum-table-row-height-extra-large-regular: var(--spectrum-table-row-height-extra-large);
+ --spectrum-table-row-height-extra-large: 70px;
--spectrum-table-row-height-small-spacious: 50px;
--spectrum-table-row-height-medium-spacious: 60px;
--spectrum-table-row-height-large-spacious: 70px;
--spectrum-table-row-height-extra-large-spacious: 80px;
- --spectrum-table-row-top-to-text-small-regular: 10px;
- --spectrum-table-row-top-to-text-medium-regular: 14px;
- --spectrum-table-row-top-to-text-large-regular: 18px;
- --spectrum-table-row-top-to-text-extra-large-regular: 21px;
- --spectrum-table-row-bottom-to-text-small-regular: 11px;
- --spectrum-table-row-bottom-to-text-medium-regular: 15px;
- --spectrum-table-row-bottom-to-text-large-regular: 18px;
- --spectrum-table-row-bottom-to-text-extra-large-regular: 22px;
+ --spectrum-table-row-top-to-text-small-regular: var(--spectrum-table-row-top-to-text-small);
+ --spectrum-table-row-top-to-text-small: 10px;
+ --spectrum-table-row-top-to-text-medium-regular: var(--spectrum-table-row-top-to-text-medium);
+ --spectrum-table-row-top-to-text-medium: 14px;
+ --spectrum-table-row-top-to-text-large-regular: var(--spectrum-table-row-top-to-text-large);
+ --spectrum-table-row-top-to-text-large: 18px;
+ --spectrum-table-row-top-to-text-extra-large-regular: var(--spectrum-table-row-top-to-text-extra-large);
+ --spectrum-table-row-top-to-text-extra-large: 21px;
+ --spectrum-table-row-bottom-to-text-small-regular: var(--spectrum-table-row-bottom-to-text-small);
+ --spectrum-table-row-bottom-to-text-small: 11px;
+ --spectrum-table-row-bottom-to-text-medium-regular: var(--spectrum-table-row-bottom-to-text-medium);
+ --spectrum-table-row-bottom-to-text-medium: 15px;
+ --spectrum-table-row-bottom-to-text-large-regular: var(--spectrum-table-row-bottom-to-text-large);
+ --spectrum-table-row-bottom-to-text-large: 18px;
+ --spectrum-table-row-bottom-to-text-extra-large-regular: var(--spectrum-table-row-bottom-to-text-extra-large);
+ --spectrum-table-row-bottom-to-text-extra-large: 22px;
--spectrum-table-row-top-to-text-small-spacious: 15px;
- --spectrum-table-row-top-to-text-medium-spacious: 18px;
+ --spectrum-table-row-top-to-text-medium-spacious: 16px;
--spectrum-table-row-top-to-text-large-spacious: 23px;
--spectrum-table-row-top-to-text-extra-large-spacious: 26px;
--spectrum-table-row-bottom-to-text-small-spacious: 16px;
@@ -1772,20 +2130,24 @@
--spectrum-table-row-bottom-to-text-extra-large-spacious: 27px;
--spectrum-table-checkbox-to-text: 30px;
--spectrum-table-header-row-checkbox-to-top-small: 14px;
- --spectrum-table-header-row-checkbox-to-top-medium: 13px;
+ --spectrum-table-header-row-checkbox-to-top-medium: 11px;
--spectrum-table-header-row-checkbox-to-top-large: 17px;
--spectrum-table-header-row-checkbox-to-top-extra-large: 21px;
--spectrum-table-row-checkbox-to-top-small-compact: 9px;
- --spectrum-table-row-checkbox-to-top-small-regular: 14px;
+ --spectrum-table-row-checkbox-to-top-small-regular: var(--spectrum-table-row-checkbox-to-top-small);
+ --spectrum-table-row-checkbox-to-top-small: 14px;
--spectrum-table-row-checkbox-to-top-small-spacious: 19px;
- --spectrum-table-row-checkbox-to-top-medium-compact: 13px;
- --spectrum-table-row-checkbox-to-top-medium-regular: 18px;
- --spectrum-table-row-checkbox-to-top-medium-spacious: 23px;
+ --spectrum-table-row-checkbox-to-top-medium-compact: 11px;
+ --spectrum-table-row-checkbox-to-top-medium-regular: var(--spectrum-table-row-checkbox-to-top-medium);
+ --spectrum-table-row-checkbox-to-top-medium: 16px;
+ --spectrum-table-row-checkbox-to-top-medium-spacious: 21px;
--spectrum-table-row-checkbox-to-top-large-compact: 17px;
- --spectrum-table-row-checkbox-to-top-large-regular: 22px;
+ --spectrum-table-row-checkbox-to-top-large-regular: var(--spectrum-table-row-checkbox-to-top-large);
+ --spectrum-table-row-checkbox-to-top-large: 22px;
--spectrum-table-row-checkbox-to-top-large-spacious: 27px;
--spectrum-table-row-checkbox-to-top-extra-large-compact: 21px;
- --spectrum-table-row-checkbox-to-top-extra-large-regular: 26px;
+ --spectrum-table-row-checkbox-to-top-extra-large-regular: var(--spectrum-table-row-checkbox-to-top-extra-large);
+ --spectrum-table-row-checkbox-to-top-extra-large: 26px;
--spectrum-table-row-checkbox-to-top-extra-large-spacious: 31px;
--spectrum-table-section-header-row-height-small: 30px;
--spectrum-table-section-header-row-height-medium: 40px;
@@ -1795,10 +2157,14 @@
--spectrum-table-thumbnail-to-top-minimum-medium-compact: 6px;
--spectrum-table-thumbnail-to-top-minimum-large-compact: 9px;
--spectrum-table-thumbnail-to-top-minimum-extra-large-compact: 10px;
- --spectrum-table-thumbnail-to-top-minimum-small-regular: 6px;
- --spectrum-table-thumbnail-to-top-minimum-medium-regular: 9px;
- --spectrum-table-thumbnail-to-top-minimum-large-regular: 10px;
- --spectrum-table-thumbnail-to-top-minimum-extra-large-regular: 10px;
+ --spectrum-table-thumbnail-to-top-minimum-small-regular: var(--spectrum-table-thumbnail-to-top-minimum-small);
+ --spectrum-table-thumbnail-to-top-minimum-small: 6px;
+ --spectrum-table-thumbnail-to-top-minimum-medium-regular: var(--spectrum-table-thumbnail-to-top-minimum-medium);
+ --spectrum-table-thumbnail-to-top-minimum-medium: 9px;
+ --spectrum-table-thumbnail-to-top-minimum-large-regular: var(--spectrum-table-thumbnail-to-top-minimum-large);
+ --spectrum-table-thumbnail-to-top-minimum-large: 10px;
+ --spectrum-table-thumbnail-to-top-minimum-extra-large-regular: var(--spectrum-table-thumbnail-to-top-minimum-extra-large);
+ --spectrum-table-thumbnail-to-top-minimum-extra-large: 10px;
--spectrum-table-thumbnail-to-top-minimum-small-spacious: 9px;
--spectrum-table-thumbnail-to-top-minimum-medium-spacious: 10px;
--spectrum-table-thumbnail-to-top-minimum-large-spacious: 10px;
@@ -1852,15 +2218,204 @@
--spectrum-side-navigation-with-icon-third-level-edge-to-text: 77px;
--spectrum-side-navigation-item-to-item: 5px;
--spectrum-side-navigation-item-to-header: 30px;
- --spectrum-side-navigation-header-to-item: 10px;
--spectrum-side-navigation-bottom-to-text: 10px;
--spectrum-tray-top-to-content-area: 5px;
+ --spectrum-arrow-icon-size-75: 12px;
+ --spectrum-arrow-icon-size-100: 14px;
+ --spectrum-arrow-icon-size-200: 16px;
+ --spectrum-arrow-icon-size-300: 16px;
+ --spectrum-arrow-icon-size-400: 18px;
+ --spectrum-arrow-icon-size-500: 22px;
+ --spectrum-arrow-icon-size-600: 24px;
+ --spectrum-asterisk-icon-size-100: 10px;
+ --spectrum-asterisk-icon-size-200: 12px;
+ --spectrum-asterisk-icon-size-300: 12px;
+ --spectrum-checkmark-icon-size-50: 12px;
+ --spectrum-checkmark-icon-size-75: 12px;
+ --spectrum-checkmark-icon-size-100: 14px;
+ --spectrum-checkmark-icon-size-200: 14px;
+ --spectrum-checkmark-icon-size-300: 16px;
+ --spectrum-checkmark-icon-size-400: 18px;
+ --spectrum-checkmark-icon-size-500: 20px;
+ --spectrum-checkmark-icon-size-600: 24px;
+ --spectrum-chevron-icon-size-50: 8px;
+ --spectrum-chevron-icon-size-75: 12px;
+ --spectrum-chevron-icon-size-100: 14px;
+ --spectrum-chevron-icon-size-200: 14px;
+ --spectrum-chevron-icon-size-300: 16px;
+ --spectrum-chevron-icon-size-400: 18px;
+ --spectrum-chevron-icon-size-500: 20px;
+ --spectrum-chevron-icon-size-600: 24px;
+ --spectrum-cross-icon-size-75: 10px;
+ --spectrum-cross-icon-size-100: 10px;
+ --spectrum-cross-icon-size-200: 12px;
+ --spectrum-cross-icon-size-300: 14px;
+ --spectrum-cross-icon-size-400: 16px;
+ --spectrum-cross-icon-size-500: 16px;
+ --spectrum-cross-icon-size-600: 18px;
+ --spectrum-dash-icon-size-50: 10px;
+ --spectrum-dash-icon-size-75: 10px;
+ --spectrum-dash-icon-size-100: 12px;
+ --spectrum-dash-icon-size-200: 14px;
+ --spectrum-dash-icon-size-300: 16px;
+ --spectrum-dash-icon-size-400: 18px;
+ --spectrum-dash-icon-size-500: 20px;
+ --spectrum-dash-icon-size-600: 22px;
+ --spectrum-side-navigation-header-to-item: 10px;
+ --spectrum-switch-handle-size-small: 10px;
+ --spectrum-switch-handle-selected-size-small: 12px;
+ --spectrum-switch-handle-selected-size-medium: 14px;
+ --spectrum-switch-handle-selected-size-large: 16px;
+ --spectrum-switch-handle-selected-size-extra-large: 20px;
+ --spectrum-switch-handle-size-medium: 12px;
+ --spectrum-switch-handle-size-large: 14px;
+ --spectrum-switch-handle-size-extra-large: 18px;
+ --spectrum-tag-label-to-clear-icon-small: 10px;
+ --spectrum-tag-label-to-clear-icon-medium: 15px;
+ --spectrum-tag-label-to-clear-icon-large: 19px;
+ --spectrum-tag-edge-to-clear-icon-small: 10px;
+ --spectrum-tag-edge-to-clear-icon-medium: 15px;
+ --spectrum-tag-edge-to-clear-icon-large: 19px;
+ --spectrum-opacity-checkerboard-square-size-small: 5px;
+ --spectrum-alert-banner-top-to-alert-icon: 29px;
--spectrum-accordion-top-to-text-spacious-small: 12px;
- --spectrum-text-to-visual-50: 8px;
- --spectrum-text-to-visual-75: 9px;
- --spectrum-text-to-visual-100: 10px;
- --spectrum-text-to-visual-200: 11px;
- --spectrum-text-to-visual-300: 13px;
+ --spectrum-field-default-width-small: 240px;
+ --spectrum-field-default-width-medium: 256px;
+ --spectrum-field-default-width-large: 272px;
+ --spectrum-field-default-width-extra-large: 288px;
+ --spectrum-tag-minimum-width-small: 25px;
+ --spectrum-tag-minimum-width-medium: 34px;
+ --spectrum-tag-minimum-width-large: 42px;
+ --spectrum-in-field-button-edge-to-fill-small: 5px;
+ --spectrum-in-field-button-edge-to-fill-extra-large: 10px;
+ --spectrum-in-field-progress-circle-edge-to-fill: 2px;
+ --spectrum-in-field-progress-circle-size-75: 18px;
+ --spectrum-in-field-progress-circle-size-100: 24px;
+ --spectrum-in-field-progress-circle-size-200: 28px;
+ --spectrum-in-field-progress-circle-size-300: 30px;
+ --spectrum-alert-dialog-description-font-size: var(--spectrum-body-size-s);
+ --spectrum-alert-dialog-title-font-size: var(--spectrum-title-size-xl);
+ --spectrum-coach-mark-body-font-size: var(--spectrum-body-size-s);
+ --spectrum-coach-mark-pagination-body-font-size: var(--spectrum-body-size-xs);
+ --spectrum-coach-mark-title-font-size: var(--spectrum-title-size-s);
+ --spectrum-standard-dialog-title-font-size: var(--spectrum-title-size-xl);
+ --spectrum-standard-dialog-body-font-size: var(--spectrum-body-size-s);
+ --spectrum-link-out-icon-size-75: 12px;
+ --spectrum-link-out-icon-size-100: 14px;
+ --spectrum-link-out-icon-size-200: 16px;
+ --spectrum-menu-item-top-to-thumbnail-small: 10px;
+ --spectrum-menu-item-top-to-thumbnail-medium: 11px;
+ --spectrum-menu-item-top-to-thumbnail-large: 12px;
+ --spectrum-menu-item-top-to-thumbnail-extra-large: 13px;
+ --spectrum-illustrated-message-small-title-font-size: var(--spectrum-title-size-s);
+ --spectrum-illustrated-message-small-cjk-title-font-size: var(--spectrum-title-cjk-size-s);
+ --spectrum-illustrated-message-medium-title-font-size: var(--spectrum-title-size-l);
+ --spectrum-illustrated-message-medium-cjk-title-font-size: var(--spectrum-title-cjk-size-l);
+ --spectrum-illustrated-message-large-title-font-size: var(--spectrum-title-size-xl);
+ --spectrum-illustrated-message-large-cjk-title-font-size: var(--spectrum-title-cjk-size-xl);
+ --spectrum-illustrated-message-medium-body-font-size: var(--spectrum-body-size-xs);
+ --spectrum-illustrated-message-large-body-font-size: var(--spectrum-body-size-xs);
+ --spectrum-breadcrumbs-separator-to-bottom-text-multiline: 15px;
+ --spectrum-breadcrumbs-start-edge-to-text-large: 11px;
+ --spectrum-breadcrumbs-start-edge-to-text-medium: 8px;
+ --spectrum-breadcrumbs-start-edge-to-text-multiline: 5px;
+ --spectrum-breadcrumbs-top-to-separator-large: 20px;
+ --spectrum-breadcrumbs-top-to-separator-medium: 15px;
+ --spectrum-breadcrumbs-top-to-separator-multiline: 10px;
+ --spectrum-breadcrumbs-text-to-separator-large: 11px;
+ --spectrum-breadcrumbs-text-to-separator-medium: 8px;
+ --spectrum-breadcrumbs-text-to-separator-multiline: 5px;
+ --spectrum-contextual-help-body-font-size: var(--spectrum-body-size-xs);
+ --spectrum-contextual-help-title-font-size: var(--spectrum-title-size-s);
+ --spectrum-accordion-content-area-edge-to-content-small: 10px;
+ --spectrum-accordion-content-area-edge-to-content-medium: 11px;
+ --spectrum-accordion-content-area-edge-to-content-large: 15px;
+ --spectrum-accordion-content-area-edge-to-content-extra-large: 19px;
+ --spectrum-accordion-disclosure-indicator-to-text-small: 9px;
+ --spectrum-accordion-disclosure-indicator-to-text-medium: 13px;
+ --spectrum-accordion-disclosure-indicator-to-text-large: 17px;
+ --spectrum-accordion-disclosure-indicator-to-text-extra-large: 22px;
+ --spectrum-meter-thickness-medium: 8px;
+ --spectrum-meter-thickness-extra-large: 13px;
+ --spectrum-avatar-to-avatar-50: -5px;
+ --spectrum-avatar-to-avatar-75: -6px;
+ --spectrum-avatar-to-avatar-100: -7px;
+ --spectrum-avatar-to-avatar-200: -8px;
+ --spectrum-avatar-to-avatar-300: -9px;
+ --spectrum-avatar-to-avatar-400: -10px;
+ --spectrum-avatar-to-avatar-500: -11px;
+ --spectrum-select-box-horizontal-minimum-height: 100px;
+ --spectrum-select-box-horizontal-width: 460px;
+ --spectrum-select-box-vertical-height: 212px;
+ --spectrum-select-box-edge-to-checkbox: 15px;
+ --spectrum-select-box-horizontal-end-to-content: 40px;
+ --spectrum-select-box-horizontal-illustration-to-label: 12px;
+ --spectrum-select-box-horizontal-label-to-description: 3px;
+ --spectrum-select-box-horizontal-start-to-content: 30px;
+ --spectrum-select-box-horizontal-top-to-content: 20px;
+ --spectrum-select-box-top-to-checkbox: 5px;
+ --spectrum-select-box-vertical-edge-to-content: 30px;
+ --spectrum-select-box-vertical-illustration-to-label: 10px;
+ --spectrum-slider-control-to-field-label-editable-small: -8px;
+ --spectrum-slider-control-to-field-label-editable-medium: -16px;
+ --spectrum-slider-control-to-field-label-editable-large: -20px;
+ --spectrum-slider-control-to-field-label-editable-extra-large: -24px;
+ --spectrum-slider-control-to-field-label-side-small: 20px;
+ --spectrum-slider-control-to-field-label-side-medium: 20px;
+ --spectrum-slider-control-to-field-label-side-large: 24px;
+ --spectrum-slider-control-to-field-label-side-extra-large: 28px;
+ --spectrum-slider-control-to-text-field-small: 20px;
+ --spectrum-slider-control-to-text-field-medium: 20px;
+ --spectrum-slider-control-to-text-field-large: 24px;
+ --spectrum-slider-control-to-text-field-extra-large: 28px;
+ --spectrum-slider-handle-height-precision-small: 24px;
+ --spectrum-slider-handle-height-precision-medium: 26px;
+ --spectrum-slider-handle-height-precision-large: 30px;
+ --spectrum-slider-handle-height-precision-extra-large: 32px;
+ --spectrum-slider-handle-small: 22px;
+ --spectrum-slider-handle-medium: 24px;
+ --spectrum-slider-handle-large: 28px;
+ --spectrum-slider-handle-extra-large: 30px;
+ --spectrum-in-field-stepper-to-end-small: 3px;
+ --spectrum-in-field-stepper-to-end-extra-large: 5px;
+ --spectrum-number-field-with-stepper-minimum-width-small: 126px;
+ --spectrum-number-field-with-stepper-minimum-width-medium: 150px;
+ --spectrum-number-field-with-stepper-minimum-width-large: 174px;
+ --spectrum-number-field-with-stepper-minimum-width-extra-large: 198px;
+ --spectrum-number-field-visual-to-in-field-stepper-small: 7px;
+ --spectrum-number-field-visual-to-in-field-stepper-medium: 8px;
+ --spectrum-number-field-visual-to-in-field-stepper-large: 9px;
+ --spectrum-number-field-visual-to-in-field-stepper-extra-large: 10px;
+ --spectrum-tree-view-disclosure-indicator-height: 40px;
+ --spectrum-tree-view-disclosure-indicator-width: 42px;
+ --spectrum-tree-view-minimum-height: 50px;
+ --spectrum-tree-view-minimum-width: 200px;
+ --spectrum-tree-view-bottom-to-label: 16px;
+ --spectrum-tree-view-drag-handle-to-checkbox: 10px;
+ --spectrum-tree-view-edge-to-checkbox: 15px;
+ --spectrum-tree-view-edge-to-drag-handle: 5px;
+ --spectrum-tree-view-end-edge-to-action-area: 7px;
+ --spectrum-tree-view-item-to-header: 30px;
+ --spectrum-tree-view-label-to-action-area: 8px;
+ --spectrum-tree-view-level-increment: 20px;
+ --spectrum-tree-view-minimum-top-to-context-area: 10px;
+ --spectrum-tree-view-top-to-action-button: 5px;
+ --spectrum-tree-view-top-to-checkbox: 5px;
+ --spectrum-tree-view-top-to-disclosure-indicator: 19px;
+ --spectrum-tree-view-top-to-drag-handle: 19px;
+ --spectrum-tree-view-top-to-label: 13px;
+ --spectrum-workflow-icon-size-50: 16px;
+ --spectrum-workflow-icon-size-75: 18px;
+ --spectrum-workflow-icon-size-100: 24px;
+ --spectrum-workflow-icon-size-200: 28px;
+ --spectrum-workflow-icon-size-300: 30px;
+ --spectrum-text-to-visual-50: 7px;
+ --spectrum-text-to-visual-75: 7px;
+ --spectrum-text-to-visual-100: 8px;
+ --spectrum-text-to-visual-200: 9px;
+ --spectrum-text-to-visual-300: 10px;
+ --spectrum-text-to-visual-400: 11px;
+ --spectrum-text-to-control-50: 5px;
--spectrum-text-to-control-75: 11px;
--spectrum-text-to-control-100: 13px;
--spectrum-text-to-control-200: 14px;
@@ -1876,10 +2431,10 @@
--spectrum-component-pill-edge-to-visual-100: 17px;
--spectrum-component-pill-edge-to-visual-200: 22px;
--spectrum-component-pill-edge-to-visual-300: 27px;
- --spectrum-component-pill-edge-to-visual-only-75: 5px;
- --spectrum-component-pill-edge-to-visual-only-100: 9px;
- --spectrum-component-pill-edge-to-visual-only-200: 13px;
- --spectrum-component-pill-edge-to-visual-only-300: 16px;
+ --spectrum-component-pill-edge-to-visual-only-75: 6px;
+ --spectrum-component-pill-edge-to-visual-only-100: 8px;
+ --spectrum-component-pill-edge-to-visual-only-200: 11px;
+ --spectrum-component-pill-edge-to-visual-only-300: 15px;
--spectrum-component-pill-edge-to-text-75: 15px;
--spectrum-component-pill-edge-to-text-100: 20px;
--spectrum-component-pill-edge-to-text-200: 25px;
@@ -1889,21 +2444,21 @@
--spectrum-component-edge-to-visual-100: 12px;
--spectrum-component-edge-to-visual-200: 16px;
--spectrum-component-edge-to-visual-300: 19px;
- --spectrum-component-edge-to-visual-only-50: 4px;
- --spectrum-component-edge-to-visual-only-75: 5px;
- --spectrum-component-edge-to-visual-only-100: 9px;
- --spectrum-component-edge-to-visual-only-200: 13px;
- --spectrum-component-edge-to-visual-only-300: 16px;
+ --spectrum-component-edge-to-visual-only-50: 5px;
+ --spectrum-component-edge-to-visual-only-75: 6px;
+ --spectrum-component-edge-to-visual-only-100: 8px;
+ --spectrum-component-edge-to-visual-only-200: 11px;
+ --spectrum-component-edge-to-visual-only-300: 15px;
--spectrum-component-edge-to-text-50: 10px;
--spectrum-component-edge-to-text-75: 11px;
--spectrum-component-edge-to-text-100: 15px;
--spectrum-component-edge-to-text-200: 19px;
--spectrum-component-edge-to-text-300: 22px;
- --spectrum-component-top-to-workflow-icon-50: 4px;
- --spectrum-component-top-to-workflow-icon-75: 5px;
- --spectrum-component-top-to-workflow-icon-100: 9px;
- --spectrum-component-top-to-workflow-icon-200: 13px;
- --spectrum-component-top-to-workflow-icon-300: 16px;
+ --spectrum-component-top-to-workflow-icon-50: 5px;
+ --spectrum-component-top-to-workflow-icon-75: 6px;
+ --spectrum-component-top-to-workflow-icon-100: 8px;
+ --spectrum-component-top-to-workflow-icon-200: 11px;
+ --spectrum-component-top-to-workflow-icon-300: 15px;
--spectrum-component-top-to-text-50: 4px;
--spectrum-component-top-to-text-75: 5px;
--spectrum-component-top-to-text-100: 8px;
@@ -1938,10 +2493,10 @@
--spectrum-field-top-to-validation-icon-medium: 13px;
--spectrum-field-top-to-validation-icon-large: 17px;
--spectrum-field-top-to-validation-icon-extra-large: 22px;
- --spectrum-field-top-to-progress-circle-small: 7px;
- --spectrum-field-top-to-progress-circle-medium: 12px;
- --spectrum-field-top-to-progress-circle-large: 17px;
- --spectrum-field-top-to-progress-circle-extra-large: 22px;
+ --spectrum-field-top-to-progress-circle-small: 6px;
+ --spectrum-field-top-to-progress-circle-medium: 8px;
+ --spectrum-field-top-to-progress-circle-large: 11px;
+ --spectrum-field-top-to-progress-circle-extra-large: 15px;
--spectrum-field-edge-to-alert-icon-small: 11px;
--spectrum-field-edge-to-alert-icon-medium: 15px;
--spectrum-field-edge-to-alert-icon-large: 19px;
@@ -1958,16 +2513,12 @@
--spectrum-field-text-to-validation-icon-medium: 15px;
--spectrum-field-text-to-validation-icon-large: 19px;
--spectrum-field-text-to-validation-icon-extra-large: 22px;
- --spectrum-field-width: 240px;
+ --spectrum-field-width: var(--spectrum-field-width-small);
--spectrum-character-count-to-field-quiet-small: -4px;
--spectrum-character-count-to-field-quiet-medium: -4px;
--spectrum-character-count-to-field-quiet-large: -4px;
--spectrum-character-count-to-field-quiet-extra-large: -5px;
--spectrum-side-label-character-count-to-field: 15px;
- --spectrum-side-label-character-count-top-margin-small: 5px;
- --spectrum-side-label-character-count-top-margin-medium: 10px;
- --spectrum-side-label-character-count-top-margin-large: 14px;
- --spectrum-side-label-character-count-top-margin-extra-large: 18px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-small: 9px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-medium: 13px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-large: 17px;
@@ -1977,6 +2528,11 @@
--spectrum-navigational-indicator-top-to-back-icon-large: 16px;
--spectrum-navigational-indicator-top-to-back-icon-extra-large: 19px;
--spectrum-color-control-track-width: 30px;
+ --spectrum-corner-triangle-icon-size-75: 6px;
+ --spectrum-corner-triangle-icon-size-100: 7px;
+ --spectrum-corner-triangle-icon-size-200: 8px;
+ --spectrum-corner-triangle-icon-size-300: 8px;
+ --spectrum-font-size-25: 12px;
--spectrum-font-size-50: 13px;
--spectrum-font-size-75: 15px;
--spectrum-font-size-100: 17px;
@@ -1992,39 +2548,140 @@
--spectrum-font-size-1100: 55px;
--spectrum-font-size-1200: 62px;
--spectrum-font-size-1300: 70px;
+ --spectrum-font-size-1400: 79px;
+ --spectrum-font-size-1500: 88px;
+ --scale: large;
+
+ --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-200);
+ --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-200);
+ --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-200);
+ --spectrum-alert-banner-text-to-button-vertical: var(--spectrum-spacing-200);
+
+ --spectrum-alert-dialog-padding: var(--spectrum-spacing-400);
+ --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-600);
+
+ --spectrum-assetcard-focus-ring-border-radius: 9px;
+ --spectrum-assetcard-selectionindicator-margin: 15px;
+ --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xxs);
+ --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xxs);
+ --spectrum-assetcard-content-font-size: var(--spectrum-body-size-xs);
+
+ --spectrum-button-top-to-text-small: 6px;
+ --spectrum-button-bottom-to-text-small: 5px;
+ --spectrum-button-top-to-text-medium: 9px;
+ --spectrum-button-bottom-to-text-medium: 10px;
+ --spectrum-button-top-to-text-large: 12px;
+ --spectrum-button-bottom-to-text-large: 13px;
+ --spectrum-button-top-to-text-extra-large: 16px;
+ --spectrum-button-bottom-to-text-extra-large: 17px;
+
+ --spectrum-coach-indicator-gap: 8px;
+ --spectrum-coach-indicator-ring-diameter: 20px;
+ --spectrum-coach-indicator-quiet-ring-diameter: 10px;
+
+ --spectrum-coachmark-buttongroup-display: none;
+ --spectrum-coachmark-buttongroup-mobile-display: flex;
+ --spectrum-coachmark-menu-display: none;
+ --spectrum-coachmark-menu-mobile-display: inline-flex;
+
+ --spectrum-colorwheel-path: "M 119 119 m -119 0 a 119 119 0 1 0 238 0 a 119 119 0 1 0 -238 0.2 M 119 119 m -91 0 a 91 91 0 1 0 182 0 a 91 91 0 1 0 -182 0";
+ --spectrum-colorwheel-path-borders: "M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
+ --spectrum-colorwheel-colorarea-container-size: 182px;
+
+ --spectrum-colorloupe-checkerboard-fill: url(#checkerboard-secondary);
+
+ --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-200);
+
+ --spectrum-datepicker-initial-width: 160px;
+ --spectrum-datepicker-generic-padding: 15px;
+ --spectrum-datepicker-dash-line-height: 30px;
+ --spectrum-datepicker-width-quiet-first: 90px;
+ --spectrum-datepicker-width-quiet-second: 20px;
+ --spectrum-datepicker-datetime-width-first: 45px;
+ --spectrum-datepicker-invalid-icon-to-button: 10px;
+ --spectrum-datepicker-invalid-icon-to-button-quiet: 9px;
+ --spectrum-datepicker-input-datetime-width: 30px;
+
+ --spectrum-dial-border-radius: 20px;
+ --spectrum-dial-handle-position: 10px;
+ --spectrum-dial-handle-block-margin: 20px;
+ --spectrum-dial-handle-inline-margin: 20px;
+ --spectrum-dial-controls-margin: 10px;
+ --spectrum-dial-label-gap-y: 6px;
+ --spectrum-dial-label-container-top-to-text: 5px;
+
+ --spectrum-dialog-confirm-entry-animation-distance: 25px;
+ --spectrum-dialog-confirm-hero-height: 160px;
+ --spectrum-dialog-confirm-border-radius: 5px;
+ --spectrum-dialog-confirm-title-text-size: 19px;
+ --spectrum-dialog-confirm-description-text-size: 15px;
+ --spectrum-dialog-confirm-padding-grid: 24px;
+
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-small: 34px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-medium: 42px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-large: 47px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large: 54px;
+
+ --spectrum-menu-item-checkmark-height-small: 12px;
+ --spectrum-menu-item-checkmark-height-medium: 14px;
+ --spectrum-menu-item-checkmark-height-large: 16px;
+ --spectrum-menu-item-checkmark-height-extra-large: 16px;
+
+ --spectrum-menu-item-checkmark-width-small: 12px;
+ --spectrum-menu-item-checkmark-width-medium: 14px;
+ --spectrum-menu-item-checkmark-width-large: 16px;
+ --spectrum-menu-item-checkmark-width-extra-large: 16px;
+
+ --spectrum-pagination-textfield-width: 60px;
+ --spectrum-pagination-item-inline-spacing: 6px;
+
+ --spectrum-rating-icon-spacing: var(--spectrum-spacing-100);
+
+ --spectrum-slider-tick-mark-height: 13px;
+ --spectrum-slider-ramp-track-height: 20px;
+
+ --spectrum-standard-dialog-spacing-edge-to-content: var(--spectrum-spacing-400);
+
+ --spectrum-treeview-item-indentation-medium: 20px;
+ --spectrum-treeview-item-indentation-small: 15px;
+ --spectrum-treeview-item-indentation-large: 25px;
+ --spectrum-treeview-item-indentation-extra-large: 30px;
+ --spectrum-treeview-indicator-inset-block-start: 6px;
+ --spectrum-treeview-item-min-block-size-thumbnail-offset-medium: 2px;
+ --spectrum-tooltip-tip-square-size: 10px;
+
+ --spectrum-ui-icon-medium-display: none;
+ --spectrum-ui-icon-large-display: block;
+
+ --spectrum-well-border-radius: 5px;
+ --spectrum-well-margin-top: 5px;
+ --spectrum-well-min-width: 300px;
+ --spectrum-well-padding: 20px;
+ --spectrum-workflow-icon-size-xxl: 40px;
+ --spectrum-workflow-icon-size-xxs: 15px;
}
-.spectrum--light,
-.spectrum--lightest {
+.spectrum--light {
--spectrum-overlay-opacity: 0.4;
- --spectrum-drop-shadow-color-rgb: 0, 0, 0;
- --spectrum-drop-shadow-color-opacity: 0.15;
- --spectrum-drop-shadow-color: rgba(var(--spectrum-drop-shadow-color-rgb), var(--spectrum-drop-shadow-color-opacity));
- --spectrum-background-base-color: var(--spectrum-gray-200);
- --spectrum-background-layer-1-color: var(--spectrum-gray-100);
- --spectrum-background-layer-2-color: var(--spectrum-gray-50);
- --spectrum-neutral-background-color-default: var(--spectrum-gray-800);
- --spectrum-neutral-background-color-hover: var(--spectrum-gray-900);
- --spectrum-neutral-background-color-down: var(--spectrum-gray-900);
- --spectrum-neutral-background-color-key-focus: var(--spectrum-gray-900);
- --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-600);
- --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-700);
+ --spectrum-background-layer-2-color: var(--spectrum-gray-25);
+ --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-700);
+ --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-800);
--spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-800);
- --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-700);
+ --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-800);
--spectrum-accent-background-color-default: var(--spectrum-accent-color-900);
--spectrum-accent-background-color-hover: var(--spectrum-accent-color-1000);
- --spectrum-accent-background-color-down: var(--spectrum-accent-color-1100);
+ --spectrum-accent-background-color-down: var(--spectrum-accent-color-1000);
--spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-1000);
--spectrum-informative-background-color-default: var(--spectrum-informative-color-900);
--spectrum-informative-background-color-hover: var(--spectrum-informative-color-1000);
- --spectrum-informative-background-color-down: var(--spectrum-informative-color-1100);
+ --spectrum-informative-background-color-down: var(--spectrum-informative-color-1000);
--spectrum-informative-background-color-key-focus: var(--spectrum-informative-color-1000);
--spectrum-negative-background-color-default: var(--spectrum-negative-color-900);
--spectrum-negative-background-color-hover: var(--spectrum-negative-color-1000);
- --spectrum-negative-background-color-down: var(--spectrum-negative-color-1100);
+ --spectrum-negative-background-color-down: var(--spectrum-negative-color-1000);
--spectrum-negative-background-color-key-focus: var(--spectrum-negative-color-1000);
--spectrum-positive-background-color-default: var(--spectrum-positive-color-900);
--spectrum-positive-background-color-hover: var(--spectrum-positive-color-1000);
- --spectrum-positive-background-color-down: var(--spectrum-positive-color-1100);
+ --spectrum-positive-background-color-down: var(--spectrum-positive-color-1000);
--spectrum-positive-background-color-key-focus: var(--spectrum-positive-color-1000);
--spectrum-notice-background-color-default: var(--spectrum-notice-color-600);
--spectrum-gray-background-color-default: var(--spectrum-gray-700);
@@ -2045,8 +2702,8 @@
--spectrum-accent-visual-color: var(--spectrum-accent-color-800);
--spectrum-informative-visual-color: var(--spectrum-informative-color-800);
--spectrum-negative-visual-color: var(--spectrum-negative-color-800);
- --spectrum-notice-visual-color: var(--spectrum-notice-color-700);
- --spectrum-positive-visual-color: var(--spectrum-positive-color-700);
+ --spectrum-notice-visual-color: var(--spectrum-notice-color-800);
+ --spectrum-positive-visual-color: var(--spectrum-positive-color-800);
--spectrum-gray-visual-color: var(--spectrum-gray-500);
--spectrum-red-visual-color: var(--spectrum-red-800);
--spectrum-orange-visual-color: var(--spectrum-orange-700);
@@ -2061,449 +2718,801 @@
--spectrum-purple-visual-color: var(--spectrum-purple-800);
--spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-800);
--spectrum-magenta-visual-color: var(--spectrum-magenta-800);
+ --spectrum-background-elevated-color: var(--spectrum-gray-25);
+ --spectrum-background-pasteboard-color: var(--spectrum-gray-100);
+ --spectrum-brown-visual-color: var(--spectrum-brown-800);
+ --spectrum-cinnamon-visual-color: var(--spectrum-cinnamon-800);
+ --spectrum-pink-visual-color: var(--spectrum-pink-800);
+ --spectrum-silver-visual-color: var(--spectrum-silver-800);
+ --spectrum-turquoise-visual-color: var(--spectrum-turquoise-800);
+ --spectrum-brown-background-color-default: var(--spectrum-brown-900);
+ --spectrum-cinnamon-background-color-default: var(--spectrum-cinnamon-900);
+ --spectrum-pink-background-color-default: var(--spectrum-pink-900);
+ --spectrum-silver-background-color-default: var(--spectrum-silver-900);
+ --spectrum-turquoise-background-color-default: var(--spectrum-turquoise-900);
+ --spectrum-drop-shadow-color-100-rgb: 0, 0, 0;
+ --spectrum-drop-shadow-color-100-opacity: 0.12;
+ --spectrum-drop-shadow-color-100: rgba(var(--spectrum-drop-shadow-color-100-rgb), var(--spectrum-drop-shadow-color-100-opacity));
+ --spectrum-drop-shadow-color-200-rgb: 0, 0, 0;
+ --spectrum-drop-shadow-color-200-opacity: 0.16;
+ --spectrum-drop-shadow-color-200: rgba(var(--spectrum-drop-shadow-color-200-rgb), var(--spectrum-drop-shadow-color-200-opacity));
+ --spectrum-drop-shadow-color-300-rgb: 0, 0, 0;
+ --spectrum-drop-shadow-color-300-opacity: 0.2;
+ --spectrum-drop-shadow-color-300: rgba(var(--spectrum-drop-shadow-color-300-rgb), var(--spectrum-drop-shadow-color-300-opacity));
+ --spectrum-neutral-subtle-background-color-default: var(--spectrum-gray-100);
+ --spectrum-gray-subtle-background-color-default: var(--spectrum-gray-100);
+ --spectrum-blue-subtle-background-color-default: var(--spectrum-blue-200);
+ --spectrum-green-subtle-background-color-default: var(--spectrum-green-200);
+ --spectrum-orange-subtle-background-color-default: var(--spectrum-orange-200);
+ --spectrum-red-subtle-background-color-default: var(--spectrum-red-200);
+ --spectrum-brown-subtle-background-color-default: var(--spectrum-brown-200);
+ --spectrum-cinnamon-subtle-background-color-default: var(--spectrum-cinnamon-200);
+ --spectrum-celery-subtle-background-color-default: var(--spectrum-celery-200);
+ --spectrum-chartreuse-subtle-background-color-default: var(--spectrum-chartreuse-200);
+ --spectrum-cyan-subtle-background-color-default: var(--spectrum-cyan-200);
+ --spectrum-fuchsia-subtle-background-color-default: var(--spectrum-fuchsia-200);
+ --spectrum-indigo-subtle-background-color-default: var(--spectrum-indigo-200);
+ --spectrum-magenta-subtle-background-color-default: var(--spectrum-magenta-200);
+ --spectrum-pink-subtle-background-color-default: var(--spectrum-pink-200);
+ --spectrum-purple-subtle-background-color-default: var(--spectrum-purple-200);
+ --spectrum-seafoam-subtle-background-color-default: var(--spectrum-seafoam-200);
+ --spectrum-silver-subtle-background-color-default: var(--spectrum-silver-200);
+ --spectrum-turquoise-subtle-background-color-default: var(--spectrum-turquoise-200);
+ --spectrum-yellow-subtle-background-color-default: var(--spectrum-yellow-200);
--spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-200);
- --spectrum-gray-50-rgb: 255, 255, 255;
+ --spectrum-menu-item-background-color-default: var(--spectrum-gray-100);
+ --spectrum-menu-item-background-color-hover: var(--spectrum-gray-100);
+ --spectrum-menu-item-background-color-down: var(--spectrum-gray-100);
+ --spectrum-menu-item-background-color-keyboard-focus: var(--spectrum-gray-100);
+ --spectrum-menu-item-background-color-disabled: var(--spectrum-gray-100);
+ --spectrum-popover-border-opacity: 0;
+ --spectrum-gray-25-rgb: 255, 255, 255;
+ --spectrum-gray-25: rgba(var(--spectrum-gray-25-rgb));
+ --spectrum-gray-50-rgb: 248, 248, 248;
--spectrum-gray-50: rgba(var(--spectrum-gray-50-rgb));
- --spectrum-gray-75-rgb: 253, 253, 253;
+ --spectrum-gray-75-rgb: 243, 243, 243;
--spectrum-gray-75: rgba(var(--spectrum-gray-75-rgb));
- --spectrum-gray-100-rgb: 248, 248, 248;
+ --spectrum-gray-100-rgb: 233, 233, 233;
--spectrum-gray-100: rgba(var(--spectrum-gray-100-rgb));
- --spectrum-gray-200-rgb: 230, 230, 230;
+ --spectrum-gray-200-rgb: 225, 225, 225;
--spectrum-gray-200: rgba(var(--spectrum-gray-200-rgb));
- --spectrum-gray-300-rgb: 213, 213, 213;
+ --spectrum-gray-300-rgb: 218, 218, 218;
--spectrum-gray-300: rgba(var(--spectrum-gray-300-rgb));
- --spectrum-gray-400-rgb: 177, 177, 177;
+ --spectrum-gray-400-rgb: 198, 198, 198;
--spectrum-gray-400: rgba(var(--spectrum-gray-400-rgb));
- --spectrum-gray-500-rgb: 144, 144, 144;
+ --spectrum-gray-500-rgb: 143, 143, 143;
--spectrum-gray-500: rgba(var(--spectrum-gray-500-rgb));
- --spectrum-gray-600-rgb: 109, 109, 109;
+ --spectrum-gray-600-rgb: 113, 113, 113;
--spectrum-gray-600: rgba(var(--spectrum-gray-600-rgb));
- --spectrum-gray-700-rgb: 70, 70, 70;
+ --spectrum-gray-700-rgb: 80, 80, 80;
--spectrum-gray-700: rgba(var(--spectrum-gray-700-rgb));
- --spectrum-gray-800-rgb: 34, 34, 34;
+ --spectrum-gray-800-rgb: 41, 41, 41;
--spectrum-gray-800: rgba(var(--spectrum-gray-800-rgb));
- --spectrum-gray-900-rgb: 0, 0, 0;
+ --spectrum-gray-900-rgb: 19, 19, 19;
--spectrum-gray-900: rgba(var(--spectrum-gray-900-rgb));
- --spectrum-blue-100-rgb: 224, 242, 255;
+ --spectrum-gray-1000-rgb: 0, 0, 0;
+ --spectrum-gray-1000: rgba(var(--spectrum-gray-1000-rgb));
+ --spectrum-blue-100-rgb: 245, 249, 255;
--spectrum-blue-100: rgba(var(--spectrum-blue-100-rgb));
- --spectrum-blue-200-rgb: 202, 232, 255;
+ --spectrum-blue-200-rgb: 229, 240, 254;
--spectrum-blue-200: rgba(var(--spectrum-blue-200-rgb));
- --spectrum-blue-300-rgb: 181, 222, 255;
+ --spectrum-blue-300-rgb: 203, 226, 254;
--spectrum-blue-300: rgba(var(--spectrum-blue-300-rgb));
- --spectrum-blue-400-rgb: 150, 206, 253;
+ --spectrum-blue-400-rgb: 172, 207, 253;
--spectrum-blue-400: rgba(var(--spectrum-blue-400-rgb));
- --spectrum-blue-500-rgb: 120, 187, 250;
+ --spectrum-blue-500-rgb: 142, 185, 252;
--spectrum-blue-500: rgba(var(--spectrum-blue-500-rgb));
- --spectrum-blue-600-rgb: 89, 167, 246;
+ --spectrum-blue-600-rgb: 114, 158, 253;
--spectrum-blue-600: rgba(var(--spectrum-blue-600-rgb));
- --spectrum-blue-700-rgb: 56, 146, 243;
+ --spectrum-blue-700-rgb: 93, 137, 255;
--spectrum-blue-700: rgba(var(--spectrum-blue-700-rgb));
- --spectrum-blue-800-rgb: 20, 122, 243;
+ --spectrum-blue-800-rgb: 75, 117, 255;
--spectrum-blue-800: rgba(var(--spectrum-blue-800-rgb));
- --spectrum-blue-900-rgb: 2, 101, 220;
+ --spectrum-blue-900-rgb: 59, 99, 251;
--spectrum-blue-900: rgba(var(--spectrum-blue-900-rgb));
- --spectrum-blue-1000-rgb: 0, 84, 182;
+ --spectrum-blue-1000-rgb: 39, 77, 234;
--spectrum-blue-1000: rgba(var(--spectrum-blue-1000-rgb));
- --spectrum-blue-1100-rgb: 0, 68, 145;
+ --spectrum-blue-1100-rgb: 29, 62, 207;
--spectrum-blue-1100: rgba(var(--spectrum-blue-1100-rgb));
- --spectrum-blue-1200-rgb: 0, 53, 113;
+ --spectrum-blue-1200-rgb: 21, 50, 173;
--spectrum-blue-1200: rgba(var(--spectrum-blue-1200-rgb));
- --spectrum-blue-1300-rgb: 0, 39, 84;
+ --spectrum-blue-1300-rgb: 16, 40, 140;
--spectrum-blue-1300: rgba(var(--spectrum-blue-1300-rgb));
- --spectrum-blue-1400-rgb: 0, 28, 60;
+ --spectrum-blue-1400-rgb: 12, 31, 105;
--spectrum-blue-1400: rgba(var(--spectrum-blue-1400-rgb));
- --spectrum-red-100-rgb: 255, 235, 231;
+ --spectrum-blue-1500-rgb: 14, 24, 67;
+ --spectrum-blue-1500: rgba(var(--spectrum-blue-1500-rgb));
+ --spectrum-blue-1600-rgb: 7, 11, 30;
+ --spectrum-blue-1600: rgba(var(--spectrum-blue-1600-rgb));
+ --spectrum-red-100-rgb: 255, 246, 245;
--spectrum-red-100: rgba(var(--spectrum-red-100-rgb));
- --spectrum-red-200-rgb: 255, 221, 214;
+ --spectrum-red-200-rgb: 255, 235, 232;
--spectrum-red-200: rgba(var(--spectrum-red-200-rgb));
- --spectrum-red-300-rgb: 255, 205, 195;
+ --spectrum-red-300-rgb: 255, 214, 209;
--spectrum-red-300: rgba(var(--spectrum-red-300-rgb));
- --spectrum-red-400-rgb: 255, 183, 169;
+ --spectrum-red-400-rgb: 255, 188, 180;
--spectrum-red-400: rgba(var(--spectrum-red-400-rgb));
- --spectrum-red-500-rgb: 255, 155, 136;
+ --spectrum-red-500-rgb: 255, 157, 145;
--spectrum-red-500: rgba(var(--spectrum-red-500-rgb));
- --spectrum-red-600-rgb: 255, 124, 101;
+ --spectrum-red-600-rgb: 255, 118, 101;
--spectrum-red-600: rgba(var(--spectrum-red-600-rgb));
- --spectrum-red-700-rgb: 247, 92, 70;
+ --spectrum-red-700-rgb: 255, 81, 61;
--spectrum-red-700: rgba(var(--spectrum-red-700-rgb));
- --spectrum-red-800-rgb: 234, 56, 41;
+ --spectrum-red-800-rgb: 240, 56, 35;
--spectrum-red-800: rgba(var(--spectrum-red-800-rgb));
- --spectrum-red-900-rgb: 211, 21, 16;
+ --spectrum-red-900-rgb: 215, 50, 32;
--spectrum-red-900: rgba(var(--spectrum-red-900-rgb));
- --spectrum-red-1000-rgb: 180, 0, 0;
+ --spectrum-red-1000-rgb: 183, 40, 24;
--spectrum-red-1000: rgba(var(--spectrum-red-1000-rgb));
- --spectrum-red-1100-rgb: 147, 0, 0;
+ --spectrum-red-1100-rgb: 156, 33, 19;
--spectrum-red-1100: rgba(var(--spectrum-red-1100-rgb));
- --spectrum-red-1200-rgb: 116, 0, 0;
+ --spectrum-red-1200-rgb: 129, 27, 14;
--spectrum-red-1200: rgba(var(--spectrum-red-1200-rgb));
- --spectrum-red-1300-rgb: 89, 0, 0;
+ --spectrum-red-1300-rgb: 104, 21, 10;
--spectrum-red-1300: rgba(var(--spectrum-red-1300-rgb));
- --spectrum-red-1400-rgb: 67, 0, 0;
+ --spectrum-red-1400-rgb: 80, 16, 6;
--spectrum-red-1400: rgba(var(--spectrum-red-1400-rgb));
- --spectrum-orange-100-rgb: 255, 236, 204;
+ --spectrum-red-1500-rgb: 59, 11, 4;
+ --spectrum-red-1500: rgba(var(--spectrum-red-1500-rgb));
+ --spectrum-red-1600-rgb: 29, 5, 2;
+ --spectrum-red-1600: rgba(var(--spectrum-red-1600-rgb));
+ --spectrum-orange-100-rgb: 255, 246, 231;
--spectrum-orange-100: rgba(var(--spectrum-orange-100-rgb));
- --spectrum-orange-200-rgb: 255, 223, 173;
+ --spectrum-orange-200-rgb: 255, 236, 207;
--spectrum-orange-200: rgba(var(--spectrum-orange-200-rgb));
- --spectrum-orange-300-rgb: 253, 210, 145;
+ --spectrum-orange-300-rgb: 255, 218, 158;
--spectrum-orange-300: rgba(var(--spectrum-orange-300-rgb));
- --spectrum-orange-400-rgb: 255, 187, 99;
+ --spectrum-orange-400-rgb: 255, 193, 94;
--spectrum-orange-400: rgba(var(--spectrum-orange-400-rgb));
- --spectrum-orange-500-rgb: 255, 160, 55;
+ --spectrum-orange-500-rgb: 255, 162, 19;
--spectrum-orange-500: rgba(var(--spectrum-orange-500-rgb));
- --spectrum-orange-600-rgb: 246, 133, 17;
+ --spectrum-orange-600-rgb: 252, 125, 0;
--spectrum-orange-600: rgba(var(--spectrum-orange-600-rgb));
- --spectrum-orange-700-rgb: 228, 111, 0;
+ --spectrum-orange-700-rgb: 232, 106, 0;
--spectrum-orange-700: rgba(var(--spectrum-orange-700-rgb));
- --spectrum-orange-800-rgb: 203, 93, 0;
+ --spectrum-orange-800-rgb: 212, 91, 0;
--spectrum-orange-800: rgba(var(--spectrum-orange-800-rgb));
- --spectrum-orange-900-rgb: 177, 76, 0;
+ --spectrum-orange-900-rgb: 194, 78, 0;
--spectrum-orange-900: rgba(var(--spectrum-orange-900-rgb));
- --spectrum-orange-1000-rgb: 149, 61, 0;
+ --spectrum-orange-1000-rgb: 167, 62, 0;
--spectrum-orange-1000: rgba(var(--spectrum-orange-1000-rgb));
- --spectrum-orange-1100-rgb: 122, 47, 0;
+ --spectrum-orange-1100-rgb: 144, 51, 0;
--spectrum-orange-1100: rgba(var(--spectrum-orange-1100-rgb));
- --spectrum-orange-1200-rgb: 97, 35, 0;
+ --spectrum-orange-1200-rgb: 118, 41, 0;
--spectrum-orange-1200: rgba(var(--spectrum-orange-1200-rgb));
- --spectrum-orange-1300-rgb: 73, 25, 1;
+ --spectrum-orange-1300-rgb: 95, 32, 0;
--spectrum-orange-1300: rgba(var(--spectrum-orange-1300-rgb));
- --spectrum-orange-1400-rgb: 53, 18, 1;
+ --spectrum-orange-1400-rgb: 73, 24, 0;
--spectrum-orange-1400: rgba(var(--spectrum-orange-1400-rgb));
- --spectrum-yellow-100-rgb: 251, 241, 152;
+ --spectrum-orange-1500-rgb: 52, 18, 0;
+ --spectrum-orange-1500: rgba(var(--spectrum-orange-1500-rgb));
+ --spectrum-orange-1600-rgb: 25, 8, 0;
+ --spectrum-orange-1600: rgba(var(--spectrum-orange-1600-rgb));
+ --spectrum-yellow-100-rgb: 255, 248, 204;
--spectrum-yellow-100: rgba(var(--spectrum-yellow-100-rgb));
- --spectrum-yellow-200-rgb: 248, 231, 80;
+ --spectrum-yellow-200-rgb: 255, 241, 151;
--spectrum-yellow-200: rgba(var(--spectrum-yellow-200-rgb));
- --spectrum-yellow-300-rgb: 248, 217, 4;
+ --spectrum-yellow-300-rgb: 255, 222, 44;
--spectrum-yellow-300: rgba(var(--spectrum-yellow-300-rgb));
- --spectrum-yellow-400-rgb: 232, 198, 0;
+ --spectrum-yellow-400-rgb: 245, 199, 0;
--spectrum-yellow-400: rgba(var(--spectrum-yellow-400-rgb));
- --spectrum-yellow-500-rgb: 215, 179, 0;
+ --spectrum-yellow-500-rgb: 230, 175, 0;
--spectrum-yellow-500: rgba(var(--spectrum-yellow-500-rgb));
- --spectrum-yellow-600-rgb: 196, 159, 0;
+ --spectrum-yellow-600-rgb: 210, 149, 0;
--spectrum-yellow-600: rgba(var(--spectrum-yellow-600-rgb));
- --spectrum-yellow-700-rgb: 176, 140, 0;
+ --spectrum-yellow-700-rgb: 193, 131, 0;
--spectrum-yellow-700: rgba(var(--spectrum-yellow-700-rgb));
- --spectrum-yellow-800-rgb: 155, 120, 0;
+ --spectrum-yellow-800-rgb: 175, 116, 0;
--spectrum-yellow-800: rgba(var(--spectrum-yellow-800-rgb));
- --spectrum-yellow-900-rgb: 133, 102, 0;
+ --spectrum-yellow-900-rgb: 158, 102, 0;
--spectrum-yellow-900: rgba(var(--spectrum-yellow-900-rgb));
- --spectrum-yellow-1000-rgb: 112, 83, 0;
+ --spectrum-yellow-1000-rgb: 134, 85, 0;
--spectrum-yellow-1000: rgba(var(--spectrum-yellow-1000-rgb));
- --spectrum-yellow-1100-rgb: 91, 67, 0;
+ --spectrum-yellow-1100-rgb: 114, 72, 0;
--spectrum-yellow-1100: rgba(var(--spectrum-yellow-1100-rgb));
- --spectrum-yellow-1200-rgb: 72, 51, 0;
+ --spectrum-yellow-1200-rgb: 93, 59, 0;
--spectrum-yellow-1200: rgba(var(--spectrum-yellow-1200-rgb));
- --spectrum-yellow-1300-rgb: 54, 37, 0;
+ --spectrum-yellow-1300-rgb: 75, 47, 0;
--spectrum-yellow-1300: rgba(var(--spectrum-yellow-1300-rgb));
- --spectrum-yellow-1400-rgb: 40, 26, 0;
+ --spectrum-yellow-1400-rgb: 56, 35, 0;
--spectrum-yellow-1400: rgba(var(--spectrum-yellow-1400-rgb));
- --spectrum-chartreuse-100-rgb: 219, 252, 110;
+ --spectrum-yellow-1500-rgb: 40, 25, 0;
+ --spectrum-yellow-1500: rgba(var(--spectrum-yellow-1500-rgb));
+ --spectrum-yellow-1600-rgb: 18, 11, 0;
+ --spectrum-yellow-1600: rgba(var(--spectrum-yellow-1600-rgb));
+ --spectrum-chartreuse-100-rgb: 246, 251, 222;
--spectrum-chartreuse-100: rgba(var(--spectrum-chartreuse-100-rgb));
- --spectrum-chartreuse-200-rgb: 203, 244, 67;
+ --spectrum-chartreuse-200-rgb: 234, 246, 173;
--spectrum-chartreuse-200: rgba(var(--spectrum-chartreuse-200-rgb));
- --spectrum-chartreuse-300-rgb: 188, 233, 42;
+ --spectrum-chartreuse-300-rgb: 208, 236, 70;
--spectrum-chartreuse-300: rgba(var(--spectrum-chartreuse-300-rgb));
- --spectrum-chartreuse-400-rgb: 170, 216, 22;
+ --spectrum-chartreuse-400-rgb: 182, 219, 0;
--spectrum-chartreuse-400: rgba(var(--spectrum-chartreuse-400-rgb));
- --spectrum-chartreuse-500-rgb: 152, 197, 10;
+ --spectrum-chartreuse-500-rgb: 163, 196, 0;
--spectrum-chartreuse-500: rgba(var(--spectrum-chartreuse-500-rgb));
- --spectrum-chartreuse-600-rgb: 135, 177, 3;
+ --spectrum-chartreuse-600-rgb: 143, 172, 0;
--spectrum-chartreuse-600: rgba(var(--spectrum-chartreuse-600-rgb));
- --spectrum-chartreuse-700-rgb: 118, 156, 0;
+ --spectrum-chartreuse-700-rgb: 128, 153, 0;
--spectrum-chartreuse-700: rgba(var(--spectrum-chartreuse-700-rgb));
- --spectrum-chartreuse-800-rgb: 103, 136, 0;
+ --spectrum-chartreuse-800-rgb: 114, 137, 0;
--spectrum-chartreuse-800: rgba(var(--spectrum-chartreuse-800-rgb));
- --spectrum-chartreuse-900-rgb: 87, 116, 0;
+ --spectrum-chartreuse-900-rgb: 102, 122, 0;
--spectrum-chartreuse-900: rgba(var(--spectrum-chartreuse-900-rgb));
- --spectrum-chartreuse-1000-rgb: 72, 96, 0;
+ --spectrum-chartreuse-1000-rgb: 86, 103, 0;
--spectrum-chartreuse-1000: rgba(var(--spectrum-chartreuse-1000-rgb));
- --spectrum-chartreuse-1100-rgb: 58, 77, 0;
+ --spectrum-chartreuse-1100-rgb: 73, 87, 0;
--spectrum-chartreuse-1100: rgba(var(--spectrum-chartreuse-1100-rgb));
- --spectrum-chartreuse-1200-rgb: 44, 59, 0;
+ --spectrum-chartreuse-1200-rgb: 60, 71, 0;
--spectrum-chartreuse-1200: rgba(var(--spectrum-chartreuse-1200-rgb));
- --spectrum-chartreuse-1300-rgb: 33, 44, 0;
+ --spectrum-chartreuse-1300-rgb: 47, 57, 0;
--spectrum-chartreuse-1300: rgba(var(--spectrum-chartreuse-1300-rgb));
- --spectrum-chartreuse-1400-rgb: 24, 31, 0;
+ --spectrum-chartreuse-1400-rgb: 35, 43, 0;
--spectrum-chartreuse-1400: rgba(var(--spectrum-chartreuse-1400-rgb));
- --spectrum-celery-100-rgb: 205, 252, 191;
+ --spectrum-chartreuse-1500-rgb: 25, 30, 0;
+ --spectrum-chartreuse-1500: rgba(var(--spectrum-chartreuse-1500-rgb));
+ --spectrum-chartreuse-1600-rgb: 11, 14, 0;
+ --spectrum-chartreuse-1600: rgba(var(--spectrum-chartreuse-1600-rgb));
+ --spectrum-celery-100-rgb: 235, 255, 220;
--spectrum-celery-100: rgba(var(--spectrum-celery-100-rgb));
- --spectrum-celery-200-rgb: 174, 246, 157;
+ --spectrum-celery-200-rgb: 197, 255, 156;
--spectrum-celery-200: rgba(var(--spectrum-celery-200-rgb));
- --spectrum-celery-300-rgb: 150, 238, 133;
+ --spectrum-celery-300-rgb: 157, 247, 92;
--spectrum-celery-300: rgba(var(--spectrum-celery-300-rgb));
- --spectrum-celery-400-rgb: 114, 224, 106;
+ --spectrum-celery-400-rgb: 129, 228, 58;
--spectrum-celery-400: rgba(var(--spectrum-celery-400-rgb));
- --spectrum-celery-500-rgb: 78, 207, 80;
+ --spectrum-celery-500-rgb: 110, 206, 42;
--spectrum-celery-500: rgba(var(--spectrum-celery-500-rgb));
- --spectrum-celery-600-rgb: 39, 187, 54;
+ --spectrum-celery-600-rgb: 93, 180, 31;
--spectrum-celery-600: rgba(var(--spectrum-celery-600-rgb));
- --spectrum-celery-700-rgb: 7, 167, 33;
+ --spectrum-celery-700-rgb: 82, 161, 25;
--spectrum-celery-700: rgba(var(--spectrum-celery-700-rgb));
- --spectrum-celery-800-rgb: 0, 145, 18;
+ --spectrum-celery-800-rgb: 72, 144, 20;
--spectrum-celery-800: rgba(var(--spectrum-celery-800-rgb));
- --spectrum-celery-900-rgb: 0, 124, 15;
+ --spectrum-celery-900-rgb: 64, 129, 17;
--spectrum-celery-900: rgba(var(--spectrum-celery-900-rgb));
- --spectrum-celery-1000-rgb: 0, 103, 15;
+ --spectrum-celery-1000-rgb: 52, 109, 12;
--spectrum-celery-1000: rgba(var(--spectrum-celery-1000-rgb));
- --spectrum-celery-1100-rgb: 0, 83, 13;
+ --spectrum-celery-1100-rgb: 44, 92, 9;
--spectrum-celery-1100: rgba(var(--spectrum-celery-1100-rgb));
- --spectrum-celery-1200-rgb: 0, 64, 10;
+ --spectrum-celery-1200-rgb: 35, 75, 6;
--spectrum-celery-1200: rgba(var(--spectrum-celery-1200-rgb));
- --spectrum-celery-1300-rgb: 0, 48, 7;
+ --spectrum-celery-1300-rgb: 27, 60, 3;
--spectrum-celery-1300: rgba(var(--spectrum-celery-1300-rgb));
- --spectrum-celery-1400-rgb: 0, 34, 5;
+ --spectrum-celery-1400-rgb: 19, 46, 0;
--spectrum-celery-1400: rgba(var(--spectrum-celery-1400-rgb));
- --spectrum-green-100-rgb: 206, 248, 224;
+ --spectrum-celery-1500-rgb: 12, 33, 0;
+ --spectrum-celery-1500: rgba(var(--spectrum-celery-1500-rgb));
+ --spectrum-celery-1600-rgb: 4, 15, 0;
+ --spectrum-celery-1600: rgba(var(--spectrum-celery-1600-rgb));
+ --spectrum-green-100-rgb: 237, 252, 241;
--spectrum-green-100: rgba(var(--spectrum-green-100-rgb));
- --spectrum-green-200-rgb: 173, 244, 206;
+ --spectrum-green-200-rgb: 215, 247, 225;
--spectrum-green-200: rgba(var(--spectrum-green-200-rgb));
- --spectrum-green-300-rgb: 137, 236, 188;
+ --spectrum-green-300-rgb: 173, 238, 197;
--spectrum-green-300: rgba(var(--spectrum-green-300-rgb));
- --spectrum-green-400-rgb: 103, 222, 168;
+ --spectrum-green-400-rgb: 107, 227, 162;
--spectrum-green-400: rgba(var(--spectrum-green-400-rgb));
- --spectrum-green-500-rgb: 73, 204, 147;
+ --spectrum-green-500-rgb: 43, 209, 125;
--spectrum-green-500: rgba(var(--spectrum-green-500-rgb));
- --spectrum-green-600-rgb: 47, 184, 128;
+ --spectrum-green-600-rgb: 18, 184, 103;
--spectrum-green-600: rgba(var(--spectrum-green-600-rgb));
- --spectrum-green-700-rgb: 21, 164, 110;
+ --spectrum-green-700-rgb: 11, 164, 93;
--spectrum-green-700: rgba(var(--spectrum-green-700-rgb));
- --spectrum-green-800-rgb: 0, 143, 93;
+ --spectrum-green-800-rgb: 7, 147, 85;
--spectrum-green-800: rgba(var(--spectrum-green-800-rgb));
- --spectrum-green-900-rgb: 0, 122, 77;
+ --spectrum-green-900-rgb: 5, 131, 78;
--spectrum-green-900: rgba(var(--spectrum-green-900-rgb));
- --spectrum-green-1000-rgb: 0, 101, 62;
+ --spectrum-green-1000-rgb: 3, 110, 69;
--spectrum-green-1000: rgba(var(--spectrum-green-1000-rgb));
- --spectrum-green-1100-rgb: 0, 81, 50;
+ --spectrum-green-1100-rgb: 2, 93, 60;
--spectrum-green-1100: rgba(var(--spectrum-green-1100-rgb));
- --spectrum-green-1200-rgb: 5, 63, 39;
+ --spectrum-green-1200-rgb: 1, 76, 52;
--spectrum-green-1200: rgba(var(--spectrum-green-1200-rgb));
- --spectrum-green-1300-rgb: 10, 46, 29;
+ --spectrum-green-1300-rgb: 0, 61, 44;
--spectrum-green-1300: rgba(var(--spectrum-green-1300-rgb));
- --spectrum-green-1400-rgb: 10, 32, 21;
+ --spectrum-green-1400-rgb: 0, 46, 34;
--spectrum-green-1400: rgba(var(--spectrum-green-1400-rgb));
- --spectrum-seafoam-100-rgb: 206, 247, 243;
+ --spectrum-green-1500-rgb: 0, 33, 25;
+ --spectrum-green-1500: rgba(var(--spectrum-green-1500-rgb));
+ --spectrum-green-1600-rgb: 0, 15, 12;
+ --spectrum-green-1600: rgba(var(--spectrum-green-1600-rgb));
+ --spectrum-seafoam-100-rgb: 235, 251, 246;
--spectrum-seafoam-100: rgba(var(--spectrum-seafoam-100-rgb));
- --spectrum-seafoam-200-rgb: 170, 241, 234;
+ --spectrum-seafoam-200-rgb: 211, 246, 234;
--spectrum-seafoam-200: rgba(var(--spectrum-seafoam-200-rgb));
- --spectrum-seafoam-300-rgb: 140, 233, 226;
+ --spectrum-seafoam-300-rgb: 169, 237, 216;
--spectrum-seafoam-300: rgba(var(--spectrum-seafoam-300-rgb));
- --spectrum-seafoam-400-rgb: 101, 218, 210;
+ --spectrum-seafoam-400-rgb: 92, 225, 194;
--spectrum-seafoam-400: rgba(var(--spectrum-seafoam-400-rgb));
- --spectrum-seafoam-500-rgb: 63, 201, 193;
+ --spectrum-seafoam-500-rgb: 16, 207, 169;
--spectrum-seafoam-500: rgba(var(--spectrum-seafoam-500-rgb));
- --spectrum-seafoam-600-rgb: 15, 181, 174;
+ --spectrum-seafoam-600-rgb: 13, 181, 149;
--spectrum-seafoam-600: rgba(var(--spectrum-seafoam-600-rgb));
- --spectrum-seafoam-700-rgb: 0, 161, 154;
+ --spectrum-seafoam-700-rgb: 11, 162, 134;
--spectrum-seafoam-700: rgba(var(--spectrum-seafoam-700-rgb));
- --spectrum-seafoam-800-rgb: 0, 140, 135;
+ --spectrum-seafoam-800-rgb: 9, 144, 120;
--spectrum-seafoam-800: rgba(var(--spectrum-seafoam-800-rgb));
- --spectrum-seafoam-900-rgb: 0, 119, 114;
+ --spectrum-seafoam-900-rgb: 7, 129, 109;
--spectrum-seafoam-900: rgba(var(--spectrum-seafoam-900-rgb));
- --spectrum-seafoam-1000-rgb: 0, 99, 95;
+ --spectrum-seafoam-1000-rgb: 5, 108, 92;
--spectrum-seafoam-1000: rgba(var(--spectrum-seafoam-1000-rgb));
- --spectrum-seafoam-1100-rgb: 12, 79, 76;
+ --spectrum-seafoam-1100-rgb: 3, 92, 80;
--spectrum-seafoam-1100: rgba(var(--spectrum-seafoam-1100-rgb));
- --spectrum-seafoam-1200-rgb: 18, 60, 58;
+ --spectrum-seafoam-1200-rgb: 1, 75, 67;
--spectrum-seafoam-1200: rgba(var(--spectrum-seafoam-1200-rgb));
- --spectrum-seafoam-1300-rgb: 18, 44, 43;
+ --spectrum-seafoam-1300-rgb: 0, 60, 54;
--spectrum-seafoam-1300: rgba(var(--spectrum-seafoam-1300-rgb));
- --spectrum-seafoam-1400-rgb: 15, 31, 30;
+ --spectrum-seafoam-1400-rgb: 0, 46, 40;
--spectrum-seafoam-1400: rgba(var(--spectrum-seafoam-1400-rgb));
- --spectrum-cyan-100-rgb: 197, 248, 255;
+ --spectrum-seafoam-1500-rgb: 0, 33, 29;
+ --spectrum-seafoam-1500: rgba(var(--spectrum-seafoam-1500-rgb));
+ --spectrum-seafoam-1600-rgb: 0, 15, 14;
+ --spectrum-seafoam-1600: rgba(var(--spectrum-seafoam-1600-rgb));
+ --spectrum-cyan-100-rgb: 238, 250, 254;
--spectrum-cyan-100: rgba(var(--spectrum-cyan-100-rgb));
- --spectrum-cyan-200-rgb: 164, 240, 255;
+ --spectrum-cyan-200-rgb: 217, 244, 253;
--spectrum-cyan-200: rgba(var(--spectrum-cyan-200-rgb));
- --spectrum-cyan-300-rgb: 136, 231, 250;
+ --spectrum-cyan-300-rgb: 183, 231, 252;
--spectrum-cyan-300: rgba(var(--spectrum-cyan-300-rgb));
- --spectrum-cyan-400-rgb: 96, 216, 243;
+ --spectrum-cyan-400-rgb: 138, 213, 255;
--spectrum-cyan-400: rgba(var(--spectrum-cyan-400-rgb));
- --spectrum-cyan-500-rgb: 51, 197, 232;
+ --spectrum-cyan-500-rgb: 92, 192, 255;
--spectrum-cyan-500: rgba(var(--spectrum-cyan-500-rgb));
- --spectrum-cyan-600-rgb: 18, 176, 218;
+ --spectrum-cyan-600-rgb: 48, 167, 254;
--spectrum-cyan-600: rgba(var(--spectrum-cyan-600-rgb));
- --spectrum-cyan-700-rgb: 1, 156, 200;
+ --spectrum-cyan-700-rgb: 29, 149, 231;
--spectrum-cyan-700: rgba(var(--spectrum-cyan-700-rgb));
- --spectrum-cyan-800-rgb: 0, 134, 180;
+ --spectrum-cyan-800-rgb: 18, 134, 205;
--spectrum-cyan-800: rgba(var(--spectrum-cyan-800-rgb));
- --spectrum-cyan-900-rgb: 0, 113, 159;
+ --spectrum-cyan-900-rgb: 11, 120, 179;
--spectrum-cyan-900: rgba(var(--spectrum-cyan-900-rgb));
- --spectrum-cyan-1000-rgb: 0, 93, 137;
+ --spectrum-cyan-1000-rgb: 4, 102, 145;
--spectrum-cyan-1000: rgba(var(--spectrum-cyan-1000-rgb));
- --spectrum-cyan-1100-rgb: 0, 74, 115;
+ --spectrum-cyan-1100-rgb: 0, 87, 121;
--spectrum-cyan-1100: rgba(var(--spectrum-cyan-1100-rgb));
- --spectrum-cyan-1200-rgb: 0, 57, 93;
+ --spectrum-cyan-1200-rgb: 0, 71, 98;
--spectrum-cyan-1200: rgba(var(--spectrum-cyan-1200-rgb));
- --spectrum-cyan-1300-rgb: 0, 42, 70;
+ --spectrum-cyan-1300-rgb: 0, 57, 78;
--spectrum-cyan-1300: rgba(var(--spectrum-cyan-1300-rgb));
- --spectrum-cyan-1400-rgb: 0, 30, 51;
+ --spectrum-cyan-1400-rgb: 0, 43, 59;
--spectrum-cyan-1400: rgba(var(--spectrum-cyan-1400-rgb));
- --spectrum-indigo-100-rgb: 237, 238, 255;
+ --spectrum-cyan-1500-rgb: 0, 31, 43;
+ --spectrum-cyan-1500: rgba(var(--spectrum-cyan-1500-rgb));
+ --spectrum-cyan-1600-rgb: 0, 14, 20;
+ --spectrum-cyan-1600: rgba(var(--spectrum-cyan-1600-rgb));
+ --spectrum-indigo-100-rgb: 247, 248, 255;
--spectrum-indigo-100: rgba(var(--spectrum-indigo-100-rgb));
- --spectrum-indigo-200-rgb: 224, 226, 255;
+ --spectrum-indigo-200-rgb: 235, 238, 255;
--spectrum-indigo-200: rgba(var(--spectrum-indigo-200-rgb));
- --spectrum-indigo-300-rgb: 211, 213, 255;
+ --spectrum-indigo-300-rgb: 216, 222, 255;
--spectrum-indigo-300: rgba(var(--spectrum-indigo-300-rgb));
- --spectrum-indigo-400-rgb: 193, 196, 255;
+ --spectrum-indigo-400-rgb: 192, 201, 255;
--spectrum-indigo-400: rgba(var(--spectrum-indigo-400-rgb));
- --spectrum-indigo-500-rgb: 172, 175, 255;
+ --spectrum-indigo-500-rgb: 167, 178, 255;
--spectrum-indigo-500: rgba(var(--spectrum-indigo-500-rgb));
- --spectrum-indigo-600-rgb: 149, 153, 255;
+ --spectrum-indigo-600-rgb: 145, 151, 254;
--spectrum-indigo-600: rgba(var(--spectrum-indigo-600-rgb));
- --spectrum-indigo-700-rgb: 126, 132, 252;
+ --spectrum-indigo-700-rgb: 132, 128, 254;
--spectrum-indigo-700: rgba(var(--spectrum-indigo-700-rgb));
- --spectrum-indigo-800-rgb: 104, 109, 244;
+ --spectrum-indigo-800-rgb: 122, 106, 253;
--spectrum-indigo-800: rgba(var(--spectrum-indigo-800-rgb));
- --spectrum-indigo-900-rgb: 82, 88, 228;
+ --spectrum-indigo-900-rgb: 113, 85, 250;
--spectrum-indigo-900: rgba(var(--spectrum-indigo-900-rgb));
- --spectrum-indigo-1000-rgb: 64, 70, 202;
+ --spectrum-indigo-1000-rgb: 99, 56, 238;
--spectrum-indigo-1000: rgba(var(--spectrum-indigo-1000-rgb));
- --spectrum-indigo-1100-rgb: 50, 54, 168;
+ --spectrum-indigo-1100-rgb: 84, 36, 219;
--spectrum-indigo-1100: rgba(var(--spectrum-indigo-1100-rgb));
- --spectrum-indigo-1200-rgb: 38, 41, 134;
+ --spectrum-indigo-1200-rgb: 69, 19, 191;
--spectrum-indigo-1200: rgba(var(--spectrum-indigo-1200-rgb));
- --spectrum-indigo-1300-rgb: 27, 30, 100;
+ --spectrum-indigo-1300-rgb: 55, 6, 160;
--spectrum-indigo-1300: rgba(var(--spectrum-indigo-1300-rgb));
- --spectrum-indigo-1400-rgb: 20, 22, 72;
+ --spectrum-indigo-1400-rgb: 42, 0, 129;
--spectrum-indigo-1400: rgba(var(--spectrum-indigo-1400-rgb));
- --spectrum-purple-100-rgb: 246, 235, 255;
+ --spectrum-indigo-1500-rgb: 31, 0, 98;
+ --spectrum-indigo-1500: rgba(var(--spectrum-indigo-1500-rgb));
+ --spectrum-indigo-1600-rgb: 17, 0, 54;
+ --spectrum-indigo-1600: rgba(var(--spectrum-indigo-1600-rgb));
+ --spectrum-purple-100-rgb: 251, 247, 254;
--spectrum-purple-100: rgba(var(--spectrum-purple-100-rgb));
- --spectrum-purple-200-rgb: 238, 221, 255;
+ --spectrum-purple-200-rgb: 244, 235, 252;
--spectrum-purple-200: rgba(var(--spectrum-purple-200-rgb));
- --spectrum-purple-300-rgb: 230, 208, 255;
+ --spectrum-purple-300-rgb: 235, 218, 249;
--spectrum-purple-300: rgba(var(--spectrum-purple-300-rgb));
- --spectrum-purple-400-rgb: 219, 187, 254;
+ --spectrum-purple-400-rgb: 221, 193, 246;
--spectrum-purple-400: rgba(var(--spectrum-purple-400-rgb));
- --spectrum-purple-500-rgb: 204, 164, 253;
+ --spectrum-purple-500-rgb: 208, 167, 243;
--spectrum-purple-500: rgba(var(--spectrum-purple-500-rgb));
- --spectrum-purple-600-rgb: 189, 139, 252;
+ --spectrum-purple-600-rgb: 191, 138, 238;
--spectrum-purple-600: rgba(var(--spectrum-purple-600-rgb));
- --spectrum-purple-700-rgb: 174, 114, 249;
+ --spectrum-purple-700-rgb: 178, 114, 235;
--spectrum-purple-700: rgba(var(--spectrum-purple-700-rgb));
- --spectrum-purple-800-rgb: 157, 87, 244;
+ --spectrum-purple-800-rgb: 166, 92, 231;
--spectrum-purple-800: rgba(var(--spectrum-purple-800-rgb));
- --spectrum-purple-900-rgb: 137, 61, 231;
+ --spectrum-purple-900-rgb: 154, 71, 226;
--spectrum-purple-900: rgba(var(--spectrum-purple-900-rgb));
- --spectrum-purple-1000-rgb: 115, 38, 211;
+ --spectrum-purple-1000-rgb: 134, 40, 217;
--spectrum-purple-1000: rgba(var(--spectrum-purple-1000-rgb));
- --spectrum-purple-1100-rgb: 93, 19, 183;
+ --spectrum-purple-1100-rgb: 115, 13, 204;
--spectrum-purple-1100: rgba(var(--spectrum-purple-1100-rgb));
- --spectrum-purple-1200-rgb: 71, 12, 148;
+ --spectrum-purple-1200-rgb: 93, 0, 177;
--spectrum-purple-1200: rgba(var(--spectrum-purple-1200-rgb));
- --spectrum-purple-1300-rgb: 51, 16, 106;
+ --spectrum-purple-1300-rgb: 75, 0, 144;
--spectrum-purple-1300: rgba(var(--spectrum-purple-1300-rgb));
- --spectrum-purple-1400-rgb: 35, 15, 73;
+ --spectrum-purple-1400-rgb: 59, 0, 111;
--spectrum-purple-1400: rgba(var(--spectrum-purple-1400-rgb));
- --spectrum-fuchsia-100-rgb: 255, 233, 252;
+ --spectrum-purple-1500-rgb: 44, 0, 84;
+ --spectrum-purple-1500: rgba(var(--spectrum-purple-1500-rgb));
+ --spectrum-purple-1600-rgb: 23, 0, 45;
+ --spectrum-purple-1600: rgba(var(--spectrum-purple-1600-rgb));
+ --spectrum-fuchsia-100-rgb: 254, 246, 255;
--spectrum-fuchsia-100: rgba(var(--spectrum-fuchsia-100-rgb));
- --spectrum-fuchsia-200-rgb: 255, 218, 250;
+ --spectrum-fuchsia-200-rgb: 253, 233, 255;
--spectrum-fuchsia-200: rgba(var(--spectrum-fuchsia-200-rgb));
- --spectrum-fuchsia-300-rgb: 254, 199, 248;
+ --spectrum-fuchsia-300-rgb: 250, 211, 255;
--spectrum-fuchsia-300: rgba(var(--spectrum-fuchsia-300-rgb));
- --spectrum-fuchsia-400-rgb: 251, 174, 246;
+ --spectrum-fuchsia-400-rgb: 247, 181, 255;
--spectrum-fuchsia-400: rgba(var(--spectrum-fuchsia-400-rgb));
- --spectrum-fuchsia-500-rgb: 245, 146, 243;
+ --spectrum-fuchsia-500-rgb: 243, 147, 255;
--spectrum-fuchsia-500: rgba(var(--spectrum-fuchsia-500-rgb));
- --spectrum-fuchsia-600-rgb: 237, 116, 237;
+ --spectrum-fuchsia-600-rgb: 236, 105, 255;
--spectrum-fuchsia-600: rgba(var(--spectrum-fuchsia-600-rgb));
- --spectrum-fuchsia-700-rgb: 224, 85, 226;
+ --spectrum-fuchsia-700-rgb: 223, 77, 245;
--spectrum-fuchsia-700: rgba(var(--spectrum-fuchsia-700-rgb));
- --spectrum-fuchsia-800-rgb: 205, 58, 206;
+ --spectrum-fuchsia-800-rgb: 200, 68, 220;
--spectrum-fuchsia-800: rgba(var(--spectrum-fuchsia-800-rgb));
- --spectrum-fuchsia-900-rgb: 182, 34, 183;
+ --spectrum-fuchsia-900-rgb: 181, 57, 200;
--spectrum-fuchsia-900: rgba(var(--spectrum-fuchsia-900-rgb));
- --spectrum-fuchsia-1000-rgb: 157, 3, 158;
+ --spectrum-fuchsia-1000-rgb: 156, 40, 175;
--spectrum-fuchsia-1000: rgba(var(--spectrum-fuchsia-1000-rgb));
- --spectrum-fuchsia-1100-rgb: 128, 0, 129;
+ --spectrum-fuchsia-1100-rgb: 135, 27, 154;
--spectrum-fuchsia-1100: rgba(var(--spectrum-fuchsia-1100-rgb));
- --spectrum-fuchsia-1200-rgb: 100, 6, 100;
+ --spectrum-fuchsia-1200-rgb: 113, 15, 131;
--spectrum-fuchsia-1200: rgba(var(--spectrum-fuchsia-1200-rgb));
- --spectrum-fuchsia-1300-rgb: 71, 14, 70;
+ --spectrum-fuchsia-1300-rgb: 92, 4, 109;
--spectrum-fuchsia-1300: rgba(var(--spectrum-fuchsia-1300-rgb));
- --spectrum-fuchsia-1400-rgb: 50, 13, 49;
+ --spectrum-fuchsia-1400-rgb: 72, 0, 88;
--spectrum-fuchsia-1400: rgba(var(--spectrum-fuchsia-1400-rgb));
- --spectrum-magenta-100-rgb: 255, 234, 241;
+ --spectrum-fuchsia-1500-rgb: 54, 0, 66;
+ --spectrum-fuchsia-1500: rgba(var(--spectrum-fuchsia-1500-rgb));
+ --spectrum-fuchsia-1600-rgb: 29, 0, 35;
+ --spectrum-fuchsia-1600: rgba(var(--spectrum-fuchsia-1600-rgb));
+ --spectrum-magenta-100-rgb: 255, 245, 248;
--spectrum-magenta-100: rgba(var(--spectrum-magenta-100-rgb));
- --spectrum-magenta-200-rgb: 255, 220, 232;
+ --spectrum-magenta-200-rgb: 255, 232, 240;
--spectrum-magenta-200: rgba(var(--spectrum-magenta-200-rgb));
- --spectrum-magenta-300-rgb: 255, 202, 221;
+ --spectrum-magenta-300-rgb: 255, 213, 227;
--spectrum-magenta-300: rgba(var(--spectrum-magenta-300-rgb));
- --spectrum-magenta-400-rgb: 255, 178, 206;
+ --spectrum-magenta-400-rgb: 255, 185, 208;
--spectrum-magenta-400: rgba(var(--spectrum-magenta-400-rgb));
- --spectrum-magenta-500-rgb: 255, 149, 189;
+ --spectrum-magenta-500-rgb: 255, 152, 187;
--spectrum-magenta-500: rgba(var(--spectrum-magenta-500-rgb));
- --spectrum-magenta-600-rgb: 250, 119, 170;
+ --spectrum-magenta-600-rgb: 255, 112, 159;
--spectrum-magenta-600: rgba(var(--spectrum-magenta-600-rgb));
- --spectrum-magenta-700-rgb: 239, 90, 152;
+ --spectrum-magenta-700-rgb: 255, 72, 133;
--spectrum-magenta-700: rgba(var(--spectrum-magenta-700-rgb));
- --spectrum-magenta-800-rgb: 222, 61, 130;
+ --spectrum-magenta-800-rgb: 240, 45, 110;
--spectrum-magenta-800: rgba(var(--spectrum-magenta-800-rgb));
- --spectrum-magenta-900-rgb: 200, 34, 105;
+ --spectrum-magenta-900-rgb: 217, 35, 97;
--spectrum-magenta-900: rgba(var(--spectrum-magenta-900-rgb));
- --spectrum-magenta-1000-rgb: 173, 9, 85;
+ --spectrum-magenta-1000-rgb: 186, 22, 80;
--spectrum-magenta-1000: rgba(var(--spectrum-magenta-1000-rgb));
- --spectrum-magenta-1100-rgb: 142, 0, 69;
+ --spectrum-magenta-1100-rgb: 163, 5, 62;
--spectrum-magenta-1100: rgba(var(--spectrum-magenta-1100-rgb));
- --spectrum-magenta-1200-rgb: 112, 0, 55;
+ --spectrum-magenta-1200-rgb: 136, 0, 51;
--spectrum-magenta-1200: rgba(var(--spectrum-magenta-1200-rgb));
- --spectrum-magenta-1300-rgb: 84, 3, 42;
+ --spectrum-magenta-1300-rgb: 111, 0, 40;
--spectrum-magenta-1300: rgba(var(--spectrum-magenta-1300-rgb));
- --spectrum-magenta-1400-rgb: 60, 6, 29;
+ --spectrum-magenta-1400-rgb: 86, 0, 30;
--spectrum-magenta-1400: rgba(var(--spectrum-magenta-1400-rgb));
+ --spectrum-magenta-1500-rgb: 64, 0, 22;
+ --spectrum-magenta-1500: rgba(var(--spectrum-magenta-1500-rgb));
+ --spectrum-magenta-1600-rgb: 35, 0, 12;
+ --spectrum-magenta-1600: rgba(var(--spectrum-magenta-1600-rgb));
+ --spectrum-pink-100-rgb: 255, 246, 252;
+ --spectrum-pink-100: rgba(var(--spectrum-pink-100-rgb));
+ --spectrum-pink-200-rgb: 255, 232, 247;
+ --spectrum-pink-200: rgba(var(--spectrum-pink-200-rgb));
+ --spectrum-pink-300-rgb: 255, 211, 240;
+ --spectrum-pink-300: rgba(var(--spectrum-pink-300-rgb));
+ --spectrum-pink-400-rgb: 255, 181, 230;
+ --spectrum-pink-400: rgba(var(--spectrum-pink-400-rgb));
+ --spectrum-pink-500-rgb: 255, 148, 219;
+ --spectrum-pink-500: rgba(var(--spectrum-pink-500-rgb));
+ --spectrum-pink-600-rgb: 255, 103, 204;
+ --spectrum-pink-600: rgba(var(--spectrum-pink-600-rgb));
+ --spectrum-pink-700-rgb: 242, 76, 184;
+ --spectrum-pink-700: rgba(var(--spectrum-pink-700-rgb));
+ --spectrum-pink-800-rgb: 228, 52, 163;
+ --spectrum-pink-800: rgba(var(--spectrum-pink-800-rgb));
+ --spectrum-pink-900-rgb: 206, 42, 146;
+ --spectrum-pink-900: rgba(var(--spectrum-pink-900-rgb));
+ --spectrum-pink-1000-rgb: 176, 31, 123;
+ --spectrum-pink-1000: rgba(var(--spectrum-pink-1000-rgb));
+ --spectrum-pink-1100-rgb: 152, 22, 104;
+ --spectrum-pink-1100: rgba(var(--spectrum-pink-1100-rgb));
+ --spectrum-pink-1200-rgb: 128, 12, 85;
+ --spectrum-pink-1200: rgba(var(--spectrum-pink-1200-rgb));
+ --spectrum-pink-1300-rgb: 105, 3, 68;
+ --spectrum-pink-1300: rgba(var(--spectrum-pink-1300-rgb));
+ --spectrum-pink-1400-rgb: 83, 0, 53;
+ --spectrum-pink-1400: rgba(var(--spectrum-pink-1400-rgb));
+ --spectrum-pink-1500-rgb: 62, 0, 39;
+ --spectrum-pink-1500: rgba(var(--spectrum-pink-1500-rgb));
+ --spectrum-pink-1600-rgb: 33, 0, 21;
+ --spectrum-pink-1600: rgba(var(--spectrum-pink-1600-rgb));
+ --spectrum-turquoise-100-rgb: 238, 251, 251;
+ --spectrum-turquoise-100: rgba(var(--spectrum-turquoise-100-rgb));
+ --spectrum-turquoise-200-rgb: 209, 245, 245;
+ --spectrum-turquoise-200: rgba(var(--spectrum-turquoise-200-rgb));
+ --spectrum-turquoise-300-rgb: 169, 236, 237;
+ --spectrum-turquoise-300: rgba(var(--spectrum-turquoise-300-rgb));
+ --spectrum-turquoise-400-rgb: 111, 221, 228;
+ --spectrum-turquoise-400: rgba(var(--spectrum-turquoise-400-rgb));
+ --spectrum-turquoise-500-rgb: 39, 202, 216;
+ --spectrum-turquoise-500: rgba(var(--spectrum-turquoise-500-rgb));
+ --spectrum-turquoise-600-rgb: 15, 177, 192;
+ --spectrum-turquoise-600: rgba(var(--spectrum-turquoise-600-rgb));
+ --spectrum-turquoise-700-rgb: 12, 158, 171;
+ --spectrum-turquoise-700: rgba(var(--spectrum-turquoise-700-rgb));
+ --spectrum-turquoise-800-rgb: 10, 141, 153;
+ --spectrum-turquoise-800: rgba(var(--spectrum-turquoise-800-rgb));
+ --spectrum-turquoise-900-rgb: 8, 126, 137;
+ --spectrum-turquoise-900: rgba(var(--spectrum-turquoise-900-rgb));
+ --spectrum-turquoise-1000-rgb: 5, 107, 116;
+ --spectrum-turquoise-1000: rgba(var(--spectrum-turquoise-1000-rgb));
+ --spectrum-turquoise-1100-rgb: 3, 90, 98;
+ --spectrum-turquoise-1100: rgba(var(--spectrum-turquoise-1100-rgb));
+ --spectrum-turquoise-1200-rgb: 1, 74, 81;
+ --spectrum-turquoise-1200: rgba(var(--spectrum-turquoise-1200-rgb));
+ --spectrum-turquoise-1300-rgb: 0, 59, 65;
+ --spectrum-turquoise-1300: rgba(var(--spectrum-turquoise-1300-rgb));
+ --spectrum-turquoise-1400-rgb: 0, 44, 49;
+ --spectrum-turquoise-1400: rgba(var(--spectrum-turquoise-1400-rgb));
+ --spectrum-turquoise-1500-rgb: 0, 32, 35;
+ --spectrum-turquoise-1500: rgba(var(--spectrum-turquoise-1500-rgb));
+ --spectrum-turquoise-1600-rgb: 0, 15, 17;
+ --spectrum-turquoise-1600: rgba(var(--spectrum-turquoise-1600-rgb));
+ --spectrum-brown-100-rgb: 252, 247, 242;
+ --spectrum-brown-100: rgba(var(--spectrum-brown-100-rgb));
+ --spectrum-brown-200-rgb: 247, 238, 225;
+ --spectrum-brown-200: rgba(var(--spectrum-brown-200-rgb));
+ --spectrum-brown-300-rgb: 239, 221, 195;
+ --spectrum-brown-300: rgba(var(--spectrum-brown-300-rgb));
+ --spectrum-brown-400-rgb: 229, 200, 157;
+ --spectrum-brown-400: rgba(var(--spectrum-brown-400-rgb));
+ --spectrum-brown-500-rgb: 214, 177, 123;
+ --spectrum-brown-500: rgba(var(--spectrum-brown-500-rgb));
+ --spectrum-brown-600-rgb: 190, 155, 104;
+ --spectrum-brown-600: rgba(var(--spectrum-brown-600-rgb));
+ --spectrum-brown-700-rgb: 171, 138, 90;
+ --spectrum-brown-700: rgba(var(--spectrum-brown-700-rgb));
+ --spectrum-brown-800-rgb: 154, 123, 77;
+ --spectrum-brown-800: rgba(var(--spectrum-brown-800-rgb));
+ --spectrum-brown-900-rgb: 139, 109, 66;
+ --spectrum-brown-900: rgba(var(--spectrum-brown-900-rgb));
+ --spectrum-brown-1000-rgb: 119, 91, 50;
+ --spectrum-brown-1000: rgba(var(--spectrum-brown-1000-rgb));
+ --spectrum-brown-1100-rgb: 103, 76, 35;
+ --spectrum-brown-1100: rgba(var(--spectrum-brown-1100-rgb));
+ --spectrum-brown-1200-rgb: 88, 61, 21;
+ --spectrum-brown-1200: rgba(var(--spectrum-brown-1200-rgb));
+ --spectrum-brown-1300-rgb: 70, 49, 17;
+ --spectrum-brown-1300: rgba(var(--spectrum-brown-1300-rgb));
+ --spectrum-brown-1400-rgb: 52, 37, 13;
+ --spectrum-brown-1400: rgba(var(--spectrum-brown-1400-rgb));
+ --spectrum-brown-1500-rgb: 38, 26, 9;
+ --spectrum-brown-1500: rgba(var(--spectrum-brown-1500-rgb));
+ --spectrum-brown-1600-rgb: 16, 12, 4;
+ --spectrum-brown-1600: rgba(var(--spectrum-brown-1600-rgb));
+ --spectrum-silver-100-rgb: 247, 247, 247;
+ --spectrum-silver-100: rgba(var(--spectrum-silver-100-rgb));
+ --spectrum-silver-200-rgb: 239, 239, 239;
+ --spectrum-silver-200: rgba(var(--spectrum-silver-200-rgb));
+ --spectrum-silver-300-rgb: 223, 223, 223;
+ --spectrum-silver-300: rgba(var(--spectrum-silver-300-rgb));
+ --spectrum-silver-400-rgb: 204, 204, 204;
+ --spectrum-silver-400: rgba(var(--spectrum-silver-400-rgb));
+ --spectrum-silver-500-rgb: 183, 183, 183;
+ --spectrum-silver-500: rgba(var(--spectrum-silver-500-rgb));
+ --spectrum-silver-600-rgb: 160, 160, 160;
+ --spectrum-silver-600: rgba(var(--spectrum-silver-600-rgb));
+ --spectrum-silver-700-rgb: 143, 143, 143;
+ --spectrum-silver-700: rgba(var(--spectrum-silver-700-rgb));
+ --spectrum-silver-800-rgb: 128, 128, 128;
+ --spectrum-silver-800: rgba(var(--spectrum-silver-800-rgb));
+ --spectrum-silver-900-rgb: 114, 114, 114;
+ --spectrum-silver-900: rgba(var(--spectrum-silver-900-rgb));
+ --spectrum-silver-1000-rgb: 96, 96, 96;
+ --spectrum-silver-1000: rgba(var(--spectrum-silver-1000-rgb));
+ --spectrum-silver-1100-rgb: 81, 81, 81;
+ --spectrum-silver-1100: rgba(var(--spectrum-silver-1100-rgb));
+ --spectrum-silver-1200-rgb: 66, 66, 66;
+ --spectrum-silver-1200: rgba(var(--spectrum-silver-1200-rgb));
+ --spectrum-silver-1300-rgb: 52, 52, 52;
+ --spectrum-silver-1300: rgba(var(--spectrum-silver-1300-rgb));
+ --spectrum-silver-1400-rgb: 39, 39, 39;
+ --spectrum-silver-1400: rgba(var(--spectrum-silver-1400-rgb));
+ --spectrum-silver-1500-rgb: 28, 28, 28;
+ --spectrum-silver-1500: rgba(var(--spectrum-silver-1500-rgb));
+ --spectrum-silver-1600-rgb: 12, 12, 12;
+ --spectrum-silver-1600: rgba(var(--spectrum-silver-1600-rgb));
+ --spectrum-cinnamon-100-rgb: 253, 247, 243;
+ --spectrum-cinnamon-100: rgba(var(--spectrum-cinnamon-100-rgb));
+ --spectrum-cinnamon-200-rgb: 249, 236, 229;
+ --spectrum-cinnamon-200: rgba(var(--spectrum-cinnamon-200-rgb));
+ --spectrum-cinnamon-300-rgb: 244, 218, 203;
+ --spectrum-cinnamon-300: rgba(var(--spectrum-cinnamon-300-rgb));
+ --spectrum-cinnamon-400-rgb: 237, 196, 172;
+ --spectrum-cinnamon-400: rgba(var(--spectrum-cinnamon-400-rgb));
+ --spectrum-cinnamon-500-rgb: 229, 170, 136;
+ --spectrum-cinnamon-500: rgba(var(--spectrum-cinnamon-500-rgb));
+ --spectrum-cinnamon-600-rgb: 212, 145, 108;
+ --spectrum-cinnamon-600: rgba(var(--spectrum-cinnamon-600-rgb));
+ --spectrum-cinnamon-700-rgb: 198, 126, 88;
+ --spectrum-cinnamon-700: rgba(var(--spectrum-cinnamon-700-rgb));
+ --spectrum-cinnamon-800-rgb: 184, 109, 70;
+ --spectrum-cinnamon-800: rgba(var(--spectrum-cinnamon-800-rgb));
+ --spectrum-cinnamon-900-rgb: 170, 94, 56;
+ --spectrum-cinnamon-900: rgba(var(--spectrum-cinnamon-900-rgb));
+ --spectrum-cinnamon-1000-rgb: 147, 77, 43;
+ --spectrum-cinnamon-1000: rgba(var(--spectrum-cinnamon-1000-rgb));
+ --spectrum-cinnamon-1100-rgb: 128, 62, 32;
+ --spectrum-cinnamon-1100: rgba(var(--spectrum-cinnamon-1100-rgb));
+ --spectrum-cinnamon-1200-rgb: 110, 48, 21;
+ --spectrum-cinnamon-1200: rgba(var(--spectrum-cinnamon-1200-rgb));
+ --spectrum-cinnamon-1300-rgb: 92, 35, 11;
+ --spectrum-cinnamon-1300: rgba(var(--spectrum-cinnamon-1300-rgb));
+ --spectrum-cinnamon-1400-rgb: 72, 25, 6;
+ --spectrum-cinnamon-1400: rgba(var(--spectrum-cinnamon-1400-rgb));
+ --spectrum-cinnamon-1500-rgb: 52, 18, 4;
+ --spectrum-cinnamon-1500: rgba(var(--spectrum-cinnamon-1500-rgb));
+ --spectrum-cinnamon-1600-rgb: 24, 8, 2;
+ --spectrum-cinnamon-1600: rgba(var(--spectrum-cinnamon-1600-rgb));
--spectrum-icon-color-blue-primary-default: var(--spectrum-blue-900);
- --spectrum-icon-color-green-primary-default: var(--spectrum-green-900);
--spectrum-icon-color-red-primary-default: var(--spectrum-red-900);
--spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-400);
+ --spectrum-icon-color-blue-primary-hover: var(--spectrum-blue-1000);
+ --spectrum-icon-color-blue-primary-down: var(--spectrum-blue-1100);
+ --spectrum-icon-color-brown-primary-default: var(--spectrum-brown-800);
+ --spectrum-icon-color-brown-primary-hover: var(--spectrum-brown-900);
+ --spectrum-icon-color-brown-primary-down: var(--spectrum-brown-1000);
+ --spectrum-icon-color-celery-primary-default: var(--spectrum-celery-700);
+ --spectrum-icon-color-celery-primary-hover: var(--spectrum-celery-800);
+ --spectrum-icon-color-celery-primary-down: var(--spectrum-celery-900);
+ --spectrum-icon-color-chartreuse-primary-default: var(--spectrum-chartreuse-600);
+ --spectrum-icon-color-chartreuse-primary-hover: var(--spectrum-chartreuse-700);
+ --spectrum-icon-color-chartreuse-primary-down: var(--spectrum-chartreuse-800);
+ --spectrum-icon-color-fuchsia-primary-default: var(--spectrum-fuchsia-900);
+ --spectrum-icon-color-fuchsia-primary-hover: var(--spectrum-fuchsia-1000);
+ --spectrum-icon-color-fuchsia-primary-down: var(--spectrum-fuchsia-1100);
+ --spectrum-icon-color-indigo-primary-default: var(--spectrum-indigo-900);
+ --spectrum-icon-color-indigo-primary-hover: var(--spectrum-indigo-1000);
+ --spectrum-icon-color-indigo-primary-down: var(--spectrum-indigo-1100);
+ --spectrum-icon-color-magenta-primary-default: var(--spectrum-magenta-900);
+ --spectrum-icon-color-magenta-primary-hover: var(--spectrum-magenta-1000);
+ --spectrum-icon-color-magenta-primary-down: var(--spectrum-magenta-1100);
+ --spectrum-icon-color-orange-primary-default: var(--spectrum-orange-700);
+ --spectrum-icon-color-orange-primary-hover: var(--spectrum-orange-800);
+ --spectrum-icon-color-orange-primary-down: var(--spectrum-orange-900);
+ --spectrum-icon-color-pink-primary-default: var(--spectrum-pink-800);
+ --spectrum-icon-color-pink-primary-hover: var(--spectrum-pink-900);
+ --spectrum-icon-color-pink-primary-down: var(--spectrum-pink-1000);
+ --spectrum-icon-color-purple-primary-default: var(--spectrum-purple-900);
+ --spectrum-icon-color-purple-primary-hover: var(--spectrum-purple-1000);
+ --spectrum-icon-color-purple-primary-down: var(--spectrum-purple-1100);
+ --spectrum-icon-color-red-primary-hover: var(--spectrum-red-1000);
+ --spectrum-icon-color-red-primary-down: var(--spectrum-red-1100);
+ --spectrum-icon-color-silver-primary-default: var(--spectrum-silver-700);
+ --spectrum-icon-color-silver-primary-hover: var(--spectrum-silver-800);
+ --spectrum-icon-color-silver-primary-down: var(--spectrum-silver-900);
+ --spectrum-icon-color-turquoise-primary-default: var(--spectrum-turquoise-700);
+ --spectrum-icon-color-turquoise-primary-hover: var(--spectrum-turquoise-800);
+ --spectrum-icon-color-turquoise-primary-down: var(--spectrum-turquoise-900);
+ --spectrum-icon-color-yellow-primary-hover: var(--spectrum-yellow-500);
+ --spectrum-icon-color-yellow-primary-down: var(--spectrum-yellow-600);
+ --spectrum-icon-color-blue-background: var(--spectrum-blue-200);
+ --spectrum-icon-color-brown-background: var(--spectrum-brown-200);
+ --spectrum-icon-color-celery-background: var(--spectrum-celery-100);
+ --spectrum-icon-color-chartreuse-background: var(--spectrum-chartreuse-200);
+ --spectrum-icon-color-cinnamon-background: var(--spectrum-cinnamon-200);
+ --spectrum-icon-color-cyan-background: var(--spectrum-cyan-100);
+ --spectrum-icon-color-green-background: var(--spectrum-green-100);
+ --spectrum-icon-color-indigo-background: var(--spectrum-indigo-200);
+ --spectrum-icon-color-orange-background: var(--spectrum-orange-200);
+ --spectrum-icon-color-red-background: var(--spectrum-red-200);
+ --spectrum-icon-color-seafoam-background: var(--spectrum-seafoam-200);
+ --spectrum-icon-color-silver-background: var(--spectrum-silver-200);
+ --spectrum-icon-color-turquoise-background: var(--spectrum-turquoise-200);
+ --spectrum-icon-color-yellow-background: var(--spectrum-yellow-100);
+ --spectrum-informative-subtle-background-color-default: var(--spectrum-informative-color-200);
+ --spectrum-positive-subtle-background-color-default: var(--spectrum-positive-color-200);
+ --spectrum-notice-subtle-background-color-default: var(--spectrum-notice-color-200);
+ --spectrum-negative-subtle-background-color-default: var(--spectrum-negative-color-200);
+ --spectrum-accent-subtle-background-color-default: var(--spectrum-accent-color-200);
+ --color-scheme: light;
+
+ --spectrum-assetcard-border-color-selected: var(--spectrum-blue-900);
+ --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-900);
+ --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-1000);
+ --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-900);
+ --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-800);
+
+ --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
+ --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
+ --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-800);
+
+ --spectrum-badge-label-icon-color-primary: var(--spectrum-white);
+
+ --spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
+ --spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-black-rgb), 0.06);
+ --spectrum-calendar-day-today-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
+ --spectrum-calendar-day-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
+ --spectrum-calendar-day-background-color-down: var(--spectrum-transparent-black-200);
+ --spectrum-calendar-day-background-color-cap-selected: rgba(var(--spectrum-blue-900-rgb), 0.2);
+ --spectrum-calendar-day-background-color-key-focus: rgba(var(--spectrum-black-rgb), 0.06);
+ --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-800);
+
+ --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-900-rgb);
+
+ --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800);
+
+ --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-800-rgb);
+
+ --spectrum-dropindicator-color: var(--spectrum-blue-800);
+
+ --spectrum-logic-button-and-background-color: var(--spectrum-blue-900);
+ --spectrum-logic-button-and-border-color: var(--spectrum-blue-900);
+ --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1100);
+ --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1100);
+
+ --spectrum-logic-button-or-background-color: var(--spectrum-magenta-900);
+ --spectrum-logic-button-or-border-color: var(--spectrum-magenta-900);
+ --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-1100);
+ --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-1100);
+
+ --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-800);
+
+ --spectrum-swatch-border-color-rgb: 0, 0, 0;
+
+ --spectrum-swatch-border-color-opacity: 0.51;
+
+ --spectrum-swatch-border-color: rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
+ --spectrum-swatch-border-color-light-rgb: 0, 0, 0;
+ --spectrum-swatch-border-color-light-opacity: 0.2;
+ --spectrum-swatch-border-color-light: rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
+
+ --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.06);
+ --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
}
.spectrum--medium {
- --spectrum-workflow-icon-size-50: 14px;
- --spectrum-workflow-icon-size-75: 16px;
- --spectrum-workflow-icon-size-100: 18px;
- --spectrum-workflow-icon-size-200: 20px;
- --spectrum-workflow-icon-size-300: 22px;
- --spectrum-arrow-icon-size-75: 10px;
- --spectrum-arrow-icon-size-100: 10px;
- --spectrum-arrow-icon-size-200: 12px;
- --spectrum-arrow-icon-size-300: 14px;
- --spectrum-arrow-icon-size-400: 16px;
- --spectrum-arrow-icon-size-500: 18px;
- --spectrum-arrow-icon-size-600: 20px;
- --spectrum-asterisk-icon-size-100: 8px;
- --spectrum-asterisk-icon-size-200: 10px;
- --spectrum-asterisk-icon-size-300: 10px;
- --spectrum-checkmark-icon-size-50: 10px;
- --spectrum-checkmark-icon-size-75: 10px;
- --spectrum-checkmark-icon-size-100: 10px;
- --spectrum-checkmark-icon-size-200: 12px;
- --spectrum-checkmark-icon-size-300: 14px;
- --spectrum-checkmark-icon-size-400: 16px;
- --spectrum-checkmark-icon-size-500: 16px;
- --spectrum-checkmark-icon-size-600: 18px;
- --spectrum-chevron-icon-size-50: 6px;
- --spectrum-chevron-icon-size-75: 10px;
- --spectrum-chevron-icon-size-100: 10px;
- --spectrum-chevron-icon-size-200: 12px;
- --spectrum-chevron-icon-size-300: 14px;
- --spectrum-chevron-icon-size-400: 16px;
- --spectrum-chevron-icon-size-500: 16px;
- --spectrum-chevron-icon-size-600: 18px;
- --spectrum-corner-triangle-icon-size-75: 5px;
- --spectrum-corner-triangle-icon-size-100: 5px;
- --spectrum-corner-triangle-icon-size-200: 6px;
- --spectrum-corner-triangle-icon-size-300: 7px;
- --spectrum-cross-icon-size-75: 8px;
- --spectrum-cross-icon-size-100: 8px;
- --spectrum-cross-icon-size-200: 10px;
- --spectrum-cross-icon-size-300: 12px;
- --spectrum-cross-icon-size-400: 12px;
- --spectrum-cross-icon-size-500: 14px;
- --spectrum-cross-icon-size-600: 16px;
- --spectrum-dash-icon-size-50: 8px;
- --spectrum-dash-icon-size-75: 8px;
- --spectrum-dash-icon-size-100: 10px;
- --spectrum-dash-icon-size-200: 12px;
- --spectrum-dash-icon-size-300: 12px;
- --spectrum-dash-icon-size-400: 14px;
- --spectrum-dash-icon-size-500: 16px;
- --spectrum-dash-icon-size-600: 18px;
+ --spectrum-checkbox-control-size-small: 14px;
+ --spectrum-checkbox-control-size-medium: 16px;
+ --spectrum-checkbox-control-size-large: 18px;
+ --spectrum-checkbox-control-size-extra-large: 20px;
+ --spectrum-checkbox-top-to-control-small: 5px;
+ --spectrum-checkbox-top-to-control-medium: 8px;
+ --spectrum-checkbox-top-to-control-large: 11px;
+ --spectrum-checkbox-top-to-control-extra-large: 14px;
+ --spectrum-switch-control-width-small: 22px;
+ --spectrum-switch-control-width-medium: 26px;
+ --spectrum-switch-control-width-large: 30px;
+ --spectrum-switch-control-width-extra-large: 34px;
+ --spectrum-switch-control-height-small: 14px;
+ --spectrum-switch-control-height-medium: 16px;
+ --spectrum-switch-control-height-large: 18px;
+ --spectrum-switch-control-height-extra-large: 20px;
+ --spectrum-switch-top-to-control-small: 6px;
+ --spectrum-switch-top-to-control-medium: 9px;
+ --spectrum-switch-top-to-control-large: 12px;
+ --spectrum-switch-top-to-control-extra-large: 15px;
+ --spectrum-radio-button-control-size-small: 12px;
+ --spectrum-radio-button-control-size-medium: 14px;
+ --spectrum-radio-button-control-size-large: 16px;
+ --spectrum-radio-button-control-size-extra-large: 18px;
+ --spectrum-radio-button-top-to-control-small: 6px;
+ --spectrum-radio-button-top-to-control-medium: 9px;
+ --spectrum-radio-button-top-to-control-large: 12px;
+ --spectrum-radio-button-top-to-control-extra-large: 15px;
--spectrum-field-label-text-to-asterisk-small: 4px;
--spectrum-field-label-text-to-asterisk-medium: 4px;
--spectrum-field-label-text-to-asterisk-large: 5px;
@@ -2511,30 +3520,28 @@
--spectrum-field-label-top-to-asterisk-small: 8px;
--spectrum-field-label-top-to-asterisk-medium: 12px;
--spectrum-field-label-top-to-asterisk-large: 15px;
- --spectrum-field-label-top-to-asterisk-extra-large: 19px;
- --spectrum-field-label-top-margin-medium: 4px;
- --spectrum-field-label-top-margin-large: 5px;
- --spectrum-field-label-top-margin-extra-large: 5px;
+ --spectrum-field-label-top-to-asterisk-extra-large: 18px;
--spectrum-field-label-to-component-quiet-small: -8px;
--spectrum-field-label-to-component-quiet-medium: -8px;
--spectrum-field-label-to-component-quiet-large: -12px;
--spectrum-field-label-to-component-quiet-extra-large: -15px;
- --spectrum-help-text-top-to-workflow-icon-small: 4px;
- --spectrum-help-text-top-to-workflow-icon-medium: 3px;
- --spectrum-help-text-top-to-workflow-icon-large: 6px;
- --spectrum-help-text-top-to-workflow-icon-extra-large: 9px;
- --spectrum-status-light-dot-size-medium: 8px;
- --spectrum-status-light-dot-size-large: 10px;
- --spectrum-status-light-dot-size-extra-large: 10px;
+ --spectrum-help-text-top-to-workflow-icon-small: var(--spectrum-component-top-to-workflow-icon-75);
+ --spectrum-help-text-top-to-workflow-icon-medium: var(--spectrum-component-top-to-workflow-icon-100);
+ --spectrum-help-text-top-to-workflow-icon-large: var(--spectrum-component-top-to-workflow-icon-200);
+ --spectrum-help-text-top-to-workflow-icon-extra-large: var(--spectrum-component-top-to-workflow-icon-300);
+ --spectrum-status-light-dot-size-small: 8px;
+ --spectrum-status-light-dot-size-medium: 10px;
+ --spectrum-status-light-dot-size-large: 12px;
+ --spectrum-status-light-dot-size-extra-large: 14px;
--spectrum-status-light-top-to-dot-small: 8px;
- --spectrum-status-light-top-to-dot-medium: 12px;
- --spectrum-status-light-top-to-dot-large: 15px;
- --spectrum-status-light-top-to-dot-extra-large: 19px;
+ --spectrum-status-light-top-to-dot-medium: 11px;
+ --spectrum-status-light-top-to-dot-large: 14px;
+ --spectrum-status-light-top-to-dot-extra-large: 17px;
--spectrum-action-button-edge-to-hold-icon-medium: 4px;
--spectrum-action-button-edge-to-hold-icon-large: 5px;
--spectrum-action-button-edge-to-hold-icon-extra-large: 6px;
- --spectrum-tooltip-tip-width: 8px;
- --spectrum-tooltip-tip-height: 4px;
+ --spectrum-tooltip-tip-width: 10px;
+ --spectrum-tooltip-tip-height: 5px;
--spectrum-tooltip-maximum-width: 160px;
--spectrum-progress-circle-size-small: 16px;
--spectrum-progress-circle-size-medium: 32px;
@@ -2542,13 +3549,11 @@
--spectrum-progress-circle-thickness-small: 2px;
--spectrum-progress-circle-thickness-medium: 3px;
--spectrum-progress-circle-thickness-large: 4px;
- --spectrum-toast-height: 48px;
+ --spectrum-toast-height: 52px;
--spectrum-toast-maximum-width: 336px;
- --spectrum-toast-top-to-workflow-icon: 15px;
- --spectrum-toast-top-to-text: 14px;
- --spectrum-toast-bottom-to-text: 17px;
- --spectrum-action-bar-height: 48px;
- --spectrum-action-bar-top-to-item-counter: 14px;
+ --spectrum-toast-top-to-workflow-icon: 18px;
+ --spectrum-toast-top-to-text: 18px;
+ --spectrum-toast-bottom-to-text: 20px;
--spectrum-swatch-size-extra-small: 16px;
--spectrum-swatch-size-small: 24px;
--spectrum-swatch-size-medium: 32px;
@@ -2559,14 +3564,13 @@
--spectrum-progress-bar-thickness-extra-large: 10px;
--spectrum-meter-width: 192px;
--spectrum-meter-thickness-small: 4px;
- --spectrum-meter-thickness-large: 6px;
+ --spectrum-meter-thickness-large: 8px;
--spectrum-tag-top-to-avatar-small: 4px;
--spectrum-tag-top-to-avatar-medium: 6px;
--spectrum-tag-top-to-avatar-large: 9px;
--spectrum-tag-top-to-cross-icon-small: 8px;
--spectrum-tag-top-to-cross-icon-medium: 12px;
--spectrum-tag-top-to-cross-icon-large: 15px;
- --spectrum-popover-top-to-content-area: 4px;
--spectrum-menu-item-edge-to-content-not-selected-small: 28px;
--spectrum-menu-item-edge-to-content-not-selected-medium: 32px;
--spectrum-menu-item-edge-to-content-not-selected-large: 38px;
@@ -2579,66 +3583,74 @@
--spectrum-menu-item-top-to-selected-icon-medium: 11px;
--spectrum-menu-item-top-to-selected-icon-large: 14px;
--spectrum-menu-item-top-to-selected-icon-extra-large: 17px;
- --spectrum-slider-control-to-field-label-small: 5px;
- --spectrum-slider-control-to-field-label-medium: 8px;
- --spectrum-slider-control-to-field-label-large: 11px;
- --spectrum-slider-control-to-field-label-extra-large: 14px;
+ --spectrum-slider-control-height-small: 14px;
+ --spectrum-slider-control-height-medium: 16px;
+ --spectrum-slider-control-height-large: 18px;
+ --spectrum-slider-control-height-extra-large: 20px;
+ --spectrum-slider-handle-size-small: 14px;
+ --spectrum-slider-handle-size-medium: 16px;
+ --spectrum-slider-handle-size-large: 18px;
+ --spectrum-slider-handle-size-extra-large: 20px;
+ --spectrum-slider-handle-border-width-down-small: 5px;
+ --spectrum-slider-handle-border-width-down-medium: 6px;
+ --spectrum-slider-handle-border-width-down-large: 7px;
+ --spectrum-slider-handle-border-width-down-extra-large: 8px;
+ --spectrum-slider-bottom-to-handle-small: 5px;
+ --spectrum-slider-bottom-to-handle-medium: 8px;
+ --spectrum-slider-bottom-to-handle-large: 11px;
+ --spectrum-slider-bottom-to-handle-extra-large: 14px;
+ --spectrum-slider-control-to-field-label-small: -4px;
+ --spectrum-slider-control-to-field-label-medium: -12px;
+ --spectrum-slider-control-to-field-label-large: -16px;
+ --spectrum-slider-control-to-field-label-extra-large: -20px;
--spectrum-picker-visual-to-disclosure-icon-small: 7px;
--spectrum-picker-visual-to-disclosure-icon-medium: 8px;
--spectrum-picker-visual-to-disclosure-icon-large: 9px;
--spectrum-picker-visual-to-disclosure-icon-extra-large: 10px;
--spectrum-text-area-minimum-width: 112px;
--spectrum-text-area-minimum-height: 56px;
- --spectrum-combo-box-visual-to-field-button-small: 7px;
- --spectrum-combo-box-visual-to-field-button-medium: 8px;
- --spectrum-combo-box-visual-to-field-button-large: 9px;
- --spectrum-combo-box-visual-to-field-button-extra-large: 10px;
--spectrum-thumbnail-size-50: 16px;
- --spectrum-thumbnail-size-75: 18px;
- --spectrum-thumbnail-size-100: 20px;
- --spectrum-thumbnail-size-200: 22px;
- --spectrum-thumbnail-size-300: 26px;
- --spectrum-thumbnail-size-400: 28px;
- --spectrum-thumbnail-size-500: 32px;
- --spectrum-thumbnail-size-600: 36px;
- --spectrum-thumbnail-size-700: 40px;
- --spectrum-thumbnail-size-800: 44px;
- --spectrum-thumbnail-size-900: 50px;
- --spectrum-thumbnail-size-1000: 56px;
- --spectrum-alert-dialog-title-size: var(--spectrum-heading-size-s);
- --spectrum-alert-dialog-description-size: var(--spectrum-body-size-s);
- --spectrum-opacity-checkerboard-square-size: 8px;
- --spectrum-contextual-help-title-size: var(--spectrum-heading-size-xs);
- --spectrum-contextual-help-body-size: var(--spectrum-body-size-s);
+ --spectrum-thumbnail-size-75: 20px;
+ --spectrum-thumbnail-size-100: 24px;
+ --spectrum-thumbnail-size-200: 28px;
+ --spectrum-thumbnail-size-300: 32px;
+ --spectrum-thumbnail-size-400: 36px;
+ --spectrum-thumbnail-size-500: 40px;
+ --spectrum-thumbnail-size-600: 44px;
+ --spectrum-thumbnail-size-700: 48px;
+ --spectrum-thumbnail-size-800: 52px;
+ --spectrum-thumbnail-size-900: 56px;
+ --spectrum-thumbnail-size-1000: 64px;
+ --spectrum-opacity-checkerboard-square-size: var(--spectrum-opacity-checkerboard-square-size-medium);
+ --spectrum-opacity-checkerboard-square-size-medium: 8px;
--spectrum-breadcrumbs-height-multiline: 72px;
- --spectrum-breadcrumbs-top-to-text: 13px;
- --spectrum-breadcrumbs-top-to-text-compact: 11px;
- --spectrum-breadcrumbs-top-to-text-multiline: 12px;
- --spectrum-breadcrumbs-bottom-to-text: 15px;
- --spectrum-breadcrumbs-bottom-to-text-compact: 12px;
+ --spectrum-breadcrumbs-top-to-text-multiline: 4px;
--spectrum-breadcrumbs-bottom-to-text-multiline: 9px;
- --spectrum-breadcrumbs-start-edge-to-text: 8px;
--spectrum-breadcrumbs-top-text-to-bottom-text: 9px;
- --spectrum-breadcrumbs-top-to-separator-icon: 19px;
- --spectrum-breadcrumbs-top-to-separator-icon-compact: 15px;
- --spectrum-breadcrumbs-top-to-separator-icon-multiline: 15px;
- --spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline: 11px;
- --spectrum-breadcrumbs-top-to-truncated-menu: 8px;
- --spectrum-breadcrumbs-top-to-truncated-menu-compact: 4px;
+ --spectrum-breadcrumbs-top-to-separator-icon-multiline: var(--spectrum-breadcrumbs-top-to-separator-multiline);
+ --spectrum-breadcrumbs-truncated-menu-to-bottom-text: 4px;
--spectrum-avatar-size-50: 16px;
- --spectrum-avatar-size-75: 18px;
- --spectrum-avatar-size-100: 20px;
- --spectrum-avatar-size-200: 22px;
- --spectrum-avatar-size-300: 26px;
- --spectrum-avatar-size-400: 28px;
- --spectrum-avatar-size-500: 32px;
- --spectrum-avatar-size-600: 36px;
- --spectrum-avatar-size-700: 40px;
- --spectrum-alert-banner-minimum-height: 48px;
+ --spectrum-avatar-size-75: 20px;
+ --spectrum-avatar-size-100: 24px;
+ --spectrum-avatar-size-200: 28px;
+ --spectrum-avatar-size-300: 32px;
+ --spectrum-avatar-size-400: 36px;
+ --spectrum-avatar-size-500: 40px;
+ --spectrum-avatar-size-600: 44px;
+ --spectrum-avatar-size-700: 48px;
+ --spectrum-avatar-size-800: 52px;
+ --spectrum-avatar-size-900: 56px;
+ --spectrum-avatar-size-1000: 64px;
+ --spectrum-avatar-size-1100: 72px;
+ --spectrum-avatar-size-1200: 80px;
+ --spectrum-avatar-size-1300: 88px;
+ --spectrum-avatar-size-1400: 96px;
+ --spectrum-avatar-size-1500: 104px;
+ --spectrum-alert-banner-minimum-height: 56px;
--spectrum-alert-banner-width: 832px;
- --spectrum-alert-banner-top-to-workflow-icon: 15px;
- --spectrum-alert-banner-top-to-text: 14px;
- --spectrum-alert-banner-bottom-to-text: 17px;
+ --spectrum-alert-banner-top-to-workflow-icon: 18px;
+ --spectrum-alert-banner-top-to-text: 18px;
+ --spectrum-alert-banner-bottom-to-text: 20px;
--spectrum-rating-indicator-width: 18px;
--spectrum-rating-indicator-to-icon: 4px;
--spectrum-color-area-width: 192px;
@@ -2649,9 +3661,6 @@
--spectrum-color-wheel-minimum-width: 175px;
--spectrum-color-slider-length: 192px;
--spectrum-color-slider-minimum-length: 80px;
- --spectrum-illustrated-message-title-size: var(--spectrum-heading-size-m);
- --spectrum-illustrated-message-cjk-title-size: var(--spectrum-heading-cjk-size-m);
- --spectrum-illustrated-message-body-size: var(--spectrum-body-size-s);
--spectrum-coach-mark-width: 296px;
--spectrum-coach-mark-minimum-width: 296px;
--spectrum-coach-mark-maximum-width: 380px;
@@ -2659,9 +3668,6 @@
--spectrum-coach-mark-pagination-text-to-bottom-edge: 33px;
--spectrum-coach-mark-media-height: 222px;
--spectrum-coach-mark-media-minimum-height: 166px;
- --spectrum-coach-mark-title-size: var(--spectrum-heading-size-xs);
- --spectrum-coach-mark-body-size: var(--spectrum-body-size-s);
- --spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-s);
--spectrum-accordion-top-to-text-regular-small: 5px;
--spectrum-accordion-small-top-to-text-spacious: 9px;
--spectrum-accordion-top-to-text-regular-medium: 8px;
@@ -2690,29 +3696,41 @@
--spectrum-color-handle-size: 16px;
--spectrum-color-handle-size-key-focus: 32px;
--spectrum-table-column-header-row-top-to-text-small: 8px;
- --spectrum-table-column-header-row-top-to-text-medium: 7px;
+ --spectrum-table-column-header-row-top-to-text-medium: 6px;
--spectrum-table-column-header-row-top-to-text-large: 10px;
--spectrum-table-column-header-row-top-to-text-extra-large: 13px;
--spectrum-table-column-header-row-bottom-to-text-small: 9px;
--spectrum-table-column-header-row-bottom-to-text-medium: 8px;
--spectrum-table-column-header-row-bottom-to-text-large: 10px;
--spectrum-table-column-header-row-bottom-to-text-extra-large: 13px;
- --spectrum-table-row-height-small-regular: 32px;
- --spectrum-table-row-height-medium-regular: 40px;
- --spectrum-table-row-height-large-regular: 48px;
- --spectrum-table-row-height-extra-large-regular: 56px;
+ --spectrum-table-row-height-small-regular: var(--spectrum-table-row-height-small);
+ --spectrum-table-row-height-small: 32px;
+ --spectrum-table-row-height-medium-regular: var(--spectrum-table-row-height-medium);
+ --spectrum-table-row-height-medium: 40px;
+ --spectrum-table-row-height-large-regular: var(--spectrum-table-row-height-large);
+ --spectrum-table-row-height-large: 48px;
+ --spectrum-table-row-height-extra-large-regular: var(--spectrum-table-row-height-extra-large);
+ --spectrum-table-row-height-extra-large: 56px;
--spectrum-table-row-height-small-spacious: 40px;
--spectrum-table-row-height-medium-spacious: 48px;
--spectrum-table-row-height-large-spacious: 56px;
--spectrum-table-row-height-extra-large-spacious: 64px;
- --spectrum-table-row-top-to-text-small-regular: 8px;
- --spectrum-table-row-top-to-text-medium-regular: 11px;
- --spectrum-table-row-top-to-text-large-regular: 14px;
- --spectrum-table-row-top-to-text-extra-large-regular: 17px;
- --spectrum-table-row-bottom-to-text-small-regular: 9px;
- --spectrum-table-row-bottom-to-text-medium-regular: 12px;
- --spectrum-table-row-bottom-to-text-large-regular: 14px;
- --spectrum-table-row-bottom-to-text-extra-large-regular: 17px;
+ --spectrum-table-row-top-to-text-small-regular: var(--spectrum-table-row-top-to-text-small);
+ --spectrum-table-row-top-to-text-small: 8px;
+ --spectrum-table-row-top-to-text-medium-regular: var(--spectrum-table-row-top-to-text-medium);
+ --spectrum-table-row-top-to-text-medium: 10px;
+ --spectrum-table-row-top-to-text-large-regular: var(--spectrum-table-row-top-to-text-large);
+ --spectrum-table-row-top-to-text-large: 14px;
+ --spectrum-table-row-top-to-text-extra-large-regular: var(--spectrum-table-row-top-to-text-extra-large);
+ --spectrum-table-row-top-to-text-extra-large: 17px;
+ --spectrum-table-row-bottom-to-text-small-regular: var(--spectrum-table-row-bottom-to-text-small);
+ --spectrum-table-row-bottom-to-text-small: 9px;
+ --spectrum-table-row-bottom-to-text-medium-regular: var(--spectrum-table-row-bottom-to-text-medium);
+ --spectrum-table-row-bottom-to-text-medium: 13px;
+ --spectrum-table-row-bottom-to-text-large-regular: var(--spectrum-table-row-bottom-to-text-large);
+ --spectrum-table-row-bottom-to-text-large: 14px;
+ --spectrum-table-row-bottom-to-text-extra-large-regular: var(--spectrum-table-row-bottom-to-text-extra-large);
+ --spectrum-table-row-bottom-to-text-extra-large: 17px;
--spectrum-table-row-top-to-text-small-spacious: 12px;
--spectrum-table-row-top-to-text-medium-spacious: 15px;
--spectrum-table-row-top-to-text-large-spacious: 18px;
@@ -2723,20 +3741,24 @@
--spectrum-table-row-bottom-to-text-extra-large-spacious: 21px;
--spectrum-table-checkbox-to-text: 24px;
--spectrum-table-header-row-checkbox-to-top-small: 10px;
- --spectrum-table-header-row-checkbox-to-top-medium: 9px;
+ --spectrum-table-header-row-checkbox-to-top-medium: 8px;
--spectrum-table-header-row-checkbox-to-top-large: 12px;
--spectrum-table-header-row-checkbox-to-top-extra-large: 15px;
--spectrum-table-row-checkbox-to-top-small-compact: 6px;
- --spectrum-table-row-checkbox-to-top-small-regular: 10px;
+ --spectrum-table-row-checkbox-to-top-small-regular: var(--spectrum-table-row-checkbox-to-top-small);
+ --spectrum-table-row-checkbox-to-top-small: 10px;
--spectrum-table-row-checkbox-to-top-small-spacious: 14px;
- --spectrum-table-row-checkbox-to-top-medium-compact: 9px;
- --spectrum-table-row-checkbox-to-top-medium-regular: 13px;
- --spectrum-table-row-checkbox-to-top-medium-spacious: 17px;
+ --spectrum-table-row-checkbox-to-top-medium-compact: 8px;
+ --spectrum-table-row-checkbox-to-top-medium-regular: var(--spectrum-table-row-checkbox-to-top-medium);
+ --spectrum-table-row-checkbox-to-top-medium: 12px;
+ --spectrum-table-row-checkbox-to-top-medium-spacious: 16px;
--spectrum-table-row-checkbox-to-top-large-compact: 12px;
- --spectrum-table-row-checkbox-to-top-large-regular: 16px;
+ --spectrum-table-row-checkbox-to-top-large-regular: var(--spectrum-table-row-checkbox-to-top-large);
+ --spectrum-table-row-checkbox-to-top-large: 16px;
--spectrum-table-row-checkbox-to-top-large-spacious: 20px;
--spectrum-table-row-checkbox-to-top-extra-large-compact: 15px;
- --spectrum-table-row-checkbox-to-top-extra-large-regular: 19px;
+ --spectrum-table-row-checkbox-to-top-extra-large-regular: var(--spectrum-table-row-checkbox-to-top-extra-large);
+ --spectrum-table-row-checkbox-to-top-extra-large: 19px;
--spectrum-table-row-checkbox-to-top-extra-large-spacious: 23px;
--spectrum-table-section-header-row-height-small: 24px;
--spectrum-table-section-header-row-height-medium: 32px;
@@ -2746,10 +3768,14 @@
--spectrum-table-thumbnail-to-top-minimum-medium-compact: 5px;
--spectrum-table-thumbnail-to-top-minimum-large-compact: 7px;
--spectrum-table-thumbnail-to-top-minimum-extra-large-compact: 8px;
- --spectrum-table-thumbnail-to-top-minimum-small-regular: 5px;
- --spectrum-table-thumbnail-to-top-minimum-medium-regular: 7px;
- --spectrum-table-thumbnail-to-top-minimum-large-regular: 8px;
- --spectrum-table-thumbnail-to-top-minimum-extra-large-regular: 8px;
+ --spectrum-table-thumbnail-to-top-minimum-small-regular: var(--spectrum-table-thumbnail-to-top-minimum-small);
+ --spectrum-table-thumbnail-to-top-minimum-small: 5px;
+ --spectrum-table-thumbnail-to-top-minimum-medium-regular: var(--spectrum-table-thumbnail-to-top-minimum-medium);
+ --spectrum-table-thumbnail-to-top-minimum-medium: 7px;
+ --spectrum-table-thumbnail-to-top-minimum-large-regular: var(--spectrum-table-thumbnail-to-top-minimum-large);
+ --spectrum-table-thumbnail-to-top-minimum-large: 8px;
+ --spectrum-table-thumbnail-to-top-minimum-extra-large-regular: var(--spectrum-table-thumbnail-to-top-minimum-extra-large);
+ --spectrum-table-thumbnail-to-top-minimum-extra-large: 8px;
--spectrum-table-thumbnail-to-top-minimum-small-spacious: 7px;
--spectrum-table-thumbnail-to-top-minimum-medium-spacious: 8px;
--spectrum-table-thumbnail-to-top-minimum-large-spacious: 8px;
@@ -2803,15 +3829,204 @@
--spectrum-side-navigation-with-icon-third-level-edge-to-text: 62px;
--spectrum-side-navigation-item-to-item: 4px;
--spectrum-side-navigation-item-to-header: 24px;
- --spectrum-side-navigation-header-to-item: 8px;
--spectrum-side-navigation-bottom-to-text: 8px;
--spectrum-tray-top-to-content-area: 4px;
+ --spectrum-arrow-icon-size-75: 10px;
+ --spectrum-arrow-icon-size-100: 10px;
+ --spectrum-arrow-icon-size-200: 12px;
+ --spectrum-arrow-icon-size-300: 14px;
+ --spectrum-arrow-icon-size-400: 16px;
+ --spectrum-arrow-icon-size-500: 18px;
+ --spectrum-arrow-icon-size-600: 20px;
+ --spectrum-asterisk-icon-size-100: 8px;
+ --spectrum-asterisk-icon-size-200: 10px;
+ --spectrum-asterisk-icon-size-300: 10px;
+ --spectrum-checkmark-icon-size-50: 10px;
+ --spectrum-checkmark-icon-size-75: 10px;
+ --spectrum-checkmark-icon-size-100: 10px;
+ --spectrum-checkmark-icon-size-200: 12px;
+ --spectrum-checkmark-icon-size-300: 14px;
+ --spectrum-checkmark-icon-size-400: 16px;
+ --spectrum-checkmark-icon-size-500: 16px;
+ --spectrum-checkmark-icon-size-600: 18px;
+ --spectrum-chevron-icon-size-50: 6px;
+ --spectrum-chevron-icon-size-75: 10px;
+ --spectrum-chevron-icon-size-100: 10px;
+ --spectrum-chevron-icon-size-200: 12px;
+ --spectrum-chevron-icon-size-300: 14px;
+ --spectrum-chevron-icon-size-400: 16px;
+ --spectrum-chevron-icon-size-500: 16px;
+ --spectrum-chevron-icon-size-600: 18px;
+ --spectrum-cross-icon-size-75: 8px;
+ --spectrum-cross-icon-size-100: 8px;
+ --spectrum-cross-icon-size-200: 10px;
+ --spectrum-cross-icon-size-300: 12px;
+ --spectrum-cross-icon-size-400: 12px;
+ --spectrum-cross-icon-size-500: 14px;
+ --spectrum-cross-icon-size-600: 16px;
+ --spectrum-dash-icon-size-50: 8px;
+ --spectrum-dash-icon-size-75: 8px;
+ --spectrum-dash-icon-size-100: 10px;
+ --spectrum-dash-icon-size-200: 12px;
+ --spectrum-dash-icon-size-300: 12px;
+ --spectrum-dash-icon-size-400: 14px;
+ --spectrum-dash-icon-size-500: 16px;
+ --spectrum-dash-icon-size-600: 18px;
+ --spectrum-side-navigation-header-to-item: 8px;
+ --spectrum-switch-handle-size-small: 6px;
+ --spectrum-switch-handle-selected-size-small: 8px;
+ --spectrum-switch-handle-selected-size-medium: 10px;
+ --spectrum-switch-handle-selected-size-large: 12px;
+ --spectrum-switch-handle-selected-size-extra-large: 14px;
+ --spectrum-switch-handle-size-medium: 8px;
+ --spectrum-switch-handle-size-large: 10px;
+ --spectrum-switch-handle-size-extra-large: 12px;
+ --spectrum-tag-label-to-clear-icon-small: 8px;
+ --spectrum-tag-label-to-clear-icon-medium: 12px;
+ --spectrum-tag-label-to-clear-icon-large: 15px;
+ --spectrum-tag-edge-to-clear-icon-small: 8px;
+ --spectrum-tag-edge-to-clear-icon-medium: 12px;
+ --spectrum-tag-edge-to-clear-icon-large: 15px;
+ --spectrum-opacity-checkerboard-square-size-small: 4px;
+ --spectrum-alert-banner-top-to-alert-icon: 37px;
--spectrum-accordion-top-to-text-spacious-small: 9px;
- --spectrum-text-to-visual-50: 6px;
- --spectrum-text-to-visual-75: 7px;
- --spectrum-text-to-visual-100: 8px;
- --spectrum-text-to-visual-200: 9px;
- --spectrum-text-to-visual-300: 10px;
+ --spectrum-field-default-width-small: 192px;
+ --spectrum-field-default-width-medium: 208px;
+ --spectrum-field-default-width-large: 224px;
+ --spectrum-field-default-width-extra-large: 240px;
+ --spectrum-tag-minimum-width-small: 21px;
+ --spectrum-tag-minimum-width-medium: 27px;
+ --spectrum-tag-minimum-width-large: 33px;
+ --spectrum-in-field-button-edge-to-fill-small: 4px;
+ --spectrum-in-field-button-edge-to-fill-extra-large: 8px;
+ --spectrum-in-field-progress-circle-edge-to-fill: 1px;
+ --spectrum-in-field-progress-circle-size-75: 16px;
+ --spectrum-in-field-progress-circle-size-100: 20px;
+ --spectrum-in-field-progress-circle-size-200: 22px;
+ --spectrum-in-field-progress-circle-size-300: 26px;
+ --spectrum-alert-dialog-description-font-size: var(--spectrum-body-size-m);
+ --spectrum-alert-dialog-title-font-size: var(--spectrum-title-size-xxl);
+ --spectrum-coach-mark-body-font-size: var(--spectrum-body-size-m);
+ --spectrum-coach-mark-pagination-body-font-size: var(--spectrum-body-size-s);
+ --spectrum-coach-mark-title-font-size: var(--spectrum-title-size-m);
+ --spectrum-standard-dialog-title-font-size: var(--spectrum-title-size-xxl);
+ --spectrum-standard-dialog-body-font-size: var(--spectrum-body-size-m);
+ --spectrum-link-out-icon-size-75: 10px;
+ --spectrum-link-out-icon-size-100: 12px;
+ --spectrum-link-out-icon-size-200: 14px;
+ --spectrum-menu-item-top-to-thumbnail-small: 8px;
+ --spectrum-menu-item-top-to-thumbnail-medium: 9px;
+ --spectrum-menu-item-top-to-thumbnail-large: 10px;
+ --spectrum-menu-item-top-to-thumbnail-extra-large: 11px;
+ --spectrum-illustrated-message-small-title-font-size: var(--spectrum-title-size-m);
+ --spectrum-illustrated-message-small-cjk-title-font-size: var(--spectrum-title-cjk-size-m);
+ --spectrum-illustrated-message-medium-title-font-size: var(--spectrum-title-size-xl);
+ --spectrum-illustrated-message-medium-cjk-title-font-size: var(--spectrum-title-cjk-size-xl);
+ --spectrum-illustrated-message-large-title-font-size: var(--spectrum-title-size-xxl);
+ --spectrum-illustrated-message-large-cjk-title-font-size: var(--spectrum-title-cjk-size-xxl);
+ --spectrum-illustrated-message-medium-body-font-size: var(--spectrum-body-size-s);
+ --spectrum-illustrated-message-large-body-font-size: var(--spectrum-body-size-s);
+ --spectrum-breadcrumbs-separator-to-bottom-text-multiline: 11px;
+ --spectrum-breadcrumbs-start-edge-to-text-large: 9px;
+ --spectrum-breadcrumbs-start-edge-to-text-medium: 6px;
+ --spectrum-breadcrumbs-start-edge-to-text-multiline: 4px;
+ --spectrum-breadcrumbs-top-to-separator-large: 15px;
+ --spectrum-breadcrumbs-top-to-separator-medium: 11px;
+ --spectrum-breadcrumbs-top-to-separator-multiline: 7px;
+ --spectrum-breadcrumbs-text-to-separator-large: 9px;
+ --spectrum-breadcrumbs-text-to-separator-medium: 6px;
+ --spectrum-breadcrumbs-text-to-separator-multiline: 4px;
+ --spectrum-contextual-help-body-font-size: var(--spectrum-body-size-s);
+ --spectrum-contextual-help-title-font-size: var(--spectrum-title-size-m);
+ --spectrum-accordion-content-area-edge-to-content-small: 8px;
+ --spectrum-accordion-content-area-edge-to-content-medium: 9px;
+ --spectrum-accordion-content-area-edge-to-content-large: 12px;
+ --spectrum-accordion-content-area-edge-to-content-extra-large: 15px;
+ --spectrum-accordion-disclosure-indicator-to-text-small: 7px;
+ --spectrum-accordion-disclosure-indicator-to-text-medium: 11px;
+ --spectrum-accordion-disclosure-indicator-to-text-large: 14px;
+ --spectrum-accordion-disclosure-indicator-to-text-extra-large: 17px;
+ --spectrum-meter-thickness-medium: 6px;
+ --spectrum-meter-thickness-extra-large: 10px;
+ --spectrum-avatar-to-avatar-50: -4px;
+ --spectrum-avatar-to-avatar-75: -5px;
+ --spectrum-avatar-to-avatar-100: -6px;
+ --spectrum-avatar-to-avatar-200: -7px;
+ --spectrum-avatar-to-avatar-300: -8px;
+ --spectrum-avatar-to-avatar-400: -9px;
+ --spectrum-avatar-to-avatar-500: -10px;
+ --spectrum-select-box-horizontal-minimum-height: 80px;
+ --spectrum-select-box-horizontal-width: 368px;
+ --spectrum-select-box-vertical-height: 170px;
+ --spectrum-select-box-edge-to-checkbox: 12px;
+ --spectrum-select-box-horizontal-end-to-content: 32px;
+ --spectrum-select-box-horizontal-illustration-to-label: 10px;
+ --spectrum-select-box-horizontal-label-to-description: 2px;
+ --spectrum-select-box-horizontal-start-to-content: 24px;
+ --spectrum-select-box-horizontal-top-to-content: 16px;
+ --spectrum-select-box-top-to-checkbox: 4px;
+ --spectrum-select-box-vertical-edge-to-content: 24px;
+ --spectrum-select-box-vertical-illustration-to-label: 8px;
+ --spectrum-slider-control-to-field-label-editable-small: -4px;
+ --spectrum-slider-control-to-field-label-editable-medium: -12px;
+ --spectrum-slider-control-to-field-label-editable-large: -16px;
+ --spectrum-slider-control-to-field-label-editable-extra-large: -20px;
+ --spectrum-slider-control-to-field-label-side-small: 16px;
+ --spectrum-slider-control-to-field-label-side-medium: 16px;
+ --spectrum-slider-control-to-field-label-side-large: 20px;
+ --spectrum-slider-control-to-field-label-side-extra-large: 24px;
+ --spectrum-slider-control-to-text-field-small: 16px;
+ --spectrum-slider-control-to-text-field-medium: 16px;
+ --spectrum-slider-control-to-text-field-large: 20px;
+ --spectrum-slider-control-to-text-field-extra-large: 24px;
+ --spectrum-slider-handle-height-precision-small: 20px;
+ --spectrum-slider-handle-height-precision-medium: 22px;
+ --spectrum-slider-handle-height-precision-large: 24px;
+ --spectrum-slider-handle-height-precision-extra-large: 26px;
+ --spectrum-slider-handle-small: 18px;
+ --spectrum-slider-handle-medium: 20px;
+ --spectrum-slider-handle-large: 22px;
+ --spectrum-slider-handle-extra-large: 24px;
+ --spectrum-in-field-stepper-to-end-small: 0px;
+ --spectrum-in-field-stepper-to-end-extra-large: 4px;
+ --spectrum-number-field-with-stepper-minimum-width-small: 104px;
+ --spectrum-number-field-with-stepper-minimum-width-medium: 120px;
+ --spectrum-number-field-with-stepper-minimum-width-large: 144px;
+ --spectrum-number-field-with-stepper-minimum-width-extra-large: 168px;
+ --spectrum-number-field-visual-to-in-field-stepper-small: 5px;
+ --spectrum-number-field-visual-to-in-field-stepper-medium: 6px;
+ --spectrum-number-field-visual-to-in-field-stepper-large: 7px;
+ --spectrum-number-field-visual-to-in-field-stepper-extra-large: 8px;
+ --spectrum-tree-view-disclosure-indicator-height: 32px;
+ --spectrum-tree-view-disclosure-indicator-width: 34px;
+ --spectrum-tree-view-minimum-height: 40px;
+ --spectrum-tree-view-minimum-width: 160px;
+ --spectrum-tree-view-bottom-to-label: 12px;
+ --spectrum-tree-view-drag-handle-to-checkbox: 8px;
+ --spectrum-tree-view-edge-to-checkbox: 12px;
+ --spectrum-tree-view-edge-to-drag-handle: 4px;
+ --spectrum-tree-view-end-edge-to-action-area: 6px;
+ --spectrum-tree-view-item-to-header: 24px;
+ --spectrum-tree-view-label-to-action-area: 6px;
+ --spectrum-tree-view-level-increment: 16px;
+ --spectrum-tree-view-minimum-top-to-context-area: 8px;
+ --spectrum-tree-view-top-to-action-button: 4px;
+ --spectrum-tree-view-top-to-checkbox: 4px;
+ --spectrum-tree-view-top-to-disclosure-indicator: 15px;
+ --spectrum-tree-view-top-to-drag-handle: 15px;
+ --spectrum-tree-view-top-to-label: 10px;
+ --spectrum-workflow-icon-size-50: 14px;
+ --spectrum-workflow-icon-size-75: 16px;
+ --spectrum-workflow-icon-size-100: 20px;
+ --spectrum-workflow-icon-size-200: 22px;
+ --spectrum-workflow-icon-size-300: 26px;
+ --spectrum-text-to-visual-50: 5px;
+ --spectrum-text-to-visual-75: 5px;
+ --spectrum-text-to-visual-100: 6px;
+ --spectrum-text-to-visual-200: 7px;
+ --spectrum-text-to-visual-300: 8px;
+ --spectrum-text-to-visual-400: 9px;
+ --spectrum-text-to-control-50: 4px;
--spectrum-text-to-control-75: 9px;
--spectrum-text-to-control-100: 10px;
--spectrum-text-to-control-200: 11px;
@@ -2828,9 +4043,9 @@
--spectrum-component-pill-edge-to-visual-200: 18px;
--spectrum-component-pill-edge-to-visual-300: 21px;
--spectrum-component-pill-edge-to-visual-only-75: 4px;
- --spectrum-component-pill-edge-to-visual-only-100: 7px;
- --spectrum-component-pill-edge-to-visual-only-200: 10px;
- --spectrum-component-pill-edge-to-visual-only-300: 13px;
+ --spectrum-component-pill-edge-to-visual-only-100: 6px;
+ --spectrum-component-pill-edge-to-visual-only-200: 9px;
+ --spectrum-component-pill-edge-to-visual-only-300: 11px;
--spectrum-component-pill-edge-to-text-75: 12px;
--spectrum-component-pill-edge-to-text-100: 16px;
--spectrum-component-pill-edge-to-text-200: 20px;
@@ -2842,9 +4057,9 @@
--spectrum-component-edge-to-visual-300: 15px;
--spectrum-component-edge-to-visual-only-50: 3px;
--spectrum-component-edge-to-visual-only-75: 4px;
- --spectrum-component-edge-to-visual-only-100: 7px;
- --spectrum-component-edge-to-visual-only-200: 10px;
- --spectrum-component-edge-to-visual-only-300: 13px;
+ --spectrum-component-edge-to-visual-only-100: 6px;
+ --spectrum-component-edge-to-visual-only-200: 9px;
+ --spectrum-component-edge-to-visual-only-300: 11px;
--spectrum-component-edge-to-text-50: 8px;
--spectrum-component-edge-to-text-75: 9px;
--spectrum-component-edge-to-text-100: 12px;
@@ -2852,9 +4067,9 @@
--spectrum-component-edge-to-text-300: 18px;
--spectrum-component-top-to-workflow-icon-50: 3px;
--spectrum-component-top-to-workflow-icon-75: 4px;
- --spectrum-component-top-to-workflow-icon-100: 7px;
- --spectrum-component-top-to-workflow-icon-200: 10px;
- --spectrum-component-top-to-workflow-icon-300: 13px;
+ --spectrum-component-top-to-workflow-icon-100: 6px;
+ --spectrum-component-top-to-workflow-icon-200: 9px;
+ --spectrum-component-top-to-workflow-icon-300: 11px;
--spectrum-component-top-to-text-50: 3px;
--spectrum-component-top-to-text-75: 4px;
--spectrum-component-top-to-text-100: 6px;
@@ -2890,9 +4105,9 @@
--spectrum-field-top-to-validation-icon-large: 14px;
--spectrum-field-top-to-validation-icon-extra-large: 17px;
--spectrum-field-top-to-progress-circle-small: 4px;
- --spectrum-field-top-to-progress-circle-medium: 8px;
- --spectrum-field-top-to-progress-circle-large: 12px;
- --spectrum-field-top-to-progress-circle-extra-large: 16px;
+ --spectrum-field-top-to-progress-circle-medium: 6px;
+ --spectrum-field-top-to-progress-circle-large: 9px;
+ --spectrum-field-top-to-progress-circle-extra-large: 11px;
--spectrum-field-edge-to-alert-icon-small: 9px;
--spectrum-field-edge-to-alert-icon-medium: 12px;
--spectrum-field-edge-to-alert-icon-large: 15px;
@@ -2909,16 +4124,12 @@
--spectrum-field-text-to-validation-icon-medium: 12px;
--spectrum-field-text-to-validation-icon-large: 15px;
--spectrum-field-text-to-validation-icon-extra-large: 18px;
- --spectrum-field-width: 192px;
+ --spectrum-field-width: var(--spectrum-field-width-small);
--spectrum-character-count-to-field-quiet-small: -3px;
--spectrum-character-count-to-field-quiet-medium: -3px;
--spectrum-character-count-to-field-quiet-large: -3px;
--spectrum-character-count-to-field-quiet-extra-large: -4px;
--spectrum-side-label-character-count-to-field: 12px;
- --spectrum-side-label-character-count-top-margin-small: 4px;
- --spectrum-side-label-character-count-top-margin-medium: 8px;
- --spectrum-side-label-character-count-top-margin-large: 11px;
- --spectrum-side-label-character-count-top-margin-extra-large: 14px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-small: 7px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-medium: 11px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-large: 14px;
@@ -2928,6 +4139,11 @@
--spectrum-navigational-indicator-top-to-back-icon-large: 12px;
--spectrum-navigational-indicator-top-to-back-icon-extra-large: 15px;
--spectrum-color-control-track-width: 24px;
+ --spectrum-corner-triangle-icon-size-75: 5px;
+ --spectrum-corner-triangle-icon-size-100: 5px;
+ --spectrum-corner-triangle-icon-size-200: 6px;
+ --spectrum-corner-triangle-icon-size-300: 7px;
+ --spectrum-font-size-25: 10px;
--spectrum-font-size-50: 11px;
--spectrum-font-size-75: 12px;
--spectrum-font-size-100: 14px;
@@ -2941,772 +4157,115 @@
--spectrum-font-size-900: 36px;
--spectrum-font-size-1000: 40px;
--spectrum-font-size-1100: 45px;
- --spectrum-font-size-1200: 50px;
- --spectrum-font-size-1300: 60px;
-}
-.spectrum--dark {
- --spectrum-menu-item-background-color-default-rgb: 255, 255, 255;
- --spectrum-menu-item-background-color-default-opacity: 0;
- --spectrum-menu-item-background-color-default: rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
- --spectrum-menu-item-background-color-hover: var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-down: var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-key-focus: var(--spectrum-transparent-white-200);
- --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb);
- --spectrum-dropindicator-color: var(--spectrum-blue-700);
-
- --spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
- --spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-white-rgb), 0.07);
- --spectrum-calendar-day-today-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-calendar-day-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-calendar-day-background-color-down: var(--spectrum-transparent-white-200);
- --spectrum-calendar-day-background-color-cap-selected: rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-calendar-day-background-color-key-focus: rgba(var(--spectrum-white-rgb), 0.07);
- --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700);
+ --spectrum-font-size-1200: 51px;
+ --spectrum-font-size-1300: 58px;
+ --spectrum-font-size-1400: 65px;
+ --spectrum-font-size-1500: 73px;
+ --scale: medium;
- --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb);
+ --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-100);
+ --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-100);
+ --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-100);
+ --spectrum-alert-banner-text-to-button-vertical: var(--spectrum-spacing-100);
- --spectrum-badge-label-icon-color-primary: var(--spectrum-black);
+ --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-700);
+ --spectrum-alert-dialog-padding: var(--spectrum-spacing-500);
- --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
- --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
+ --spectrum-assetcard-content-font-size: var(--spectrum-body-size-s);
+ --spectrum-assetcard-focus-ring-border-radius: 8px;
+ --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xs);
+ --spectrum-assetcard-selectionindicator-margin: 12px;
+ --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xs);
- --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
+ --spectrum-button-bottom-to-text-small: 4px;
+ --spectrum-button-bottom-to-text-medium: 8px;
+ --spectrum-button-bottom-to-text-large: 10px;
+ --spectrum-button-bottom-to-text-extra-large: 13px;
+ --spectrum-button-top-to-text-small: 5px;
+ --spectrum-button-top-to-text-medium: 7px;
+ --spectrum-button-top-to-text-large: 10px;
+ --spectrum-button-top-to-text-extra-large: 13px;
- --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700);
+ --spectrum-coach-indicator-gap: 6px;
+ --spectrum-coach-indicator-ring-diameter: var(--spectrum-spacing-300);
+ --spectrum-coach-indicator-quiet-ring-diameter: var(--spectrum-spacing-100);
- --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.07);
- --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
+ --spectrum-coachmark-buttongroup-display: flex;
+ --spectrum-coachmark-buttongroup-mobile-display: none;
+ --spectrum-coachmark-menu-display: inline-flex;
+ --spectrum-coachmark-menu-mobile-display: none;
- --spectrum-logic-button-and-background-color: var(--spectrum-blue-800);
- --spectrum-logic-button-and-border-color: var(--spectrum-blue-800);
- --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000);
- --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000);
+ --spectrum-colorloupe-checkerboard-fill: url(#checkerboard-primary);
- --spectrum-logic-button-or-background-color: var(--spectrum-magenta-700);
- --spectrum-logic-button-or-border-color: var(--spectrum-magenta-700);
- --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900);
- --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900);
+ --spectrum-colorwheel-colorarea-container-size: 144px;
+ --spectrum-colorwheel-path: "M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0";
+ --spectrum-colorwheel-path-borders: "M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
- --spectrum-assetcard-border-color-selected: var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900);
- --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800);
- --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700);
+ --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-100);
- --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.25);
- --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
- --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
+ --spectrum-datepicker-dash-line-height: 24px;
+ --spectrum-datepicker-datetime-width-first: 36px;
+ --spectrum-datepicker-generic-padding: var(--spectrum-spacing-200);
+ --spectrum-datepicker-initial-width: 128px;
+ --spectrum-datepicker-input-datetime-width: var(--spectrum-spacing-400);
+ --spectrum-datepicker-invalid-icon-to-button: 8px;
+ --spectrum-datepicker-invalid-icon-to-button-quiet: 7px;
+ --spectrum-datepicker-width-quiet-first: 72px;
+ --spectrum-datepicker-width-quiet-second: 16px;
- --spectrum-swatch-border-color-rgb: 255, 255, 255;
+ --spectrum-dial-border-radius: 16px;
+ --spectrum-dial-controls-margin: 8px;
+ --spectrum-dial-handle-block-margin: 16px;
+ --spectrum-dial-handle-inline-margin: 16px;
+ --spectrum-dial-handle-position: 8px;
+ --spectrum-dial-label-container-top-to-text: 4px;
+ --spectrum-dial-label-gap-y: 5px;
- --spectrum-swatch-border-color-opacity: 0.51;
+ --spectrum-dialog-confirm-border-radius: 4px;
+ --spectrum-dialog-confirm-description-text-size: 14px;
+ --spectrum-dialog-confirm-entry-animation-distance: 20px;
+ --spectrum-dialog-confirm-hero-height: 128px;
+ --spectrum-dialog-confirm-padding-grid: 40px;
+ --spectrum-dialog-confirm-title-text-size: 18px;
- --spectrum-swatch-border-color: rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
- --spectrum-swatch-border-color-light-rgb: 255, 255, 255;
- --spectrum-swatch-border-color-light-opacity: 0.2;
- --spectrum-swatch-border-color-light: rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
-}
-.spectrum--darkest {
- --spectrum-menu-item-background-color-default-rgb: 255, 255, 255;
- --spectrum-menu-item-background-color-default-opacity: 0;
- --spectrum-menu-item-background-color-default: rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
- --spectrum-menu-item-background-color-hover: var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-down: var(--spectrum-transparent-white-200);
- --spectrum-menu-item-background-color-key-focus: var(--spectrum-transparent-white-200);
- --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb);
- --spectrum-dropindicator-color: var(--spectrum-blue-700);
+ --spectrum-menu-item-checkmark-height-small: 10px;
+ --spectrum-menu-item-checkmark-height-medium: 10px;
+ --spectrum-menu-item-checkmark-height-large: 12px;
+ --spectrum-menu-item-checkmark-height-extra-large: 14px;
+ --spectrum-menu-item-checkmark-width-small: 10px;
+ --spectrum-menu-item-checkmark-width-medium: 10px;
+ --spectrum-menu-item-checkmark-width-large: 12px;
+ --spectrum-menu-item-checkmark-width-extra-large: 14px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-small: 28px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-medium: 32px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-large: 38px;
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large: 45px;
- --spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.2);
- --spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-white-rgb), 0.08);
- --spectrum-calendar-day-today-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-down: rgba(var(--spectrum-white-rgb), 0.15);
- --spectrum-calendar-day-background-color-cap-selected: rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-calendar-day-background-color-key-focus: rgba(var(--spectrum-white-rgb), 0.08);
- --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700);
+ --spectrum-pagination-item-inline-spacing: 5px;
+ --spectrum-pagination-textfield-width: var(--spectrum-spacing-700);
- --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-600-rgb);
+ --spectrum-rating-icon-spacing: var(--spectrum-spacing-75);
- --spectrum-badge-label-icon-color-primary: var(--spectrum-black);
-
- --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
- --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
-
- --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700);
-
- --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.08);
- --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.2);
-
- --spectrum-logic-button-and-background-color: var(--spectrum-blue-800);
- --spectrum-logic-button-and-border-color: var(--spectrum-blue-800);
- --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000);
- --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000);
-
- --spectrum-logic-button-or-background-color: var(--spectrum-magenta-700);
- --spectrum-logic-button-or-border-color: var(--spectrum-magenta-700);
- --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900);
- --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900);
-
- --spectrum-assetcard-border-color-selected: var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800);
- --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900);
- --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800);
- --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700);
-
- --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.3);
- --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.2);
- --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
-
- --spectrum-swatch-border-color-rgb: 255, 255, 255;
-
- --spectrum-swatch-border-color-opacity: 0.51;
-
- --spectrum-swatch-border-color: rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
- --spectrum-swatch-border-color-light-rgb: 255, 255, 255;
- --spectrum-swatch-border-color-light-opacity: 0.2;
- --spectrum-swatch-border-color-light: rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
-}
-.spectrum {
- --spectrum-neutral-background-color-selected-default: var(--spectrum-gray-700);
- --spectrum-neutral-background-color-selected-hover: var(--spectrum-gray-800);
- --spectrum-neutral-background-color-selected-down: var(--spectrum-gray-900);
- --spectrum-neutral-background-color-selected-key-focus: var(--spectrum-gray-800);
- --spectrum-slider-track-thickness: 2px;
- --spectrum-slider-handle-gap: 4px;
- --spectrum-picker-border-width: var(--spectrum-border-width-100);
- --spectrum-in-field-button-fill-stacked-inner-border-rounding: 0px;
- --spectrum-in-field-button-edge-to-fill: 0px;
- --spectrum-in-field-button-stacked-inner-edge-to-fill: 0px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium: 3px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large: 4px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large: 5px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small);
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium);
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large);
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large);
- --spectrum-corner-radius-75: 2px;
- --spectrum-drop-shadow-x: 0px;
- --spectrum-border-width-100: 1px;
- --spectrum-accent-color-100: var(--spectrum-blue-100);
- --spectrum-accent-color-200: var(--spectrum-blue-200);
- --spectrum-accent-color-300: var(--spectrum-blue-300);
- --spectrum-accent-color-400: var(--spectrum-blue-400);
- --spectrum-accent-color-500: var(--spectrum-blue-500);
- --spectrum-accent-color-600: var(--spectrum-blue-600);
- --spectrum-accent-color-700: var(--spectrum-blue-700);
- --spectrum-accent-color-800: var(--spectrum-blue-800);
- --spectrum-accent-color-900: var(--spectrum-blue-900);
- --spectrum-accent-color-1000: var(--spectrum-blue-1000);
- --spectrum-accent-color-1100: var(--spectrum-blue-1100);
- --spectrum-accent-color-1200: var(--spectrum-blue-1200);
- --spectrum-accent-color-1300: var(--spectrum-blue-1300);
- --spectrum-accent-color-1400: var(--spectrum-blue-1400);
- --spectrum-heading-sans-serif-font-weight: var(--spectrum-bold-font-weight);
- --spectrum-heading-serif-font-weight: var(--spectrum-bold-font-weight);
- --spectrum-heading-cjk-font-weight: var(--spectrum-extra-bold-font-weight);
- --spectrum-heading-sans-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
- --spectrum-heading-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
- --system: spectrum;
- --spectrum-animation-linear: cubic-bezier(0, 0, 1, 1);
- --spectrum-animation-duration-0: 0ms;
- --spectrum-animation-duration-100: 130ms;
- --spectrum-animation-duration-200: 160ms;
- --spectrum-animation-duration-300: 190ms;
- --spectrum-animation-duration-400: 220ms;
- --spectrum-animation-duration-500: 250ms;
- --spectrum-animation-duration-600: 300ms;
- --spectrum-animation-duration-700: 350ms;
- --spectrum-animation-duration-800: 400ms;
- --spectrum-animation-duration-900: 450ms;
- --spectrum-animation-duration-1000: 500ms;
- --spectrum-animation-duration-2000: 1000ms;
- --spectrum-animation-duration-4000: 2000ms;
- --spectrum-animation-duration-6000: 3000ms;
- --spectrum-animation-ease-in-out: cubic-bezier(0.45, 0, 0.4, 1);
- --spectrum-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
- --spectrum-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
- --spectrum-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
-
- --spectrum-sans-font-family-stack: adobe-clean, var(--spectrum-sans-serif-font-family), "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
- --spectrum-sans-serif-font: var(--spectrum-sans-font-family-stack);
-
- --spectrum-serif-font-family-stack: adobe-clean-serif, var(--spectrum-serif-font-family), "Source Serif Pro", Georgia, serif;
- --spectrum-serif-font: var(--spectrum-serif-font-family-stack);
-
- --spectrum-code-font-family-stack: "Source Code Pro", Monaco, monospace;
-
- --spectrum-font-family-ar: myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
- --spectrum-font-family-he: myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
-
- --spectrum-font-family: var(--spectrum-sans-font-family-stack);
- --spectrum-font-style: var(--spectrum-default-font-style);
- --spectrum-font-size: var(--spectrum-font-size-100);
-
- --spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
- --spectrum-cjk-font: var(--spectrum-code-font-family-stack);
- --spectrum-docs-static-white-background-color-rgb: 15, 121, 125;
- --spectrum-docs-static-white-background-color: rgba(var(--spectrum-docs-static-white-background-color-rgb));
- --spectrum-docs-static-black-background-color-rgb: 181, 209, 211;
- --spectrum-docs-static-black-background-color: rgba(var(--spectrum-docs-static-black-background-color-rgb));
-
- --spectrum-coach-indicator-ring-static-white-color: var(--spectrum-white);
-}
-.spectrum--large {
- --spectrum-checkbox-control-size-small: 16px;
- --spectrum-checkbox-control-size-medium: 18px;
- --spectrum-checkbox-control-size-large: 20px;
- --spectrum-checkbox-control-size-extra-large: 22px;
- --spectrum-checkbox-top-to-control-small: 7px;
- --spectrum-checkbox-top-to-control-medium: 11px;
- --spectrum-checkbox-top-to-control-large: 15px;
- --spectrum-checkbox-top-to-control-extra-large: 19px;
- --spectrum-switch-control-width-small: 32px;
- --spectrum-switch-control-width-medium: 36px;
- --spectrum-switch-control-width-large: 41px;
- --spectrum-switch-control-width-extra-large: 46px;
- --spectrum-switch-control-height-small: 16px;
- --spectrum-switch-control-height-medium: 18px;
- --spectrum-switch-control-height-large: 20px;
- --spectrum-switch-control-height-extra-large: 22px;
- --spectrum-switch-top-to-control-small: 7px;
- --spectrum-switch-top-to-control-medium: 11px;
- --spectrum-switch-top-to-control-large: 15px;
- --spectrum-switch-top-to-control-extra-large: 19px;
- --spectrum-radio-button-control-size-small: 16px;
- --spectrum-radio-button-control-size-medium: 18px;
- --spectrum-radio-button-control-size-large: 20px;
- --spectrum-radio-button-control-size-extra-large: 22px;
- --spectrum-radio-button-top-to-control-small: 7px;
- --spectrum-radio-button-top-to-control-medium: 11px;
- --spectrum-radio-button-top-to-control-large: 15px;
- --spectrum-radio-button-top-to-control-extra-large: 19px;
- --spectrum-slider-control-height-small: 18px;
- --spectrum-slider-control-height-medium: 20px;
- --spectrum-slider-control-height-large: 22px;
- --spectrum-slider-control-height-extra-large: 26px;
- --spectrum-slider-handle-size-small: 18px;
- --spectrum-slider-handle-size-medium: 20px;
- --spectrum-slider-handle-size-large: 22px;
- --spectrum-slider-handle-size-extra-large: 26px;
- --spectrum-slider-handle-border-width-down-small: 7px;
- --spectrum-slider-handle-border-width-down-medium: 8px;
- --spectrum-slider-handle-border-width-down-large: 9px;
- --spectrum-slider-handle-border-width-down-extra-large: 11px;
- --spectrum-slider-bottom-to-handle-small: 6px;
- --spectrum-slider-bottom-to-handle-medium: 10px;
- --spectrum-slider-bottom-to-handle-large: 14px;
- --spectrum-slider-bottom-to-handle-extra-large: 17px;
- --spectrum-corner-radius-100: 5px;
- --spectrum-corner-radius-200: 10px;
- --spectrum-drop-shadow-y: 2px;
- --spectrum-drop-shadow-blur: 6px;
- --spectrum-slider-tick-mark-height: 13px;
- --spectrum-slider-ramp-track-height: 20px;
-
- --spectrum-colorwheel-path: "M 119 119 m -119 0 a 119 119 0 1 0 238 0 a 119 119 0 1 0 -238 0.2 M 119 119 m -91 0 a 91 91 0 1 0 182 0 a 91 91 0 1 0 -182 0";
- --spectrum-colorwheel-path-borders: "M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
- --spectrum-colorwheel-colorarea-container-size: 182px;
-
- --spectrum-colorloupe-checkerboard-fill: url(#checkerboard-secondary);
-
- --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-200);
-
- --spectrum-menu-item-selectable-edge-to-text-not-selected-small: 34px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-medium: 42px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-large: 47px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large: 54px;
-
- --spectrum-menu-item-checkmark-height-small: 12px;
- --spectrum-menu-item-checkmark-height-medium: 14px;
- --spectrum-menu-item-checkmark-height-large: 16px;
- --spectrum-menu-item-checkmark-height-extra-large: 16px;
-
- --spectrum-menu-item-checkmark-width-small: 12px;
- --spectrum-menu-item-checkmark-width-medium: 14px;
- --spectrum-menu-item-checkmark-width-large: 16px;
- --spectrum-menu-item-checkmark-width-extra-large: 16px;
-
- --spectrum-rating-icon-spacing: var(--spectrum-spacing-100);
-
- --spectrum-button-top-to-text-small: 6px;
- --spectrum-button-bottom-to-text-small: 5px;
- --spectrum-button-top-to-text-medium: 9px;
- --spectrum-button-bottom-to-text-medium: 10px;
- --spectrum-button-top-to-text-large: 12px;
- --spectrum-button-bottom-to-text-large: 13px;
- --spectrum-button-top-to-text-extra-large: 16px;
- --spectrum-button-bottom-to-text-extra-large: 17px;
-
- --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-200);
- --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-200);
- --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-200);
- --spectrum-alert-banner-text-to-button-vertical: var(--spectrum-spacing-200);
-
- --spectrum-alert-dialog-padding: var(--spectrum-spacing-400);
- --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-600);
-
- --spectrum-coach-indicator-gap: 8px;
- --spectrum-coach-indicator-ring-diameter: 20px;
- --spectrum-coach-indicator-quiet-ring-diameter: 10px;
-
- --spectrum-coachmark-buttongroup-display: none;
- --spectrum-coachmark-buttongroup-mobile-display: flex;
- --spectrum-coachmark-menu-display: none;
- --spectrum-coachmark-menu-mobile-display: inline-flex;
-
- --spectrum-well-padding: 20px;
- --spectrum-well-margin-top: 5px;
- --spectrum-well-min-width: 300px;
- --spectrum-well-border-radius: 5px;
- --spectrum-workflow-icon-size-xxl: 40px;
- --spectrum-workflow-icon-size-xxs: 15px;
-
- --spectrum-treeview-item-indentation-medium: 20px;
- --spectrum-treeview-item-indentation-small: 15px;
- --spectrum-treeview-item-indentation-large: 25px;
- --spectrum-treeview-item-indentation-extra-large: 30px;
- --spectrum-treeview-indicator-inset-block-start: 6px;
- --spectrum-treeview-item-min-block-size-thumbnail-offset-medium: 2px;
-
- --spectrum-dialog-confirm-entry-animation-distance: 25px;
- --spectrum-dialog-confirm-hero-height: 160px;
- --spectrum-dialog-confirm-border-radius: 5px;
- --spectrum-dialog-confirm-title-text-size: 19px;
- --spectrum-dialog-confirm-description-text-size: 15px;
- --spectrum-dialog-confirm-padding-grid: 24px;
-
- --spectrum-datepicker-initial-width: 160px;
- --spectrum-datepicker-generic-padding: 15px;
- --spectrum-datepicker-dash-line-height: 30px;
- --spectrum-datepicker-width-quiet-first: 90px;
- --spectrum-datepicker-width-quiet-second: 20px;
- --spectrum-datepicker-datetime-width-first: 45px;
- --spectrum-datepicker-invalid-icon-to-button: 10px;
- --spectrum-datepicker-invalid-icon-to-button-quiet: 9px;
- --spectrum-datepicker-input-datetime-width: 30px;
-
- --spectrum-pagination-textfield-width: 60px;
- --spectrum-pagination-item-inline-spacing: 6px;
-
- --spectrum-dial-border-radius: 20px;
- --spectrum-dial-handle-position: 10px;
- --spectrum-dial-handle-block-margin: 20px;
- --spectrum-dial-handle-inline-margin: 20px;
- --spectrum-dial-controls-margin: 10px;
- --spectrum-dial-label-gap-y: 6px;
- --spectrum-dial-label-container-top-to-text: 5px;
-
- --spectrum-assetcard-focus-ring-border-radius: 9px;
- --spectrum-assetcard-selectionindicator-margin: 15px;
- --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xxs);
- --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xxs);
- --spectrum-assetcard-content-font-size: var(--spectrum-body-size-xs);
-
- --spectrum-tooltip-animation-distance: 5px;
-
- --spectrum-ui-icon-medium-display: none;
- --spectrum-ui-icon-large-display: block;
-}
-.spectrum--light,
-.spectrum--lightest {
- --spectrum-menu-item-background-color-default-rgb: 0, 0, 0;
- --spectrum-menu-item-background-color-default-opacity: 0;
- --spectrum-menu-item-background-color-default: rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
- --spectrum-menu-item-background-color-hover: var(--spectrum-transparent-black-200);
- --spectrum-menu-item-background-color-down: var(--spectrum-transparent-black-200);
- --spectrum-menu-item-background-color-key-focus: var(--spectrum-transparent-black-200);
- --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-800-rgb);
- --spectrum-dropindicator-color: var(--spectrum-blue-800);
-
- --spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
- --spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-black-rgb), 0.06);
- --spectrum-calendar-day-today-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-calendar-day-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-calendar-day-background-color-down: var(--spectrum-transparent-black-200);
- --spectrum-calendar-day-background-color-cap-selected: rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-calendar-day-background-color-key-focus: rgba(var(--spectrum-black-rgb), 0.06);
- --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-800);
-
- --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-900-rgb);
-
- --spectrum-badge-label-icon-color-primary: var(--spectrum-white);
-
- --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800);
- --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
- --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
-
- --spectrum-well-border-color: var(--spectrum-black);
-
- --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-800);
-
- --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.06);
- --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
-
- --spectrum-logic-button-and-background-color: var(--spectrum-blue-900);
- --spectrum-logic-button-and-border-color: var(--spectrum-blue-900);
- --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1100);
- --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1100);
-
- --spectrum-logic-button-or-background-color: var(--spectrum-magenta-900);
- --spectrum-logic-button-or-border-color: var(--spectrum-magenta-900);
- --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-1100);
- --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-1100);
-
- --spectrum-assetcard-border-color-selected: var(--spectrum-blue-900);
- --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-900);
- --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-1000);
- --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-900);
- --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-800);
-
- --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
- --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
- --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-800);
-
- --spectrum-swatch-border-color-rgb: 0, 0, 0;
-
- --spectrum-swatch-border-color-opacity: 0.51;
-
- --spectrum-swatch-border-color: rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
- --spectrum-swatch-border-color-light-rgb: 0, 0, 0;
- --spectrum-swatch-border-color-light-opacity: 0.2;
- --spectrum-swatch-border-color-light: rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
-}
-.spectrum--medium {
- --spectrum-checkbox-control-size-small: 12px;
- --spectrum-checkbox-control-size-medium: 14px;
- --spectrum-checkbox-control-size-large: 16px;
- --spectrum-checkbox-control-size-extra-large: 18px;
- --spectrum-checkbox-top-to-control-small: 6px;
- --spectrum-checkbox-top-to-control-medium: 9px;
- --spectrum-checkbox-top-to-control-large: 12px;
- --spectrum-checkbox-top-to-control-extra-large: 15px;
- --spectrum-switch-control-width-small: 23px;
- --spectrum-switch-control-width-medium: 26px;
- --spectrum-switch-control-width-large: 29px;
- --spectrum-switch-control-width-extra-large: 33px;
- --spectrum-switch-control-height-small: 12px;
- --spectrum-switch-control-height-medium: 14px;
- --spectrum-switch-control-height-large: 16px;
- --spectrum-switch-control-height-extra-large: 18px;
- --spectrum-switch-top-to-control-small: 6px;
- --spectrum-switch-top-to-control-medium: 9px;
- --spectrum-switch-top-to-control-large: 12px;
- --spectrum-switch-top-to-control-extra-large: 15px;
- --spectrum-radio-button-control-size-small: 12px;
- --spectrum-radio-button-control-size-medium: 14px;
- --spectrum-radio-button-control-size-large: 16px;
- --spectrum-radio-button-control-size-extra-large: 18px;
- --spectrum-radio-button-top-to-control-small: 6px;
- --spectrum-radio-button-top-to-control-medium: 9px;
- --spectrum-radio-button-top-to-control-large: 12px;
- --spectrum-radio-button-top-to-control-extra-large: 15px;
- --spectrum-slider-control-height-small: 14px;
- --spectrum-slider-control-height-medium: 16px;
- --spectrum-slider-control-height-large: 18px;
- --spectrum-slider-control-height-extra-large: 20px;
- --spectrum-slider-handle-size-small: 14px;
- --spectrum-slider-handle-size-medium: 16px;
- --spectrum-slider-handle-size-large: 18px;
- --spectrum-slider-handle-size-extra-large: 20px;
- --spectrum-slider-handle-border-width-down-small: 5px;
- --spectrum-slider-handle-border-width-down-medium: 6px;
- --spectrum-slider-handle-border-width-down-large: 7px;
- --spectrum-slider-handle-border-width-down-extra-large: 8px;
- --spectrum-slider-bottom-to-handle-small: 5px;
- --spectrum-slider-bottom-to-handle-medium: 8px;
- --spectrum-slider-bottom-to-handle-large: 11px;
- --spectrum-slider-bottom-to-handle-extra-large: 14px;
- --spectrum-corner-radius-100: 4px;
- --spectrum-corner-radius-200: 8px;
- --spectrum-drop-shadow-y: 1px;
- --spectrum-drop-shadow-blur: 4px;
- --spectrum-slider-tick-mark-height: 10px;
--spectrum-slider-ramp-track-height: 16px;
+ --spectrum-slider-tick-mark-height: 10px;
- --spectrum-colorwheel-path: "M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0";
- --spectrum-colorwheel-path-borders: "M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
- --spectrum-colorwheel-colorarea-container-size: 144px;
-
- --spectrum-colorloupe-checkerboard-fill: url(#checkerboard-primary);
-
- --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-100);
-
- --spectrum-menu-item-selectable-edge-to-text-not-selected-small: 28px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-medium: 32px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-large: 38px;
- --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large: 45px;
-
- --spectrum-menu-item-checkmark-height-small: 10px;
- --spectrum-menu-item-checkmark-height-medium: 10px;
- --spectrum-menu-item-checkmark-height-large: 12px;
- --spectrum-menu-item-checkmark-height-extra-large: 14px;
-
- --spectrum-menu-item-checkmark-width-small: 10px;
- --spectrum-menu-item-checkmark-width-medium: 10px;
- --spectrum-menu-item-checkmark-width-large: 12px;
- --spectrum-menu-item-checkmark-width-extra-large: 14px;
-
- --spectrum-rating-icon-spacing: var(--spectrum-spacing-75);
-
- --spectrum-button-top-to-text-small: 5px;
- --spectrum-button-bottom-to-text-small: 4px;
- --spectrum-button-top-to-text-medium: 7px;
- --spectrum-button-bottom-to-text-medium: 8px;
- --spectrum-button-top-to-text-large: 10px;
- --spectrum-button-bottom-to-text-large: 10px;
- --spectrum-button-top-to-text-extra-large: 13px;
- --spectrum-button-bottom-to-text-extra-large: 13px;
-
- --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-100);
- --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-100);
- --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-100);
- --spectrum-alert-banner-text-to-button-vertical: var(--spectrum-spacing-100);
-
- --spectrum-alert-dialog-padding: var(--spectrum-spacing-500);
- --spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-700);
-
- --spectrum-coach-indicator-gap: 6px;
- --spectrum-coach-indicator-ring-diameter: var(--spectrum-spacing-300);
- --spectrum-coach-indicator-quiet-ring-diameter: var(--spectrum-spacing-100);
-
- --spectrum-coachmark-buttongroup-display: flex;
- --spectrum-coachmark-buttongroup-mobile-display: none;
- --spectrum-coachmark-menu-display: inline-flex;
- --spectrum-coachmark-menu-mobile-display: none;
- --spectrum-well-padding: var(--spectrum-spacing-300);
- --spectrum-well-margin-top: var(--spectrum-spacing-75);
- --spectrum-well-min-width: 240px;
- --spectrum-well-border-radius: var(--spectrum-spacing-75);
- --spectrum-workflow-icon-size-xxl: 32px;
- --spectrum-workflow-icon-size-xxs: 12px;
+ --spectrum-standard-dialog-spacing-edge-to-content: var(--spectrum-spacing-500);
- --spectrum-treeview-item-indentation-medium: var(--spectrum-spacing-300);
+ --spectrum-treeview-indicator-inset-block-start: 5px;
--spectrum-treeview-item-indentation-small: var(--spectrum-spacing-200);
+ --spectrum-treeview-item-indentation-medium: var(--spectrum-spacing-300);
--spectrum-treeview-item-indentation-large: 20px;
--spectrum-treeview-item-indentation-extra-large: var(--spectrum-spacing-400);
- --spectrum-treeview-indicator-inset-block-start: 5px;
--spectrum-treeview-item-min-block-size-thumbnail-offset-medium: 0px;
-
- --spectrum-dialog-confirm-entry-animation-distance: 20px;
- --spectrum-dialog-confirm-hero-height: 128px;
- --spectrum-dialog-confirm-border-radius: 4px;
- --spectrum-dialog-confirm-title-text-size: 18px;
- --spectrum-dialog-confirm-description-text-size: 14px;
- --spectrum-dialog-confirm-padding-grid: 40px;
-
- --spectrum-datepicker-initial-width: 128px;
- --spectrum-datepicker-generic-padding: var(--spectrum-spacing-200);
- --spectrum-datepicker-dash-line-height: 24px;
- --spectrum-datepicker-width-quiet-first: 72px;
- --spectrum-datepicker-width-quiet-second: 16px;
- --spectrum-datepicker-datetime-width-first: 36px;
- --spectrum-datepicker-invalid-icon-to-button: 8px;
- --spectrum-datepicker-invalid-icon-to-button-quiet: 7px;
- --spectrum-datepicker-input-datetime-width: var(--spectrum-spacing-400);
-
- --spectrum-pagination-textfield-width: var(--spectrum-spacing-700);
- --spectrum-pagination-item-inline-spacing: 5px;
-
- --spectrum-dial-border-radius: 16px;
- --spectrum-dial-handle-position: 8px;
- --spectrum-dial-handle-block-margin: 16px;
- --spectrum-dial-handle-inline-margin: 16px;
- --spectrum-dial-controls-margin: 8px;
- --spectrum-dial-label-gap-y: 5px;
- --spectrum-dial-label-container-top-to-text: 4px;
-
- --spectrum-assetcard-focus-ring-border-radius: 8px;
- --spectrum-assetcard-selectionindicator-margin: 12px;
- --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xs);
- --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xs);
- --spectrum-assetcard-content-font-size: var(--spectrum-body-size-s);
-
- --spectrum-tooltip-animation-distance: var(--spectrum-spacing-75);
+ --spectrum-tooltip-tip-square-size: 8px;
--spectrum-ui-icon-medium-display: block;
--spectrum-ui-icon-large-display: none;
-}
-.spectrum--express.spectrum--dark,
-.spectrum--express.spectrum--darkest {
- --spectrum-drop-zone-background-color-rgb: var(--spectrum-indigo-900-rgb);
- --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
-
- --spectrum-assetcard-border-color-selected: var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-hover: var(--spectrum-indigo-700);
- --spectrum-assetcard-border-color-selected-down: var(--spectrum-indigo-800);
- --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-indigo-700);
-}
-.spectrum--express {
- --spectrum-neutral-background-color-selected-default: var(--spectrum-gray-800);
- --spectrum-neutral-background-color-selected-hover: var(--spectrum-gray-900);
- --spectrum-neutral-background-color-selected-down: var(--spectrum-gray-900);
- --spectrum-neutral-background-color-selected-key-focus: var(--spectrum-gray-900);
- --spectrum-slider-track-thickness: 4px;
- --spectrum-slider-handle-gap: 0px;
- --spectrum-picker-border-width: 0;
- --spectrum-in-field-button-fill-stacked-inner-border-rounding: 1px;
- --spectrum-in-field-button-edge-to-fill: 4px;
- --spectrum-in-field-button-stacked-inner-edge-to-fill: 1px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium: 5px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large: 7px;
- --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large: 8px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small: 1px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium: 1px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large: 3px;
- --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large: 4px;
- --spectrum-border-width-100: 2px;
- --spectrum-accent-color-100: var(--spectrum-indigo-100);
- --spectrum-accent-color-200: var(--spectrum-indigo-200);
- --spectrum-accent-color-300: var(--spectrum-indigo-300);
- --spectrum-accent-color-400: var(--spectrum-indigo-400);
- --spectrum-accent-color-500: var(--spectrum-indigo-500);
- --spectrum-accent-color-600: var(--spectrum-indigo-600);
- --spectrum-accent-color-700: var(--spectrum-indigo-700);
- --spectrum-accent-color-800: var(--spectrum-indigo-800);
- --spectrum-accent-color-900: var(--spectrum-indigo-900);
- --spectrum-accent-color-1000: var(--spectrum-indigo-1000);
- --spectrum-accent-color-1100: var(--spectrum-indigo-1100);
- --spectrum-accent-color-1200: var(--spectrum-indigo-1200);
- --spectrum-accent-color-1300: var(--spectrum-indigo-1300);
- --spectrum-accent-color-1400: var(--spectrum-indigo-1400);
- --spectrum-heading-sans-serif-font-weight: var(--spectrum-black-font-weight);
- --spectrum-heading-serif-font-weight: var(--spectrum-black-font-weight);
- --spectrum-heading-cjk-font-weight: var(--spectrum-black-font-weight);
- --spectrum-heading-sans-serif-emphasized-font-weight: var(--spectrum-black-font-weight);
- --spectrum-heading-serif-emphasized-font-weight: var(--spectrum-black-font-weight);
- --system: express;
-}
-.spectrum--express.spectrum--large {
- --spectrum-checkbox-control-size-small: 18px;
- --spectrum-checkbox-control-size-medium: 20px;
- --spectrum-checkbox-control-size-large: 22px;
- --spectrum-checkbox-control-size-extra-large: 26px;
- --spectrum-checkbox-top-to-control-small: 6px;
- --spectrum-checkbox-top-to-control-medium: 10px;
- --spectrum-checkbox-top-to-control-large: 14px;
- --spectrum-checkbox-top-to-control-extra-large: 17px;
- --spectrum-switch-control-width-small: 32px;
- --spectrum-switch-control-width-medium: 36px;
- --spectrum-switch-control-width-large: 41px;
- --spectrum-switch-control-width-extra-large: 46px;
- --spectrum-switch-control-height-small: 18px;
- --spectrum-switch-control-height-medium: 20px;
- --spectrum-switch-control-height-large: 22px;
- --spectrum-switch-control-height-extra-large: 26px;
- --spectrum-switch-top-to-control-small: 6px;
- --spectrum-switch-top-to-control-medium: 10px;
- --spectrum-switch-top-to-control-large: 14px;
- --spectrum-switch-top-to-control-extra-large: 17px;
- --spectrum-radio-button-control-size-small: 18px;
- --spectrum-radio-button-control-size-medium: 20px;
- --spectrum-radio-button-control-size-large: 22px;
- --spectrum-radio-button-control-size-extra-large: 26px;
- --spectrum-radio-button-top-to-control-small: 6px;
- --spectrum-radio-button-top-to-control-medium: 10px;
- --spectrum-radio-button-top-to-control-large: 14px;
- --spectrum-radio-button-top-to-control-extra-large: 17px;
- --spectrum-slider-control-height-small: 22px;
- --spectrum-slider-control-height-medium: 24px;
- --spectrum-slider-control-height-large: 28px;
- --spectrum-slider-control-height-extra-large: 30px;
- --spectrum-slider-handle-size-small: 22px;
- --spectrum-slider-handle-size-medium: 24px;
- --spectrum-slider-handle-size-large: 28px;
- --spectrum-slider-handle-size-extra-large: 30px;
- --spectrum-slider-handle-border-width-down-small: var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-medium: var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-large: var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-extra-large: var(--spectrum-border-width-200);
- --spectrum-slider-bottom-to-handle-small: 4px;
- --spectrum-slider-bottom-to-handle-medium: 8px;
- --spectrum-slider-bottom-to-handle-large: 12px;
- --spectrum-slider-bottom-to-handle-extra-large: 15px;
- --spectrum-corner-radius-75: 4px;
- --spectrum-corner-radius-100: 8px;
- --spectrum-corner-radius-200: 16px;
- --spectrum-drop-shadow-x: 0px;
- --spectrum-drop-shadow-y: 4px;
- --spectrum-drop-shadow-blur: 16px;
- --spectrum-colorwheel-path: "M 118 118 m -118 0 a 118 118 0 1 0 236 0 a 118 118 0 1 0 -236 0.2 M 118 118 m -92 0 a 92 92 0 1 0 184 0 a 92 92 0 1 0 -184 0";
- --spectrum-colorwheel-path-borders: "M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
-
- --spectrum-dialog-confirm-border-radius: 8px;
-
- --spectrum-dial-border-radius: 15px;
-
- --spectrum-assetcard-focus-ring-border-radius: 12px;
-}
-.spectrum--express.spectrum--light,
-.spectrum--express.spectrum--lightest {
- --spectrum-drop-zone-background-color-rgb: var(--spectrum-indigo-800-rgb);
- --spectrum-well-border-color: rgba(var(--spectrum-black-rgb), 0.05);
-
- --spectrum-assetcard-border-color-selected: var(--spectrum-indigo-900);
- --spectrum-assetcard-border-color-selected-hover: var(--spectrum-indigo-900);
- --spectrum-assetcard-border-color-selected-down: var(--spectrum-indigo-1000);
- --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-indigo-900);
-}
-.spectrum--express.spectrum--medium {
- --spectrum-checkbox-control-size-small: 14px;
- --spectrum-checkbox-control-size-medium: 16px;
- --spectrum-checkbox-control-size-large: 18px;
- --spectrum-checkbox-control-size-extra-large: 20px;
- --spectrum-checkbox-top-to-control-small: 5px;
- --spectrum-checkbox-top-to-control-medium: 8px;
- --spectrum-checkbox-top-to-control-large: 11px;
- --spectrum-checkbox-top-to-control-extra-large: 14px;
- --spectrum-switch-control-width-small: 25px;
- --spectrum-switch-control-width-medium: 28px;
- --spectrum-switch-control-width-large: 32px;
- --spectrum-switch-control-width-extra-large: 35px;
- --spectrum-switch-control-height-small: 14px;
- --spectrum-switch-control-height-medium: 16px;
- --spectrum-switch-control-height-large: 18px;
- --spectrum-switch-control-height-extra-large: 20px;
- --spectrum-switch-top-to-control-small: 5px;
- --spectrum-switch-top-to-control-medium: 8px;
- --spectrum-switch-top-to-control-large: 11px;
- --spectrum-switch-top-to-control-extra-large: 14px;
- --spectrum-radio-button-control-size-small: 14px;
- --spectrum-radio-button-control-size-medium: 16px;
- --spectrum-radio-button-control-size-large: 18px;
- --spectrum-radio-button-control-size-extra-large: 20px;
- --spectrum-radio-button-top-to-control-small: 5px;
- --spectrum-radio-button-top-to-control-medium: 8px;
- --spectrum-radio-button-top-to-control-large: 11px;
- --spectrum-radio-button-top-to-control-extra-large: 14px;
- --spectrum-slider-control-height-small: 18px;
- --spectrum-slider-control-height-medium: 20px;
- --spectrum-slider-control-height-large: 22px;
- --spectrum-slider-control-height-extra-large: 24px;
- --spectrum-slider-handle-size-small: 18px;
- --spectrum-slider-handle-size-medium: 20px;
- --spectrum-slider-handle-size-large: 22px;
- --spectrum-slider-handle-size-extra-large: 24px;
- --spectrum-slider-handle-border-width-down-small: var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-medium: var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-large: var(--spectrum-border-width-200);
- --spectrum-slider-handle-border-width-down-extra-large: var(--spectrum-border-width-200);
- --spectrum-slider-bottom-to-handle-small: 3px;
- --spectrum-slider-bottom-to-handle-medium: 6px;
- --spectrum-slider-bottom-to-handle-large: 9px;
- --spectrum-slider-bottom-to-handle-extra-large: 12px;
- --spectrum-corner-radius-75: 3px;
- --spectrum-corner-radius-100: 6px;
- --spectrum-corner-radius-200: 12px;
- --spectrum-drop-shadow-x: 0px;
- --spectrum-drop-shadow-y: 4px;
- --spectrum-drop-shadow-blur: 16px;
- --spectrum-colorwheel-path: "M 94 94 m -94 0 a 94 94 0 1 0 188 0 a 94 94 0 1 0 -188 0.2 M 94 94 m -74 0 a 74 74 0 1 0 148 0 a 74 74 0 1 0 -148 0";
- --spectrum-colorwheel-path-borders: "M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
-
- --spectrum-dialog-confirm-border-radius: 6px;
- --spectrum-dial-border-radius: 12px;
-
- --spectrum-assetcard-focus-ring-border-radius: 10px;
+ --spectrum-well-border-radius: var(--spectrum-spacing-75);
+ --spectrum-well-margin-top: var(--spectrum-spacing-75);
+ --spectrum-well-min-width: 240px;
+ --spectrum-well-padding: var(--spectrum-spacing-300);
+ --spectrum-workflow-icon-size-xxl: 32px;
+ --spectrum-workflow-icon-size-xxs: 12px;
}
diff --git a/tokens/package.json b/tokens/package.json
index cdbac2fc5e8..d208f116cb0 100644
--- a/tokens/package.json
+++ b/tokens/package.json
@@ -1,6 +1,6 @@
{
"name": "@spectrum-css/tokens",
- "version": "14.6.0",
+ "version": "14.0.0-next.11",
"description": "The Spectrum CSS tokens package",
"license": "Apache-2.0",
"author": "Adobe",
@@ -13,6 +13,13 @@
"bugs": {
"url": "https://github.com/adobe/spectrum-css/issues"
},
+ "exports": {
+ ".": "./dist/css/index.css",
+ "./*.md": "./*.md",
+ "./dist/css/*.css": "./dist/css/*.css",
+ "./dist/index.css": "./dist/css/index.css",
+ "./package.json": "./package.json"
+ },
"main": "dist/index.css",
"files": [
"dist",
@@ -21,15 +28,15 @@
"package.json"
],
"devDependencies": {
- "@adobe/spectrum-tokens": "12.25.0",
+ "@adobe/spectrum-tokens": "13.0.0-beta.55",
"@nxkit/style-dictionary": "^6.0.0",
+ "@spectrum-tools/postcss-rgb-mapping": "workspace:^",
"cssnano": "^7.0.3",
"cssnano-preset-advanced": "^7.0.6",
"postcss": "^8.4.49",
"postcss-cli": "^11.0.0",
"postcss-import": "^16.1.0",
"postcss-licensing": "^2.0.0",
- "postcss-rgb-mapping": "workspace:^",
"postcss-sorting": "^9.1.0",
"prettier": "^3.4.2",
"style-dictionary": "^3.9.2",
diff --git a/tokens/postcss.config.js b/tokens/postcss.config.js
index 350188d71db..dff6ce1fea5 100644
--- a/tokens/postcss.config.js
+++ b/tokens/postcss.config.js
@@ -14,7 +14,7 @@
module.exports = () => ({
plugins: {
"postcss-import": {},
- "postcss-rgb-mapping": {
+ "@spectrum-tools/postcss-rgb-mapping": {
colorFunctionalNotation: false,
},
"postcss-sorting": {
diff --git a/tokens/project.json b/tokens/project.json
index 66ac6ed3b09..bb172c830f7 100644
--- a/tokens/project.json
+++ b/tokens/project.json
@@ -3,8 +3,7 @@
"tag": ["tokens"],
"namedInputs": {
"core": [
- "{projectRoot}/custom-express/*.css",
- "{projectRoot}/custom-spectrum/*.css"
+ "{projectRoot}/custom/*.css"
],
"scripts": ["{projectRoot}/style-dictionary.config.js", "{projectRoot}/utilities/*.js"],
"tools": ["{projectRoot}/postcss.config.js", "{projectRoot}/tasks/token-rollup.js"]
@@ -18,16 +17,12 @@
"options": {
"commands": [
"cross-env NODE_OPTIONS=\"--no-warnings\" node -e 'require(\"./tasks/token-rollup.js\").default()'",
- "rm -f ./dist/css/express/custom-light*.css ./dist/css/express/custom-dark*.css ./dist/css/spectrum/custom-dark*.css ./dist/css/spectrum/custom-light*.css",
- "cross-env NODE_OPTIONS=\"--no-warnings\" postcss ./dist/css/*.css ./dist/css/spectrum/*.css ./dist/css/express/*.css --replace"
+ "cross-env NODE_OPTIONS=\"--no-warnings\" postcss ./dist/css/*.css --replace"
],
"cwd": "{projectRoot}",
"parallel": false
},
"outputs": [
- "{projectRoot}/dist/css/express",
- "{projectRoot}/dist/css/spectrum",
- "{projectRoot}/dist/css/components",
"{projectRoot}/dist/css/*-vars.css",
"{projectRoot}/dist/index.css"
]
@@ -62,15 +57,8 @@
"{projectRoot}/dist/css/global-vars.css",
"{projectRoot}/dist/css/light-vars.css",
"{projectRoot}/dist/css/dark-vars.css",
- "{projectRoot}/dist/css/darkest-vars.css",
"{projectRoot}/dist/css/medium-vars.css",
- "{projectRoot}/dist/css/large-vars.css",
- "{projectRoot}/dist/css/spectrum/global-vars.css",
- "{projectRoot}/dist/css/spectrum/medium-vars.css",
- "{projectRoot}/dist/css/spectrum/large-vars.css",
- "{projectRoot}/dist/css/express/global-vars.css",
- "{projectRoot}/dist/css/express/medium-vars.css",
- "{projectRoot}/dist/css/express/large-vars.css"
+ "{projectRoot}/dist/css/large-vars.css"
]
}
}
diff --git a/tokens/style-dictionary.config.js b/tokens/style-dictionary.config.js
index 4f8c67fdfe7..a2865c31f48 100644
--- a/tokens/style-dictionary.config.js
+++ b/tokens/style-dictionary.config.js
@@ -35,7 +35,6 @@ StyleDictionary.registerFormat(CSSSetsFormatter);
*/
const tokensPath = require.resolve("@adobe/spectrum-tokens/package.json");
const tokensDir = path.dirname(tokensPath);
-const setNames = ["desktop", "mobile", "light", "dark", "darkest"];
module.exports = {
source: [`${tokensDir}/src/*.json`],
@@ -50,21 +49,8 @@ module.exports = {
prefix: "spectrum",
files: [
generateFileConfig(),
- ...["spectrum", "express"].map((subSystemName) =>
- generateFileConfig({ subSystemName })
- ),
- ...setNames.map((context) => generateFileConfig({ setName: context })),
- ...setNames.map((context) =>
- generateFileConfig({
- setName: context,
- subSystemName: "spectrum",
- })
- ),
- ...setNames.map((context) =>
- generateFileConfig({
- setName: context,
- subSystemName: "express",
- })
+ ...["desktop", "mobile", "light", "dark"].map((context) =>
+ generateFileConfig({ setName: context }),
),
],
},
diff --git a/tokens/tasks/token-rollup.js b/tokens/tasks/token-rollup.js
index e767c6c226f..64748276c06 100644
--- a/tokens/tasks/token-rollup.js
+++ b/tokens/tasks/token-rollup.js
@@ -20,7 +20,7 @@ const path = require("path");
const fg = require("fast-glob");
const { processCSS } = require("../../tasks/component-builder.js");
-const { copy, writeAndReport, dirs, fetchContent } = require("../../tasks/utilities.js");
+const { copy, writeAndReport, fetchContent } = require("../../tasks/utilities.js");
require("colors");
@@ -44,105 +44,31 @@ async function index(inputGlob, outputPath, { cwd = process.cwd(), clean = false
}
/**
- * Compile the theming assets for each component
+ * Append custom/*-vars.css files to the end of the dist/css/*-vars.css files
* @param {Object} config
* @param {string} [config.cwd=process.cwd()] - Current working directory for the component
* @returns
*/
-async function componentTheming() {
- const components = fs.readdirSync(dirs.components).filter((file) => fs.existsSync(path.join(dirs.components, file, "package.json")));
-
+async function appendCustomOverrides({ cwd = process.cwd() } = {}) {
const promises = [];
- for (const component of components) {
- const componentDir = path.join(dirs.components, component);
- if (!fs.existsSync(path.join(componentDir, "themes"))) continue;
-
- // This fetches the content of the files and returns an array of objects with the content and input paths
- const contentData = await fetchContent(["themes/*.css"], { cwd: componentDir });
- // Nothing to do if there's no content
- if (!contentData || contentData.length === 0) continue;
-
- const imports = contentData.map(({ input }) => `@import "${input}";`).join("\n");
-
- const sharedPostCSSConfig = {
- cwd: componentDir,
- configPath: componentDir,
- map: false,
- env: "production",
- };
+ // Add custom/*-vars.css to the end of the dist/css/*-vars.css files and run through postcss before writing back to the dist/css/*-vars.css file
+ const customFiles = await fg(["*-vars.css"], { cwd: path.join(cwd, "custom"), onlyFiles: true });
+ for (const file of customFiles) {
+ // Read in the custom file and the dist file and combine them into one file
+ const combinedContent = await fetchContent([
+ path.join("dist", "css", file),
+ path.join("custom", file)
+ ], { cwd, shouldCombine: true });
promises.push(
- // Create a bridge asset for each component
- processCSS(
- imports,
- path.join(componentDir, "index.css"),
- path.join(
- dirs.tokens,
- "dist",
- "css",
- "components",
- "bridge",
- `${component}.css`,
- ),
- {
- skipMapping: false,
- stripLocalSelectors: false,
- referencesOnly: true,
- ...sharedPostCSSConfig,
- },
- ),
- ...contentData.map(async ({ content, input }) => {
- return processCSS(content, path.join(componentDir, input), path.join(dirs.tokens, "dist", "css", "components", path.basename(input, ".css"), `${component}.css`), {
- skipMapping: false,
- // Only output the new selectors with the system mappings
- stripLocalSelectors: true,
- referencesOnly: false,
- preserveVariables: true,
- ...sharedPostCSSConfig,
- });
- }),
+ combinedContent[0].content ? writeAndReport(combinedContent[0].content, path.join(cwd, "dist", "css", file)) : Promise.resolve()
);
}
return Promise.all(promises);
}
-/**
- * Append custom/*-vars.css files to the end of the dist/css/*-vars.css files
- * @param {Object} config
- * @param {string} [config.cwd=process.cwd()] - Current working directory for the component
- * @returns
- */
-async function appendCustomOverrides({ cwd = process.cwd() } = {}) {
- const promises = [];
-
- ["express", "spectrum"].forEach(async (theme) => {
- // Add custom/*-vars.css to the end of the dist/css/*-vars.css files and run through postcss before writing back to the dist/css/*-vars.css file
- const customFiles = await fg(["*-vars.css"], { cwd: path.join(cwd, `custom-${theme}`), onlyFiles: true });
- for (const file of customFiles) {
-
- let strippedFilename = file.replace(/^custom-/, "");
- if (strippedFilename === "vars.css") {
- strippedFilename = "global-vars.css";
- }
-
- // Read in the custom file and the dist file and combine them into one file
- const combinedContent = await fetchContent([
- path.join("dist", "css", theme, strippedFilename),
- path.join(`custom-${theme}`, file)
- ], { cwd, shouldCombine: true });
-
- promises.push(
- copy(path.join(`custom-${theme}`, file), path.join("dist", "css", theme, file), { cwd }),
- combinedContent[0].content ? writeAndReport(combinedContent[0].content, path.join(cwd, "dist", "css", theme, strippedFilename), { cwd }) : Promise.resolve()
- );
- }
- });
-
- return Promise.all(promises);
-}
-
/**
* The main entry point for this tool; this builds a CSS component
* @param {object} config
@@ -164,71 +90,47 @@ async function main({
const compiledOutputPath = path.join(cwd, "dist");
- return Promise.all([
- componentTheming(),
- // Wait for all the custom files to be processed
- appendCustomOverrides({ cwd }),
- ]).then(async (r) => {
- return Promise.all([
- index(
- ["dist/css/components/bridge/*.css"],
- path.join(compiledOutputPath, "css", "components", "bridge", "index.css"),
- { cwd, clean }
- ),
- ...["spectrum", "express"].map(theme => Promise.all([
- index(
- [`dist/css/components/${theme}/*.css`],
- path.join(compiledOutputPath, "css", "components", theme, "index.css"),
- { cwd, clean }
- ),
- index(
- [`dist/css/${theme}/*-vars.css`, `!dist/css/${theme}/custom-*.css`],
- path.join(compiledOutputPath, "css", theme, "index.css"),
- { cwd, clean }
- ),
- ])),
- index(
- ["dist/css/*-vars.css", "dist/css/spectrum/*-vars.css", "dist/css/express/*-vars.css", "!dist/css/spectrum/custom-*.css", "!dist/css/express/custom-*.css"],
- path.join(compiledOutputPath, "index.css"),
- { cwd, clean }
- ),
- ]).then((reports) => {
- return [reports, r];
- });
- }).then((report) => {
- const logs = report.flat(Infinity).filter(Boolean);
+ const reports = [];
+ const errors = [];
+
+ // Wait for all the custom files to be processed
+ await appendCustomOverrides({ cwd }).then((report) => { reports.push(report); }).catch((err) => { errors.push(err); });
+
+ // Then build the index.css file
+ await index(["dist/css/*-vars.css"], path.join(compiledOutputPath, "css", "index.css"), { cwd, clean }).then((report) => { reports.push(report); }).catch((err) => { errors.push(err); });
+
+ // Finally, copy the index.css file to the dist folder
+ await copy(path.join(compiledOutputPath, "css", "index.css"), path.join(cwd, "dist", "index.css"), { cwd, isDeprecated: false }).then((report) => { reports.push(report); }).catch((err) => { errors.push(err); });
- console.log(`\n\n${key} 🔨`);
- console.log(`${"".padStart(30, "-")}`);
+ // Combine all the reports into a single log output
+ const logs = reports.flat(Infinity).filter(Boolean);
+ const errorLogs = errors.flat(Infinity).filter(Boolean);
+ console.log(`\n\n${key} 🔨`);
+ console.log(`${"".padStart(30, "-")}`);
+
+ if (!(errorLogs && errorLogs.length > 0)) {
if (logs && logs.length > 0) {
- logs.sort((a,) => {
- if (!a || typeof a !== "string") return 1;
- if (a.includes("✓")) return -1;
- if (a.includes("🔍")) return 0;
- return 1;
- }).forEach(log => {
+ logs.forEach(log => {
// Strip the ../../tokens/ from the paths
console.log(log.replace(/(\.\.\/)+tokens\//g, ""));
});
}
else console.log("No assets created.".gray);
+ }
+ else {
+ errorLogs.forEach(log => {
+ console.error(log);
+ });
+ }
- console.log(`${"".padStart(30, "-")}`);
- console.timeEnd(key);
- console.log("");
- }).catch((err) => {
- console.log(`\n\n${key} 🔨`);
- console.log(`${"".padStart(30, "-")}`);
-
- console.trace(err);
-
- console.log(`${"".padStart(30, "-")}`);
- console.timeEnd(key);
- console.log("");
+ console.log(`${"".padStart(30, "-")}`);
+ console.timeEnd(key);
+ console.log("");
+ if (errorLogs && errorLogs.length > 0) {
process.exit(1);
- });
+ }
}
exports.default = main;
diff --git a/tokens/utilities/style-dictionary.utils.js b/tokens/utilities/style-dictionary.utils.js
index af449dced2e..33474eb81ed 100644
--- a/tokens/utilities/style-dictionary.utils.js
+++ b/tokens/utilities/style-dictionary.utils.js
@@ -11,7 +11,9 @@
* governing permissions and limitations under the License.
*/
-module.exports = function ({ setName, subSystemName } = {}) {
+module.exports = function ({ setName } = {}) {
+ let selector = ".spectrum";
+
const baseConfig = {
format: "css/sets",
options: {
@@ -20,29 +22,19 @@ module.exports = function ({ setName, subSystemName } = {}) {
},
};
- const sets = [setName, subSystemName].filter(Boolean);
- if (!sets.length) {
+ if (!setName) {
return {
...baseConfig,
destination: "global-vars.css",
filter: (token) => !token.path.includes("sets"),
options: {
...baseConfig.options,
- selector: ".spectrum",
+ selector,
},
};
}
const isGlobal = !setName;
- const isSpectrum = subSystemName && subSystemName === "spectrum";
-
- let selector = "";
- if (isGlobal || (subSystemName && !isSpectrum)) {
- // postfix the selector with the subsystem name
- selector = `.spectrum${
- subSystemName && !isSpectrum ? `--${subSystemName}` : ""
- }`;
- }
let scope =
{
@@ -51,16 +43,7 @@ module.exports = function ({ setName, subSystemName } = {}) {
}[setName] ?? setName;
if (isGlobal) scope = "global";
- else if (setName && scope) {
- selector += `.spectrum--${scope}`;
- }
-
- const selectors = [
- selector ?? null,
- // Apply all light colors as lightest for backwards compat
- // @todo does this need a deprecation notice?
- setName === "light" ? selector.replace("light", "lightest") : null,
- ].filter(Boolean);
+ selector = isGlobal ? ".spectrum" : `.spectrum--${scope}`;
const getSets = (token) =>
token.path.filter((_, idx, array) => array[idx - 1] == "sets");
@@ -72,30 +55,14 @@ module.exports = function ({ setName, subSystemName } = {}) {
if (tokenSets.includes("wireframe")) return false;
if (!setName) {
- if (!subSystemName && tokenSets.length === 0) {
- return true;
- }
-
- if (
- subSystemName &&
- tokenSets.length === 1 &&
- tokenSets.includes(subSystemName)
- ) {
+ if (tokenSets.length === 0) {
return true;
}
}
else {
if (!tokenSets.includes(setName)) return false;
- if (!subSystemName && tokenSets.length === 1) {
- return true;
- }
-
- if (
- subSystemName &&
- tokenSets.length === 2 &&
- tokenSets.includes(subSystemName)
- ) {
+ if (tokenSets.length === 1) {
return true;
}
}
@@ -105,12 +72,12 @@ module.exports = function ({ setName, subSystemName } = {}) {
return {
...baseConfig,
- destination: `${subSystemName ? `${subSystemName}/` : ""}${scope}-vars.css`,
+ destination: `${scope}-vars.css`,
filter,
options: {
...baseConfig.options,
- selector: selectors.join(", "),
- sets,
+ selector,
+ sets: setName ? [setName] : [],
},
};
};
diff --git a/ui-icons/CHANGELOG.md b/ui-icons/CHANGELOG.md
index 64067e196e1..4dfda3a32d4 100644
--- a/ui-icons/CHANGELOG.md
+++ b/ui-icons/CHANGELOG.md
@@ -4,37 +4,40 @@ All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.