({ ...a, [c]: true }), {}),
- })}
- >
- ${illustrationSvgMarkup(useAccentColor)}
- ${when(heading, () =>
- Typography({
- semantics: "heading",
- "size": "m",
- customClasses: [`${rootClass}-heading`],
- content: [heading],
- }, context)
+
({ ...a, [c]: true }), {}),
+ })}
+ >
+ ${customIllustration
+ ? customIllustration()
+ : illustrationSvgMarkup(size)}
+
+ ${when(
+ title,
+ () =>
+ html`
+ ${title}
+ `
)}
- ${when(description, () =>
- Typography({
- semantics: "body",
- "size": "s",
- customClasses: [`${rootClass}-description`],
- content: [
- ...description.map((c) => (typeof c === "function" ? c({}) : c))
- ],
- }, context)
+ ${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`
-
-
-
-
-
-`;
+const illustrationSvgMarkup = (size = "m") => {
+ const computedSize = size === "l" ? 160 : 96;
+ return html`
+
+
+ `;
+};
diff --git a/components/infieldbutton/CHANGELOG.md b/components/infieldbutton/CHANGELOG.md
index ee4ed4bb390..9229f5a8822 100644
--- a/components/infieldbutton/CHANGELOG.md
+++ b/components/infieldbutton/CHANGELOG.md
@@ -1,5 +1,14 @@
# Change Log
+## 5.2.1-next.0
+
+### Patch Changes
+
+- [#3517](https://github.com/adobe/spectrum-css/pull/3517) [`7582c1f`](https://github.com/adobe/spectrum-css/commit/7582c1f5c73de5ecf962bfad0294f162d7035751) Thanks [@cdransf](https://github.com/cdransf)! - Define undefined properties from theme directory.
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+
## 6.0.1
### Patch Changes
@@ -150,16 +159,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/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
+### 🛑 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
@@ -167,8 +173,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
@@ -176,8 +181,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
@@ -185,8 +189,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
@@ -194,8 +197,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
@@ -203,8 +205,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
@@ -212,8 +213,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
@@ -229,8 +229,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
@@ -241,8 +240,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
@@ -250,8 +248,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
@@ -259,8 +256,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
@@ -268,8 +264,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
@@ -277,8 +272,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
@@ -286,13 +280,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`
@@ -411,8 +403,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
@@ -420,8 +411,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
@@ -429,8 +419,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
@@ -438,8 +427,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
@@ -447,8 +435,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
@@ -456,8 +443,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
@@ -465,8 +451,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
@@ -476,8 +461,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
@@ -485,8 +469,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
@@ -494,8 +477,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
@@ -503,8 +485,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
@@ -512,8 +493,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
@@ -521,8 +501,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
@@ -530,8 +509,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
@@ -539,13 +517,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`
@@ -556,8 +532,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
@@ -567,8 +542,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
@@ -576,8 +550,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
@@ -585,8 +558,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
@@ -596,8 +568,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
@@ -605,8 +576,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/dist/metadata.json b/components/infieldbutton/dist/metadata.json
index 0f740ffe77e..9b4476f0a4a 100644
--- a/components/infieldbutton/dist/metadata.json
+++ b/components/infieldbutton/dist/metadata.json
@@ -138,18 +138,6 @@
"--spectrum-neutral-content-color-hover",
"--spectrum-neutral-content-color-key-focus"
],
- "system-theme": [
- "--system-infield-button-background-color",
- "--system-infield-button-background-color-down",
- "--system-infield-button-background-color-hover",
- "--system-infield-button-background-color-key-focus",
- "--system-infield-button-border-color",
- "--system-infield-button-border-radius",
- "--system-infield-button-border-radius-reset",
- "--system-infield-button-border-width",
- "--system-infield-button-stacked-bottom-border-radius-end-start",
- "--system-infield-button-stacked-top-border-radius-start-start"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-infield-button-border-color",
diff --git a/components/infieldbutton/index.css b/components/infieldbutton/index.css
index ab1533eeacc..84bb9389975 100644
--- a/components/infieldbutton/index.css
+++ b/components/infieldbutton/index.css
@@ -11,9 +11,22 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
.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-50);
+ --spectrum-infield-button-background-color-hover: var(--spectrum-gray-100);
+ --spectrum-infield-button-background-color-down: var(--spectrum-gray-200);
+ --spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-100);
+
/* Medium size is the default */
--spectrum-infield-button-height: var(--spectrum-component-height-100);
--spectrum-infield-button-width: var(--spectrum-component-height-100);
diff --git a/components/infieldbutton/package.json b/components/infieldbutton/package.json
index 061df148738..0ccc374ab1f 100644
--- a/components/infieldbutton/package.json
+++ b/components/infieldbutton/package.json
@@ -25,8 +25,8 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/icon": ">=9",
+ "@spectrum-css/tokens": ">=16"
},
"peerDependenciesMeta": {
"@spectrum-css/icon": {
@@ -35,11 +35,7 @@
},
"devDependencies": {
"@spectrum-css/icon": "9.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/infieldbutton/stories/template.js b/components/infieldbutton/stories/template.js
index 7f0b4ee8db1..5cc77d42045 100644
--- a/components/infieldbutton/stories/template.js
+++ b/components/infieldbutton/stories/template.js
@@ -4,9 +4,6 @@ import { classMap } from "lit/directives/class-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = (
{
diff --git a/components/infieldbutton/themes/express.css b/components/infieldbutton/themes/express.css
deleted file mode 100644
index 1d930d4cfee..00000000000
--- a/components/infieldbutton/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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--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-two.css b/components/infieldbutton/themes/spectrum-two.css
deleted file mode 100644
index 69b060d4e03..00000000000
--- a/components/infieldbutton/themes/spectrum-two.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 style(--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-50);
- --spectrum-infield-button-background-color-hover: var(--spectrum-gray-100);
- --spectrum-infield-button-background-color-down: var(--spectrum-gray-200);
- --spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-100);
- }
-}
diff --git a/components/infieldbutton/themes/spectrum.css b/components/infieldbutton/themes/spectrum.css
deleted file mode 100644
index ff95c7c2dce..00000000000
--- a/components/infieldbutton/themes/spectrum.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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-InfieldButton {
- --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/infieldprogresscircle/CHANGELOG.md b/components/infieldprogresscircle/CHANGELOG.md
new file mode 100644
index 00000000000..fadf26a5457
--- /dev/null
+++ b/components/infieldprogresscircle/CHANGELOG.md
@@ -0,0 +1,9 @@
+# @spectrum-css/infieldprogresscircle
+
+## 1.0.0-next.0
+
+### Major Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`f5b76b3`](https://github.com/adobe/spectrum-css/commit/f5b76b395d7144d09c0ab1c7fa0829938a641fc3) Thanks [@pfulton](https://github.com/pfulton)! - ## Infield Progresscircle S2 Migration
+
+ In-field progress circle is a new component created to replace progress circle (size S) in t-shirt size components. The button, textfield, combo box, and picker `template.js` files have all been updated to call for infield progress circles. This component comes in four sizes: (S, M, L, XL), has updated color variants (default, white, black), and has a unified track thickness.
diff --git a/components/infieldprogresscircle/README.md b/components/infieldprogresscircle/README.md
new file mode 100644
index 00000000000..4d411cc9502
--- /dev/null
+++ b/components/infieldprogresscircle/README.md
@@ -0,0 +1,7 @@
+# @spectrum-css/infieldprogresscircle
+
+> The Spectrum CSS infield progress circle component
+
+This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).
+
+See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
diff --git a/components/infieldprogresscircle/dist/metadata.json b/components/infieldprogresscircle/dist/metadata.json
new file mode 100644
index 00000000000..ffc95f11390
--- /dev/null
+++ b/components/infieldprogresscircle/dist/metadata.json
@@ -0,0 +1,25 @@
+{
+ "sourceFile": "index.css",
+ "selectors": [
+ ".spectrum-InfieldProgressCircle",
+ ".spectrum-InfieldProgressCircle .spectrum-ProgressCircle-fill",
+ ".spectrum-InfieldProgressCircle--sizeL",
+ ".spectrum-InfieldProgressCircle--sizeS",
+ ".spectrum-InfieldProgressCircle--sizeXL"
+ ],
+ "modifiers": [],
+ "component": [
+ "--spectrum-in-field-progress-circle-edge-to-fill",
+ "--spectrum-in-field-progress-circle-size-100",
+ "--spectrum-in-field-progress-circle-size-200",
+ "--spectrum-in-field-progress-circle-size-300",
+ "--spectrum-in-field-progress-circle-size-75",
+ "--spectrum-infieldprogresscircle-padding-block"
+ ],
+ "global": ["--spectrum-progress-circle-thickness-small"],
+ "passthroughs": [
+ "--mod-progress-circle-size",
+ "--mod-progress-circle-thickness"
+ ],
+ "high-contrast": []
+}
diff --git a/components/infieldprogresscircle/index.css b/components/infieldprogresscircle/index.css
new file mode 100644
index 00000000000..e3525eccc40
--- /dev/null
+++ b/components/infieldprogresscircle/index.css
@@ -0,0 +1,37 @@
+/*!
+Copyright 2025 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-InfieldProgressCircle {
+ --mod-progress-circle-thickness: var(--spectrum-progress-circle-thickness-small);
+ --mod-progress-circle-size: var(--spectrum-in-field-progress-circle-size-100);
+ --spectrum-infieldprogresscircle-padding-block: var(--spectrum-in-field-progress-circle-edge-to-fill);
+}
+
+.spectrum-InfieldProgressCircle--sizeS {
+ --mod-progress-circle-size: var(--spectrum-in-field-progress-circle-size-75);
+}
+
+.spectrum-InfieldProgressCircle--sizeL {
+ --mod-progress-circle-size: var(--spectrum-in-field-progress-circle-size-200);
+}
+
+.spectrum-InfieldProgressCircle--sizeXL {
+ --mod-progress-circle-size: var(--spectrum-in-field-progress-circle-size-300);
+}
+
+.spectrum-InfieldProgressCircle {
+ padding-block: var(--spectrum-infieldprogresscircle-padding-block);
+
+ .spectrum-ProgressCircle-fill {
+ stroke-linecap: square;
+ }
+}
diff --git a/components/infieldprogresscircle/package.json b/components/infieldprogresscircle/package.json
new file mode 100644
index 00000000000..96874a62e59
--- /dev/null
+++ b/components/infieldprogresscircle/package.json
@@ -0,0 +1,52 @@
+{
+ "name": "@spectrum-css/infieldprogresscircle",
+ "version": "1.0.0-next.0",
+ "description": "The Spectrum CSS infieldprogresscircle component",
+ "license": "Apache-2.0",
+ "author": "Adobe",
+ "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-in-field-progress-circle--docs",
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/adobe/spectrum-css.git",
+ "directory": "components/infieldprogresscircle"
+ },
+ "bugs": {
+ "url": "https://github.com/adobe/spectrum-css/issues"
+ },
+ "exports": {
+ ".": "./dist/index.css",
+ "./*.md": "./*.md",
+ "./dist/*": "./dist/*",
+ "./index-*.css": "./dist/index-*.css",
+ "./index.css": "./dist/index.css",
+ "./metadata.json": "./dist/metadata.json",
+ "./package.json": "./package.json",
+ "./stories/*": "./stories/*"
+ },
+ "main": "dist/index.css",
+ "peerDependencies": {
+ "@spectrum-css/tokens": ">=16"
+ },
+ "devDependencies": {
+ "@spectrum-css/tokens": "16.0.0"
+ },
+ "keywords": [
+ "design-system",
+ "spectrum",
+ "spectrum-css",
+ "adobe",
+ "adobe-spectrum",
+ "component",
+ "css"
+ ],
+ "publishConfig": {
+ "access": "public"
+ },
+ "spectrum": [
+ {
+ "guidelines": "https://spectrum.adobe.com/page/progress-circle",
+ "rootClass": "spectrum-InfieldProgressCircle",
+ "swc": "https://opensource.adobe.com/spectrum-web-components/components/progress-circle/"
+ }
+ ]
+}
diff --git a/components/infieldprogresscircle/project.json b/components/infieldprogresscircle/project.json
new file mode 100644
index 00000000000..ff11b0651fc
--- /dev/null
+++ b/components/infieldprogresscircle/project.json
@@ -0,0 +1,17 @@
+{
+ "$schema": "../../node_modules/nx/schemas/project-schema.json",
+ "name": "infieldprogresscircle",
+ "tags": ["component"],
+ "targets": {
+ "build": {},
+ "clean": {},
+ "compare": {},
+ "format": {},
+ "lint": {},
+ "report": {},
+ "test": {
+ "defaultConfiguration": "scope"
+ },
+ "validate": {}
+ }
+}
diff --git a/components/infieldprogresscircle/stories/infieldprogresscircle.stories.js b/components/infieldprogresscircle/stories/infieldprogresscircle.stories.js
new file mode 100644
index 00000000000..e8c60ee9d6d
--- /dev/null
+++ b/components/infieldprogresscircle/stories/infieldprogresscircle.stories.js
@@ -0,0 +1,121 @@
+import { Sizes } from "@spectrum-css/preview/decorators";
+import { disableDefaultModes } from "@spectrum-css/preview/modes";
+import { size } from "@spectrum-css/preview/types";
+import { default as ProgressCircle } from "@spectrum-css/progresscircle/stories/progresscircle.stories.js";
+import metadata from "../dist/metadata.json";
+import packageJson from "../package.json";
+import { InfieldProgressCircleGroup } from "./infieldprogresscircle.test.js";
+import { Template } from "./template.js";
+
+/**
+ * In-field progress circles are used in t-shirt size components such as [buttons](/docs/components-button--docs), [combo boxes](/docs/components-combobox--docs), and [pickers](/docs/components-picker--docs). The in-field progress circle can be used in place of an icon or in tight spaces when space is limited both vertically and horizontally.
+*/
+
+export default {
+ title: "In-field progress circle",
+ component: "InfieldProgressCircle",
+ argTypes: {
+ ...ProgressCircle.argTypes,
+ size: size(["s", "m", "l", "xl"]),
+ },
+ args: {
+ ...ProgressCircle.args,
+ rootClass: "spectrum-InfieldProgressCircle",
+ },
+ parameters: {
+ ...ProgressCircle.parameters,
+ design: {
+ type: "figma",
+ url: "https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=14970-6050",
+ },
+ packageJson,
+ metadata,
+ }
+};
+
+export const Default = InfieldProgressCircleGroup.bind({});
+Default.args = {};
+
+// ********* VRT ONLY ********* //
+export const WithForcedColors = InfieldProgressCircleGroup.bind({});
+WithForcedColors.args = Default.args;
+WithForcedColors.tags = ["!autodocs", "!dev"];
+WithForcedColors.parameters = {
+ chromatic: {
+ forcedColors: "active",
+ modes: disableDefaultModes,
+ },
+};
+
+// ********* DOCS ONLY ********* //
+
+export const Sizing = (args, context) => Sizes({
+ Template,
+ withHeading: false,
+ withBorder: false,
+ ...args,
+}, context);
+Sizing.args = {};
+Sizing.tags = ["!dev"];
+Sizing.parameters = {
+ chromatic: { disableSnapshot: true },
+};
+
+/**
+ * The indeterminate progress circle displays a repeating animation for the inner fill.
+ */
+export const Indeterminate = (args, context) => Sizes({
+ Template,
+ withHeading: false,
+ withBorder: false,
+ ...args,
+}, context);
+Indeterminate.args = {
+ isIndeterminate: true,
+};
+Indeterminate.tags = ["!dev"];
+Indeterminate.parameters = {
+ chromatic: { disableSnapshot: true },
+};
+
+export const StaticWhiteDeterminate = Sizing.bind({});
+StaticWhiteDeterminate.tags = ["!dev"];
+StaticWhiteDeterminate.storyName = "Static white, default";
+StaticWhiteDeterminate.args = {
+ staticColor: "white",
+};
+StaticWhiteDeterminate.parameters = {
+ chromatic: { disableSnapshot: true },
+};
+
+export const StaticWhiteIndeterminate = Sizing.bind({});
+StaticWhiteIndeterminate.tags = ["!dev"];
+StaticWhiteIndeterminate.storyName = "Static white, indeterminate";
+StaticWhiteIndeterminate.args = {
+ staticColor: "white",
+ isIndeterminate: true,
+};
+StaticWhiteIndeterminate.parameters = {
+ chromatic: { disableSnapshot: true },
+};
+
+export const StaticBlackDeterminate = Sizing.bind({});
+StaticBlackDeterminate.tags = ["!dev"];
+StaticBlackDeterminate.storyName = "Static black, default";
+StaticBlackDeterminate.args = {
+ staticColor: "black",
+};
+StaticBlackDeterminate.parameters = {
+ chromatic: { disableSnapshot: true },
+};
+
+export const StaticBlackIndeterminate = Sizing.bind({});
+StaticBlackIndeterminate.tags = ["!dev"];
+StaticBlackIndeterminate.storyName = "Static black, indeterminate";
+StaticBlackIndeterminate.args = {
+ staticColor: "black",
+ isIndeterminate: true,
+};
+StaticBlackIndeterminate.parameters = {
+ chromatic: { disableSnapshot: true },
+};
diff --git a/components/infieldprogresscircle/stories/infieldprogresscircle.test.js b/components/infieldprogresscircle/stories/infieldprogresscircle.test.js
new file mode 100644
index 00000000000..2ef07f947ab
--- /dev/null
+++ b/components/infieldprogresscircle/stories/infieldprogresscircle.test.js
@@ -0,0 +1,25 @@
+import { Variants } from "@spectrum-css/preview/decorators";
+import { Template } from "./template.js";
+
+export const InfieldProgressCircleGroup = Variants({
+ Template,
+ testData: [
+ {
+ testHeading: "Default",
+ },
+ {
+ testHeading: "Static white",
+ staticColor: "white",
+ },
+ {
+ testHeading: "Static black",
+ staticColor: "black",
+ },
+ ],
+ stateData: [
+ {
+ testHeading: "Indeterminate",
+ isIndeterminate: true,
+ }
+ ]
+});
diff --git a/components/infieldprogresscircle/stories/template.js b/components/infieldprogresscircle/stories/template.js
new file mode 100644
index 00000000000..7f8fc1f8de1
--- /dev/null
+++ b/components/infieldprogresscircle/stories/template.js
@@ -0,0 +1,21 @@
+import { Template as ProgressCircle } from "@spectrum-css/progresscircle/stories/template.js";
+import { capitalize } from "lodash-es";
+import "../index.css";
+
+export const Template = ({
+ customClasses = [],
+ rootClass = "spectrum-InfieldProgressCircle",
+ size = "m",
+ staticColor,
+ ...item
+} = {}, context = {}) => ProgressCircle({
+ customClasses: [
+ rootClass,
+ typeof size !== "undefined" ? `${rootClass}--size${size.toUpperCase()}` : null,
+ typeof staticColor !== "undefined" ? `${rootClass}--static${capitalize(staticColor)}` : null,
+ ...customClasses
+ ].filter(Boolean),
+ size,
+ staticColor,
+ ...item
+}, context );
diff --git a/components/inlinealert/CHANGELOG.md b/components/inlinealert/CHANGELOG.md
index 10c9deb8c00..1a00d7e79dd 100644
--- a/components/inlinealert/CHANGELOG.md
+++ b/components/inlinealert/CHANGELOG.md
@@ -152,16 +152,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
@@ -169,8 +166,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
@@ -178,8 +174,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
@@ -187,8 +182,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
@@ -196,8 +190,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
@@ -205,8 +198,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
@@ -214,8 +206,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
@@ -223,8 +214,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
@@ -234,8 +224,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
@@ -243,8 +232,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
@@ -252,8 +240,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
@@ -261,8 +248,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
@@ -270,8 +256,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
@@ -279,8 +264,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
@@ -288,8 +272,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
@@ -297,8 +280,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
@@ -306,8 +288,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
@@ -315,8 +296,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
@@ -324,8 +304,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
@@ -333,8 +312,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
@@ -342,8 +320,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
@@ -351,8 +328,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
@@ -360,8 +336,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
@@ -371,8 +346,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
@@ -380,8 +354,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
@@ -389,8 +362,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
@@ -398,8 +370,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
@@ -407,8 +378,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
@@ -416,8 +386,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
@@ -425,8 +394,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
@@ -434,8 +402,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
@@ -443,8 +410,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
@@ -452,8 +418,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
@@ -461,8 +426,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
@@ -470,8 +434,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
@@ -479,8 +442,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
@@ -488,8 +450,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
@@ -497,8 +458,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
@@ -508,8 +468,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
@@ -517,8 +476,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/dist/metadata.json b/components/inlinealert/dist/metadata.json
index 935c89f08a3..bd5894d28c9 100644
--- a/components/inlinealert/dist/metadata.json
+++ b/components/inlinealert/dist/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/package.json b/components/inlinealert/package.json
index 10124eb4df0..13b9826ee9f 100644
--- a/components/inlinealert/package.json
+++ b/components/inlinealert/package.json
@@ -25,9 +25,9 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/button": ">=13",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/button": ">=14",
+ "@spectrum-css/icon": ">=9",
+ "@spectrum-css/tokens": ">=16"
},
"peerDependenciesMeta": {
"@spectrum-css/button": {
@@ -37,11 +37,7 @@
"devDependencies": {
"@spectrum-css/button": "14.0.1",
"@spectrum-css/icon": "9.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/link/CHANGELOG.md b/components/link/CHANGELOG.md
index 9532dd2b599..eb8dd86ac38 100644
--- a/components/link/CHANGELOG.md
+++ b/components/link/CHANGELOG.md
@@ -122,16 +122,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
@@ -139,8 +136,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
@@ -148,8 +144,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
@@ -157,8 +152,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
@@ -166,8 +160,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
@@ -175,8 +168,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
@@ -184,8 +176,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
@@ -193,8 +184,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
@@ -204,8 +194,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
@@ -213,8 +202,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
@@ -222,8 +210,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
@@ -231,8 +218,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
@@ -240,8 +226,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
@@ -249,8 +234,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
@@ -258,8 +242,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
@@ -267,8 +250,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
@@ -276,8 +258,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
@@ -285,8 +266,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
@@ -294,8 +274,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
@@ -303,8 +282,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
@@ -312,8 +290,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
@@ -321,8 +298,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
@@ -332,8 +308,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
@@ -341,8 +316,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
@@ -350,8 +324,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
@@ -359,8 +332,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
@@ -368,8 +340,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
@@ -377,8 +348,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
@@ -386,8 +356,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
@@ -395,8 +364,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
@@ -404,8 +372,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
@@ -413,8 +380,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
@@ -422,8 +388,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
@@ -431,8 +396,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
@@ -440,8 +404,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
@@ -449,8 +412,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
@@ -458,8 +420,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
@@ -469,8 +430,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
@@ -478,8 +438,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/dist/metadata.json b/components/link/dist/metadata.json
index 9befaceefc4..ad90df33840 100644
--- a/components/link/dist/metadata.json
+++ b/components/link/dist/metadata.json
@@ -42,7 +42,6 @@
"--spectrum-neutral-content-color-key-focus",
"--spectrum-white"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": ["--highcontrast-link-text-color"]
}
diff --git a/components/link/package.json b/components/link/package.json
index 405ead4365a..33177da8fdb 100644
--- a/components/link/package.json
+++ b/components/link/package.json
@@ -25,14 +25,10 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/logicbutton/CHANGELOG.md b/components/logicbutton/CHANGELOG.md
index 334812889a7..3ac08750dbc 100644
--- a/components/logicbutton/CHANGELOG.md
+++ b/components/logicbutton/CHANGELOG.md
@@ -130,8 +130,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
@@ -151,8 +150,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
@@ -160,8 +158,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
@@ -169,8 +166,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
@@ -178,8 +174,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
@@ -187,8 +182,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
@@ -196,8 +190,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
@@ -211,8 +204,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
@@ -222,8 +214,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
@@ -231,8 +222,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
@@ -240,8 +230,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
@@ -249,8 +238,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
@@ -258,8 +246,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
@@ -267,13 +254,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`
@@ -302,8 +287,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
@@ -311,8 +295,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
@@ -322,13 +305,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
@@ -337,8 +318,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
@@ -346,8 +326,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
@@ -355,8 +334,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
@@ -364,8 +342,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
@@ -375,8 +352,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
@@ -384,8 +360,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/dist/metadata.json b/components/logicbutton/dist/metadata.json
index 6adfbf58b24..195d8c87082 100644
--- a/components/logicbutton/dist/metadata.json
+++ b/components/logicbutton/dist/metadata.json
@@ -15,9 +15,7 @@
".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 +44,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",
@@ -88,16 +85,6 @@
"--spectrum-sans-font-family-stack",
"--spectrum-white"
],
- "system-theme": [
- "--system-logic-button-and-background-color-disabled",
- "--system-logic-button-and-background-color-hover-disabled",
- "--system-logic-button-and-border-color-disabled",
- "--system-logic-button-and-border-color-hover-disabled",
- "--system-logic-button-or-background-color-disabled",
- "--system-logic-button-or-background-color-hover-disabled",
- "--system-logic-button-or-border-color-disabled",
- "--system-logic-button-or-border-color-hover-disabled"
- ],
"passthroughs": [
"--mod-button-animation-duration",
"--mod-button-focus-indicator-gap",
diff --git a/components/logicbutton/index.css b/components/logicbutton/index.css
index 4429907705b..8e1c2658fbf 100644
--- a/components/logicbutton/index.css
+++ b/components/logicbutton/index.css
@@ -12,9 +12,18 @@
*/
@import "@spectrum-css/commons/basebutton.css";
-@import "./themes/spectrum-two.css";
.spectrum-LogicButton {
+ --spectrum-logic-button-and-background-color-disabled: var(--spectrum-gray-100);
+ --spectrum-logic-button-and-border-color-disabled: var(--spectrum-gray-100);
+ --spectrum-logic-button-and-background-color-hover-disabled: var(--spectrum-gray-100);
+ --spectrum-logic-button-and-border-color-hover-disabled: var(--spectrum-gray-100);
+
+ --spectrum-logic-button-or-background-color-disabled: var(--spectrum-gray-100);
+ --spectrum-logic-button-or-border-color-disabled: var(--spectrum-gray-100);
+ --spectrum-logic-button-or-background-color-hover-disabled: var(--spectrum-gray-100);
+ --spectrum-logic-button-or-border-color-hover-disabled: var(--spectrum-gray-100);
+
--spectrum-logic-button-border-radius: var(--spectrum-corner-radius-100);
--spectrum-logic-button-and-text-color: var(--spectrum-white);
diff --git a/components/logicbutton/package.json b/components/logicbutton/package.json
index eb48d4cce9b..4c6360c191e 100644
--- a/components/logicbutton/package.json
+++ b/components/logicbutton/package.json
@@ -25,15 +25,11 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/commons": "workspace:^",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/commons": "11.0.0",
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/logicbutton/stories/template.js b/components/logicbutton/stories/template.js
index 5b0730616ef..02f5b3aa028 100644
--- a/components/logicbutton/stories/template.js
+++ b/components/logicbutton/stories/template.js
@@ -2,9 +2,6 @@ import { html } from "lit";
import { classMap } from "lit/directives/class-map.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-LogicButton",
diff --git a/components/logicbutton/themes/express.css b/components/logicbutton/themes/express.css
deleted file mode 100644
index 9fd550418f2..00000000000
--- a/components/logicbutton/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/logicbutton/themes/spectrum-two.css b/components/logicbutton/themes/spectrum-two.css
deleted file mode 100644
index c0bd0d1b3fb..00000000000
--- a/components/logicbutton/themes/spectrum-two.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 style(--system: spectrum) {
- .spectrum-LogicButton {
- --spectrum-logic-button-and-background-color-disabled: var(--spectrum-gray-100);
- --spectrum-logic-button-and-border-color-disabled: var(--spectrum-gray-100);
- --spectrum-logic-button-and-background-color-hover-disabled: var(--spectrum-gray-100);
- --spectrum-logic-button-and-border-color-hover-disabled: var(--spectrum-gray-100);
-
- --spectrum-logic-button-or-background-color-disabled: var(--spectrum-gray-100);
- --spectrum-logic-button-or-border-color-disabled: var(--spectrum-gray-100);
- --spectrum-logic-button-or-background-color-hover-disabled: var(--spectrum-gray-100);
- --spectrum-logic-button-or-border-color-hover-disabled: var(--spectrum-gray-100);
- }
-}
diff --git a/components/logicbutton/themes/spectrum.css b/components/logicbutton/themes/spectrum.css
deleted file mode 100644
index 4aa43a01048..00000000000
--- a/components/logicbutton/themes/spectrum.css
+++ /dev/null
@@ -1,30 +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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-LogicButton {
- --spectrum-logic-button-and-background-color-disabled: var(--spectrum-gray-200);
- --spectrum-logic-button-and-border-color-disabled: var(--spectrum-gray-200);
- --spectrum-logic-button-and-background-color-hover-disabled: var(--spectrum-gray-200);
- --spectrum-logic-button-and-border-color-hover-disabled: var(--spectrum-gray-200);
-
- --spectrum-logic-button-or-background-color-disabled: var(--spectrum-gray-200);
- --spectrum-logic-button-or-border-color-disabled: var(--spectrum-gray-200);
- --spectrum-logic-button-or-background-color-hover-disabled: var(--spectrum-gray-200);
- --spectrum-logic-button-or-border-color-hover-disabled: var(--spectrum-gray-200);
- }
-}
diff --git a/components/menu/CHANGELOG.md b/components/menu/CHANGELOG.md
index a5f24804f7e..bfc4ff642d9 100644
--- a/components/menu/CHANGELOG.md
+++ b/components/menu/CHANGELOG.md
@@ -1,5 +1,23 @@
# Change Log
+## 8.0.0-next.1
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f) Thanks [@pfulton](https://github.com/pfulton)! - Define undefined custom properties from themes directory.
+
+- Updated dependencies [[`5fae8ab`](https://github.com/adobe/spectrum-css/commit/5fae8aba83d396103aca56c108e7e81f61fce655), [`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/switch@5.2.1-next.0
+ - @spectrum-css/tokens@14.0.0-next.12
+
+## 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
+
## 9.0.1
### Patch Changes
@@ -221,16 +239,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
@@ -238,8 +253,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
@@ -249,8 +263,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
@@ -258,8 +271,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
@@ -267,8 +279,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
@@ -276,8 +287,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
@@ -285,8 +295,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
@@ -296,8 +305,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
@@ -305,8 +313,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
@@ -332,8 +339,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
@@ -341,8 +347,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
@@ -356,8 +361,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
@@ -365,8 +369,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
@@ -374,8 +377,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
@@ -383,8 +385,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
@@ -394,8 +395,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
@@ -403,8 +403,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
@@ -414,8 +413,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
@@ -423,8 +421,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
@@ -432,8 +429,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
@@ -441,8 +437,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
@@ -450,8 +445,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
@@ -459,8 +453,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
@@ -470,8 +463,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
@@ -479,8 +471,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
@@ -488,8 +479,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
@@ -497,8 +487,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
@@ -506,8 +495,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
@@ -515,8 +503,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
@@ -524,8 +511,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
@@ -725,8 +711,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
@@ -734,8 +719,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
@@ -743,8 +727,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
@@ -752,8 +735,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
@@ -761,8 +743,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
@@ -770,8 +751,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
@@ -779,8 +759,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
@@ -788,8 +767,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
@@ -797,8 +775,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
@@ -806,8 +783,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
@@ -817,8 +793,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
@@ -826,8 +801,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/dist/metadata.json b/components/menu/dist/metadata.json
index a1732cd9a20..3ac9cf238e1 100644
--- a/components/menu/dist/metadata.json
+++ b/components/menu/dist/metadata.json
@@ -338,7 +338,6 @@
"--spectrum-component-top-to-text-200",
"--spectrum-component-top-to-text-300",
"--spectrum-component-top-to-text-75",
- "--spectrum-corner-radius-100",
"--spectrum-disabled-content-color",
"--spectrum-divider-thickness-medium",
"--spectrum-divider-thickness-small",
@@ -380,16 +379,6 @@
"--spectrum-workflow-icon-size-300",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [
- "--system-menu-item-background-color-down",
- "--system-menu-item-background-color-hover",
- "--system-menu-item-background-color-key-focus",
- "--system-menu-item-corner-radius",
- "--system-menu-item-focus-indicator-offset",
- "--system-menu-item-focus-indicator-outline-style",
- "--system-menu-item-focus-indicator-shadow",
- "--system-menu-item-spacing-multiplier"
- ],
"passthroughs": [
"--mod-checkbox-text-to-control",
"--mod-checkbox-top-to-text",
diff --git a/components/menu/index.css b/components/menu/index.css
index 66f146f0348..89f80829625 100644
--- a/components/menu/index.css
+++ b/components/menu/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
@media (forced-colors: active) {
.spectrum-Menu {
--highcontrast-menu-item-background-color-default: ButtonFace;
@@ -81,6 +79,10 @@
}
.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);
@@ -411,8 +413,10 @@
grid-template-rows: 1fr auto;
.spectrum-Menu-itemCheckbox {
+ /* @passthrough start */
--mod-checkbox-top-to-text: 0;
--mod-checkbox-text-to-control: 0;
+ /* @passthrough end */
min-block-size: 0;
diff --git a/components/menu/package.json b/components/menu/package.json
index 61fbe598403..3fb89b0dbaf 100644
--- a/components/menu/package.json
+++ b/components/menu/package.json
@@ -25,11 +25,11 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/checkbox": ">=9",
- "@spectrum-css/divider": ">=3",
- "@spectrum-css/icon": ">=7",
+ "@spectrum-css/checkbox": ">=10",
+ "@spectrum-css/divider": ">=5",
+ "@spectrum-css/icon": ">=9",
"@spectrum-css/switch": ">=5",
- "@spectrum-css/tokens": ">=14 || >=15",
+ "@spectrum-css/tokens": ">=16",
"@spectrum-css/tray": ">=3"
},
"peerDependenciesMeta": {
@@ -52,11 +52,7 @@
"@spectrum-css/icon": "9.0.1",
"@spectrum-css/switch": "6.0.1",
"@spectrum-css/tokens": "16.0.0",
- "@spectrum-css/tray": "5.0.1",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tray": "5.0.1"
},
"keywords": [
"design-system",
diff --git a/components/menu/stories/template.js b/components/menu/stories/template.js
index c50482cb696..79c4136fdad 100644
--- a/components/menu/stories/template.js
+++ b/components/menu/stories/template.js
@@ -13,9 +13,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
/**
* Get the tray submenu back arrow name with scale number (defined in design spec).
diff --git a/components/menu/themes/express.css b/components/menu/themes/express.css
deleted file mode 100644
index 9fd550418f2..00000000000
--- a/components/menu/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/menu/themes/spectrum-two.css b/components/menu/themes/spectrum-two.css
deleted file mode 100644
index 11951a42550..00000000000
--- a/components/menu/themes/spectrum-two.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.
- */
-
-@container style(--system: spectrum) {
- .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-corner-radius: var(--spectrum-corner-radius-100);
-
- /* Focus state styling */
- --spectrum-menu-item-focus-indicator-shadow: none;
- --spectrum-menu-item-focus-indicator-offset: var(--spectrum-spacing-50);
- --spectrum-menu-item-spacing-multiplier: 1;
- --spectrum-menu-item-focus-indicator-outline-style: solid;
- }
-}
diff --git a/components/menu/themes/spectrum.css b/components/menu/themes/spectrum.css
deleted file mode 100644
index 0836ce0774f..00000000000
--- a/components/menu/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Menu {
- --spectrum-menu-item-background-color-hover: rgba(var(--spectrum-gray-900-rgb), var(--spectrum-transparent-black-200-opacity));
- --spectrum-menu-item-background-color-down: rgba(var(--spectrum-gray-900-rgb), var(--spectrum-transparent-black-200-opacity));
- --spectrum-menu-item-background-color-key-focus: rgba(var(--spectrum-gray-900-rgb), var(--spectrum-transparent-black-200-opacity));
-
- --spectrum-menu-item-corner-radius: 0;
-
- /* Focus state styling */
- --spectrum-menu-item-focus-indicator-shadow: inset;
- --spectrum-menu-item-focus-indicator-offset: 0;
- --spectrum-menu-item-spacing-multiplier: 0;
- --spectrum-menu-item-focus-indicator-outline-style: none;
- }
-}
diff --git a/components/meter/dist/metadata.json b/components/meter/dist/metadata.json
index 9bfe3424ce7..12d5893d69d 100644
--- a/components/meter/dist/metadata.json
+++ b/components/meter/dist/metadata.json
@@ -5,8 +5,7 @@
".spectrum-Meter.is-negative",
".spectrum-Meter.is-notice",
".spectrum-Meter.is-positive",
- ".spectrum-Meter.spectrum-Meter--sizeL",
- ".spectrum-Meter.spectrum-Meter--sizeS"
+ ".spectrum-Meter.spectrum-Meter--sizeL"
],
"modifiers": [
"--mod-meter-inline-size",
@@ -27,9 +26,9 @@
"--spectrum-font-size-75",
"--spectrum-negative-visual-color",
"--spectrum-notice-visual-color",
- "--spectrum-positive-visual-color"
+ "--spectrum-positive-visual-color",
+ "--spectrum-progressbar-size-2500"
],
- "system-theme": [],
"passthroughs": [
"--mod-progressbar-fill-color",
"--mod-progressbar-font-size",
diff --git a/components/meter/index.css b/components/meter/index.css
index b51a393aa73..2db081b1e9d 100644
--- a/components/meter/index.css
+++ b/components/meter/index.css
@@ -17,14 +17,12 @@
--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));
- &,
- &.spectrum-Meter--sizeS {
- --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);
- }
+ --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-size-default: var(--mod-meter-inline-size, var(--spectrum-progressbar-size-2500));
--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);
diff --git a/components/meter/stories/meter.stories.js b/components/meter/stories/meter.stories.js
index 15603bc9d7c..cbb31433a4b 100644
--- a/components/meter/stories/meter.stories.js
+++ b/components/meter/stories/meter.stories.js
@@ -48,6 +48,7 @@ export default {
packageJson,
metadata,
},
+ tags: ["migrated"],
};
/**
diff --git a/components/miller/CHANGELOG.md b/components/miller/CHANGELOG.md
index 305ad5bdd3e..96e797cfa6d 100644
--- a/components/miller/CHANGELOG.md
+++ b/components/miller/CHANGELOG.md
@@ -161,16 +161,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
@@ -178,8 +174,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
@@ -187,8 +182,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
@@ -196,8 +190,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
@@ -205,8 +198,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
@@ -214,8 +206,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
@@ -225,8 +216,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
@@ -234,8 +224,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
@@ -243,8 +232,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
@@ -252,8 +240,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
@@ -261,13 +248,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`.
@@ -310,13 +295,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`
@@ -334,8 +317,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
@@ -343,8 +325,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
@@ -352,8 +333,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
@@ -361,8 +341,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
@@ -370,8 +349,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
@@ -379,8 +357,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
@@ -388,8 +365,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
@@ -397,8 +373,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
@@ -406,8 +381,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
@@ -417,8 +391,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
@@ -426,8 +399,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
@@ -435,8 +407,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
@@ -444,8 +415,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
@@ -453,8 +423,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
@@ -462,8 +431,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
@@ -471,8 +439,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
@@ -480,8 +447,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
@@ -489,8 +455,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
@@ -498,8 +463,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
@@ -507,8 +471,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
@@ -516,8 +479,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
@@ -525,8 +487,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
@@ -534,8 +495,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
@@ -543,8 +503,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
@@ -552,8 +511,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
@@ -563,8 +521,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
@@ -572,8 +529,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/dist/metadata.json b/components/miller/dist/metadata.json
index adb2109144c..fbb3770d558 100644
--- a/components/miller/dist/metadata.json
+++ b/components/miller/dist/metadata.json
@@ -13,7 +13,6 @@
],
"component": [],
"global": ["--spectrum-spacing-100"],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/miller/package.json b/components/miller/package.json
index 18de9d83e08..1bd52b85299 100644
--- a/components/miller/package.json
+++ b/components/miller/package.json
@@ -26,19 +26,15 @@
"main": "dist/index.css",
"peerDependencies": {
"@spectrum-css/assetlist": ">=6",
- "@spectrum-css/checkbox": ">=9",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/checkbox": ">=10",
+ "@spectrum-css/icon": ">=9",
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
"@spectrum-css/assetlist": "8.0.1",
"@spectrum-css/checkbox": "10.0.1",
"@spectrum-css/icon": "9.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/modal/CHANGELOG.md b/components/modal/CHANGELOG.md
index 75a7860ecf2..471bd7edb7c 100644
--- a/components/modal/CHANGELOG.md
+++ b/components/modal/CHANGELOG.md
@@ -1,5 +1,59 @@
# 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
+
## 7.0.1
### Patch Changes
@@ -136,16 +190,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
@@ -153,8 +204,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
@@ -162,8 +212,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
@@ -171,8 +220,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
@@ -180,8 +228,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
@@ -189,8 +236,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
@@ -198,8 +244,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
@@ -207,8 +252,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
@@ -219,8 +263,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
@@ -230,8 +273,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
@@ -239,8 +281,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
@@ -248,8 +289,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
@@ -257,8 +297,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
@@ -266,8 +305,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
@@ -275,8 +313,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
@@ -284,8 +321,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`
@@ -312,8 +348,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
@@ -323,8 +358,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
@@ -332,8 +366,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
@@ -341,8 +374,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
@@ -350,8 +382,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
@@ -359,8 +390,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
@@ -370,8 +400,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
@@ -379,8 +408,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/dist/metadata.json b/components/modal/dist/metadata.json
index 950d9fca3c6..43de95295b1 100644
--- a/components/modal/dist/metadata.json
+++ b/components/modal/dist/metadata.json
@@ -15,24 +15,26 @@
"--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-duration",
"--spectrum-modal-confirm-exit-animation-delay",
"--spectrum-modal-confirm-exit-animation-duration",
- "--spectrum-modal-fullscreen-margin"
+ "--spectrum-modal-fullscreen-margin",
+ "--spectrum-modal-max-height",
+ "--spectrum-modal-max-width",
+ "--spectrum-modal-takeover-window-to-edge",
+ "--spectrum-modal-transition-animation-duration"
],
"global": [
"--spectrum-animation-duration-0",
@@ -41,12 +43,11 @@
"--spectrum-animation-duration-500",
"--spectrum-animation-ease-in",
"--spectrum-animation-ease-out",
- "--spectrum-animation-linear",
- "--spectrum-background-layer-2-color",
- "--spectrum-corner-radius-100",
- "--spectrum-dialog-confirm-entry-animation-distance"
+ "--spectrum-corner-radius-extra-large-default",
+ "--spectrum-dialog-confirm-entry-animation-distance",
+ "--spectrum-gray-75",
+ "--spectrum-window-to-edge"
],
- "system-theme": ["--system-modal-background-color"],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/modal/index.css b/components/modal/index.css
index 8a5e2e9ad95..2829b930d18 100644
--- a/components/modal/index.css
+++ b/components/modal/index.css
@@ -11,20 +11,23 @@
* governing permissions and limitations under the License.
*/
-@import "@spectrum-css/commons/overlay.css";
-@import "./themes/spectrum-two.css";
-
.spectrum-Modal {
--spectrum-modal-confirm-entry-animation-duration: var(--mod-modal-confirm-entry-animation-duration, var(--spectrum-animation-duration-500));
- /* @deprecated --mod-overlay-animation-duration-opened in favor of --mod-modal-confirm-entry-animation-delay */
- --spectrum-modal-confirm-entry-animation-delay: var(--mod-overlay-animation-duration-opened, var(--mod-modal-confirm-entry-animation-delay, var(--spectrum-animation-duration-200)));
+ --spectrum-modal-confirm-entry-animation-delay: var(--mod-modal-confirm-entry-animation-delay, var(--spectrum-animation-duration-200));
- /* @deprecated --mod-overlay-animation-duration in favor of --mod-modal-confirm-exit-animation-duration */
- --spectrum-modal-confirm-exit-animation-duration: var(--mod-overlay-animation-duration, var(--mod-modal-confirm-exit-animation-duration, var(--spectrum-animation-duration-100)));
+ --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: var(--mod-modal-fullscreen-margin, 32px);
+ --spectrum-modal-fullscreen-margin: var(--spectrum-window-to-edge);
+ --spectrum-modal-takeover-window-to-edge: 0;
+ --spectrum-modal-max-height: 90vh;
+ --spectrum-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 */
@@ -46,6 +49,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 */
@@ -60,7 +66,7 @@
z-index: 2;
/* Be invisible by default */
- transition: visibility 0ms linear var(--mod-modal-transition-animation-duration, var(--spectrum-animation-duration-100));
+ transition: visibility 0ms linear var(--spectrum-modal-transition-animation-duration);
&.is-open {
visibility: visible;
@@ -72,17 +78,17 @@
opacity: 0;
/* Start offset by the animation distance -- @note this is using the global dialog token */
- transform: translateY(var(--mod-modal-confirm-entry-animation-distance, var(--spectrum-dialog-confirm-entry-animation-distance)));
+ 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, 90vh);
- max-inline-size: var(--mod-modal-max-width, 90%);
+ 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));
- border-radius: var(--mod-modal-confirm-border-radius, var(--spectrum-corner-radius-100));
+ background: var(--spectrum-modal-background-color);
+ border-radius: var(--spectrum-modal-confirm-border-radius);
overflow: hidden;
outline: none; /* Firefox shows outline */
pointer-events: auto;
@@ -90,8 +96,8 @@
/* Exit animations */
transition:
opacity var(--spectrum-modal-confirm-exit-animation-duration) var(--spectrum-animation-ease-in) var(--spectrum-modal-confirm-exit-animation-delay),
- visibility var(--spectrum-animation-duration-0) var(--spectrum-animation-linear) calc(var(--spectrum-modal-confirm-exit-animation-delay) + var(--spectrum-modal-confirm-exit-animation-duration)),
- transform var(--spectrum-animation-duration-0) var(--spectrum-animation-linear) calc(var(--spectrum-modal-confirm-exit-animation-delay) + var(--spectrum-modal-confirm-exit-animation-duration));
+ 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));
&.is-open {
pointer-events: auto;
@@ -125,17 +131,15 @@
/** @unofficial */
.spectrum-Modal--fullscreen {
position: fixed;
- 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);
+ inset-block: var(--mod-modal-fullscreen-margin, var(--spectrum-modal-fullscreen-margin));
+ inset-inline: var(--mod-modal-fullscreen-margin, var(--spectrum-modal-fullscreen-margin));
max-inline-size: none;
max-block-size: none;
}
.spectrum-Modal--fullscreenTakeover {
position: fixed;
- inset: 0;
+ inset: var(--spectrum-modal-takeover-window-to-edge);
max-inline-size: none;
max-block-size: none;
diff --git a/components/modal/package.json b/components/modal/package.json
index 13527aa11eb..603f6cd4173 100644
--- a/components/modal/package.json
+++ b/components/modal/package.json
@@ -25,15 +25,11 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/commons": "workspace:^",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/commons": "11.0.0",
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/modal/stories/template.js b/components/modal/stories/template.js
index 07a52b89131..9abbf49ebea 100644
--- a/components/modal/stories/template.js
+++ b/components/modal/stories/template.js
@@ -5,9 +5,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
/**
* Just the modal markup.
diff --git a/components/modal/themes/express.css b/components/modal/themes/express.css
deleted file mode 100644
index 9fd550418f2..00000000000
--- a/components/modal/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/modal/themes/spectrum-two.css b/components/modal/themes/spectrum-two.css
deleted file mode 100644
index c31756dcdae..00000000000
--- a/components/modal/themes/spectrum-two.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 style(--system: spectrum) {
- .spectrum-Modal {
- --spectrum-modal-background-color: var(--spectrum-background-layer-2-color);
- }
-}
diff --git a/components/modal/themes/spectrum.css b/components/modal/themes/spectrum.css
deleted file mode 100644
index f637e6f343e..00000000000
--- a/components/modal/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Modal {
- --spectrum-modal-background-color: var(--spectrum-gray-100);
- }
-}
diff --git a/components/opacitycheckerboard/CHANGELOG.md b/components/opacitycheckerboard/CHANGELOG.md
index 0626bad41f5..e0afdad84ff 100644
--- a/components/opacitycheckerboard/CHANGELOG.md
+++ b/components/opacitycheckerboard/CHANGELOG.md
@@ -1,5 +1,20 @@
# 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
+
## 4.0.1
### Patch Changes
@@ -122,16 +137,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
@@ -139,8 +151,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
@@ -148,8 +159,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
@@ -157,8 +167,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
@@ -166,8 +175,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
@@ -175,8 +183,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
@@ -184,8 +191,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
@@ -195,8 +201,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
@@ -204,8 +209,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
@@ -213,8 +217,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
@@ -222,8 +225,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
@@ -231,8 +233,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
@@ -246,8 +247,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
@@ -255,8 +255,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
@@ -264,8 +263,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
@@ -275,8 +273,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
@@ -284,13 +281,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/dist/metadata.json b/components/opacitycheckerboard/dist/metadata.json
index 51c1a155873..31fd76317b9 100644
--- a/components/opacitycheckerboard/dist/metadata.json
+++ b/components/opacitycheckerboard/dist/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",
@@ -8,12 +11,16 @@
"--mod-opacity-checkerboard-size"
],
"component": [
+ "--spectrum-opacity-checkerboard-dark",
+ "--spectrum-opacity-checkerboard-light",
+ "--spectrum-opacity-checkerboard-position",
+ "--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/index.css b/components/opacitycheckerboard/index.css
index 675449dd8dd..8f1700294f0 100644
--- a/components/opacitycheckerboard/index.css
+++ b/components/opacitycheckerboard/index.css
@@ -12,7 +12,19 @@
*/
.spectrum-OpacityCheckerboard {
- background: repeating-conic-gradient(var(--mod-opacity-checkerboard-light, var(--spectrum-opacity-checkerboard-square-light)) 0% 25%, var(--mod-opacity-checkerboard-dark, var(--spectrum-opacity-checkerboard-square-dark)) 0% 50%) var(--mod-opacity-checkerboard-position, left top) / calc(var(--mod-opacity-checkerboard-size, var(--spectrum-opacity-checkerboard-square-size)) * 2) calc(var(--mod-opacity-checkerboard-size, var(--spectrum-opacity-checkerboard-square-size)) * 2);
+ --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(--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/package.json b/components/opacitycheckerboard/package.json
index 4196f739273..9af2a12111c 100644
--- a/components/opacitycheckerboard/package.json
+++ b/components/opacitycheckerboard/package.json
@@ -25,14 +25,10 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js b/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js
index e908a5cd05b..7640544d884 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/page/dist/metadata.json b/components/page/dist/metadata.json
index cb8c8163de8..4e3ac035552 100644
--- a/components/page/dist/metadata.json
+++ b/components/page/dist/metadata.json
@@ -7,10 +7,6 @@
"--spectrum-page-content-tap-highlight"
],
"global": ["--spectrum-gray-75", "--spectrum-transparent-black-25"],
- "system-theme": [
- "--system-root-page-background-color",
- "--system-root-page-content-tap-highlight"
- ],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/page/index.css b/components/page/index.css
index 7a29f49a2e2..b5ce5555917 100644
--- a/components/page/index.css
+++ b/components/page/index.css
@@ -11,11 +11,9 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
:root {
- background: var(--mod-page-background, var(--spectrum-page-background-color));
+ background: var(--mod-page-background, var(--spectrum-page-background-color, var(--spectrum-gray-75)));
/* The highlight that appears over a link while it's being tapped */
- -webkit-tap-highlight-color: var(--mod-page-content-tap-highlight, var(--spectrum-page-content-tap-highlight));
+ -webkit-tap-highlight-color: var(--mod-page-content-tap-highlight, var(--spectrum-page-content-tap-highlight, var(--spectrum-transparent-black-25)));
}
diff --git a/components/page/package.json b/components/page/package.json
index 168387b60b6..e7b8cb8843b 100644
--- a/components/page/package.json
+++ b/components/page/package.json
@@ -25,14 +25,10 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/page/stories/template.js b/components/page/stories/template.js
index 570ca98b244..395f6d48390 100644
--- a/components/page/stories/template.js
+++ b/components/page/stories/template.js
@@ -2,9 +2,6 @@ import { renderContent } from "@spectrum-css/preview/decorators";
import { html } from "lit";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({ content = [] } = {}, context = {}) => {
return html`${renderContent(content, { context })}`;
diff --git a/components/page/themes/express.css b/components/page/themes/express.css
deleted file mode 100644
index 9fd550418f2..00000000000
--- a/components/page/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/page/themes/spectrum-two.css b/components/page/themes/spectrum-two.css
deleted file mode 100644
index 896ecf506cc..00000000000
--- a/components/page/themes/spectrum-two.css
+++ /dev/null
@@ -1,19 +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 style(--system: spectrum) {
- :root {
- --spectrum-page-background-color: var(--spectrum-gray-75);
- --spectrum-page-content-tap-highlight: var(--spectrum-transparent-black-25);
- }
-}
diff --git a/components/page/themes/spectrum.css b/components/page/themes/spectrum.css
deleted file mode 100644
index f6c120c2d43..00000000000
--- a/components/page/themes/spectrum.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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- :root {
- --spectrum-page-background-color: var(--spectrum-gray-100);
- --spectrum-page-content-tap-highlight: var(--spectrum-transparent-black-100);
- }
-}
diff --git a/components/pagination/CHANGELOG.md b/components/pagination/CHANGELOG.md
index 862b04fc666..a7c6fcc01f8 100644
--- a/components/pagination/CHANGELOG.md
+++ b/components/pagination/CHANGELOG.md
@@ -170,25 +170,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
- ${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",
+ InfieldProgressCircle({
+ size: size,
isIndeterminate: true,
}, context)
)}
@@ -90,12 +94,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)}
@@ -103,92 +102,102 @@ 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 = "",
+ placeholder,
+ 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 = {},
+ 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",
+ },
popoverContent = [],
- id = getRandomId("picker"),
} = {}, context = {}) => {
- const { updateArgs } = context;
+ const pickerMarkup = Picker({
+ size,
+ isQuiet,
+ isOpen,
+ isInvalid,
+ isDisabled,
+ isLoading,
+ placeholder,
+ popoverContent,
+ 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 = popoverContent.length !== 0 ? Popover({
+ isOpen: isOpen && !isDisabled && !isLoading,
+ withTip: false,
+ position: "bottom-start",
+ isQuiet,
+ content: popoverContent,
+ size,
+ customStyles: customPopoverStyles,
+ popoverWrapperStyles: {
+ "display": "block",
+ },
+ }, 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)
+ )}
+
- *
- * 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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--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-two.css b/components/picker/themes/spectrum-two.css
deleted file mode 100644
index 3d481512294..00000000000
--- a/components/picker/themes/spectrum-two.css
+++ /dev/null
@@ -1,33 +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 style(--system: spectrum) {
- .spectrum-Picker {
- --spectrum-picker-background-color-default: var(--spectrum-gray-100);
- --spectrum-picker-background-color-default-open: var(--spectrum-gray-100);
- --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: var(--spectrum-gray-800);
- --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-900);
- --spectrum-picker-border-color-active: var(--spectrum-gray-700);
- --spectrum-picker-border-color-key-focus: var(--spectrum-gray-900);
- --spectrum-picker-border-color-disabled: var(--spectrum-gray-300);
-
- --spectrum-picker-border-width: var(--spectrum-border-width-100);
- }
-}
diff --git a/components/picker/themes/spectrum.css b/components/picker/themes/spectrum.css
deleted file mode 100644
index 0e15e162fe0..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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .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-hover-open: var(--spectrum-gray-600);
- --spectrum-picker-border-color-key-focus: var(--spectrum-gray-600);
- --spectrum-picker-border-color-disabled: transparent;
- }
-}
diff --git a/components/pickerbutton/CHANGELOG.md b/components/pickerbutton/CHANGELOG.md
index 630fbcaef1b..2b7a2717582 100644
--- a/components/pickerbutton/CHANGELOG.md
+++ b/components/pickerbutton/CHANGELOG.md
@@ -1,5 +1,32 @@
# Change Log
+## 6.0.0-next.1
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`8d65de0`](https://github.com/adobe/spectrum-css/commit/8d65de0233a6b12e72002b47e9484dbe5f0636be) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to align `spectrum-two` with `s2-foundations-redux`/`main`, mostly defining unused custom properties, but addresses any other lint warnings or inconsistencies noted in the following components:
+
+ **Calendar**: Defines 1 previously undefined custom property to align with `main` and `s2-foundations-redux`
+ **Dial**: Defines 6 previously undefined custom properties, removes 3 unused custom properties
+ **Pickerbutton**: Defines 9 previously undefined custom properties to align with `main` and `s2-foundations-redux`
+ **Progressbar**: Removes 3 unused custom properties, reverts background-color to background to accommodate gradients
+ **Radio**: Defines 4 previously undefined custom properties to align with `main` and `s2-foundations-redux`
+ **Stepper**: moves high contrast block further down to align with other components' CSS structure, defines multiple undefined custom properties, adds disable-next-line comment to suppress no-unused-custom-properties warning
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76), [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+ - @spectrum-css/popover@8.0.0-next.1
+ - @spectrum-css/menu@8.0.0-next.1
+
+## 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.1
### Patch Changes
@@ -156,8 +183,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
@@ -165,11 +191,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
@@ -177,8 +201,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
@@ -186,8 +209,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
@@ -195,8 +217,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
@@ -204,8 +225,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
@@ -213,8 +233,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
@@ -222,8 +241,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
@@ -231,8 +249,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
@@ -240,8 +257,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
@@ -249,8 +265,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
@@ -258,8 +273,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
@@ -267,8 +281,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
@@ -276,8 +289,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
@@ -285,8 +297,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
@@ -294,8 +305,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
@@ -303,8 +313,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
@@ -312,8 +321,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
@@ -321,8 +329,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
@@ -330,8 +337,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
@@ -339,8 +345,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
@@ -348,8 +353,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
@@ -357,8 +361,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
@@ -366,8 +369,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
@@ -377,8 +379,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
@@ -386,8 +387,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
@@ -395,8 +395,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
@@ -404,8 +403,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
@@ -413,8 +411,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
@@ -422,8 +419,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
@@ -431,8 +427,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
@@ -440,8 +435,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)
@@ -478,8 +472,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
@@ -489,8 +482,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
@@ -498,8 +490,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
@@ -507,8 +498,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
@@ -516,8 +506,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
@@ -525,8 +514,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
@@ -534,8 +522,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
@@ -543,8 +530,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
@@ -552,8 +538,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
@@ -563,8 +548,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
@@ -572,8 +556,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/dist/metadata.json b/components/pickerbutton/dist/metadata.json
index 27643d6fd25..c6186980d83 100644
--- a/components/pickerbutton/dist/metadata.json
+++ b/components/pickerbutton/dist/metadata.json
@@ -107,12 +107,13 @@
"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",
@@ -137,18 +138,6 @@
"--spectrum-text-to-visual-300",
"--spectrum-text-to-visual-50"
],
- "system-theme": [
- "--system-picker-button-background-color",
- "--system-picker-button-background-color-down",
- "--system-picker-button-background-color-hover",
- "--system-picker-button-background-color-key-focus",
- "--system-picker-button-border-color",
- "--system-picker-button-border-radius",
- "--system-picker-button-border-radius-rounded-sided",
- "--system-picker-button-border-radius-sided",
- "--system-picker-button-border-width",
- "--system-picker-button-padding"
- ],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/pickerbutton/index.css b/components/pickerbutton/index.css
index d9404687aca..65e1f840c19 100644
--- a/components/pickerbutton/index.css
+++ b/components/pickerbutton/index.css
@@ -11,9 +11,10 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
.spectrum-PickerButton {
+ /* Bring back --spectrum-in-field-button-edge-to-fill when S2 tokens available */
+ --spectrum-picker-button-padding: 4px;
+
--spectrum-picker-button-height: var(--spectrum-component-height-100);
--spectrum-picker-button-width: var(--spectrum-component-height-100);
--spectrum-picker-button-gap: var(--spectrum-text-to-visual-50);
@@ -36,7 +37,17 @@
--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-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);
--spectrum-picker-button-border-radius-rounded: var(--spectrum-corner-radius-200);
+
+ --spectrum-picker-button-background-color: var(--spectrum-gray-50);
+ --spectrum-picker-button-background-color-hover: var(--spectrum-gray-100);
+ --spectrum-picker-button-background-color-down: var(--spectrum-gray-200);
+ --spectrum-picker-button-background-color-key-focus: var(--spectrum-gray-100);
--spectrum-picker-button-background-animation-duration: var(--spectrum-animation-duration-100);
&:hover {
diff --git a/components/pickerbutton/package.json b/components/pickerbutton/package.json
index 08c3b20dadf..1070422394d 100644
--- a/components/pickerbutton/package.json
+++ b/components/pickerbutton/package.json
@@ -25,20 +25,16 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
+ "@spectrum-css/icon": ">=9",
"@spectrum-css/menu": ">=7",
- "@spectrum-css/popover": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/popover": ">=8",
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
"@spectrum-css/icon": "9.0.1",
"@spectrum-css/menu": "9.0.1",
"@spectrum-css/popover": "8.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/pickerbutton/stories/template.js b/components/pickerbutton/stories/template.js
index 3df4f85b636..6adcb7398fd 100644
--- a/components/pickerbutton/stories/template.js
+++ b/components/pickerbutton/stories/template.js
@@ -8,9 +8,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-PickerButton",
diff --git a/components/pickerbutton/themes/express.css b/components/pickerbutton/themes/express.css
deleted file mode 100644
index 9dbd1a7fa4a..00000000000
--- a/components/pickerbutton/themes/express.css
+++ /dev/null
@@ -1,33 +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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--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;
-
- --spectrum-picker-button-padding: var(--spectrum-in-field-button-edge-to-fill);
- }
-}
diff --git a/components/pickerbutton/themes/spectrum-two.css b/components/pickerbutton/themes/spectrum-two.css
deleted file mode 100644
index fb132a104e9..00000000000
--- a/components/pickerbutton/themes/spectrum-two.css
+++ /dev/null
@@ -1,30 +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 style(--system: spectrum) {
- .spectrum-PickerButton {
- --spectrum-picker-button-background-color: var(--spectrum-gray-50);
- --spectrum-picker-button-background-color-hover: var(--spectrum-gray-100);
- --spectrum-picker-button-background-color-down: var(--spectrum-gray-200);
- --spectrum-picker-button-background-color-key-focus: var(--spectrum-gray-100);
-
- --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;
-
- /* Bring back --spectrum-in-field-button-edge-to-fill when S2 tokens available */
- --spectrum-picker-button-padding: 4px;
- }
-}
diff --git a/components/pickerbutton/themes/spectrum.css b/components/pickerbutton/themes/spectrum.css
deleted file mode 100644
index 85c3b9aaf9e..00000000000
--- a/components/pickerbutton/themes/spectrum.css
+++ /dev/null
@@ -1,33 +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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .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);
-
- --spectrum-picker-button-padding: var(--spectrum-in-field-button-edge-to-fill);
- }
-}
diff --git a/components/popover/CHANGELOG.md b/components/popover/CHANGELOG.md
index 227f78dae10..26c7b30d92a 100644
--- a/components/popover/CHANGELOG.md
+++ b/components/popover/CHANGELOG.md
@@ -1,5 +1,26 @@
# Change Log
+## 8.0.0-next.1
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f) Thanks [@pfulton](https://github.com/pfulton)! - Define undefined custom properties from themes directory.
+
+- Updated dependencies [[`7582c1f`](https://github.com/adobe/spectrum-css/commit/7582c1f5c73de5ecf962bfad0294f162d7035751), [`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76), [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f)]:
+ - @spectrum-css/dialog@11.0.0-next.1
+ - @spectrum-css/tokens@14.0.0-next.12
+ - @spectrum-css/menu@8.0.0-next.1
+
+## 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.1
### Patch Changes
@@ -185,8 +206,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
@@ -194,11 +214,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
@@ -206,8 +224,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
@@ -215,8 +232,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
@@ -224,8 +240,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
@@ -233,8 +248,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
@@ -242,8 +256,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
@@ -251,8 +264,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
@@ -263,8 +275,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
@@ -274,8 +285,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
@@ -283,8 +293,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
@@ -296,8 +305,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
@@ -305,8 +313,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
@@ -314,8 +321,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
@@ -323,8 +329,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
@@ -332,8 +337,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
@@ -343,8 +347,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
@@ -352,8 +355,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
@@ -361,8 +363,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
@@ -370,8 +371,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
@@ -379,8 +379,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
@@ -388,8 +387,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
@@ -397,8 +395,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
@@ -406,8 +403,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
@@ -417,8 +413,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
@@ -426,8 +421,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
@@ -435,8 +429,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
@@ -444,8 +437,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
@@ -453,8 +445,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
@@ -462,8 +453,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
@@ -471,8 +461,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
@@ -480,8 +469,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
@@ -491,8 +479,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
@@ -500,8 +487,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
@@ -509,8 +495,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
@@ -518,8 +503,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
@@ -527,8 +511,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
@@ -536,8 +519,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
@@ -545,8 +527,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
@@ -554,8 +535,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
@@ -563,8 +543,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
@@ -574,8 +553,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
@@ -583,8 +561,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/dist/metadata.json b/components/popover/dist/metadata.json
index 25e49b3553f..e9c998d8752 100644
--- a/components/popover/dist/metadata.json
+++ b/components/popover/dist/metadata.json
@@ -104,51 +104,53 @@
"--mod-popover-background-color",
"--mod-popover-border-color",
"--mod-popover-border-width",
- "--mod-popover-content-area-spacing-vertical",
+ "--mod-popover-content-area-spacing",
"--mod-popover-corner-radius",
+ "--mod-popover-drop-shadow-blur",
+ "--mod-popover-drop-shadow-color",
+ "--mod-popover-drop-shadow-x",
+ "--mod-popover-drop-shadow-y",
"--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"
+ "--mod-popover-pointer-width"
],
"component": [
"--spectrum-popover-animation-distance",
"--spectrum-popover-background-color",
- "--spectrum-popover-border-color",
+ "--spectrum-popover-border-color-rgb",
+ "--spectrum-popover-border-color-with-transparency",
+ "--spectrum-popover-border-opacity",
+ "--spectrum-popover-border-transparency",
"--spectrum-popover-border-width",
- "--spectrum-popover-content-area-spacing-vertical",
+ "--spectrum-popover-content-area-spacing",
"--spectrum-popover-corner-radius",
+ "--spectrum-popover-drop-shadow-blur",
+ "--spectrum-popover-drop-shadow-color",
+ "--spectrum-popover-drop-shadow-x",
+ "--spectrum-popover-drop-shadow-y",
+ "--spectrum-popover-edge-to-content-area",
"--spectrum-popover-filter",
"--spectrum-popover-pointer-edge-offset",
"--spectrum-popover-pointer-edge-spacing",
"--spectrum-popover-pointer-height",
"--spectrum-popover-pointer-width",
- "--spectrum-popover-shadow-blur",
- "--spectrum-popover-shadow-color",
- "--spectrum-popover-shadow-horizontal",
- "--spectrum-popover-shadow-vertical",
"--spectrum-popover-tip-height",
- "--spectrum-popover-tip-width",
- "--spectrum-popover-top-to-content-area"
+ "--spectrum-popover-tip-width"
],
"global": [
"--spectrum-animation-duration-0",
"--spectrum-animation-duration-100",
"--spectrum-background-layer-2-color",
"--spectrum-border-width-100",
- "--spectrum-corner-radius-100",
- "--spectrum-drop-shadow-blur",
- "--spectrum-drop-shadow-color",
- "--spectrum-drop-shadow-x",
- "--spectrum-drop-shadow-y",
- "--spectrum-gray-400",
+ "--spectrum-corner-radius-large-default",
+ "--spectrum-drop-shadow-elevated-blur",
+ "--spectrum-drop-shadow-elevated-color",
+ "--spectrum-drop-shadow-elevated-x",
+ "--spectrum-drop-shadow-elevated-y",
+ "--spectrum-gray-200-rgb",
"--spectrum-spacing-100"
],
- "system-theme": ["--system-popover-border-width"],
"passthroughs": [],
"high-contrast": ["--highcontrast-popover-border-color"]
}
diff --git a/components/popover/index.css b/components/popover/index.css
index 9e6c3443904..8f3ed71d6a8 100644
--- a/components/popover/index.css
+++ b/components/popover/index.css
@@ -11,48 +11,47 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
@import "@spectrum-css/commons/overlay.css";
.spectrum-Popover {
- /* animation distance is equal to and responsible for popover offset */
+ /* animation distance is equal to and responsible for popover offset ("spacing" tip to source) */
--spectrum-popover-animation-distance: var(--spectrum-spacing-100);
--spectrum-popover-background-color: var(--spectrum-background-layer-2-color);
- --spectrum-popover-border-color: var(--spectrum-gray-400);
+
+ /* TODO: Cannot use popover-border-color token until the value no longer has the rgba() function alpha/opacity. We should be able to refactor instances of `--spectrum-popover-border-color-rgb` with `--spectrum-popover-border-color` once this is available. */
+ /* --spectrum-popover-border-color-default: var(--spectrum-popover-border-color); */
+ --spectrum-popover-border-color-rgb: var(--spectrum-gray-200-rgb);
+ --spectrum-popover-border-transparency: var(--spectrum-popover-border-opacity);
+ --spectrum-popover-border-color-with-transparency: rgba(var(--spectrum-popover-border-color-rgb), var(--spectrum-popover-border-transparency));
+
+ --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);
+ --spectrum-popover-content-area-spacing: var(--spectrum-popover-edge-to-content-area);
/* popover drop shadow */
- --spectrum-popover-shadow-horizontal: var(--spectrum-drop-shadow-x);
- --spectrum-popover-shadow-vertical: var(--spectrum-drop-shadow-y);
- --spectrum-popover-shadow-blur: var(--spectrum-drop-shadow-blur);
- --spectrum-popover-shadow-color: var(--spectrum-drop-shadow-color);
+ --spectrum-popover-drop-shadow-x: var(--spectrum-drop-shadow-elevated-x);
+ --spectrum-popover-drop-shadow-y: var(--spectrum-drop-shadow-elevated-y);
+ --spectrum-popover-drop-shadow-blur: var(--spectrum-drop-shadow-elevated-blur);
+ --spectrum-popover-drop-shadow-color: var(--spectrum-drop-shadow-elevated-color);
/* popover corner radius */
- --spectrum-popover-corner-radius: var(--spectrum-corner-radius-100);
+ --spectrum-popover-corner-radius: var(--spectrum-corner-radius-large-default);
/* pointer tip dimensions */
--spectrum-popover-pointer-width: var(--spectrum-popover-tip-width);
--spectrum-popover-pointer-height: var(--spectrum-popover-tip-height);
/* pointer tip - default spacing to edge - corner radius plus half of tip width to neutralize override */
- --spectrum-popover-pointer-edge-offset: calc(var(--spectrum-corner-radius-100) + (var(--spectrum-popover-tip-width) / 2));
+ --spectrum-popover-pointer-edge-offset: calc(var(--spectrum-popover-corner-radius) + (var(--spectrum-popover-tip-width) / 2));
/* pointer tip - spacing to edge will center pointer to source - apply in markup by setting '--spectrum-popover-pointer-edge-offset' value == half of source */
--spectrum-popover-pointer-edge-spacing: calc(var(--spectrum-popover-pointer-edge-offset) - (var(--spectrum-popover-tip-width) / 2));
}
-/* windows high contrast mode */
-@media (forced-colors: active) {
- .spectrum-Popover {
- --highcontrast-popover-border-color: CanvasText;
- }
-}
-
.spectrum-Popover {
- --spectrum-popover-filter: drop-shadow(var(--mod-popover-shadow-horizontal, var(--spectrum-popover-shadow-horizontal)) var(--mod-popover-shadow-vertical, var(--spectrum-popover-shadow-vertical)) var(--mod-popover-shadow-blur, var(--spectrum-popover-shadow-blur)) var(--mod-popover-shadow-color, var(--spectrum-popover-shadow-color)));
+ --spectrum-popover-filter: drop-shadow(var(--mod-popover-drop-shadow-x, var(--spectrum-popover-drop-shadow-x)) var(--mod-popover-drop-shadow-y, var(--spectrum-popover-drop-shadow-y)) var(--mod-popover-drop-shadow-blur, var(--spectrum-popover-drop-shadow-blur)) var(--mod-popover-drop-shadow-color, var(--spectrum-popover-drop-shadow-color)));
@extend %spectrum-overlay;
box-sizing: border-box;
@@ -60,14 +59,15 @@
outline: none; /* Hide focus outline */
- padding: var(--mod-popover-content-area-spacing-vertical, var(--spectrum-popover-content-area-spacing-vertical)) 0;
+ padding: var(--mod-popover-content-area-spacing, var(--spectrum-popover-content-area-spacing));
display: inline-flex;
flex-direction: column;
border-style: solid;
border-radius: var(--mod-popover-corner-radius, var(--spectrum-popover-corner-radius));
- border-color: var(--highcontrast-popover-border-color, var(--mod-popover-border-color, var(--spectrum-popover-border-color)));
+ border-color: var(--highcontrast-popover-border-color, var(--mod-popover-border-color, var(--spectrum-popover-border-color-with-transparency)));
+
border-width: var(--mod-popover-border-width, var(--spectrum-popover-border-width));
background-color: var(--mod-popover-background-color, var(--spectrum-popover-background-color));
@@ -81,7 +81,7 @@
stroke-linecap: square;
stroke-linejoin: miter;
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: var(--highcontrast-popover-border-color, var(--mod-popover-border-color, var(--spectrum-popover-border-color-with-transparency)));
stroke-width: var(--mod-popover-border-width, var(--spectrum-popover-border-width));
}
}
@@ -145,7 +145,7 @@
&.spectrum-Popover--withTip {
/* tip size minus where it overlaps with popover border */
/* stylelint-disable-next-line csstools/use-logical -- intentional, right stays on the same side even for RTL */
- margin-left: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
+ margin-left: calc(var(--mod-popover-pointer-height, var(--spectrum-popover-pointer-height)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
}
/* popover animates towards right ⮕ */
@@ -162,7 +162,7 @@
&.spectrum-Popover--withTip {
/* tip size minus where it overlaps with popover border */
/* stylelint-disable-next-line csstools/use-logical -- intentional, left stays on the same side even for RTL */
- margin-right: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
+ margin-right: calc(var(--mod-popover-pointer-height, var(--spectrum-popover-pointer-height)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
}
/* popover animates towards left ⬅ */
@@ -178,7 +178,7 @@
/* spacing to include tip in calculation of offset from source */
&.spectrum-Popover--withTip {
/* tip size minus where it overlaps with popover border */
- margin-inline-end: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
+ margin-inline-end: calc(var(--mod-popover-pointer-height, var(--spectrum-popover-pointer-height)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
}
/* LTR read, popover animates towards left ⬅ */
@@ -199,7 +199,7 @@
/* spacing to include tip in calculation of offset from source */
&.spectrum-Popover--withTip {
/* tip size minus where it overlaps with popover border */
- margin-inline-start: calc(var(--mod-popover-pointer-width, var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
+ margin-inline-start: calc(var(--mod-popover-pointer-height, var(--spectrum-popover-pointer-height)) - var(--mod-popover-border-width, var(--spectrum-popover-border-width)));
}
/* LTR read, popover animates towards right ⮕ */
@@ -412,3 +412,10 @@
}
}
}
+
+/* windows high contrast mode */
+@media (forced-colors: active) {
+ .spectrum-Popover {
+ --highcontrast-popover-border-color: CanvasText;
+ }
+}
diff --git a/components/popover/package.json b/components/popover/package.json
index 6b049a612e2..ed18078eb04 100644
--- a/components/popover/package.json
+++ b/components/popover/package.json
@@ -27,9 +27,9 @@
"peerDependencies": {
"@spectrum-css/alertdialog": ">=2",
"@spectrum-css/dialog": ">=10",
- "@spectrum-css/divider": ">=3",
+ "@spectrum-css/divider": ">=5",
"@spectrum-css/menu": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"peerDependenciesMeta": {
"@spectrum-css/divider": {
@@ -41,15 +41,11 @@
},
"devDependencies": {
"@spectrum-css/alertdialog": "4.0.1",
- "@spectrum-css/commons": "workspace:^",
+ "@spectrum-css/commons": "11.0.0",
"@spectrum-css/dialog": "12.0.1",
"@spectrum-css/divider": "5.0.1",
"@spectrum-css/menu": "9.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/popover/stories/popover.stories.js b/components/popover/stories/popover.stories.js
index e5e7f986607..844b18eeeff 100644
--- a/components/popover/stories/popover.stories.js
+++ b/components/popover/stories/popover.stories.js
@@ -12,11 +12,12 @@ import { FixedWidthSourceTemplate, Template, TipPlacementVariants } from "./temp
/**
* A popover is used to display transient content (menus, options, additional actions, etc.) and appears when clicking/tapping on a source (tools, buttons, etc.).
- * It stands out via its visual style (stroke and drop shadow) and floats on top of the rest of the interface.
+ * It stands out via its visual style (stroke and/or drop shadow) and floats on top of the rest of the interface.
*
+ * ## Usage notes
* - Popover's position and distance to its source should be handled by the implementation. Positioning in Storybook is only for demonstration purposes.
- * - When the `.is-open` class is present, popover is offset from the source by the spacing value defined in `--spectrum-popover-animation-distance`. This
- * offset is done with a CSS transform and animates with a CSS transition.
+ * - When the `.is-open` class is present, popover is offset from the source by the spacing value defined in `--spectrum-popover-animation-distance`. This offset is done with a CSS transform and animates with a CSS transition.
+ * - There may be cases where a popover has another sibling popover. Implementations can add `margin` styles to the sibling popover, set to `--spectrum-popover-animation-distance`, within their popover position calculations. See [the nested popover story](/docs/components-popover--docs#nested) below for an example.
*/
export default {
title: "Popover",
@@ -81,8 +82,8 @@ export default {
isOpen: true,
withTip: false,
position: "bottom",
- popoverHeight: 142,
- popoverWidth: 89,
+ popoverHeight: 158,
+ popoverWidth: 105,
},
parameters: {
layout: "centered",
@@ -101,10 +102,10 @@ export default {
};
/**
- * By default, popovers do not have a tip. Popovers without a tip should be used when the source has a
- * visually distinct down state, in order to show the connection between the popover and its source.
+ * By default, popovers do not have a tip and are positioned at the top. Popovers without a tip should be used when the source has a
+ * visually distinct [down state](/docs/foundations-down-state--docs), in order to show the connection between the popover and its source.
*
- * This example uses the [menu](?path=/docs/components-menu--docs) component within the popover, and a button as the source.
+ * This example uses the [menu](/docs/components-menu--docs) component within the popover, has a position of `bottom`, and uses a button as the source.
*/
export const Default = PopoverGroup.bind({});
Default.args = {
@@ -163,6 +164,10 @@ Nested.args = {
(passthroughs, context) => Template({
position: "end-top",
isOpen: true,
+ customStyles: {
+ // nested popover spacing so that adjacent `.spectrum-Popover` divs don't "touch"
+ "margin": "var(--spectrum-popover-animation-distance)",
+ },
trigger: (passthroughs, context) => ActionButton({
label: "More actions",
...passthroughs,
@@ -231,7 +236,7 @@ WithTip.parameters = {
*/
// @see https://opensource.adobe.com/spectrum-web-components/components/popover/#dialog-popovers
export const DialogStyle = Template.bind({});
-DialogStyle.storyName = "Dialog style content";
+DialogStyle.storyName = "Dialog-style content";
DialogStyle.tags = ["!dev"];
DialogStyle.args = {
withTip: true,
diff --git a/components/popover/stories/popover.test.js b/components/popover/stories/popover.test.js
index ad179e3b70e..846d9bd15c4 100644
--- a/components/popover/stories/popover.test.js
+++ b/components/popover/stories/popover.test.js
@@ -30,8 +30,8 @@ export const PopoverGroup = Variants({
"end-top",
"end-bottom",
].map((position) => {
- const popoverHeight = 142;
- const popoverWidth = 89;
+ const popoverHeight = 158;
+ const popoverWidth = 105;
let wrapperStyles = {
"justify-content": "center",
diff --git a/components/popover/stories/template.js b/components/popover/stories/template.js
index 6d7e55375e2..3ff8ee18be9 100644
--- a/components/popover/stories/template.js
+++ b/components/popover/stories/template.js
@@ -8,9 +8,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Popover",
@@ -24,8 +21,8 @@ export const Template = ({
triggerId = getRandomId("popover-trigger"),
customStyles = {},
popoverWrapperStyles = {},
- popoverHeight = 142,
- popoverWidth = 89,
+ popoverHeight = 158,
+ popoverWidth = 105,
popoverAlignment = {},
skipAlignment = false,
trigger,
diff --git a/components/popover/themes/express.css b/components/popover/themes/express.css
deleted file mode 100644
index 32c92bf71b5..00000000000
--- a/components/popover/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--system: express) {
- .spectrum-Popover {
- --spectrum-popover-border-width: 0;
- }
-}
diff --git a/components/popover/themes/spectrum-two.css b/components/popover/themes/spectrum-two.css
deleted file mode 100644
index 80c0cdc94c4..00000000000
--- a/components/popover/themes/spectrum-two.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 style(--system: spectrum) {
- .spectrum-Popover {
- --spectrum-popover-border-width: var(--spectrum-border-width-100);
- }
-}
diff --git a/components/popover/themes/spectrum.css b/components/popover/themes/spectrum.css
deleted file mode 100644
index 3d81bc564b5..00000000000
--- a/components/popover/themes/spectrum.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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
diff --git a/components/progressbar/CHANGELOG.md b/components/progressbar/CHANGELOG.md
index 8135957f8d3..f92d34caf5d 100644
--- a/components/progressbar/CHANGELOG.md
+++ b/components/progressbar/CHANGELOG.md
@@ -1,5 +1,32 @@
# Change Log
+## 5.0.0-next.1
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`8d65de0`](https://github.com/adobe/spectrum-css/commit/8d65de0233a6b12e72002b47e9484dbe5f0636be) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to align `spectrum-two` with `s2-foundations-redux`/`main`, mostly defining unused custom properties, but addresses any other lint warnings or inconsistencies noted in the following components:
+
+ **Calendar**: Defines 1 previously undefined custom property to align with `main` and `s2-foundations-redux`
+ **Dial**: Defines 6 previously undefined custom properties, removes 3 unused custom properties
+ **Pickerbutton**: Defines 9 previously undefined custom properties to align with `main` and `s2-foundations-redux`
+ **Progressbar**: Removes 3 unused custom properties, reverts background-color to background to accommodate gradients
+ **Radio**: Defines 4 previously undefined custom properties to align with `main` and `s2-foundations-redux`
+ **Stepper**: moves high contrast block further down to align with other components' CSS structure, defines multiple undefined custom properties, adds disable-next-line comment to suppress no-unused-custom-properties warning
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+
+## 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.
+
## 6.0.1
### Patch Changes
@@ -175,32 +202,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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/progressbar/themes/spectrum-two.css b/components/progressbar/themes/spectrum-two.css
deleted file mode 100644
index 3b705ef64c4..00000000000
--- a/components/progressbar/themes/spectrum-two.css
+++ /dev/null
@@ -1,19 +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 style(--system: spectrum) {
- .spectrum-ProgressBar {
- --spectrum-progressbar-track-color: var(--spectrum-gray-200);
- --spectrum-progressbar-track-color-white: var(--spectrum-transparent-white-400);
- }
-}
diff --git a/components/progressbar/themes/spectrum.css b/components/progressbar/themes/spectrum.css
deleted file mode 100644
index 3760cc4cfc4..00000000000
--- a/components/progressbar/themes/spectrum.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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-ProgressBar {
- --spectrum-progressbar-track-color: var(--spectrum-gray-300);
- --spectrum-progressbar-track-color-white: var(--spectrum-transparent-white-300);
- }
-}
diff --git a/components/progresscircle/CHANGELOG.md b/components/progresscircle/CHANGELOG.md
index 3c38be2aff7..634f80b46ad 100644
--- a/components/progresscircle/CHANGELOG.md
+++ b/components/progresscircle/CHANGELOG.md
@@ -128,8 +128,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
@@ -149,8 +148,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
@@ -158,8 +156,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
@@ -167,8 +164,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
@@ -176,8 +172,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
@@ -187,8 +182,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
@@ -196,8 +190,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
@@ -207,8 +200,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
@@ -216,8 +208,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
@@ -225,8 +216,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
@@ -234,8 +224,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
@@ -243,8 +232,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
@@ -252,8 +240,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
@@ -261,8 +248,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
@@ -270,8 +256,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
@@ -279,8 +264,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
@@ -288,8 +272,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
@@ -297,8 +280,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
@@ -306,8 +288,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
@@ -315,8 +296,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
@@ -324,8 +304,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
@@ -335,8 +314,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
@@ -344,8 +322,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
@@ -353,8 +330,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
@@ -362,8 +338,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
@@ -371,8 +346,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
@@ -380,8 +354,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
@@ -389,8 +362,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
@@ -398,8 +370,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
@@ -407,8 +378,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
@@ -416,8 +386,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
@@ -425,8 +394,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
@@ -434,8 +402,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
@@ -443,8 +410,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
@@ -452,8 +418,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
@@ -461,8 +426,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
@@ -472,8 +436,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
@@ -481,8 +444,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
diff --git a/components/progresscircle/animation.css b/components/progresscircle/animation.css
index 176d4da4c17..433f642948b 100644
--- a/components/progresscircle/animation.css
+++ b/components/progresscircle/animation.css
@@ -11,500 +11,23 @@
* governing permissions and limitations under the License.
*/
-.spectrum-ProgressCircle--indeterminate-fill-submask-2 {
- animation: 1s infinite linear spectrum-fill-mask-2;
-}
-
-@keyframes spectrum-fill-mask-1 {
+@keyframes spectrum-fills-rotate {
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);
+ transform: rotate(-90deg);
}
100% {
- transform: rotate(90deg);
+ transform: rotate(270deg);
}
}
-@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);
- }
-
+@keyframes spectrum-dashoffset-animation {
+ 0%,
100% {
- transform: rotate(180deg);
+ stroke-dashoffset: 75px;
}
-}
-@keyframes spectrum-fills-rotate {
- 0% {
- transform: rotate(-90deg);
- }
-
- 100% {
- transform: rotate(270deg);
+ 30% {
+ stroke-dashoffset: 20px;
}
}
diff --git a/components/progresscircle/dist/metadata.json b/components/progresscircle/dist/metadata.json
index 82493f14621..a252d2638db 100644
--- a/components/progresscircle/dist/metadata.json
+++ b/components/progresscircle/dist/metadata.json
@@ -2,96 +2,25 @@
"sourceFile": "index.css",
"selectors": [
".spectrum-ProgressCircle",
- ".spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fillSubMask1",
- ".spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fillSubMask2",
- ".spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fills",
- ".spectrum-ProgressCircle--indeterminate-fill-submask-2",
+ ".spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fill",
+ ".spectrum-ProgressCircle--sizeL",
+ ".spectrum-ProgressCircle--sizeS",
".spectrum-ProgressCircle-fill",
- ".spectrum-ProgressCircle-fillMask1",
- ".spectrum-ProgressCircle-fillMask2",
- ".spectrum-ProgressCircle-fillSubMask1",
- ".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%",
- "1.69%",
- "10.17%",
- "11.86%",
- "13.56%",
- "15.25%",
- "16.95%",
- "18.64%",
- "20.34%",
- "22.03%",
- "23.73%",
- "25.42%",
- "27.12%",
- "28.81%",
- "3.39%",
- "30.51%",
- "32.2%",
- "33.9%",
- "35.59%",
- "37.29%",
- "38.98%",
- "40.68%",
- "42.37%",
- "44.07%",
- "45.76%",
- "47.46%",
- "49.15%",
- "5.08%",
- "50.85%",
- "52.54%",
- "54.24%",
- "55.93%",
- "57.63%",
- "59.32%",
- "6.78%",
- "61.02%",
- "62.71%",
- "64.41%",
- "66.1%",
- "67.8%",
- "69.49%",
- "71.19%",
- "72.88%",
- "74.58%",
- "76.27%",
- "77.97%",
- "79.66%",
- "8.47%",
- "81.36%",
- "83.05%",
- "84.75%",
- "86.44%",
- "88.14%",
- "89.83%",
- "91.53%",
- "93.22%",
- "94.92%",
- "96.61%",
- "98.31%",
- "to"
+ ".spectrum-ProgressCircle.spectrum-ProgressCircle--staticBlack",
+ ".spectrum-ProgressCircle.spectrum-ProgressCircle--staticWhite",
+ ".spectrum-ProgressCircle:not(.spectrum-ProgressCircle--indeterminate) .spectrum-innerCircle",
+ ".spectrum-ProgressCircle:not(.spectrum-ProgressCircle--indeterminate) .spectrum-outerCircle"
],
"modifiers": [
"--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"
+ "--mod-progress-circle-track-border-color"
],
"component": [
"--spectrum-progress-circle-fill-border-color",
- "--spectrum-progress-circle-fill-border-color-over-background",
"--spectrum-progress-circle-size",
"--spectrum-progress-circle-size-large",
"--spectrum-progress-circle-size-medium",
@@ -100,27 +29,19 @@
"--spectrum-progress-circle-thickness-large",
"--spectrum-progress-circle-thickness-medium",
"--spectrum-progress-circle-thickness-small",
- "--spectrum-progress-circle-track-border-color",
- "--spectrum-progress-circle-track-border-color-over-background",
- "--spectrum-progress-circle-track-border-style"
+ "--spectrum-progress-circle-track-border-color"
],
"global": [
"--spectrum-accent-content-color-default",
- "--spectrum-gray-200",
- "--spectrum-gray-300",
- "--spectrum-transparent-white-1000",
- "--spectrum-transparent-white-300",
- "--spectrum-transparent-white-400",
- "--spectrum-transparent-white-900"
- ],
- "system-theme": [
- "--system-progress-circle-fill-border-color-over-background",
- "--system-progress-circle-track-border-color",
- "--system-progress-circle-track-border-color-over-background"
+ "--spectrum-static-black-track-color",
+ "--spectrum-static-black-track-indicator-color",
+ "--spectrum-static-white-track-color",
+ "--spectrum-static-white-track-indicator-color",
+ "--spectrum-track-color"
],
"passthroughs": [],
"high-contrast": [
"--highcontrast-progress-circle-fill-border-color",
- "--highcontrast-progress-circle-fill-border-color-over-background"
+ "--highcontrast-progress-circle-track-color"
]
}
diff --git a/components/progresscircle/index.css b/components/progresscircle/index.css
index 019cbb78bbd..d2adf1c18dd 100644
--- a/components/progresscircle/index.css
+++ b/components/progresscircle/index.css
@@ -1,66 +1,40 @@
/*!
- * 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.
- */
+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
-@import "./themes/spectrum-two.css";
+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.
+*/
-/* 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;
- }
-}
+@import "animation.css";
.spectrum-ProgressCircle {
/* circle unfilled border color */
- --spectrum-progress-circle-track-border-color: var(--spectrum-gray-300);
+ --spectrum-progress-circle-track-border-color: var(--spectrum-track-color);
/* circle progress fill border color */
--spectrum-progress-circle-fill-border-color: var(--spectrum-accent-content-color-default);
- /* over background unfilled border color */
- --spectrum-progress-circle-track-border-color-over-background: var(--spectrum-transparent-white-300);
-
- /* over background progress fill border color */
- --spectrum-progress-circle-fill-border-color-over-background: var(--spectrum-transparent-white-900);
-
- /* 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);
- }
+ /* default size and thickness */
+ --spectrum-progress-circle-size: var(--spectrum-progress-circle-size-medium);
+ --spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-medium);
+}
- &,
- &.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--sizeS {
+ --spectrum-progress-circle-size: var(--spectrum-progress-circle-size-small);
+ --spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-small);
+}
- &.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--sizeL {
+ --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));
@@ -70,591 +44,66 @@
/* Fix for Safari rendering bug */
/* more info: https://github.com/adobe/spectrum-web-components/issues/1392 */
transform: translate3d(0, 0, 0);
-}
-
-.spectrum-ProgressCircle-track {
- box-sizing: border-box;
- 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(--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));
-}
+ &.spectrum-ProgressCircle--staticWhite {
+ --spectrum-progress-circle-track-border-color: var(--spectrum-static-white-track-color);
+ --spectrum-progress-circle-fill-border-color: var(--spectrum-static-white-track-indicator-color);
+ }
-/* circle progress fill parent container */
-.spectrum-ProgressCircle-fills {
- position: absolute;
- inset-block-start: 0;
- inset-inline-start: 0;
- inline-size: 100%;
- block-size: 100%;
+ &.spectrum-ProgressCircle--staticBlack {
+ --spectrum-progress-circle-track-border-color: var(--spectrum-static-black-track-color);
+ --spectrum-progress-circle-fill-border-color: var(--spectrum-static-black-track-indicator-color);
+ }
}
-/* circle progress filled */
+.spectrum-ProgressCircle-track,
.spectrum-ProgressCircle-fill {
box-sizing: border-box;
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: solid;
- 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(--highcontrast-progress-circle-fill-border-color, var(--mod-progress-circle-fill-border-color, var(--spectrum-progress-circle-fill-border-color)));
}
-/* circle colors over background */
-.spectrum-ProgressCircle.spectrum-ProgressCircle--staticWhite {
- .spectrum-ProgressCircle-track {
- border-color: var(--mod-progress-circle-track-border-color-over-background, var(--spectrum-progress-circle-track-border-color-over-background));
- }
-
- .spectrum-ProgressCircle-fill {
- border-color: var(--highcontrast-progress-circle-fill-border-color-over-background, var(--mod-progress-circle-fill-border-color-over-background, var(--spectrum-progress-circle-fill-border-color-over-background)));
- }
-}
-
-/* animation masks - circle fill progress */
-.spectrum-ProgressCircle-fillMask1,
-.spectrum-ProgressCircle-fillMask2 {
- inline-size: 50%;
- block-size: 100%;
- transform-origin: 100% center;
- transform: rotate(180deg);
- overflow: hidden;
- position: absolute;
-}
-
-.spectrum-ProgressCircle-fillSubMask1,
-.spectrum-ProgressCircle-fillSubMask2 {
- inline-size: 100%;
- block-size: 100%;
- transform-origin: 100% center;
- overflow: hidden;
- transform: rotate(-180deg);
+.spectrum-ProgressCircle-track {
+ stroke-width: var(--mod-progress-circle-thickness, var(--spectrum-progress-circle-thickness));
+ stroke: var(--highcontrast-progress-circle-track-color, var(--mod-progress-circle-track-border-color, var(--spectrum-progress-circle-track-border-color)));
}
-.spectrum-ProgressCircle-fillMask2 {
- transform: rotate(0deg);
+/* circle progress filled */
+.spectrum-ProgressCircle-fill {
+ stroke-width: var(--mod-progress-circle-thickness, var(--spectrum-progress-circle-thickness));
+ stroke: var(--highcontrast-progress-circle-fill-border-color, var(--mod-progress-circle-fill-border-color, var(--spectrum-progress-circle-fill-border-color)));
+ transform: rotate(-90deg);
+ transform-origin: center;
}
/* animation masks - circle indeterminate with continuous animation */
.spectrum-ProgressCircle--indeterminate {
- .spectrum-ProgressCircle-fills {
+ .spectrum-ProgressCircle-fill {
will-change: transform;
- transform: translateZ(0);
- animation: 1s infinite cubic-bezier(0.25, 0.78, 0.48, 0.89) spectrum-fills-rotate;
+ animation:
+ 1s cubic-bezier(0.6, 0.1, 0.3, 0.9) infinite spectrum-fills-rotate,
+ 1s cubic-bezier(0.25, 0.1, 0.25, 1.3) infinite spectrum-dashoffset-animation;
transform-origin: center;
}
-
- .spectrum-ProgressCircle-fillSubMask1 {
- will-change: transform;
- transform: translateZ(0);
- animation: 1s infinite linear spectrum-fill-mask-1;
- }
-
- .spectrum-ProgressCircle-fillSubMask2 {
- will-change: transform;
- transform: translateZ(0);
- 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);
+/* windows high contrast mode */
+@media (forced-colors: active) {
+ .spectrum-ProgressCircle {
+ /* fill is bright color */
+ --highcontrast-progress-circle-fill-border-color: Highlight;
+ --highcontrast-progress-circle-track-color: Background;
}
-}
-@keyframes spectrum-fills-rotate {
- 0% {
- transform: rotate(-90deg);
- }
+ .spectrum-ProgressCircle:not(.spectrum-ProgressCircle--indeterminate) {
+ .spectrum-innerCircle {
+ stroke: CanvasText;
+ }
- 100% {
- transform: rotate(270deg);
+ .spectrum-outerCircle {
+ border: 1px solid;
+ border-color: CanvasText;
+ border-radius: 50%;
+ }
}
}
diff --git a/components/progresscircle/package.json b/components/progresscircle/package.json
index 6fd1b1052f6..6be05513cf3 100644
--- a/components/progresscircle/package.json
+++ b/components/progresscircle/package.json
@@ -25,14 +25,10 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/progresscircle/stories/progresscircle.stories.js b/components/progresscircle/stories/progresscircle.stories.js
index f64c2f2780a..9146a54f0f1 100644
--- a/components/progresscircle/stories/progresscircle.stories.js
+++ b/components/progresscircle/stories/progresscircle.stories.js
@@ -15,16 +15,28 @@ export default {
argTypes: {
size: size(["s", "m", "l"]),
isIndeterminate,
- staticColor: {
- ...staticColor,
- options: ["white"],
- },
+ staticColor,
+ value: {
+ name: "Percent filled",
+ type: { name: "number" },
+ table: {
+ type: { summary: "number" },
+ category: "Content",
+ },
+ control: {
+ type: "range",
+ min: 0,
+ max: 100
+ },
+ if: { arg: "isIndeterminate", truthy: false },
+ }
},
args: {
rootClass: "spectrum-ProgressCircle",
size: "m",
isIndeterminate: false,
staticColor: undefined,
+ value: 43
},
parameters: {
design: {
@@ -102,3 +114,25 @@ StaticWhiteIndeterminate.args = {
StaticWhiteIndeterminate.parameters = {
chromatic: { disableSnapshot: true },
};
+
+export const StaticBlackDeterminate = Sizing.bind({});
+StaticBlackDeterminate.tags = ["!dev"];
+StaticBlackDeterminate.storyName = "Static black, default";
+StaticBlackDeterminate.args = {
+ staticColor: "black",
+ isIndeterminate: false,
+};
+StaticBlackDeterminate.parameters = {
+ chromatic: { disableSnapshot: true },
+};
+
+export const StaticBlackIndeterminate = Sizing.bind({});
+StaticBlackIndeterminate.tags = ["!dev"];
+StaticBlackIndeterminate.storyName = "Static black, indeterminate";
+StaticBlackIndeterminate.args = {
+ staticColor: "black",
+ isIndeterminate: true,
+};
+StaticBlackIndeterminate.parameters = {
+ chromatic: { disableSnapshot: true },
+};
diff --git a/components/progresscircle/stories/progresscircle.test.js b/components/progresscircle/stories/progresscircle.test.js
index 26c9d8e078c..83fe05791dc 100644
--- a/components/progresscircle/stories/progresscircle.test.js
+++ b/components/progresscircle/stories/progresscircle.test.js
@@ -11,6 +11,10 @@ export const ProgressCircleGroup = Variants({
testHeading: "Static white",
staticColor: "white",
},
+ {
+ testHeading: "Static black",
+ staticColor: "black",
+ },
],
stateData: [
{
diff --git a/components/progresscircle/stories/template.js b/components/progresscircle/stories/template.js
index 2e27221f91a..1890e58d4b0 100644
--- a/components/progresscircle/stories/template.js
+++ b/components/progresscircle/stories/template.js
@@ -4,10 +4,9 @@ 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 { capitalize } from "lodash-es";
+
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
id = getRandomId("progress-circle"),
@@ -18,45 +17,48 @@ export const Template = ({
size = "m",
staticColor,
isIndeterminate = false,
-} = {}) => {
- let sizeClassName = "medium";
- switch (size) {
- case "s":
- sizeClassName = "small";
- break;
- case "l":
- sizeClassName = "large";
- break;
- default:
- sizeClassName = "medium";
- }
+ value,
+}) => {
+
+ let strokeWidth = size === "s" ? 2 : size === "l" ? 4 : 3;
+
+ // SVG strokes are centered, so subtract half the stroke width from the radius to create an inner stroke.
+ let radius = `calc(50% - ${strokeWidth / 2}px)`;
+
+ let insideRadius = `calc(50% - ${strokeWidth / 1}px)`;
return html`
({ ...a, [c]: true }), {}),
})}
id=${ifDefined(id)}
style=${styleMap(customStyles)}
data-testid=${ifDefined(testId)}
>
-
-
+
+
- *
- * 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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/progresscircle/themes/spectrum-two.css b/components/progresscircle/themes/spectrum-two.css
deleted file mode 100644
index 93464f22940..00000000000
--- a/components/progresscircle/themes/spectrum-two.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 style(--system: spectrum) {
- .spectrum-ProgressCircle {
- /* circle unfilled border color */
- --spectrum-progress-circle-track-border-color: var(--spectrum-gray-200);
-
- --spectrum-progress-circle-track-border-color-over-background: var(--spectrum-transparent-white-400);
- --spectrum-progress-circle-fill-border-color-over-background: var(--spectrum-transparent-white-1000);
- }
-}
diff --git a/components/progresscircle/themes/spectrum.css b/components/progresscircle/themes/spectrum.css
deleted file mode 100644
index 2d0e45eece1..00000000000
--- a/components/progresscircle/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-ProgressCircle {
- /* circle unfilled border color */
- --spectrum-progress-circle-track-border-color: var(--spectrum-gray-300);
-
- --spectrum-progress-circle-track-border-color-over-background: var(--spectrum-transparent-white-300);
- --spectrum-progress-circle-fill-border-color-over-background: var(--spectrum-transparent-white-900);
- }
-}
diff --git a/components/radio/CHANGELOG.md b/components/radio/CHANGELOG.md
index f7948e07055..982b571554b 100644
--- a/components/radio/CHANGELOG.md
+++ b/components/radio/CHANGELOG.md
@@ -1,5 +1,21 @@
# Change Log
+## 9.4.2-next.0
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`8d65de0`](https://github.com/adobe/spectrum-css/commit/8d65de0233a6b12e72002b47e9484dbe5f0636be) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to align `spectrum-two` with `s2-foundations-redux`/`main`, mostly defining unused custom properties, but addresses any other lint warnings or inconsistencies noted in the following components:
+
+ **Calendar**: Defines 1 previously undefined custom property to align with `main` and `s2-foundations-redux`
+ **Dial**: Defines 6 previously undefined custom properties, removes 3 unused custom properties
+ **Pickerbutton**: Defines 9 previously undefined custom properties to align with `main` and `s2-foundations-redux`
+ **Progressbar**: Removes 3 unused custom properties, reverts background-color to background to accommodate gradients
+ **Radio**: Defines 4 previously undefined custom properties to align with `main` and `s2-foundations-redux`
+ **Stepper**: moves high contrast block further down to align with other components' CSS structure, defines multiple undefined custom properties, adds disable-next-line comment to suppress no-unused-custom-properties warning
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+
## 10.0.1
### Patch Changes
@@ -168,8 +184,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)
@@ -185,8 +200,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
@@ -194,8 +208,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
@@ -203,8 +216,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
@@ -212,8 +224,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
@@ -221,8 +232,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
@@ -230,8 +240,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
@@ -239,8 +248,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
@@ -248,8 +256,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
@@ -257,8 +264,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
@@ -268,8 +274,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
@@ -277,8 +282,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
@@ -286,8 +290,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
@@ -295,8 +298,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
@@ -304,8 +306,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
@@ -313,8 +314,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
@@ -322,8 +322,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
@@ -331,8 +330,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
@@ -340,8 +338,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
@@ -349,8 +346,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
@@ -358,8 +354,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
@@ -367,8 +362,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
@@ -376,8 +370,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
@@ -387,8 +380,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
@@ -396,8 +388,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
@@ -405,8 +396,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
@@ -414,8 +404,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))
@@ -429,8 +418,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
@@ -440,8 +428,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
@@ -449,8 +436,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
@@ -458,8 +444,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
@@ -467,8 +452,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
@@ -476,8 +460,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
@@ -485,8 +468,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
@@ -494,8 +476,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
@@ -503,8 +484,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
@@ -512,8 +492,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
@@ -521,8 +500,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
@@ -532,8 +510,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
@@ -541,8 +518,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/dist/metadata.json b/components/radio/dist/metadata.json
index b94c6dfcf90..fdeccc96e85 100644
--- a/components/radio/dist/metadata.json
+++ b/components/radio/dist/metadata.json
@@ -12,7 +12,6 @@
".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",
@@ -127,7 +126,6 @@
"--spectrum-accent-color-1100",
"--spectrum-accent-color-900",
"--spectrum-animation-duration-100",
- "--spectrum-border-width-200",
"--spectrum-cjk-line-height-100",
"--spectrum-component-bottom-to-text-100",
"--spectrum-component-bottom-to-text-200",
@@ -167,13 +165,6 @@
"--spectrum-text-to-control-300",
"--spectrum-text-to-control-75"
],
- "system-theme": [
- "--system-radio-button-background-color",
- "--system-radio-button-border-color-default",
- "--system-radio-button-border-color-down",
- "--system-radio-button-border-color-focus",
- "--system-radio-button-border-color-hover"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-radio-button-background-color",
diff --git a/components/radio/index.css b/components/radio/index.css
index f531d01f8dd..36b03e7bdca 100644
--- a/components/radio/index.css
+++ b/components/radio/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
/*
* Radio:
* ::before is to style the input circle (selection indicator)
@@ -20,6 +18,8 @@
*/
.spectrum-Radio {
+ --spectrum-radio-button-background-color: var(--spectrum-gray-50);
+
/* 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);
@@ -41,8 +41,11 @@
--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);
+ /* unchecked 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);
/* checked selection indicator */
--spectrum-radio-button-checked-border-color-default: var(--spectrum-neutral-background-color-selected-default);
@@ -55,16 +58,6 @@
/* animation all themes */
--spectrum-radio-animation-duration: var(--spectrum-animation-duration-100);
- /* CJK language support all themes */
- &:lang(ja),
- &:lang(zh),
- &:lang(ko) {
- --spectrum-radio-line-height-cjk: var(--spectrum-cjk-line-height-100);
- }
-}
-
-.spectrum-Radio,
-.spectrum-Radio--sizeM {
--spectrum-radio-height: var(--spectrum-component-height-100);
--spectrum-radio-button-control-size: var(--spectrum-radio-button-control-size-medium);
@@ -74,6 +67,13 @@
--spectrum-radio-button-top-to-control: var(--spectrum-radio-button-top-to-control-medium);
--spectrum-radio-font-size: var(--spectrum-font-size-100);
+
+ /* CJK language support all themes */
+ &:lang(ja),
+ &:lang(zh),
+ &:lang(ko) {
+ --spectrum-radio-line-height-cjk: var(--spectrum-cjk-line-height-100);
+ }
}
.spectrum-Radio--sizeS {
diff --git a/components/radio/package.json b/components/radio/package.json
index 5b0e2c07f7c..c657e6a4aad 100644
--- a/components/radio/package.json
+++ b/components/radio/package.json
@@ -25,16 +25,12 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/icon": ">=9",
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
"@spectrum-css/icon": "9.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/radio/stories/template.js b/components/radio/stories/template.js
index 68c3cbf0e96..50ba8484b2f 100644
--- a/components/radio/stories/template.js
+++ b/components/radio/stories/template.js
@@ -5,9 +5,6 @@ import { ifDefined } from "lit/directives/if-defined.js";
import { styleMap } from "lit/directives/style-map.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Radio",
diff --git a/components/radio/themes/express.css b/components/radio/themes/express.css
deleted file mode 100644
index 8565459259d..00000000000
--- a/components/radio/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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--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-two.css b/components/radio/themes/spectrum-two.css
deleted file mode 100644
index 48b980fc0e4..00000000000
--- a/components/radio/themes/spectrum-two.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 style(--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-button-background-color: var(--spectrum-gray-50);
- }
-}
diff --git a/components/radio/themes/spectrum.css b/components/radio/themes/spectrum.css
deleted file mode 100644
index 33772fcc7c9..00000000000
--- a/components/radio/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Radio {
- --spectrum-radio-button-background-color: var(--spectrum-gray-75);
- }
-}
diff --git a/components/rating/CHANGELOG.md b/components/rating/CHANGELOG.md
index ae918dea207..258994483b9 100644
--- a/components/rating/CHANGELOG.md
+++ b/components/rating/CHANGELOG.md
@@ -1,5 +1,14 @@
# Change Log
+## 5.2.1-next.0
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`5fae8ab`](https://github.com/adobe/spectrum-css/commit/5fae8aba83d396103aca56c108e7e81f61fce655) Thanks [@pfulton](https://github.com/pfulton)! - Define undefined custom properties from themes directory.
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+
## 6.0.1
### Patch Changes
@@ -144,8 +153,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
@@ -153,11 +161,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
@@ -165,8 +171,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
@@ -174,8 +179,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
@@ -183,8 +187,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
@@ -192,8 +195,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
@@ -201,8 +203,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
@@ -210,8 +211,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
@@ -221,8 +221,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
@@ -230,8 +229,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
@@ -239,8 +237,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
@@ -248,8 +245,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
@@ -257,8 +253,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
@@ -266,8 +261,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
@@ -275,8 +269,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
@@ -284,8 +277,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
@@ -293,8 +285,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
@@ -302,8 +293,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
@@ -311,8 +301,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
@@ -320,8 +309,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
@@ -329,8 +317,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
@@ -338,8 +325,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
@@ -349,8 +335,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
@@ -358,8 +343,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
@@ -367,8 +351,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
@@ -376,8 +359,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
@@ -385,8 +367,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
@@ -394,8 +375,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
@@ -403,8 +383,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
@@ -412,8 +391,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
@@ -421,8 +399,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
@@ -430,8 +407,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
@@ -439,8 +415,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
@@ -448,8 +423,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
@@ -457,8 +431,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
@@ -466,8 +439,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
@@ -475,8 +447,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
@@ -486,8 +457,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
@@ -495,8 +465,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/dist/metadata.json b/components/rating/dist/metadata.json
index 75ee43e0895..f0ab77b22a9 100644
--- a/components/rating/dist/metadata.json
+++ b/components/rating/dist/metadata.json
@@ -101,13 +101,6 @@
"--spectrum-neutral-subdued-content-color-key-focus",
"--spectrum-workflow-icon-size-100"
],
- "system-theme": [
- "--system-rating-icon-color-default",
- "--system-rating-icon-color-down",
- "--system-rating-icon-color-hover",
- "--system-rating-icon-color-key-focus",
- "--system-rating-indicator-border-radius"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-rating-emphasized-icon-color-default",
diff --git a/components/rating/index.css b/components/rating/index.css
index 02c76194916..38ee34ef285 100644
--- a/components/rating/index.css
+++ b/components/rating/index.css
@@ -11,12 +11,23 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
.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);
+
+ --spectrum-rating-indicator-border-radius: 2px;
+
/* 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);
@@ -27,8 +38,9 @@
/* Spacing (top/bottom edge to icon) */
--spectrum-rating-icon-spacing-vertical-top: var(--spectrum-component-top-to-workflow-icon-100);
- /* Indicator height */
+ /* Indicator */
--spectrum-rating-indicator-height: var(--spectrum-border-width-200);
+ --spectrum-rating-indicator-border-radius: 2px;
/* Colors */
/* selected + emphasized */
diff --git a/components/rating/package.json b/components/rating/package.json
index a2a5937f850..f9110074980 100644
--- a/components/rating/package.json
+++ b/components/rating/package.json
@@ -25,16 +25,12 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/icon": ">=9",
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
"@spectrum-css/icon": "9.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/rating/stories/template.js b/components/rating/stories/template.js
index 47ea5c5f61a..245694af8fa 100644
--- a/components/rating/stories/template.js
+++ b/components/rating/stories/template.js
@@ -6,9 +6,6 @@ import { ifDefined } from "lit/directives/if-defined.js";
import { repeat } from "lit/directives/repeat.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Rating",
diff --git a/components/rating/themes/express.css b/components/rating/themes/express.css
deleted file mode 100644
index 1a0d5c792b2..00000000000
--- a/components/rating/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--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-two.css b/components/rating/themes/spectrum-two.css
deleted file mode 100644
index 0c2a8df9260..00000000000
--- a/components/rating/themes/spectrum-two.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.
- */
-
-@container style(--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);
-
- --spectrum-rating-indicator-border-radius: 2px;
- }
-}
diff --git a/components/rating/themes/spectrum.css b/components/rating/themes/spectrum.css
deleted file mode 100644
index c99df8e652f..00000000000
--- a/components/rating/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Rating {
- --spectrum-rating-indicator-border-radius: var(--spectrum-corner-radius-75);
- }
-}
diff --git a/components/search/CHANGELOG.md b/components/search/CHANGELOG.md
index 253da2b6da2..43b8954b2cf 100644
--- a/components/search/CHANGELOG.md
+++ b/components/search/CHANGELOG.md
@@ -1,5 +1,16 @@
# Change Log
+## 7.4.1-next.0
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`6b41b50`](https://github.com/adobe/spectrum-css/commit/6b41b501768da3db70ae00f6097646583f8fbd01) Thanks [@pfulton](https://github.com/pfulton)! - Restores missing custom properties that were flagged by the linter. The missing properties were copied from the spectrum two theme files in the foundations branch. This clears up all linter errors and warnings for these components.
+
+- Updated dependencies [[`7582c1f`](https://github.com/adobe/spectrum-css/commit/7582c1f5c73de5ecf962bfad0294f162d7035751), [`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76), [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f)]:
+ - @spectrum-css/clearbutton@6.4.1-next.0
+ - @spectrum-css/tokens@14.0.0-next.12
+ - @spectrum-css/textfield@7.3.1-next.0
+
## 8.0.1
### Patch Changes
@@ -200,16 +211,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/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
+### 🛑 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
@@ -217,8 +225,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
@@ -226,8 +233,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
@@ -235,8 +241,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
@@ -244,8 +249,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
@@ -253,8 +257,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
@@ -262,8 +265,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
@@ -273,8 +275,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
@@ -282,8 +283,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
@@ -291,8 +291,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
@@ -300,8 +299,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
@@ -309,8 +307,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
@@ -318,8 +315,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
@@ -327,8 +323,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
@@ -336,8 +331,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
@@ -345,8 +339,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
@@ -354,8 +347,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
@@ -363,8 +355,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
@@ -372,8 +363,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
@@ -381,8 +371,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
@@ -390,8 +379,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
@@ -399,8 +387,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
@@ -410,8 +397,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
@@ -419,8 +405,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
@@ -428,8 +413,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
@@ -437,8 +421,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
@@ -446,8 +429,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
@@ -455,8 +437,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
@@ -464,8 +445,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
@@ -473,8 +453,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
@@ -482,8 +461,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
@@ -491,8 +469,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
@@ -500,8 +477,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
@@ -509,8 +485,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
@@ -518,8 +493,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
@@ -527,8 +501,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
@@ -536,8 +509,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
@@ -545,13 +517,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`
@@ -560,8 +530,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/dist/metadata.json b/components/search/dist/metadata.json
index 5dacd2f6ba3..6222364ff13 100644
--- a/components/search/dist/metadata.json
+++ b/components/search/dist/metadata.json
@@ -26,7 +26,6 @@
".spectrum-Search-textfield:hover .spectrum-Search-icon",
".spectrum-Search.is-disabled .spectrum-Search-clearButton",
".spectrum-Search.spectrum-Search--sizeL",
- ".spectrum-Search.spectrum-Search--sizeM",
".spectrum-Search.spectrum-Search--sizeS",
".spectrum-Search.spectrum-Search--sizeXL",
".spectrum-Search:not(.spectrum-Search--quiet) .spectrum-Search-icon",
@@ -149,24 +148,6 @@
"--spectrum-workflow-icon-size-300",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [
- "--system-search-background-color",
- "--system-search-border-color-default",
- "--system-search-border-color-focus",
- "--system-search-border-color-focus-hover",
- "--system-search-border-color-hover",
- "--system-search-border-color-key-focus",
- "--system-search-border-radius",
- "--system-search-edge-to-visual",
- "--system-search-size-l-border-radius",
- "--system-search-size-l-edge-to-visual",
- "--system-search-size-m-border-radius",
- "--system-search-size-m-edge-to-visual",
- "--system-search-size-s-border-radius",
- "--system-search-size-s-edge-to-visual",
- "--system-search-size-xl-border-radius",
- "--system-search-size-xl-edge-to-visual"
- ],
"passthroughs": [
"--mod-textfield-background-color",
"--mod-textfield-background-color-disabled",
diff --git a/components/search/index.css b/components/search/index.css
index 842123e839a..18a8de66124 100644
--- a/components/search/index.css
+++ b/components/search/index.css
@@ -11,9 +11,33 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
+ .spectrum-Search {
+ --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-background-color: var(--spectrum-gray-25);
+
+ --spectrum-search-border-radius: var(--spectrum-corner-radius-100);
+ --spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-100);
+
+ &.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--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);
+ }
-.spectrum-Search {
/* Size / Spacing */
--spectrum-search-inline-size: var(--spectrum-field-width);
--spectrum-search-block-size: var(--spectrum-component-height-100);
@@ -25,6 +49,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,6 +69,12 @@
--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);
@@ -94,18 +126,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) {
diff --git a/components/search/package.json b/components/search/package.json
index 5c52076f0cb..3b718d9dcce 100644
--- a/components/search/package.json
+++ b/components/search/package.json
@@ -26,19 +26,15 @@
"main": "dist/index.css",
"peerDependencies": {
"@spectrum-css/clearbutton": ">=6",
- "@spectrum-css/icon": ">=7",
+ "@spectrum-css/icon": ">=9",
"@spectrum-css/textfield": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
"@spectrum-css/clearbutton": "7.0.1",
"@spectrum-css/icon": "9.0.1",
"@spectrum-css/textfield": "8.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/search/stories/template.js b/components/search/stories/template.js
index 364c8d8fde6..09570d33581 100644
--- a/components/search/stories/template.js
+++ b/components/search/stories/template.js
@@ -7,9 +7,6 @@ import { classMap } from "lit/directives/class-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Search",
diff --git a/components/search/themes/express.css b/components/search/themes/express.css
deleted file mode 100644
index 002ab9cecb6..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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--system: express) {
- .spectrum-Search {
- --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--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--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--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-two.css b/components/search/themes/spectrum-two.css
deleted file mode 100644
index 85a34114a0a..00000000000
--- a/components/search/themes/spectrum-two.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 style(--system: spectrum) {
- .spectrum-Search {
- --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-background-color: var(--spectrum-gray-25);
-
- &,
- &.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--sizeS {
- --spectrum-search-border-radius: var(--spectrum-corner-radius-100);
- --spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-75);
- }
-
- &.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/search/themes/spectrum.css b/components/search/themes/spectrum.css
deleted file mode 100644
index 4fd1a9aae94..00000000000
--- a/components/search/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Search {
- --spectrum-search-background-color: var(--spectrum-gray-50);
- }
-}
diff --git a/components/sidenav/CHANGELOG.md b/components/sidenav/CHANGELOG.md
index 627996a9574..e9a0329d5dc 100644
--- a/components/sidenav/CHANGELOG.md
+++ b/components/sidenav/CHANGELOG.md
@@ -1,5 +1,14 @@
# Change Log
+## 5.2.1-next.0
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`5fae8ab`](https://github.com/adobe/spectrum-css/commit/5fae8aba83d396103aca56c108e7e81f61fce655) Thanks [@pfulton](https://github.com/pfulton)! - Define undefined custom properties from themes directory.
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+
## 7.0.1
### Patch Changes
@@ -149,16 +158,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/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
+### 🛑 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
@@ -166,8 +172,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
@@ -175,8 +180,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
@@ -184,8 +188,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
@@ -193,8 +196,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
@@ -202,8 +204,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
@@ -211,8 +212,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
@@ -222,8 +222,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
@@ -231,8 +230,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
@@ -240,8 +238,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
@@ -249,8 +246,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
@@ -258,8 +254,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
@@ -269,8 +264,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
@@ -278,8 +272,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
@@ -287,8 +280,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
@@ -296,8 +288,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
@@ -305,8 +296,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
@@ -314,8 +304,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
@@ -323,8 +312,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
@@ -332,8 +320,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
@@ -341,8 +328,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
@@ -352,8 +338,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
@@ -361,8 +346,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
@@ -370,8 +354,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
@@ -379,8 +362,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
@@ -388,8 +370,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
@@ -397,13 +378,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`
@@ -510,8 +489,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
@@ -519,8 +497,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
@@ -528,8 +505,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
@@ -537,8 +513,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
@@ -548,8 +523,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
@@ -557,8 +531,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/dist/metadata.json b/components/sidenav/dist/metadata.json
index a0be758aa57..0215529e384 100644
--- a/components/sidenav/dist/metadata.json
+++ b/components/sidenav/dist/metadata.json
@@ -180,15 +180,6 @@
"--spectrum-text-to-visual-100",
"--spectrum-workflow-icon-size-100"
],
- "system-theme": [
- "--system-side-nav-background-hover",
- "--system-side-nav-background-hover-selected",
- "--system-side-nav-background-key-focus",
- "--system-side-nav-background-key-focus-selected",
- "--system-side-nav-item-background-default-selected",
- "--system-side-nav-item-background-down",
- "--system-side-nav-item-background-down-selected"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-sidenav-background-hover",
diff --git a/components/sidenav/index.css b/components/sidenav/index.css
index c0b75855d42..f75a07ca5fc 100644
--- a/components/sidenav/index.css
+++ b/components/sidenav/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
@media (forced-colors: active) {
/* forced-color-adjust: preserve-parent-color addresses svg bug on icon hover */
.spectrum-SideNav {
@@ -47,6 +45,15 @@
}
.spectrum-SideNav {
+ --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);
+
/* focus indicator */
--spectrum-sidenav-focus-ring-size: var(--spectrum-focus-indicator-thickness);
--spectrum-sidenav-focus-ring-gap: var(--spectrum-focus-indicator-gap);
@@ -78,6 +85,13 @@
/* color - background */
--spectrum-sidenav-background-disabled: transparent;
--spectrum-sidenav-background-default: transparent;
+ --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);
diff --git a/components/sidenav/package.json b/components/sidenav/package.json
index 70658f85478..be03341092d 100644
--- a/components/sidenav/package.json
+++ b/components/sidenav/package.json
@@ -25,8 +25,8 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/icon": ">=9",
+ "@spectrum-css/tokens": ">=16"
},
"peerDependenciesMeta": {
"@spectrum-css/icon": {
@@ -35,11 +35,7 @@
},
"devDependencies": {
"@spectrum-css/icon": "9.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/sidenav/stories/template.js b/components/sidenav/stories/template.js
index 3aa9960e809..d3a832ab03a 100644
--- a/components/sidenav/stories/template.js
+++ b/components/sidenav/stories/template.js
@@ -7,9 +7,6 @@ import { repeat } from "lit/directives/repeat.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-SideNav",
diff --git a/components/sidenav/themes/express.css b/components/sidenav/themes/express.css
deleted file mode 100644
index 9fd550418f2..00000000000
--- a/components/sidenav/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/sidenav/themes/spectrum-two.css b/components/sidenav/themes/spectrum-two.css
deleted file mode 100644
index 85869d92dbe..00000000000
--- a/components/sidenav/themes/spectrum-two.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.
- */
-
-@container style(--system: spectrum) {
- .spectrum-SideNav {
- --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);
- }
-}
diff --git a/components/sidenav/themes/spectrum.css b/components/sidenav/themes/spectrum.css
deleted file mode 100644
index 51828a4d8bf..00000000000
--- a/components/sidenav/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-SideNav {
- --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);
- }
-}
diff --git a/components/slider/CHANGELOG.md b/components/slider/CHANGELOG.md
index bdb8b62a23f..3b55157cb04 100644
--- a/components/slider/CHANGELOG.md
+++ b/components/slider/CHANGELOG.md
@@ -1,5 +1,15 @@
# Change Log
+## 5.5.2-next.0
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`5fae8ab`](https://github.com/adobe/spectrum-css/commit/5fae8aba83d396103aca56c108e7e81f61fce655) Thanks [@pfulton](https://github.com/pfulton)! - Define undefined custom properties from themes directory.
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76), [`8d65de0`](https://github.com/adobe/spectrum-css/commit/8d65de0233a6b12e72002b47e9484dbe5f0636be)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+ - @spectrum-css/stepper@6.3.1-next.0
+
## 6.0.1
### Patch Changes
@@ -201,8 +211,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
@@ -210,11 +219,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
@@ -222,8 +229,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
@@ -231,8 +237,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
@@ -240,8 +245,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
@@ -249,8 +253,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
@@ -260,8 +263,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
@@ -269,8 +271,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
@@ -278,8 +279,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
@@ -289,8 +289,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
@@ -300,8 +299,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
@@ -311,8 +309,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
@@ -320,8 +317,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
@@ -329,8 +325,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
@@ -338,8 +333,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
@@ -363,8 +357,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
@@ -372,8 +365,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
@@ -381,8 +373,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
@@ -390,8 +381,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
@@ -399,8 +389,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
@@ -408,8 +397,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
@@ -417,8 +405,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
@@ -426,8 +413,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
@@ -435,8 +421,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
@@ -444,8 +429,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
@@ -455,8 +439,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
@@ -464,8 +447,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
@@ -473,8 +455,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
@@ -482,8 +463,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
@@ -491,8 +471,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
@@ -502,8 +481,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
@@ -511,8 +489,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
@@ -520,8 +497,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
@@ -529,8 +505,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
@@ -538,8 +513,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
@@ -547,8 +521,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
@@ -556,8 +529,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
@@ -565,8 +537,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
@@ -574,8 +545,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
@@ -583,8 +553,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
@@ -592,8 +561,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
@@ -603,8 +571,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
@@ -612,8 +579,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/dist/metadata.json b/components/slider/dist/metadata.json
index 9cc5b6e39fa..78f17a358a4 100644
--- a/components/slider/dist/metadata.json
+++ b/components/slider/dist/metadata.json
@@ -84,7 +84,6 @@
".spectrum-Slider.is-disabled.spectrum-Slider--range .spectrum-Slider-track:not(:first-of-type, :last-of-type):before",
".spectrum-Slider.spectrum-Slider--ramp .spectrum-Slider-handle",
".spectrum-Slider.spectrum-Slider--sizeL",
- ".spectrum-Slider.spectrum-Slider--sizeM",
".spectrum-Slider.spectrum-Slider--sizeS",
".spectrum-Slider.spectrum-Slider--sizeXL",
".spectrum-Slider:dir(rtl)",
@@ -259,29 +258,6 @@
"--spectrum-spacing-900",
"--spectrum-text-to-visual-75"
],
- "system-theme": [
- "--system-slider-handle-background-color",
- "--system-slider-handle-background-color-disabled",
- "--system-slider-handle-border-color",
- "--system-slider-handle-border-color-down",
- "--system-slider-handle-border-color-hover",
- "--system-slider-handle-border-color-key-focus",
- "--system-slider-handle-border-radius",
- "--system-slider-handle-disabled-background-color",
- "--system-slider-handle-focus-ring-color-key-focus",
- "--system-slider-ramp-handle-background-color",
- "--system-slider-ramp-track-color",
- "--system-slider-ramp-track-color-disabled",
- "--system-slider-size-l-handle-border-radius",
- "--system-slider-size-m-handle-border-radius",
- "--system-slider-size-s-handle-border-radius",
- "--system-slider-size-xl-handle-border-radius",
- "--system-slider-tick-mark-color",
- "--system-slider-ticks-handle-background-color",
- "--system-slider-track-color",
- "--system-slider-track-corner-radius",
- "--system-slider-track-fill-color"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-slider-filled-track-fill-color",
diff --git a/components/slider/index.css b/components/slider/index.css
index b0e907d2132..7d78b6adb38 100644
--- a/components/slider/index.css
+++ b/components/slider/index.css
@@ -11,9 +11,42 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
.spectrum-Slider {
+ --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-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);
+
+ --spectrum-slider-track-corner-radius: 2px;
+
+ --spectrum-slider-handle-border-radius: var(--spectrum-corner-radius-500);
+
+ &.spectrum-Slider--sizeS {
+ --spectrum-slider-handle-border-radius: var(--spectrum-corner-radius-500);
+ }
+
+ &.spectrum-Slider--sizeL {
+ --spectrum-slider-handle-border-radius: calc(var(--spectrum-corner-radius-500) * 4);
+ }
+
+ &.spectrum-Slider--sizeXL {
+ --spectrum-slider-handle-border-radius: calc(var(--spectrum-corner-radius-500) * 4);
+ }
+
/* 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);
@@ -43,6 +76,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);
@@ -51,6 +88,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);
@@ -58,6 +108,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 */
@@ -85,6 +139,7 @@
--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 {
@@ -95,6 +150,7 @@
--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;
@@ -108,6 +164,7 @@
--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;
diff --git a/components/slider/package.json b/components/slider/package.json
index 315ef6fb44f..15a0d67b845 100644
--- a/components/slider/package.json
+++ b/components/slider/package.json
@@ -26,15 +26,11 @@
"main": "dist/index.css",
"peerDependencies": {
"@spectrum-css/stepper": ">=6",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
"@spectrum-css/stepper": "7.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/slider/stories/template.js b/components/slider/stories/template.js
index becef6ade92..bc625452855 100644
--- a/components/slider/stories/template.js
+++ b/components/slider/stories/template.js
@@ -7,9 +7,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Slider",
diff --git a/components/slider/themes/express.css b/components/slider/themes/express.css
deleted file mode 100644
index f9f149f4d93..00000000000
--- a/components/slider/themes/express.css
+++ /dev/null
@@ -1,39 +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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--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-two.css b/components/slider/themes/spectrum-two.css
deleted file mode 100644
index b118d77cffd..00000000000
--- a/components/slider/themes/spectrum-two.css
+++ /dev/null
@@ -1,54 +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 style(--system: spectrum) {
- .spectrum-Slider {
- --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-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);
-
- --spectrum-slider-track-corner-radius: 2px;
-
- &,
- &.spectrum-Slider--sizeM {
- --spectrum-slider-handle-border-radius: var(--spectrum-corner-radius-500);
- }
-
- &.spectrum-Slider--sizeS {
- --spectrum-slider-handle-border-radius: var(--spectrum-corner-radius-500);
- }
-
- &.spectrum-Slider--sizeL {
- --spectrum-slider-handle-border-radius: calc(var(--spectrum-corner-radius-500) * 4);
- }
-
- &.spectrum-Slider--sizeXL {
- --spectrum-slider-handle-border-radius: calc(var(--spectrum-corner-radius-500) * 4);
- }
- }
-}
diff --git a/components/slider/themes/spectrum.css b/components/slider/themes/spectrum.css
deleted file mode 100644
index f411427cc8d..00000000000
--- a/components/slider/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Slider {
- --spectrum-slider-track-color: var(--spectrum-gray-300);
- --spectrum-slider-ramp-track-color-disabled: var(--spectrum-gray-200);
- --spectrum-slider-ramp-handle-background-color: var(--spectrum-gray-100);
- --spectrum-slider-ticks-handle-background-color: var(--spectrum-gray-100);
- --spectrum-slider-handle-disabled-background-color: var(--spectrum-gray-100);
- --spectrum-slider-tick-mark-color: var(--spectrum-gray-300);
- --spectrum-slider-track-corner-radius: var(--spectrum-corner-radius-75);
-
- &,
- &.spectrum-Slider--sizeM {
- --spectrum-slider-handle-border-radius: var(--spectrum-corner-radius-200);
- }
-
- &.spectrum-Slider--sizeS {
- --spectrum-slider-handle-border-radius: var(--spectrum-corner-radius-200);
- }
-
- &.spectrum-Slider--sizeL {
- --spectrum-slider-handle-border-radius: calc(var(--spectrum-corner-radius-200) * 4);
- }
-
- &.spectrum-Slider--sizeXL {
- --spectrum-slider-handle-border-radius: calc(var(--spectrum-corner-radius-200) * 4);
- }
- }
-}
diff --git a/components/splitview/CHANGELOG.md b/components/splitview/CHANGELOG.md
index 91517c37f4f..d7aa881ea73 100644
--- a/components/splitview/CHANGELOG.md
+++ b/components/splitview/CHANGELOG.md
@@ -128,16 +128,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
@@ -145,8 +141,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
@@ -154,8 +149,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
@@ -163,8 +157,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
@@ -172,8 +165,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
@@ -181,8 +173,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
@@ -190,8 +181,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
@@ -201,8 +191,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
@@ -210,8 +199,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
@@ -219,8 +207,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
@@ -228,8 +215,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
@@ -237,8 +223,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
@@ -246,8 +231,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
@@ -255,8 +239,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
@@ -264,8 +247,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
@@ -273,8 +255,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
@@ -282,8 +263,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
@@ -291,8 +271,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
@@ -300,8 +279,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`
@@ -327,8 +305,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
@@ -336,8 +313,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
@@ -345,8 +321,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
@@ -354,8 +329,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
@@ -363,8 +337,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
@@ -374,8 +347,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
@@ -383,8 +355,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/dist/metadata.json b/components/splitview/dist/metadata.json
index 4902e8e2368..c6925723f7c 100644
--- a/components/splitview/dist/metadata.json
+++ b/components/splitview/dist/metadata.json
@@ -81,11 +81,6 @@
"--spectrum-gray-75",
"--spectrum-gray-800"
],
- "system-theme": [
- "--system-split-view-background-color",
- "--system-split-view-gripper-border-radius",
- "--system-split-view-handle-background-color"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-splitview-handle-background-color",
diff --git a/components/splitview/index.css b/components/splitview/index.css
index 81ca706a34d..990108806d3 100644
--- a/components/splitview/index.css
+++ b/components/splitview/index.css
@@ -11,9 +11,11 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
.spectrum-SplitView {
+ --spectrum-splitview-background-color: var(--spectrum-gray-75);
+ --spectrum-splitview-handle-background-color: var(--spectrum-gray-200);
+ --spectrum-splitview-gripper-border-radius: 2px;
+
--spectrum-splitview-vertical-width: 100%;
--spectrum-splitview-vertical-gripper-width: 50%;
--spectrum-splitview-vertical-gripper-outer-width: 100%;
diff --git a/components/splitview/package.json b/components/splitview/package.json
index 144485f6191..1689b0731d9 100644
--- a/components/splitview/package.json
+++ b/components/splitview/package.json
@@ -25,14 +25,10 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/splitview/stories/template.js b/components/splitview/stories/template.js
index 4fb08b911dd..aacdd00a3e7 100644
--- a/components/splitview/stories/template.js
+++ b/components/splitview/stories/template.js
@@ -3,9 +3,6 @@ import { classMap } from "lit/directives/class-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-SplitView",
diff --git a/components/splitview/themes/express.css b/components/splitview/themes/express.css
deleted file mode 100644
index 9fd550418f2..00000000000
--- a/components/splitview/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/splitview/themes/spectrum-two.css b/components/splitview/themes/spectrum-two.css
deleted file mode 100644
index 14ef6131e5a..00000000000
--- a/components/splitview/themes/spectrum-two.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.
- */
-
-@container style(--system: spectrum) {
- .spectrum-SplitView {
- --spectrum-splitview-background-color: var(--spectrum-gray-75);
- --spectrum-splitview-handle-background-color: var(--spectrum-gray-200);
- --spectrum-splitview-gripper-border-radius: 2px;
- }
-}
diff --git a/components/splitview/themes/spectrum.css b/components/splitview/themes/spectrum.css
deleted file mode 100644
index 209e46a4b3b..00000000000
--- a/components/splitview/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-SplitView {
- --spectrum-splitview-background-color: var(--spectrum-gray-100);
- --spectrum-splitview-handle-background-color: var(--spectrum-gray-300);
- --spectrum-splitview-gripper-border-radius: var(--spectrum-corner-radius-75);
- }
-}
diff --git a/components/statuslight/CHANGELOG.md b/components/statuslight/CHANGELOG.md
index 3e79ee85ebc..065b9289ee5 100644
--- a/components/statuslight/CHANGELOG.md
+++ b/components/statuslight/CHANGELOG.md
@@ -1,5 +1,27 @@
# 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`
+
## 9.0.1
### Patch Changes
@@ -134,16 +156,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
@@ -151,8 +170,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
@@ -160,8 +178,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
@@ -169,8 +186,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
@@ -178,8 +194,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
@@ -187,8 +202,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
@@ -196,8 +210,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
@@ -205,8 +218,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
@@ -216,8 +228,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
@@ -225,8 +236,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
@@ -234,8 +244,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
@@ -243,8 +252,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
@@ -252,8 +260,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
@@ -261,8 +268,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
@@ -270,8 +276,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
@@ -279,8 +284,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
@@ -288,8 +292,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
@@ -297,8 +300,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
@@ -306,8 +308,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
@@ -315,8 +316,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
@@ -324,8 +324,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
@@ -333,8 +332,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
@@ -344,8 +342,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
@@ -353,8 +350,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
@@ -362,8 +358,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
@@ -371,8 +366,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
@@ -380,8 +374,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
@@ -389,8 +382,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
@@ -398,8 +390,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
@@ -407,8 +398,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
@@ -416,8 +406,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
@@ -425,8 +414,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
@@ -434,8 +422,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
@@ -443,8 +430,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
@@ -452,8 +438,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
@@ -461,8 +446,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
@@ -470,8 +454,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
@@ -481,8 +464,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
@@ -490,8 +472,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/dist/metadata.json b/components/statuslight/dist/metadata.json
index 7c7c6a7587f..f48621da4c8 100644
--- a/components/statuslight/dist/metadata.json
+++ b/components/statuslight/dist/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,9 +113,12 @@
"--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",
@@ -117,8 +137,10 @@
"--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 +154,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",
@@ -150,17 +176,16 @@
"--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/index.css b/components/statuslight/index.css
index aed7e351d88..f1788a51779 100644
--- a/components/statuslight/index.css
+++ b/components/statuslight/index.css
@@ -11,17 +11,57 @@
* governing permissions and limitations under the License.
*/
-.spectrum-StatusLight,
-.spectrum-StatusLight--sizeM {
+.spectrum-StatusLight {
+ /* Static tokens */
+ --spectrum-statuslight-corner-radius: var(--spectrum-corner-radius-full);
+ --spectrum-statuslight-border-width: var(--spectrum-border-width-100);
+
+ /* Size */
--spectrum-statuslight-height: var(--spectrum-component-height-100);
--spectrum-statuslight-dot-size: var(--spectrum-status-light-dot-size-medium);
+ --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);
- --spectrum-statuslight-spacing-dot-to-label: var(--spectrum-text-to-visual-100);
+ /* Space */
+ --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-gray-600);
+ --spectrum-statuslight-semantic-neutral-color: var(--spectrum-neutral-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);
+ --spectrum-statuslight-nonsemantic-yellow-color: var(--spectrum-yellow-visual-color);
+ --spectrum-statuslight-nonsemantic-chartreuse-color: var(--spectrum-chartreuse-visual-color);
+ --spectrum-statuslight-nonsemantic-celery-color: var(--spectrum-celery-visual-color);
+ --spectrum-statuslight-nonsemantic-green-color: var(--spectrum-green-visual-color);
+ --spectrum-statuslight-nonsemantic-seafoam-color: var(--spectrum-seafoam-visual-color);
+ --spectrum-statuslight-nonsemantic-cyan-color: var(--spectrum-cyan-visual-color);
+ --spectrum-statuslight-nonsemantic-blue-color: var(--spectrum-blue-visual-color);
+ --spectrum-statuslight-nonsemantic-indigo-color: var(--spectrum-indigo-visual-color);
+ --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 {
@@ -30,7 +70,7 @@
--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);
@@ -42,7 +82,7 @@
--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);
@@ -54,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);
@@ -104,6 +144,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));
@@ -117,8 +159,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;
@@ -127,6 +167,7 @@
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));
}
@@ -134,8 +175,6 @@
/* Semantic Colors */
.spectrum-StatusLight--neutral {
- font-style: italic;
-
color: var(--highcontrast-statuslight-subdued-content-color-default, var(--mod-statuslight-subdued-content-color-default, var(--spectrum-statuslight-subdued-content-color-default)));
&::before {
@@ -143,10 +182,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));
}
@@ -220,13 +255,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/package.json b/components/statuslight/package.json
index 96ca0b18b4b..4cb50fb3d48 100644
--- a/components/statuslight/package.json
+++ b/components/statuslight/package.json
@@ -25,14 +25,10 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/statuslight/stories/statuslight.stories.js b/components/statuslight/stories/statuslight.stories.js
index b385bcc9da3..567bea4c55d 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",
},
@@ -72,6 +76,7 @@ export default {
packageJson,
metadata,
},
+ tags: ["migrated"],
};
/**
diff --git a/components/steplist/CHANGELOG.md b/components/steplist/CHANGELOG.md
index bb06c214257..d63a73e8ba3 100644
--- a/components/steplist/CHANGELOG.md
+++ b/components/steplist/CHANGELOG.md
@@ -1,5 +1,12 @@
# 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
+
## 7.0.1
### Patch Changes
@@ -158,16 +165,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
@@ -175,8 +179,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
@@ -184,8 +187,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
@@ -193,8 +195,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
@@ -202,8 +203,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
@@ -211,8 +211,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
@@ -222,8 +221,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
@@ -231,8 +229,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
@@ -242,8 +239,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
@@ -251,8 +247,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
@@ -260,8 +255,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
@@ -269,8 +263,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
@@ -278,8 +271,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
@@ -287,8 +279,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
@@ -296,8 +287,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
@@ -305,13 +295,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
@@ -320,8 +308,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
@@ -329,8 +316,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
@@ -338,8 +324,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
@@ -347,8 +332,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
@@ -358,8 +342,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
@@ -367,8 +350,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
@@ -376,8 +358,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
@@ -385,8 +366,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
@@ -394,8 +374,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
@@ -403,8 +382,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
@@ -412,8 +390,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
@@ -421,8 +398,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
@@ -430,8 +406,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
@@ -439,8 +414,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
@@ -448,8 +422,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
@@ -457,8 +430,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
@@ -466,8 +438,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
@@ -475,8 +446,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
@@ -484,8 +454,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
@@ -495,8 +464,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
@@ -504,8 +472,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/dist/metadata.json b/components/steplist/dist/metadata.json
index 3e4e5dc0bed..57745bc4c4c 100644
--- a/components/steplist/dist/metadata.json
+++ b/components/steplist/dist/metadata.json
@@ -91,10 +91,6 @@
"--spectrum-gray-700",
"--spectrum-gray-800"
],
- "system-theme": [
- "--system-steplist-incomplete-marker-border-color",
- "--system-steplist-incomplete-segment-border-block-end-color"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-steplist-complete-marker-background-color",
diff --git a/components/steplist/index.css b/components/steplist/index.css
index 7fc57091919..62900591018 100644
--- a/components/steplist/index.css
+++ b/components/steplist/index.css
@@ -11,9 +11,10 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
.spectrum-Steplist {
+ --spectrum-steplist-incomplete-marker-border-color: var(--spectrum-gray-200);
+ --spectrum-steplist-incomplete-segment-border-block-end-color: var(--spectrum-gray-200);
+
/* The width of a step */
--spectrum-steplist-step-width: 80px;
diff --git a/components/steplist/package.json b/components/steplist/package.json
index 983ed512607..c0e88e61373 100644
--- a/components/steplist/package.json
+++ b/components/steplist/package.json
@@ -25,8 +25,8 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15",
+ "@spectrum-css/icon": ">=9",
+ "@spectrum-css/tokens": ">=16",
"@spectrum-css/tooltip": ">=6"
},
"peerDependenciesMeta": {
@@ -37,11 +37,7 @@
"devDependencies": {
"@spectrum-css/icon": "9.0.1",
"@spectrum-css/tokens": "16.0.0",
- "@spectrum-css/tooltip": "7.0.1",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tooltip": "7.0.1"
},
"keywords": [
"design-system",
diff --git a/components/steplist/stories/template.js b/components/steplist/stories/template.js
index ea9a57ef420..7edfdf8199b 100644
--- a/components/steplist/stories/template.js
+++ b/components/steplist/stories/template.js
@@ -6,9 +6,6 @@ import { ifDefined } from "lit/directives/if-defined.js";
import { repeat } from "lit/directives/repeat.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const SteplistItem = ({
rootClass = "spectrum-Steplist-item",
diff --git a/components/steplist/themes/express.css b/components/steplist/themes/express.css
deleted file mode 100644
index 9fd550418f2..00000000000
--- a/components/steplist/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/steplist/themes/spectrum-two.css b/components/steplist/themes/spectrum-two.css
deleted file mode 100644
index 649e9fb4d3a..00000000000
--- a/components/steplist/themes/spectrum-two.css
+++ /dev/null
@@ -1,19 +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 style(--system: spectrum) {
- .spectrum-Steplist {
- --spectrum-steplist-incomplete-marker-border-color: var(--spectrum-gray-200);
- --spectrum-steplist-incomplete-segment-border-block-end-color: var(--spectrum-gray-200);
- }
-}
diff --git a/components/steplist/themes/spectrum.css b/components/steplist/themes/spectrum.css
deleted file mode 100644
index bfe1e5f6f8c..00000000000
--- a/components/steplist/themes/spectrum.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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Steplist {
- --spectrum-steplist-incomplete-marker-border-color: var(--spectrum-gray-300);
- --spectrum-steplist-incomplete-segment-border-block-end-color: var(--spectrum-gray-300);
- }
-}
diff --git a/components/stepper/CHANGELOG.md b/components/stepper/CHANGELOG.md
index 63b4dfbe129..00d55629b13 100644
--- a/components/stepper/CHANGELOG.md
+++ b/components/stepper/CHANGELOG.md
@@ -1,5 +1,24 @@
# Change Log
+## 6.3.1-next.0
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`8d65de0`](https://github.com/adobe/spectrum-css/commit/8d65de0233a6b12e72002b47e9484dbe5f0636be) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to align `spectrum-two` with `s2-foundations-redux`/`main`, mostly defining unused custom properties, but addresses any other lint warnings or inconsistencies noted in the following components:
+
+ **Calendar**: Defines 1 previously undefined custom property to align with `main` and `s2-foundations-redux`
+ **Dial**: Defines 6 previously undefined custom properties, removes 3 unused custom properties
+ **Pickerbutton**: Defines 9 previously undefined custom properties to align with `main` and `s2-foundations-redux`
+ **Progressbar**: Removes 3 unused custom properties, reverts background-color to background to accommodate gradients
+ **Radio**: Defines 4 previously undefined custom properties to align with `main` and `s2-foundations-redux`
+ **Stepper**: moves high contrast block further down to align with other components' CSS structure, defines multiple undefined custom properties, adds disable-next-line comment to suppress no-unused-custom-properties warning
+
+- Updated dependencies [[`7582c1f`](https://github.com/adobe/spectrum-css/commit/7582c1f5c73de5ecf962bfad0294f162d7035751), [`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76), [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f)]:
+ - @spectrum-css/infieldbutton@5.2.1-next.0
+ - @spectrum-css/actionbutton@6.2.1-next.0
+ - @spectrum-css/tokens@14.0.0-next.12
+ - @spectrum-css/textfield@7.3.1-next.0
+
## 7.0.1
### Patch Changes
@@ -199,16 +218,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
@@ -216,8 +232,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
@@ -225,8 +240,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
@@ -234,8 +248,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
@@ -243,8 +256,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
@@ -252,8 +264,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
@@ -261,8 +272,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
@@ -270,8 +280,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
@@ -287,8 +296,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
@@ -299,8 +307,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
@@ -308,8 +315,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
@@ -317,8 +323,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
@@ -326,8 +331,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
@@ -335,8 +339,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
@@ -344,8 +347,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)
@@ -473,8 +475,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
@@ -482,8 +483,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
@@ -491,8 +491,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
@@ -500,8 +499,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
@@ -509,8 +507,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
@@ -518,8 +515,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
@@ -527,8 +523,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
@@ -536,8 +531,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
@@ -547,8 +541,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
@@ -556,8 +549,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
@@ -565,8 +557,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
@@ -574,8 +565,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
@@ -583,8 +573,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
@@ -592,8 +581,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
@@ -601,8 +589,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
@@ -610,8 +597,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
@@ -619,8 +605,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
@@ -628,8 +613,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
@@ -637,8 +621,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
@@ -646,8 +629,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
@@ -655,8 +637,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
@@ -664,8 +645,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
@@ -673,8 +653,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
@@ -684,8 +663,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
@@ -693,8 +671,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/dist/metadata.json b/components/stepper/dist/metadata.json
index 3d08677cea2..6b3f887214a 100644
--- a/components/stepper/dist/metadata.json
+++ b/components/stepper/dist/metadata.json
@@ -115,7 +115,6 @@
"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",
@@ -126,7 +125,6 @@
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
"--spectrum-gray-25",
- "--spectrum-gray-300",
"--spectrum-gray-50",
"--spectrum-gray-500",
"--spectrum-gray-600",
@@ -143,31 +141,6 @@
"--spectrum-negative-border-color-key-focus",
"--spectrum-text-field-minimum-width-multiplier"
],
- "system-theme": [
- "--system-stepper-border-color-default",
- "--system-stepper-border-color-disabled",
- "--system-stepper-border-color-focus",
- "--system-stepper-border-color-focus-hover",
- "--system-stepper-border-color-focus-hover-invalid",
- "--system-stepper-border-color-focus-invalid",
- "--system-stepper-border-color-hover",
- "--system-stepper-border-color-invalid",
- "--system-stepper-border-color-keyboard-focus",
- "--system-stepper-border-color-keyboard-focus-invalid",
- "--system-stepper-border-width",
- "--system-stepper-button-border-width",
- "--system-stepper-button-border-width-disabled",
- "--system-stepper-buttons-background-color",
- "--system-stepper-buttons-background-color-disabled",
- "--system-stepper-buttons-border-color",
- "--system-stepper-buttons-border-color-focus",
- "--system-stepper-buttons-border-color-hover",
- "--system-stepper-buttons-border-color-keyboard-focus",
- "--system-stepper-buttons-border-style",
- "--system-stepper-buttons-border-width",
- "--system-stepper-quiet-button-edge-to-fill",
- "--system-stepper-quiet-buttons-border-style"
- ],
"passthroughs": [
"--mod-infield-button-border-block-end-width",
"--mod-infield-button-border-color",
diff --git a/components/stepper/index.css b/components/stepper/index.css
index e7654a6de4b..f5c206e179f 100644
--- a/components/stepper/index.css
+++ b/components/stepper/index.css
@@ -11,68 +11,14 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.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;
-
- &.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);
- }
-
- &.is-focused,
- &:focus {
- --highcontrast-stepper-border-color: var(--highcontrast-stepper-border-color-focus);
-
- &:hover {
- --highcontrast-stepper-border-color: var(--highcontrast-stepper-border-color-focus-hover);
- }
- }
-
- &.is-keyboardFocused,
- &:focus-visible {
- --highcontrast-stepper-border-color: var(--highcontrast-stepper-border-color-keyboard-focus);
- }
- }
- }
-
- /* @passthrough start */
- .spectrum-Stepper-input {
- --highcontrast-textfield-border-color: var(--highcontrast-stepper-border-color);
- }
- /* @passthrough end */
-
- /* @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-width: var(--spectrum-border-width-100);
+ --spectrum-stepper-border-color-default: 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: 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));
@@ -88,6 +34,26 @@
--spectrum-stepper-height: var(--mod-stepper-height, var(--spectrum-component-height-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-25);
+ --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-width: var(--spectrum-border-width-100);
+
+ /** Invalid **/
+ --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);
+
+ /** Disabled **/
+ --spectrum-stepper-button-border-width-disabled: var(--spectrum-border-width-100);
+ --spectrum-stepper-buttons-background-color-disabled: var(--spectrum-gray-50);
+
&.spectrum-Stepper--sizeS {
--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));
@@ -136,6 +102,9 @@
}
&.spectrum-Stepper--quiet {
+ /* stylelint-disable-next-line spectrum-tools/no-unused-custom-properties -- used by --mod-infield-button-inner-edge-to-fill and --mod-infield-button-edge-to-fill */
+ --spectrum-stepper-button-edge-to-fill: 0;
+
--mod-stepper-buttons-background-color: transparent;
/* quiet hover */
@@ -156,6 +125,64 @@
}
}
+/* --- 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;
+
+ &.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);
+ }
+
+ &.is-focused,
+ &:focus {
+ --highcontrast-stepper-border-color: var(--highcontrast-stepper-border-color-focus);
+
+ &:hover {
+ --highcontrast-stepper-border-color: var(--highcontrast-stepper-border-color-focus-hover);
+ }
+ }
+
+ &.is-keyboardFocused,
+ &:focus-visible {
+ --highcontrast-stepper-border-color: var(--highcontrast-stepper-border-color-keyboard-focus);
+ }
+ }
+ }
+
+ /* @passthrough start */
+ .spectrum-Stepper-input {
+ --highcontrast-textfield-border-color: var(--highcontrast-stepper-border-color);
+ }
+ /* @passthrough end */
+
+ /* @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 passthroughs for nested components --- */
/* @passthrough start -- MODS for sub components */
.spectrum-Stepper {
diff --git a/components/stepper/package.json b/components/stepper/package.json
index 95a4455b95b..71bbd3d9795 100644
--- a/components/stepper/package.json
+++ b/components/stepper/package.json
@@ -25,11 +25,11 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/actionbutton": ">=6",
- "@spectrum-css/icon": ">=7",
+ "@spectrum-css/actionbutton": ">=7",
+ "@spectrum-css/icon": ">=9",
"@spectrum-css/infieldbutton": ">=5",
"@spectrum-css/textfield": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"peerDependenciesMeta": {
"@spectrum-css/infieldbutton": {
@@ -41,11 +41,7 @@
"@spectrum-css/icon": "9.0.1",
"@spectrum-css/infieldbutton": "6.0.1",
"@spectrum-css/textfield": "8.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/stepper/stories/template.js b/components/stepper/stories/template.js
index fbb818b72f3..fb14155af87 100644
--- a/components/stepper/stories/template.js
+++ b/components/stepper/stories/template.js
@@ -8,9 +8,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Stepper",
diff --git a/components/stepper/themes/express.css b/components/stepper/themes/express.css
deleted file mode 100644
index 724f4e973ff..00000000000
--- a/components/stepper/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--system: express) {
- .spectrum-Stepper {
- --spectrum-stepper-border-width: var(--spectrum-border-width-200);
- --spectrum-stepper-border-color-default: 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-disabled: var(--spectrum-disabled-background-color);
-
- --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-width: 0;
-
- /** Invalid **/
- --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;
-
- /** Disabled **/
- --spectrum-stepper-button-border-width-disabled: 0;
- --spectrum-stepper-buttons-background-color-disabled: var(--spectrum-disabled-background-color);
- }
-
- .spectrum-Stepper--quiet {
- --spectrum-stepper-buttons-border-style: none;
- --spectrum-stepper-button-edge-to-fill: 0;
- }
-}
diff --git a/components/stepper/themes/spectrum-two.css b/components/stepper/themes/spectrum-two.css
deleted file mode 100644
index 5fc7af36cae..00000000000
--- a/components/stepper/themes/spectrum-two.css
+++ /dev/null
@@ -1,49 +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 style(--system: spectrum) {
- .spectrum-Stepper {
- --spectrum-stepper-border-width: var(--spectrum-border-width-100);
- --spectrum-stepper-border-color-default: 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-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-25);
- --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-width: var(--spectrum-border-width-100);
-
- /** Invalid **/
- --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);
-
- /** Disabled **/
- --spectrum-stepper-border-color-disabled: var(--spectrum-gray-300);
- --spectrum-stepper-button-border-width-disabled: var(--spectrum-border-width-200);
- --spectrum-stepper-buttons-background-color-disabled: var(--spectrum-gray-50);
- }
-
- .spectrum-Stepper--quiet {
- --spectrum-stepper-buttons-border-style: none;
- --spectrum-stepper-button-edge-to-fill: 0;
- }
-}
diff --git a/components/stepper/themes/spectrum.css b/components/stepper/themes/spectrum.css
deleted file mode 100644
index 1b904f9f952..00000000000
--- a/components/stepper/themes/spectrum.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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Stepper {
- --spectrum-stepper-border-color-disabled: transparent;
- --spectrum-stepper-button-border-width-disabled: var(--spectrum-border-width-100);
- --spectrum-stepper-buttons-background-color: var(--spectrum-gray-50);
- --spectrum-stepper-buttons-background-color-disabled: var(--spectrum-gray-100);
- }
-}
diff --git a/components/swatch/CHANGELOG.md b/components/swatch/CHANGELOG.md
index 0731f9a0092..7ef720d8b2a 100644
--- a/components/swatch/CHANGELOG.md
+++ b/components/swatch/CHANGELOG.md
@@ -1,5 +1,13 @@
# 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
+
## 8.0.1
### Patch Changes
@@ -166,16 +174,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
@@ -183,8 +187,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
@@ -192,8 +195,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
@@ -201,8 +203,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
@@ -210,8 +211,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
@@ -219,8 +219,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
@@ -228,8 +227,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
@@ -244,8 +242,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
@@ -253,8 +250,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
@@ -262,8 +258,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
@@ -271,8 +266,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
@@ -280,8 +274,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
@@ -289,8 +282,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
@@ -298,8 +290,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
@@ -307,8 +298,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
@@ -316,8 +306,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
@@ -325,8 +314,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
@@ -334,8 +322,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
@@ -343,8 +330,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
@@ -352,8 +338,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
@@ -361,8 +346,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
@@ -372,8 +356,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
@@ -381,8 +364,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
@@ -390,8 +372,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
@@ -399,8 +380,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
@@ -408,8 +388,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
@@ -417,8 +396,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
@@ -426,8 +404,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
@@ -437,8 +414,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
@@ -446,13 +422,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.
@@ -497,8 +471,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
@@ -506,8 +479,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
@@ -515,8 +487,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
@@ -524,8 +495,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
@@ -533,8 +503,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
@@ -544,8 +513,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
@@ -555,8 +523,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
@@ -564,8 +531,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
@@ -575,8 +541,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
@@ -584,8 +549,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/dist/metadata.json b/components/swatch/dist/metadata.json
index d982d68bbd2..e3affcc83cb 100644
--- a/components/swatch/dist/metadata.json
+++ b/components/swatch/dist/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",
@@ -73,7 +72,6 @@
"component": [
"--spectrum-swatch-border-color",
"--spectrum-swatch-border-color-light",
- "--spectrum-swatch-border-color-opacity",
"--spectrum-swatch-border-color-selected",
"--spectrum-swatch-border-radius",
"--spectrum-swatch-border-thickness",
@@ -107,22 +105,17 @@
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
- "--spectrum-gray-1000-rgb",
"--spectrum-gray-25",
"--spectrum-gray-800",
"--spectrum-gray-900",
"--spectrum-picked-color",
"--spectrum-red-900",
+ "--spectrum-white",
"--spectrum-workflow-icon-size-100",
"--spectrum-workflow-icon-size-200",
"--spectrum-workflow-icon-size-50",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [
- "--system-swatch-border-color",
- "--system-swatch-disabled-icon-color",
- "--system-swatch-inner-border-color-selected"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-swatch-background-color-selected",
diff --git a/components/swatch/index.css b/components/swatch/index.css
index 14f706be43b..f0f03dbaac9 100644
--- a/components/swatch/index.css
+++ b/components/swatch/index.css
@@ -11,7 +11,48 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
+ /* @note: default sizing for swatch is small */
+.spectrum-Swatch {
+ /* Placeholder tokens */
+ --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(--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(--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(--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(--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(--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(--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 */
@media (forced-colors: active) {
@@ -26,54 +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;
+ }
}
}
-.spectrum-Swatch,
-.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--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--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--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 {
- --spectrum-swatch-focus-indicator-border-radius: 8px;
- --spectrum-swatch-icon-border-color: rgb(0 0 0 / 51%);
- --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-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
- --spectrum-swatch-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
- --spectrum-swatch-border-color-selected: var(--spectrum-gray-900);
- --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);
-
- 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;
@@ -88,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 */
@@ -147,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);
}
}
@@ -174,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;
@@ -187,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;
}
@@ -227,6 +231,8 @@
position: absolute;
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 */
@@ -248,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(--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));
}
}
}
@@ -256,6 +262,8 @@
.spectrum-Swatch-mixedValueIcon {
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);
}
@@ -266,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 */
@@ -311,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/package.json b/components/swatch/package.json
index 7f6e76bf975..18f3f8ffeba 100644
--- a/components/swatch/package.json
+++ b/components/swatch/package.json
@@ -25,16 +25,12 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/opacitycheckerboard": ">=2",
- "@spectrum-css/tokens": ">=14.5.0 || >=15"
+ "@spectrum-css/opacitycheckerboard": ">=4",
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
"@spectrum-css/opacitycheckerboard": "4.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/swatch/stories/template.js b/components/swatch/stories/template.js
index 2556fc3da75..836dd20d36f 100644
--- a/components/swatch/stories/template.js
+++ b/components/swatch/stories/template.js
@@ -9,9 +9,6 @@ import { when } from "lit/directives/when.js";
import { capitalize, lowerCase } from "lodash-es";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Swatch",
diff --git a/components/swatch/themes/express.css b/components/swatch/themes/express.css
deleted file mode 100644
index 9fd550418f2..00000000000
--- a/components/swatch/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/swatch/themes/spectrum-two.css b/components/swatch/themes/spectrum-two.css
deleted file mode 100644
index e753d50ca03..00000000000
--- a/components/swatch/themes/spectrum-two.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 style(--system: spectrum) {
- /* Swatch tokens */
- .spectrum-Swatch {
- --spectrum-swatch-border-color: rgba(var(--spectrum-gray-1000-rgb), var(--spectrum-swatch-border-color-opacity));
- --spectrum-swatch-inner-border-color-selected: var(--spectrum-gray-25);
- --spectrum-swatch-disabled-icon-color: var(--spectrum-gray-25);
- }
-}
diff --git a/components/swatch/themes/spectrum.css b/components/swatch/themes/spectrum.css
deleted file mode 100644
index d82cd4c9c0b..00000000000
--- a/components/swatch/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Swatch {
- --spectrum-swatch-border-color: rgba(var(--spectrum-gray-900-rgb), var(--spectrum-swatch-border-color-opacity));
- --spectrum-swatch-inner-border-color-selected: var(--spectrum-gray-50);
- --spectrum-swatch-disabled-icon-color: var(--spectrum-gray-50);
- }
-}
diff --git a/components/swatchgroup/CHANGELOG.md b/components/swatchgroup/CHANGELOG.md
index 86a0ead35c2..c869663a343 100644
--- a/components/swatchgroup/CHANGELOG.md
+++ b/components/swatchgroup/CHANGELOG.md
@@ -1,5 +1,13 @@
# 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
+
## 5.0.1
### Patch Changes
@@ -143,16 +151,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
@@ -160,8 +165,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
@@ -169,8 +173,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
@@ -178,8 +181,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
@@ -187,8 +189,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
@@ -196,8 +197,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
@@ -205,8 +205,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
@@ -216,8 +215,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
@@ -225,8 +223,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
@@ -234,8 +231,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
@@ -243,8 +239,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
@@ -252,8 +247,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
@@ -261,8 +255,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
@@ -270,8 +263,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
@@ -279,8 +271,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
@@ -288,8 +279,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
@@ -297,8 +287,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
@@ -306,8 +295,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
@@ -315,8 +303,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
@@ -324,8 +311,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
@@ -333,8 +319,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
@@ -344,8 +329,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
@@ -353,8 +337,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
@@ -362,8 +345,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
@@ -371,8 +353,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
@@ -380,8 +361,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
@@ -389,8 +369,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
@@ -398,8 +377,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
@@ -407,8 +385,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
@@ -416,8 +393,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
@@ -425,8 +401,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
@@ -434,8 +409,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
@@ -443,8 +417,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
@@ -452,8 +425,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
@@ -461,8 +433,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
@@ -470,8 +441,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
@@ -479,8 +449,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
@@ -488,8 +457,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
@@ -499,8 +467,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
@@ -508,8 +475,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/dist/metadata.json b/components/swatchgroup/dist/metadata.json
index 74adf019d54..24e3423ca5d 100644
--- a/components/swatchgroup/dist/metadata.json
+++ b/components/swatchgroup/dist/metadata.json
@@ -16,7 +16,6 @@
"--spectrum-spacing-50",
"--spectrum-spacing-75"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/swatchgroup/package.json b/components/swatchgroup/package.json
index 17f4b212bc0..8682255389c 100644
--- a/components/swatchgroup/package.json
+++ b/components/swatchgroup/package.json
@@ -26,15 +26,11 @@
"main": "dist/index.css",
"peerDependencies": {
"@spectrum-css/swatch": ">=6",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
"@spectrum-css/swatch": "8.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/switch/CHANGELOG.md b/components/switch/CHANGELOG.md
index 62c465fdb1f..1bd51bc689a 100644
--- a/components/switch/CHANGELOG.md
+++ b/components/switch/CHANGELOG.md
@@ -1,5 +1,14 @@
# Change Log
+## 5.2.1-next.0
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`5fae8ab`](https://github.com/adobe/spectrum-css/commit/5fae8aba83d396103aca56c108e7e81f61fce655) Thanks [@pfulton](https://github.com/pfulton)! - Define undefined custom properties from themes directory.
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+
## 6.0.1
### Patch Changes
@@ -117,16 +126,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
@@ -134,8 +140,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
@@ -143,8 +148,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
@@ -152,8 +156,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
@@ -161,8 +164,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
@@ -170,8 +172,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
@@ -179,8 +180,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
@@ -188,8 +188,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
@@ -199,8 +198,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
@@ -208,8 +206,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
@@ -217,8 +214,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
@@ -226,8 +222,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
@@ -235,8 +230,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
@@ -244,8 +238,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
@@ -253,8 +246,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
@@ -262,8 +254,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
@@ -271,8 +262,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
@@ -280,8 +270,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
@@ -289,8 +278,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
@@ -298,8 +286,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
@@ -307,8 +294,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
@@ -316,8 +302,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
@@ -327,8 +312,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
@@ -336,8 +320,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
@@ -345,8 +328,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
@@ -354,13 +336,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
@@ -369,8 +349,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
@@ -380,8 +359,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
@@ -389,8 +367,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
@@ -398,8 +375,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
@@ -407,8 +383,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
@@ -416,8 +391,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
@@ -425,8 +399,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
@@ -434,8 +407,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
@@ -443,8 +415,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
@@ -452,8 +423,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
@@ -461,8 +431,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
@@ -470,8 +439,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
@@ -481,8 +449,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
@@ -490,8 +457,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/dist/metadata.json b/components/switch/dist/metadata.json
index 00a47cdd798..57a281d35df 100644
--- a/components/switch/dist/metadata.json
+++ b/components/switch/dist/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-200",
- "--spectrum-gray-50",
- "--spectrum-gray-600",
- "--spectrum-gray-700",
- "--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,38 +222,32 @@
"--spectrum-text-to-control-300",
"--spectrum-text-to-control-75"
],
- "system-theme": [
- "--system-switch-background-color",
- "--system-switch-background-color-disabled",
- "--system-switch-handle-background-color",
- "--system-switch-handle-border-color-default",
- "--system-switch-handle-border-color-down",
- "--system-switch-handle-border-color-focus",
- "--system-switch-handle-border-color-hover",
- "--system-switch-handle-border-color-selected-default",
- "--system-switch-handle-border-color-selected-down",
- "--system-switch-handle-border-color-selected-focus",
- "--system-switch-handle-border-color-selected-hover"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-switch-background-color",
+ "--highcontrast-switch-background-color-disabled",
"--highcontrast-switch-background-color-selected-default",
"--highcontrast-switch-background-color-selected-disabled",
"--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/index.css b/components/switch/index.css
index 763ad359ab8..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/spectrum-two.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,49 +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-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-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-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-handle-border-color-disabled: var(--spectrum-disabled-content-color);
-}
+ --spectrum-switch-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
-.spectrum-Switch--disabled {
- --spectrum-switch-label-color-default: var(--spectrum-disabled-content-color);
-}
+ --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.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-handle-background-color-selected: var(--spectrum-gray-25);
+ --spectrum-switch-handle-background-color-selected-disabled: var(--spectrum-gray-25);
+
+ --spectrum-switch-handle-size: var(--spectrum-switch-handle-size-medium);
+ --spectrum-switch-handle-selected-size: var(--spectrum-switch-handle-selected-size-medium);
-.spectrum-Switch,
-.spectrum-Switch--sizeM {
+ /* 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--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 {
@@ -72,6 +95,10 @@
--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-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-75);
}
@@ -83,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);
}
@@ -94,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);
}
@@ -108,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;
@@ -127,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 {
@@ -186,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(--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)));
- }
+ transform: translateX(calc(100% + (var(--mod-switch-border-width, var(--spectrum-switch-border-width)) * 0.25)));
- &: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)));
+ &:dir(rtl) {
+ transform: translateX(calc(-1 * (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)));
+ .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: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:active .spectrum-Switch-input:not(:disabled) + & {
+ transform: perspective(var(--spectrum-component-size-minimum-perspective-down)) translateZ(var(--spectrum-component-size-difference-down));
}
- & ~ .spectrum-Switch-label {
- color: var(--highcontrast-switch-label-color-down, var(--mod-switch-label-color-down, var(--spectrum-switch-label-color-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(--mod-switch-background-color-disabled, var(--spectrum-switch-background-color-disabled));
+ 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)));
}
}
@@ -378,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)));
}
}
@@ -401,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-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-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-selected: HighlightText;
+ --highcontrast-switch-handle-background-color-selected-disabled: ButtonFace;
- --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-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/package.json b/components/switch/package.json
index 04fa4bb51cd..d05a37a5d05 100644
--- a/components/switch/package.json
+++ b/components/switch/package.json
@@ -25,14 +25,10 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/switch/stories/switch.stories.js b/components/switch/stories/switch.stories.js
index 5286b307882..cc38ca06286 100644
--- a/components/switch/stories/switch.stories.js
+++ b/components/switch/stories/switch.stories.js
@@ -46,6 +46,7 @@ export default {
packageJson,
metadata,
},
+ tags: ["migrated"],
};
export const Default = SwitchGroup.bind({});
diff --git a/components/switch/stories/template.js b/components/switch/stories/template.js
index 5e67a3cc8b3..4f0877d5c86 100644
--- a/components/switch/stories/template.js
+++ b/components/switch/stories/template.js
@@ -6,9 +6,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Switch",
diff --git a/components/switch/themes/express.css b/components/switch/themes/express.css
deleted file mode 100644
index ac5198ba733..00000000000
--- a/components/switch/themes/express.css
+++ /dev/null
@@ -1,30 +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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--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-two.css b/components/switch/themes/spectrum-two.css
deleted file mode 100644
index c2ed1a192a4..00000000000
--- a/components/switch/themes/spectrum-two.css
+++ /dev/null
@@ -1,30 +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 style(--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);
-
- --spectrum-switch-background-color: var(--spectrum-gray-200);
- --spectrum-switch-background-color-disabled: var(--spectrum-gray-200);
- --spectrum-switch-handle-background-color: var(--spectrum-gray-50);
- }
-}
diff --git a/components/switch/themes/spectrum.css b/components/switch/themes/spectrum.css
deleted file mode 100644
index 8b32e03d8f3..00000000000
--- a/components/switch/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Switch {
- --spectrum-switch-background-color: var(--spectrum-gray-300);
- --spectrum-switch-background-color-disabled: var(--spectrum-gray-300);
- --spectrum-switch-handle-background-color: var(--spectrum-gray-75);
- }
-}
diff --git a/components/table/CHANGELOG.md b/components/table/CHANGELOG.md
index df67da67975..4156c9a8ea6 100644
--- a/components/table/CHANGELOG.md
+++ b/components/table/CHANGELOG.md
@@ -1,5 +1,13 @@
# 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
+
## 8.0.1
### Patch Changes
@@ -184,16 +192,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
@@ -201,8 +206,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
@@ -210,8 +214,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
@@ -219,8 +222,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
@@ -228,8 +230,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
@@ -237,8 +238,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
@@ -246,8 +246,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
@@ -255,8 +254,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
@@ -267,8 +265,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
@@ -278,8 +275,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
@@ -287,8 +283,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
@@ -296,8 +291,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
@@ -305,8 +299,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
@@ -314,8 +307,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
@@ -323,8 +315,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
@@ -332,8 +323,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
@@ -341,8 +331,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
@@ -350,8 +339,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
@@ -359,8 +347,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
@@ -368,8 +355,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
@@ -377,8 +363,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)
@@ -880,8 +865,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
@@ -889,8 +873,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
@@ -898,8 +881,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
@@ -909,8 +891,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
@@ -918,8 +899,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
@@ -927,8 +907,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
@@ -936,8 +915,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
@@ -945,8 +923,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
@@ -954,8 +931,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
@@ -963,8 +939,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
@@ -972,8 +947,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
@@ -981,8 +955,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
@@ -990,8 +963,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
@@ -999,8 +971,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
@@ -1008,8 +979,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
@@ -1017,8 +987,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
@@ -1026,8 +995,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
@@ -1035,8 +1003,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
@@ -1044,8 +1011,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
@@ -1055,8 +1021,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
@@ -1064,8 +1029,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/dist/metadata.json b/components/table/dist/metadata.json
index e319678fb13..26a601ce86e 100644
--- a/components/table/dist/metadata.json
+++ b/components/table/dist/metadata.json
@@ -435,18 +435,6 @@
"--spectrum-transparent-white-100",
"--spectrum-transparent-white-25"
],
- "system-theme": [
- "--system-table-border-color",
- "--system-table-divider-color",
- "--system-table-header-background-color",
- "--system-table-icon-color-focus",
- "--system-table-icon-color-focus-hover",
- "--system-table-quiet-header-background-color",
- "--system-table-quiet-row-background-color",
- "--system-table-row-background-color",
- "--system-table-section-header-background-color",
- "--system-table-summary-row-background-color"
- ],
"passthroughs": ["--mod-checkbox-spacing", "--mod-thumbnail-size"],
"high-contrast": [
"--highcontrast-table-border-color",
diff --git a/components/table/index.css b/components/table/index.css
index 830e1528ff4..7ffbacf046a 100644
--- a/components/table/index.css
+++ b/components/table/index.css
@@ -11,7 +11,21 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
+.spectrum-Table {
+ --spectrum-table-header-background-color: var(--spectrum-transparent-white-25);
+ --spectrum-table-border-color: var(--spectrum-gray-200);
+ --spectrum-table-divider-color: var(--spectrum-gray-200);
+ --spectrum-table-row-background-color: var(--spectrum-gray-25);
+ --spectrum-table-summary-row-background-color: var(--spectrum-gray-100);
+ --spectrum-table-section-header-background-color: var(--spectrum-gray-100);
+ --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-hover);
+}
+
+.spectrum-Table--quiet {
+ --spectrum-table-header-background-color: var(--spectrum-transparent-white-25);
+ --spectrum-table-row-background-color: var(--spectrum-transparent-white-25);
+}
/********* HIGH CONTRAST *********/
@media (forced-colors: active) {
diff --git a/components/table/package.json b/components/table/package.json
index 12f8705cc99..6ba8d998509 100644
--- a/components/table/package.json
+++ b/components/table/package.json
@@ -25,11 +25,11 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/button": ">=13",
- "@spectrum-css/checkbox": ">=9",
- "@spectrum-css/icon": ">=7",
+ "@spectrum-css/button": ">=14",
+ "@spectrum-css/checkbox": ">=10",
+ "@spectrum-css/icon": ">=9",
"@spectrum-css/thumbnail": ">=6",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"peerDependenciesMeta": {
"@spectrum-css/button": {
@@ -47,11 +47,7 @@
"@spectrum-css/checkbox": "10.0.1",
"@spectrum-css/icon": "9.0.1",
"@spectrum-css/thumbnail": "8.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/table/stories/template.js b/components/table/stories/template.js
index 662a6e3206b..8487cca716d 100644
--- a/components/table/stories/template.js
+++ b/components/table/stories/template.js
@@ -9,9 +9,6 @@ import { when } from "lit/directives/when.js";
import { html, literal } from "lit/static-html.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const TableRowItem = ({
rootClass = "spectrum-Table",
diff --git a/components/table/themes/express.css b/components/table/themes/express.css
deleted file mode 100644
index 9fd550418f2..00000000000
--- a/components/table/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/table/themes/spectrum-two.css b/components/table/themes/spectrum-two.css
deleted file mode 100644
index 1c0a4684070..00000000000
--- a/components/table/themes/spectrum-two.css
+++ /dev/null
@@ -1,30 +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 style(--system: spectrum) {
- .spectrum-Table {
- --spectrum-table-header-background-color: var(--spectrum-transparent-white-25);
- --spectrum-table-border-color: var(--spectrum-gray-200);
- --spectrum-table-divider-color: var(--spectrum-gray-200);
- --spectrum-table-row-background-color: var(--spectrum-gray-25);
- --spectrum-table-summary-row-background-color: var(--spectrum-gray-100);
- --spectrum-table-section-header-background-color: var(--spectrum-gray-100);
- --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-hover);
- }
-
- .spectrum-Table--quiet {
- --spectrum-table-header-background-color: var(--spectrum-transparent-white-25);
- --spectrum-table-row-background-color: var(--spectrum-transparent-white-25);
- }
-}
diff --git a/components/table/themes/spectrum.css b/components/table/themes/spectrum.css
deleted file mode 100644
index a40d7fabde2..00000000000
--- a/components/table/themes/spectrum.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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Table {
- --spectrum-table-header-background-color: var(--spectrum-transparent-white-100);
- --spectrum-table-border-color: var(--spectrum-gray-300);
- --spectrum-table-divider-color: var(--spectrum-gray-300);
- --spectrum-table-row-background-color: var(--spectrum-gray-50);
- --spectrum-table-summary-row-background-color: var(--spectrum-gray-200);
- --spectrum-table-section-header-background-color: var(--spectrum-gray-200);
- --spectrum-table-icon-color-focus: var(--spectrum-neutral-subdued-content-color-key-focus);
- --spectrum-table-icon-color-focus-hover: var(--spectrum-neutral-subdued-content-down);
- }
-
- .spectrum-Table--quiet {
- --spectrum-table-header-background-color: var(--spectrum-transparent-white-100);
- --spectrum-table-row-background-color: var(--spectrum-transparent-white-100);
- }
-}
diff --git a/components/tabs/CHANGELOG.md b/components/tabs/CHANGELOG.md
index 1945241491e..9cdbcbe5ca9 100644
--- a/components/tabs/CHANGELOG.md
+++ b/components/tabs/CHANGELOG.md
@@ -1,5 +1,31 @@
# Change Log
+## 6.0.0-next.2
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f) Thanks [@pfulton](https://github.com/pfulton)! - Define undefined custom properties from themes directory.
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76), [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+ - @spectrum-css/menu@8.0.0-next.1
+
+## 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.1
### Patch Changes
@@ -162,8 +188,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
@@ -183,8 +208,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
@@ -192,8 +216,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
@@ -201,8 +224,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
@@ -210,8 +232,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
@@ -219,8 +240,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
@@ -228,8 +248,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
@@ -237,8 +256,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
@@ -246,8 +264,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
@@ -257,8 +274,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
@@ -266,8 +282,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
@@ -275,8 +290,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
@@ -284,8 +298,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
@@ -293,8 +306,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
@@ -302,8 +314,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
@@ -311,8 +322,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
@@ -320,8 +330,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
@@ -329,8 +338,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
@@ -338,8 +346,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
@@ -347,8 +354,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
@@ -356,8 +362,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
@@ -365,8 +370,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
@@ -376,8 +380,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
@@ -385,8 +388,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
@@ -394,8 +396,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
@@ -403,8 +404,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
@@ -412,8 +412,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
@@ -421,8 +420,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
@@ -430,8 +428,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
@@ -439,8 +436,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
@@ -448,8 +444,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
@@ -457,8 +452,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
@@ -466,8 +460,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
@@ -475,8 +468,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
@@ -484,8 +476,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)
@@ -503,8 +494,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
@@ -512,8 +502,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
@@ -521,8 +510,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
@@ -530,8 +518,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
@@ -539,8 +526,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
@@ -548,8 +534,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
@@ -559,8 +544,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
@@ -568,8 +552,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/dist/metadata.json b/components/tabs/dist/metadata.json
index 544295ef045..37e3c7b1a37 100644
--- a/components/tabs/dist/metadata.json
+++ b/components/tabs/dist/metadata.json
@@ -206,10 +206,6 @@
"--spectrum-workflow-icon-size-50",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [
- "--system-tabs-divider-background-color",
- "--system-tabs-font-weight"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-tabs-color",
diff --git a/components/tabs/index.css b/components/tabs/index.css
index 6727243f384..feabab0d89c 100644
--- a/components/tabs/index.css
+++ b/components/tabs/index.css
@@ -11,9 +11,10 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
.spectrum-Tabs {
+ --spectrum-tabs-font-weight: var(--spectrum-regular-font-weight);
+ --spectrum-tabs-divider-background-color: var(--spectrum-gray-200);
+
/* Default is Medium sizing */
--spectrum-tabs-item-height: var(--spectrum-tab-item-height-medium);
--spectrum-tabs-item-horizontal-spacing: var(--spectrum-tab-item-to-tab-item-horizontal-medium);
@@ -36,6 +37,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);
diff --git a/components/tabs/package.json b/components/tabs/package.json
index 4e0dbedaedd..c88ec10c088 100644
--- a/components/tabs/package.json
+++ b/components/tabs/package.json
@@ -25,10 +25,10 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
+ "@spectrum-css/icon": ">=9",
"@spectrum-css/menu": ">=7",
"@spectrum-css/picker": ">=8",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"peerDependenciesMeta": {
"@spectrum-css/icon": {
@@ -39,11 +39,7 @@
"@spectrum-css/icon": "9.0.1",
"@spectrum-css/menu": "9.0.1",
"@spectrum-css/picker": "9.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/tabs/stories/template.js b/components/tabs/stories/template.js
index 716f45ea2e5..387683f1ae9 100644
--- a/components/tabs/stories/template.js
+++ b/components/tabs/stories/template.js
@@ -10,9 +10,6 @@ import { when } from "lit/directives/when.js";
import { html, literal } from "lit/static-html.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Tabs",
diff --git a/components/tabs/themes/express.css b/components/tabs/themes/express.css
deleted file mode 100644
index 83b105f4ac8..00000000000
--- a/components/tabs/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--system: express) {
- .spectrum-Tabs {
- --spectrum-tabs-font-weight: var(--spectrum-bold-font-weight);
- }
-}
diff --git a/components/tabs/themes/spectrum-two.css b/components/tabs/themes/spectrum-two.css
deleted file mode 100644
index 71d71c3c719..00000000000
--- a/components/tabs/themes/spectrum-two.css
+++ /dev/null
@@ -1,19 +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 style(--system: spectrum) {
- .spectrum-Tabs {
- --spectrum-tabs-font-weight: var(--spectrum-regular-font-weight);
- --spectrum-tabs-divider-background-color: var(--spectrum-gray-200);
- }
-}
diff --git a/components/tabs/themes/spectrum.css b/components/tabs/themes/spectrum.css
deleted file mode 100644
index 97cb90cac5b..00000000000
--- a/components/tabs/themes/spectrum.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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Tabs {
- --spectrum-tabs-font-weight: var(--spectrum-regular-font-weight);
- --spectrum-tabs-divider-background-color: var(--spectrum-gray-300);
- }
-}
diff --git a/components/tag/CHANGELOG.md b/components/tag/CHANGELOG.md
index cdd2019ca99..cec5ca0bd97 100644
--- a/components/tag/CHANGELOG.md
+++ b/components/tag/CHANGELOG.md
@@ -1,5 +1,24 @@
# Change Log
+## 10.0.0-next.1
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f) Thanks [@pfulton](https://github.com/pfulton)! - Define undefined custom properties from themes directory.
+
+- Updated dependencies [[`7582c1f`](https://github.com/adobe/spectrum-css/commit/7582c1f5c73de5ecf962bfad0294f162d7035751), [`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/clearbutton@6.4.1-next.0
+ - @spectrum-css/avatar@8.0.0-next.1
+ - @spectrum-css/tokens@14.0.0-next.12
+
+## 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.1
### Patch Changes
@@ -162,8 +181,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)
@@ -179,8 +197,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
@@ -188,8 +205,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
@@ -197,8 +213,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
@@ -206,8 +221,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
@@ -215,8 +229,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
@@ -224,8 +237,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
@@ -235,8 +247,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
@@ -244,8 +255,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
@@ -253,8 +263,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
@@ -262,8 +271,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
@@ -271,8 +279,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
@@ -280,8 +287,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
@@ -289,8 +295,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
@@ -298,8 +303,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
@@ -307,8 +311,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
@@ -316,8 +319,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
@@ -325,8 +327,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
@@ -334,8 +335,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
@@ -343,8 +343,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
@@ -352,8 +351,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
@@ -361,8 +359,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
@@ -370,8 +367,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
@@ -381,8 +377,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
@@ -390,8 +385,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)
@@ -412,8 +406,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)
@@ -434,8 +427,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
@@ -443,8 +435,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)
@@ -464,8 +455,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
@@ -473,8 +463,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
@@ -482,8 +471,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
@@ -493,8 +481,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
@@ -504,8 +491,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
@@ -513,8 +499,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
@@ -522,8 +507,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
@@ -533,8 +517,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
@@ -542,8 +525,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
@@ -551,8 +533,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
@@ -560,8 +541,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
@@ -571,8 +551,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
@@ -580,8 +559,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/dist/metadata.json b/components/tag/dist/metadata.json
index 10a87e4aa2c..e708272678a 100644
--- a/components/tag/dist/metadata.json
+++ b/components/tag/dist/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",
@@ -280,39 +279,6 @@
"--spectrum-workflow-icon-size-200",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [
- "--system-tag-background-color",
- "--system-tag-background-color-active",
- "--system-tag-background-color-disabled",
- "--system-tag-background-color-focus",
- "--system-tag-background-color-hover",
- "--system-tag-border-color",
- "--system-tag-border-color-active",
- "--system-tag-border-color-disabled",
- "--system-tag-border-color-focus",
- "--system-tag-border-color-hover",
- "--system-tag-border-color-selected",
- "--system-tag-border-color-selected-active",
- "--system-tag-border-color-selected-focus",
- "--system-tag-border-color-selected-hover",
- "--system-tag-content-color",
- "--system-tag-content-color-active",
- "--system-tag-content-color-focus",
- "--system-tag-content-color-hover",
- "--system-tag-content-color-selected",
- "--system-tag-size-large-clear-button-spacing-inline-end",
- "--system-tag-size-large-corner-radius",
- "--system-tag-size-large-label-spacing-inline-end",
- "--system-tag-size-large-spacing-inline-start",
- "--system-tag-size-medium-clear-button-spacing-inline-end",
- "--system-tag-size-medium-corner-radius",
- "--system-tag-size-medium-label-spacing-inline-end",
- "--system-tag-size-medium-spacing-inline-start",
- "--system-tag-size-small-clear-button-spacing-inline-end",
- "--system-tag-size-small-corner-radius",
- "--system-tag-size-small-label-spacing-inline-end",
- "--system-tag-size-small-spacing-inline-start"
- ],
"passthroughs": [
"--mod-avatar-opacity-disabled",
"--mod-clear-button-width",
diff --git a/components/tag/index.css b/components/tag/index.css
index 9385b432e60..fc03480febe 100644
--- a/components/tag/index.css
+++ b/components/tag/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.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,30 @@
--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);
+ --spectrum-tag-content-color-selected: var(--spectrum-gray-25);
+
/* focus ring */
--spectrum-tag-focus-ring-thickness: var(--spectrum-focus-indicator-thickness);
--spectrum-tag-focus-ring-gap: var(--spectrum-focus-indicator-gap);
@@ -33,6 +55,10 @@
--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);
@@ -74,10 +100,9 @@
/* 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);
-.spectrum-Tag,
-.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);
@@ -100,6 +125,16 @@
--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-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 */
@@ -199,10 +234,11 @@
/* clear button */
.spectrum-Tag-clearButton {
- /* width of fill neutralized to ensure correct inline spacing within tag */
+ /* @passthrough start -- width of fill neutralized to ensure correct inline spacing within tag */
--mod-clear-button-width: fit-content;
--spectrum-clearbutton-fill-size: fit-content;
--spectrum-clearbutton-fill-background-color: transparent;
+ /* @passthrough end */
box-sizing: border-box;
diff --git a/components/tag/package.json b/components/tag/package.json
index 987d52cf1b1..cb69dc4ce0d 100644
--- a/components/tag/package.json
+++ b/components/tag/package.json
@@ -27,8 +27,8 @@
"peerDependencies": {
"@spectrum-css/avatar": ">=7",
"@spectrum-css/clearbutton": ">=6",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/icon": ">=9",
+ "@spectrum-css/tokens": ">=16"
},
"peerDependenciesMeta": {
"@spectrum-css/avatar": {
@@ -42,11 +42,7 @@
"@spectrum-css/avatar": "9.0.1",
"@spectrum-css/clearbutton": "7.0.1",
"@spectrum-css/icon": "9.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/tag/stories/template.js b/components/tag/stories/template.js
index 90c72435bae..ee4b244dd43 100644
--- a/components/tag/stories/template.js
+++ b/components/tag/stories/template.js
@@ -9,9 +9,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Tag",
diff --git a/components/tag/themes/express.css b/components/tag/themes/express.css
deleted file mode 100644
index 7c2c2e67303..00000000000
--- a/components/tag/themes/express.css
+++ /dev/null
@@ -1,64 +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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--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-two.css b/components/tag/themes/spectrum-two.css
deleted file mode 100644
index f9c51730f48..00000000000
--- a/components/tag/themes/spectrum-two.css
+++ /dev/null
@@ -1,56 +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 style(--system: spectrum) {
- .spectrum-Tag {
- --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);
-
- --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);
-
- --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);
-
- --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);
- --spectrum-tag-content-color-selected: var(--spectrum-gray-25);
-
- --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/tag/themes/spectrum.css b/components/tag/themes/spectrum.css
deleted file mode 100644
index 171968e1f50..00000000000
--- a/components/tag/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Tag {
- --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);
-
- --spectrum-tag-content-color-selected: var(--spectrum-gray-50);
- }
-}
diff --git a/components/taggroup/CHANGELOG.md b/components/taggroup/CHANGELOG.md
index dc1a798d768..64a0681b731 100644
--- a/components/taggroup/CHANGELOG.md
+++ b/components/taggroup/CHANGELOG.md
@@ -1,5 +1,13 @@
# 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
+
## 7.0.1
### Patch Changes
@@ -143,16 +151,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
@@ -160,8 +165,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
@@ -169,8 +173,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
@@ -178,8 +181,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
@@ -187,8 +189,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
@@ -196,8 +197,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
@@ -205,8 +205,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
@@ -216,8 +215,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
@@ -225,8 +223,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
@@ -234,8 +231,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
@@ -243,8 +239,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
@@ -252,8 +247,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
@@ -261,8 +255,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
@@ -270,8 +263,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
@@ -279,8 +271,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
@@ -288,8 +279,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
@@ -297,8 +287,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
@@ -306,8 +295,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
@@ -315,8 +303,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
@@ -324,8 +311,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
@@ -333,8 +319,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
@@ -342,8 +327,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
@@ -351,8 +335,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`
@@ -377,8 +360,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
@@ -386,8 +368,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
@@ -395,8 +376,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
@@ -404,8 +384,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
@@ -413,8 +392,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
@@ -422,8 +400,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
@@ -431,8 +408,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
@@ -440,8 +416,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
@@ -449,8 +424,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
@@ -458,8 +432,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
@@ -467,8 +440,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
@@ -476,8 +448,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
@@ -485,8 +456,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
@@ -494,8 +464,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
@@ -503,8 +472,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
@@ -512,8 +480,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
@@ -523,8 +490,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
@@ -532,8 +498,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/dist/metadata.json b/components/taggroup/dist/metadata.json
index 10ed81256ff..b9eeaede1e8 100644
--- a/components/taggroup/dist/metadata.json
+++ b/components/taggroup/dist/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/package.json b/components/taggroup/package.json
index 68b3513bfb7..1d3150c4c1c 100644
--- a/components/taggroup/package.json
+++ b/components/taggroup/package.json
@@ -26,15 +26,11 @@
"main": "dist/index.css",
"peerDependencies": {
"@spectrum-css/tag": ">=9",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
"@spectrum-css/tag": "10.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/textfield/CHANGELOG.md b/components/textfield/CHANGELOG.md
index 4713cc0e80d..2cb2d3c7746 100644
--- a/components/textfield/CHANGELOG.md
+++ b/components/textfield/CHANGELOG.md
@@ -1,5 +1,14 @@
# Change Log
+## 7.3.1-next.0
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f) Thanks [@pfulton](https://github.com/pfulton)! - Define undefined custom properties from themes directory.
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+
## 8.0.1
### Patch Changes
@@ -162,8 +171,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
@@ -183,8 +191,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
@@ -192,8 +199,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
@@ -201,8 +207,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
@@ -213,8 +218,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
@@ -222,8 +226,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
@@ -231,8 +234,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
@@ -240,8 +242,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
@@ -249,8 +250,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
@@ -258,8 +258,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
@@ -267,8 +266,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
@@ -278,8 +276,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
@@ -287,8 +284,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
@@ -296,8 +292,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
@@ -305,8 +300,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
@@ -314,8 +308,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
@@ -323,8 +316,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
@@ -332,8 +324,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
@@ -341,8 +332,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
@@ -350,8 +340,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
@@ -359,8 +348,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
@@ -368,8 +356,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
@@ -377,8 +364,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
@@ -386,8 +372,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
@@ -401,8 +386,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
@@ -410,8 +394,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
@@ -419,8 +402,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
@@ -428,8 +410,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
@@ -437,8 +418,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
@@ -446,8 +426,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
@@ -455,8 +434,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
@@ -464,8 +442,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
@@ -475,8 +452,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
@@ -484,8 +460,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
@@ -493,8 +468,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
@@ -502,8 +476,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
@@ -511,8 +484,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
@@ -520,8 +492,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
@@ -529,8 +500,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
@@ -540,8 +510,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)
@@ -555,8 +524,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/dist/metadata.json b/components/textfield/dist/metadata.json
index f60b3e0319f..7abe6588f9c 100644
--- a/components/textfield/dist/metadata.json
+++ b/components/textfield/dist/metadata.json
@@ -86,7 +86,6 @@
".spectrum-Textfield.is-readOnly:hover .spectrum-Textfield-input",
".spectrum-Textfield.is-readOnly:hover .spectrum-Textfield-input::placeholder",
".spectrum-Textfield.is-valid .spectrum-Textfield-validationIcon",
- ".spectrum-Textfield.spectrum-Textfield--quiet",
".spectrum-Textfield.spectrum-Textfield--sideLabel .spectrum-Textfield-validationIcon",
".spectrum-Textfield:hover .spectrum-Textfield-input",
".spectrum-Textfield:hover .spectrum-Textfield-input::placeholder"
@@ -328,18 +327,6 @@
"--spectrum-workflow-icon-size-300",
"--spectrum-workflow-icon-size-75"
],
- "system-theme": [
- "--system-textfield-background-color",
- "--system-textfield-background-color-disabled",
- "--system-textfield-border-color",
- "--system-textfield-border-color-disabled",
- "--system-textfield-border-color-focus",
- "--system-textfield-border-color-focus-hover",
- "--system-textfield-border-color-hover",
- "--system-textfield-border-color-keyboard-focus",
- "--system-textfield-border-width",
- "--system-textfield-quiet-border-color-disabled"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-textfield-border-color",
diff --git a/components/textfield/index.css b/components/textfield/index.css
index 87ab606476f..caae22baa15 100644
--- a/components/textfield/index.css
+++ b/components/textfield/index.css
@@ -11,9 +11,11 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
.spectrum-Textfield {
+ --spectrum-textfield-background-color: var(--mod-textfield-background-color, var(--spectrum-gray-25));
+ --spectrum-textfield-background-color-disabled: var(--mod-textfield-background-color-disabled, var(--spectrum-gray-25));
+ --spectrum-textfield-border-color-disabled: var(--mod-textfield-border-color-disabled, var(--spectrum-gray-300));
+
/* 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);
@@ -23,6 +25,14 @@
--spectrum-textfield-min-width: var(--spectrum-text-field-minimum-width-multiplier);
--spectrum-textfield-corner-radius: var(--spectrum-corner-radius-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-quiet: var(--spectrum-field-edge-to-text-quiet);
--spectrum-textfield-spacing-block-start: var(--spectrum-component-top-to-text-100);
@@ -318,7 +328,7 @@
vertical-align: top; /* used to align them correctly in forms. */
outline: none;
- background-color: var(--mod-textfield-background-color, var(--spectrum-textfield-background-color));
+ background-color: var(--spectrum-textfield-background-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)));
@@ -465,8 +475,8 @@
.spectrum-Textfield.is-disabled &,
.spectrum-Textfield.is-disabled:hover &,
&:disabled {
- background-color: var(--mod-textfield-background-color-disabled, var(--spectrum-textfield-background-color-disabled));
- border-color: var(--mod-textfield-border-color-disabled, var(--spectrum-textfield-border-color-disabled));
+ background-color: var(--spectrum-textfield-background-color-disabled);
+ border-color: var(--spectrum-textfield-border-color-disabled);
color: var(--highcontrast-textfield-text-color-disabled, var(--mod-textfield-text-color-disabled, var(--spectrum-textfield-text-color-disabled)));
/* Disable the resize functionality when disabled */
@@ -502,7 +512,7 @@
.spectrum-Textfield--quiet.is-disabled:hover &,
&:disabled {
background-color: transparent;
- border-color: var(--mod-textfield-border-color-disabled, var(--spectrum-textfield-border-color-disabled));
+ border-color: var(--spectrum-textfield-border-color-disabled);
color: var(--highcontrast-textfield-text-color-disabled, var(--mod-textfield-text-color-disabled, var(--spectrum-textfield-text-color-disabled)));
&::placeholder {
diff --git a/components/textfield/package.json b/components/textfield/package.json
index 6d32d582668..404d4cbf789 100644
--- a/components/textfield/package.json
+++ b/components/textfield/package.json
@@ -26,7 +26,7 @@
"main": "dist/index.css",
"peerDependencies": {
"@spectrum-css/helptext": ">=5",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"peerDependenciesMeta": {
"@spectrum-css/helptext": {
@@ -35,11 +35,7 @@
},
"devDependencies": {
"@spectrum-css/helptext": "7.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/textfield/stories/template.js b/components/textfield/stories/template.js
index 5f20b0abb86..9413a7504e3 100644
--- a/components/textfield/stories/template.js
+++ b/components/textfield/stories/template.js
@@ -1,8 +1,8 @@
import { Template as FieldLabel } from "@spectrum-css/fieldlabel/stories/template.js";
import { Template as HelpText } from "@spectrum-css/helptext/stories/template.js";
import { Template as Icon } from "@spectrum-css/icon/stories/template.js";
+import { Template as InfieldProgressCircle } from "@spectrum-css/infieldprogresscircle/stories/template.js";
import { Container, getRandomId } from "@spectrum-css/preview/decorators";
-import { Template as ProgressCircle } from "@spectrum-css/progresscircle/stories/template.js";
import { html } from "lit";
import { classMap } from "lit/directives/class-map.js";
import { ifDefined } from "lit/directives/if-defined.js";
@@ -10,9 +10,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
/**
* @typedef API
@@ -21,7 +18,7 @@ import "../themes/express.css";
* @property {string[]} [customClasses=[]]
* @property {string[]} [customInputClasses=[]]
* @property {string[]} [customIconClasses=[]]
- * @property {string[]} [customProgressCircleClasses=[]]
+ * @property {string[]} [customInfieldProgressCircleClasses=[]]
* @property {Record} [customStyles={}]
* @property {boolean} [isInvalid=false]
* @property {boolean} [isValid=false]
@@ -61,7 +58,7 @@ export const Template = ({
customClasses = [],
customInputClasses = [],
customIconClasses = [],
- customProgressCircleClasses = [],
+ customInfieldProgressCircleClasses = [],
isInvalid = false,
isValid = false,
multiline = false,
@@ -199,10 +196,10 @@ export const Template = ({
})}
/>`
)}
- ${when(isLoading, () => ProgressCircle({
+ ${when(isLoading, () => InfieldProgressCircle({
isIndeterminate: true,
- size: "s",
- customClasses: customProgressCircleClasses,
+ size: size,
+ customClasses: customInfieldProgressCircleClasses,
}, context))}
${when(helpText, () =>
HelpText({
diff --git a/components/textfield/themes/express.css b/components/textfield/themes/express.css
deleted file mode 100644
index 31de0c5779a..00000000000
--- a/components/textfield/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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--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-two.css b/components/textfield/themes/spectrum-two.css
deleted file mode 100644
index d7da353ad74..00000000000
--- a/components/textfield/themes/spectrum-two.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 style(--system: spectrum) {
- .spectrum-Textfield {
- --spectrum-textfield-background-color: var(--spectrum-gray-25);
- --spectrum-textfield-background-color-disabled: var(--spectrum-gray-25);
-
- --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-color-disabled: var(--spectrum-gray-300);
-
- --spectrum-textfield-border-width: var(--spectrum-border-width-100);
-
- &.spectrum-Textfield--quiet {
- --spectrum-textfield-border-color-disabled: var(--spectrum-gray-300);
- }
- }
-}
diff --git a/components/textfield/themes/spectrum.css b/components/textfield/themes/spectrum.css
deleted file mode 100644
index 8f337bcaf8c..00000000000
--- a/components/textfield/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Textfield {
- --spectrum-textfield-background-color: var(--spectrum-gray-50);
- --spectrum-textfield-background-color-disabled: var(--spectrum-disabled-background-color);
-
- --spectrum-textfield-border-color-disabled: var(--spectrum-gray-200);
-
- &.spectrum-Textfield--quiet {
- --spectrum-textfield-border-color-disabled: var(--spectrum-gray-300);
- }
- }
-}
diff --git a/components/thumbnail/CHANGELOG.md b/components/thumbnail/CHANGELOG.md
index 38b5ab04a21..3803f0bc7a9 100644
--- a/components/thumbnail/CHANGELOG.md
+++ b/components/thumbnail/CHANGELOG.md
@@ -1,5 +1,22 @@
# 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
+
## 8.0.1
### Patch Changes
@@ -161,16 +178,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
@@ -178,8 +191,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
@@ -187,8 +199,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
@@ -196,8 +207,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
@@ -205,8 +215,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
@@ -214,8 +223,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
@@ -225,8 +233,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
@@ -234,8 +241,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
@@ -243,8 +249,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
@@ -252,8 +257,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
@@ -261,8 +265,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
@@ -272,8 +275,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
@@ -281,8 +283,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
@@ -290,8 +291,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
@@ -299,8 +299,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
@@ -308,8 +307,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
@@ -317,8 +315,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
@@ -326,8 +323,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
@@ -335,8 +331,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
@@ -344,8 +339,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
@@ -355,8 +349,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
@@ -364,8 +357,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
@@ -373,8 +365,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
@@ -382,8 +373,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
@@ -401,8 +391,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
@@ -410,8 +399,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
@@ -419,8 +407,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
@@ -430,8 +417,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
@@ -439,13 +425,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.
@@ -490,8 +474,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
@@ -499,8 +482,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
@@ -508,8 +490,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
@@ -517,8 +498,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
@@ -526,8 +506,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
@@ -535,8 +514,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
@@ -546,8 +524,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
@@ -557,8 +534,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
@@ -566,8 +542,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/dist/metadata.json b/components/thumbnail/dist/metadata.json
index 067259ff6a1..2a5fa051ef2 100644
--- a/components/thumbnail/dist/metadata.json
+++ b/components/thumbnail/dist/metadata.json
@@ -49,10 +49,10 @@
"--spectrum-thumbnail-border-color-selected",
"--spectrum-thumbnail-border-opacity",
"--spectrum-thumbnail-border-radius",
- "--spectrum-thumbnail-border-radius-default",
"--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",
@@ -60,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",
@@ -73,8 +74,7 @@
"--spectrum-thumbnail-size-700",
"--spectrum-thumbnail-size-75",
"--spectrum-thumbnail-size-800",
- "--spectrum-thumbnail-size-900",
- "--spectrum-thumbnail-sized-size"
+ "--spectrum-thumbnail-size-900"
],
"global": [
"--spectrum-accent-color-800",
@@ -88,8 +88,7 @@
"--spectrum-gray-800-rgb",
"--spectrum-white"
],
- "system-theme": ["--system-thumbnail-border-radius"],
- "passthroughs": [],
+ "passthroughs": ["--mod-opacity-checkerboard-size"],
"high-contrast": [
"--highcontrast-thumbnail-border-color",
"--highcontrast-thumbnail-border-color-selected",
diff --git a/components/thumbnail/index.css b/components/thumbnail/index.css
index 62e44665518..3f2ab89f941 100644
--- a/components/thumbnail/index.css
+++ b/components/thumbnail/index.css
@@ -11,76 +11,81 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
+.spectrum-Thumbnail {
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-500);
-.spectrum-Thumbnail,
-.spectrum-Thumbnail--size500 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-500);
+ --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(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);
+ --spectrum-thumbnail-layer-border-color-outer: var(--spectrum-gray-500);
+
+ --spectrum-thumbnail-border-width-selected: var(--spectrum-border-width-200);
+ --spectrum-thumbnail-border-color-selected: var(--spectrum-accent-color-800);
+
+ --spectrum-thumbnail-focus-indicator-thickness: var(--spectrum-focus-indicator-thickness);
+ --spectrum-thumbnail-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
+ --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 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-50);
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-50);
}
.spectrum-Thumbnail--size75 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-75);
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-75);
}
.spectrum-Thumbnail--size100 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-100);
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-100);
}
.spectrum-Thumbnail--size200 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-200);
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-200);
}
.spectrum-Thumbnail--size300 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-300);
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-300);
}
.spectrum-Thumbnail--size400 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-400);
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-400);
+}
+
+.spectrum-Thumbnail--size500 {
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-500);
}
.spectrum-Thumbnail--size600 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-600);
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-600);
}
.spectrum-Thumbnail--size700 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-700);
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-700);
}
.spectrum-Thumbnail--size800 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-800);
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-800);
}
.spectrum-Thumbnail--size900 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-900);
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-900);
}
.spectrum-Thumbnail--size1000 {
- --spectrum-thumbnail-sized-size: var(--spectrum-thumbnail-size-1000);
+ --spectrum-thumbnail-size: var(--spectrum-thumbnail-size-1000);
}
.spectrum-Thumbnail {
- --spectrum-thumbnail-size: var(--mod-thumbnail-size, var(--spectrum-thumbnail-sized-size));
-
- /* @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: var(--highcontrast-thumbnail-border-color, var(--mod-thumbnail-border-color, rgba(var(--spectrum-gray-800-rgb), var(--spectrum-thumbnail-border-opacity))));
- --spectrum-thumbnail-border-color-selected: var(--highcontrast-thumbnail-border-color-selected, var(--mod-thumbnail-border-color-selected, var(--spectrum-accent-color-800)));
- --spectrum-thumbnail-border-width: var(--mod-thumbnail-border-width, var(--spectrum-border-width-100));
- --spectrum-thumbnail-border-width-selected: var(--mod-thumbnail-border-width-selected, var(--spectrum-border-width-200));
- --spectrum-thumbnail-border-radius-default: var(--mod-thumbnail-border-radius, var(--spectrum-thumbnail-border-radius));
-
- --spectrum-thumbnail-layer-border-color-inner: var(--highcontrast-thumbnail-layer-border-color-inner, var(--mod-thumbnail-layer-border-color-inner, var(--spectrum-white)));
- --spectrum-thumbnail-layer-border-color-outer: var(--highcontrast-thumbnail-layer-border-color-outer, var(--mod-thumbnail-layer-border-color-outer, var(--spectrum-gray-500)));
- --spectrum-thumbnail-layer-border-width-inner: var(--mod-thumbnail-layer-border-width-inner, var(--spectrum-border-width-400));
- --spectrum-thumbnail-layer-border-width-outer: var(--mod-thumbnail-layer-border-width-outer, var(--spectrum-border-width-100));
-
- --spectrum-thumbnail-focus-indicator-thickness: var(--mod-thumbnail-focus-indicator-thickness, var(--spectrum-focus-indicator-thickness));
- --spectrum-thumbnail-focus-indicator-gap: var(--mod-thumbnail-focus-indicator-gap, var(--spectrum-focus-indicator-gap));
- --spectrum-thumbnail-focus-indicator-color: var(--highcontrast-thumbnail-focus-indicator-color, var(--mod-thumbnail-focus-indicator-color, var(--spectrum-focus-indicator-color)));
-
--spectrum-thumbnail-color-opacity-disabled: var(--spectrum-thumbnail-opacity-disabled);
position: relative;
@@ -88,11 +93,13 @@
padding: 0;
display: block;
- inline-size: var(--spectrum-thumbnail-size);
- block-size: var(--spectrum-thumbnail-size);
+ inline-size: var(--mod-thumbnail-size, var(--spectrum-thumbnail-size));
+ block-size: var(--mod-thumbnail-size, var(--spectrum-thumbnail-size));
- border-radius: var(--spectrum-thumbnail-border-radius-default);
+ 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;
@@ -102,8 +109,8 @@
position: absolute;
inline-size: 100%;
block-size: 100%;
- border-radius: var(--spectrum-thumbnail-border-radius-default);
- box-shadow: inset 0 0 0 var(--spectrum-thumbnail-border-width) var(--spectrum-thumbnail-border-color);
+ 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)));
}
&.is-disabled {
@@ -116,27 +123,24 @@
&::after {
content: "";
border-style: solid;
- border-width: var(--spectrum-thumbnail-focus-indicator-thickness);
- border-color: var(--spectrum-thumbnail-focus-indicator-color);
- border-radius: var(--spectrum-thumbnail-border-radius-default);
+ border-width: var(--mod-thumbnail-focus-indicator-thickness, var(--spectrum-thumbnail-focus-indicator-thickness));
+ 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(--spectrum-thumbnail-focus-indicator-gap) + var(--spectrum-thumbnail-focus-indicator-thickness)) * -1);
- inset-inline-end: calc((var(--spectrum-thumbnail-focus-indicator-gap) + var(--spectrum-thumbnail-focus-indicator-thickness)) * -1);
- inset-block-end: calc((var(--spectrum-thumbnail-focus-indicator-gap) + var(--spectrum-thumbnail-focus-indicator-thickness)) * -1);
- inset-block-start: calc((var(--spectrum-thumbnail-focus-indicator-gap) + 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 {
overflow: hidden;
- border-radius: var(--spectrum-thumbnail-border-radius-default);
+ border-radius: var(--mod-thumbnail-border-radius, var(--spectrum-thumbnail-border-radius));
}
}
}
.spectrum-Thumbnail-layer {
border-style: solid;
- border-width: var(--spectrum-thumbnail-layer-border-width-outer);
- border-color: var(--spectrum-thumbnail-layer-border-color-outer);
+ border-width: var(--mod-thumbnail-layer-border-width-outer, var(--spectrum-thumbnail-layer-border-width-outer));
+ border-color: var(--highcontrast-thumbnail-layer-border-color-outer, var(--mod-thumbnail-layer-border-color-outer, var(--spectrum-thumbnail-layer-border-color-outer)));
box-sizing: border-box;
display: flex;
@@ -149,9 +153,9 @@
&.is-selected {
outline-style: solid;
- outline-color: var(--spectrum-thumbnail-border-color-selected);
- outline-width: var(--spectrum-thumbnail-border-width-selected);
- outline-offset: calc(var(--spectrum-thumbnail-border-width-selected) - var(--spectrum-thumbnail-layer-border-width-inner));
+ outline-color: var(--highcontrast-thumbnail-border-color-selected, var(--mod-thumbnail-border-color-selected, var(--spectrum-thumbnail-border-color-selected)));
+ outline-width: var(--mod-thumbnail-border-width-selected, var(--spectrum-thumbnail-border-width-selected));
+ outline-offset: calc(var(--mod-thumbnail-border-width-selected, var(--spectrum-thumbnail-border-width-selected)) - var(--mod-thumbnail-layer-border-width-inner, var(--spectrum-thumbnail-layer-border-width-inner)));
}
}
@@ -160,11 +164,11 @@
align-items: center;
justify-content: center;
- inline-size: calc(var(--spectrum-thumbnail-size) - var(--spectrum-thumbnail-layer-border-width-inner) * 2);
- block-size: calc(var(--spectrum-thumbnail-size) - var(--spectrum-thumbnail-layer-border-width-inner) * 2);
+ inline-size: calc(var(--spectrum-thumbnail-size) - ((var(--mod-thumbnail-layer-border-width-inner, var(--spectrum-thumbnail-layer-border-width-inner)))) * 2);
+ block-size: calc(var(--spectrum-thumbnail-size) - ((var(--mod-thumbnail-layer-border-width-inner, var(--spectrum-thumbnail-layer-border-width-inner)))) * 2);
outline-style: solid;
- outline-color: var(--spectrum-thumbnail-layer-border-color-inner);
- outline-width: calc(var(--spectrum-thumbnail-layer-border-width-inner) - var(--spectrum-thumbnail-layer-border-width-outer));
+ outline-color: var(--highcontrast-thumbnail-layer-border-color-inner, var(--mod-thumbnail-layer-border-color-inner, var(--spectrum-thumbnail-layer-border-color-inner)));
+ outline-width: calc(var(--mod-thumbnail-layer-border-width-inner, var(--spectrum-thumbnail-layer-border-width-inner)) - var(--mod-thumbnail-layer-border-width-outer, var(--spectrum-thumbnail-layer-border-width-outer)));
}
.spectrum-Thumbnail-image-wrapper {
@@ -177,8 +181,8 @@
.spectrum-Thumbnail-image {
position: relative;
- max-inline-size: 100%;
max-block-size: 100%;
+ max-inline-size: 100%;
z-index: 1;
}
@@ -202,7 +206,7 @@
inline-size: 100%;
background-size: cover;
background-position: center center;
- border-radius: var(--spectrum-thumbnail-border-radius-default);
+ border-radius: var(--mod-thumbnail-border-radius, var(--spectrum-thumbnail-border-radius));
}
/* Windows High Contrast Mode */
diff --git a/components/thumbnail/package.json b/components/thumbnail/package.json
index 9045bda0342..79f1b2c0e73 100644
--- a/components/thumbnail/package.json
+++ b/components/thumbnail/package.json
@@ -26,15 +26,11 @@
"main": "dist/index.css",
"peerDependencies": {
"@spectrum-css/opacitycheckerboard": ">=2",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
"@spectrum-css/opacitycheckerboard": "4.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/thumbnail/stories/template.js b/components/thumbnail/stories/template.js
index aa476ea722b..2b40d8e1015 100644
--- a/components/thumbnail/stories/template.js
+++ b/components/thumbnail/stories/template.js
@@ -7,9 +7,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Thumbnail",
diff --git a/components/thumbnail/stories/thumbnail.stories.js b/components/thumbnail/stories/thumbnail.stories.js
index cf32fab1dbb..aea3b4ece7d 100644
--- a/components/thumbnail/stories/thumbnail.stories.js
+++ b/components/thumbnail/stories/thumbnail.stories.js
@@ -95,6 +95,7 @@ export default {
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 9fd550418f2..00000000000
--- a/components/thumbnail/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/thumbnail/themes/spectrum-two.css b/components/thumbnail/themes/spectrum-two.css
deleted file mode 100644
index 4cd647afd85..00000000000
--- a/components/thumbnail/themes/spectrum-two.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 style(--system: spectrum) {
- .spectrum-Thumbnail {
- --spectrum-thumbnail-border-radius: 2px;
- }
-}
diff --git a/components/thumbnail/themes/spectrum.css b/components/thumbnail/themes/spectrum.css
deleted file mode 100644
index b1abf324653..00000000000
--- a/components/thumbnail/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Thumbnail {
- --spectrum-thumbnail-border-radius: var(--spectrum-corner-radius-75);
- }
-}
diff --git a/components/toast/CHANGELOG.md b/components/toast/CHANGELOG.md
index b80dcf984e5..2a85d729b40 100644
--- a/components/toast/CHANGELOG.md
+++ b/components/toast/CHANGELOG.md
@@ -1,5 +1,15 @@
# Change Log
+## 10.3.1-next.0
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f) Thanks [@pfulton](https://github.com/pfulton)! - Define undefined custom properties from themes directory.
+
+- Updated dependencies [[`7582c1f`](https://github.com/adobe/spectrum-css/commit/7582c1f5c73de5ecf962bfad0294f162d7035751), [`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/button@14.0.0-next.8
+ - @spectrum-css/tokens@14.0.0-next.12
+
## 11.0.1
### Patch Changes
@@ -162,16 +172,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
@@ -179,8 +186,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
@@ -188,8 +194,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
@@ -197,8 +202,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
@@ -206,8 +210,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
@@ -215,8 +218,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
@@ -224,8 +226,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
@@ -233,8 +234,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
@@ -242,8 +242,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
@@ -251,8 +250,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
@@ -260,8 +258,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
@@ -269,8 +266,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
@@ -278,8 +274,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
@@ -287,8 +282,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
@@ -296,8 +290,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
@@ -305,8 +298,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
@@ -314,8 +306,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
@@ -323,8 +314,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
@@ -332,8 +322,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
@@ -341,8 +330,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
@@ -350,8 +338,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
@@ -359,8 +346,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
@@ -370,8 +356,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
@@ -379,8 +364,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
@@ -388,8 +372,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
@@ -397,8 +380,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
@@ -406,8 +388,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
@@ -417,8 +398,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
@@ -426,8 +406,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
@@ -435,8 +414,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
@@ -444,8 +422,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
@@ -453,8 +430,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
@@ -462,8 +438,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
@@ -471,8 +446,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
@@ -480,8 +454,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
@@ -489,8 +462,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
@@ -498,8 +470,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
@@ -509,8 +480,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
@@ -518,8 +488,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/dist/metadata.json b/components/toast/dist/metadata.json
index 8721a98ef8a..853a11f961a 100644
--- a/components/toast/dist/metadata.json
+++ b/components/toast/dist/metadata.json
@@ -99,10 +99,6 @@
"--spectrum-transparent-white-400",
"--spectrum-white"
],
- "system-theme": [
- "--system-toast-background-color-default",
- "--system-toast-divider-color"
- ],
"passthroughs": [],
"high-contrast": ["--highcontrast-toast-border-color"]
}
diff --git a/components/toast/index.css b/components/toast/index.css
index 8b3793de9af..408317a825f 100644
--- a/components/toast/index.css
+++ b/components/toast/index.css
@@ -11,9 +11,10 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
.spectrum-Toast {
+ --spectrum-toast-background-color-default: var(--spectrum-neutral-subdued-background-color-default);
+ --spectrum-toast-divider-color: var(--spectrum-transparent-white-400);
+
/* Hardcoded variables */
--spectrum-toast-font-weight: var(--spectrum-regular-font-weight);
@@ -50,9 +51,11 @@
--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);
}
diff --git a/components/toast/package.json b/components/toast/package.json
index de0ea50911d..ff5cfaa77b7 100644
--- a/components/toast/package.json
+++ b/components/toast/package.json
@@ -25,20 +25,15 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/button": ">=13",
- "@spectrum-css/closebutton": ">=5",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/button": ">=14",
+ "@spectrum-css/icon": ">=9",
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
"@spectrum-css/button": "14.0.1",
"@spectrum-css/closebutton": "6.0.1",
"@spectrum-css/icon": "9.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/toast/stories/template.js b/components/toast/stories/template.js
index 89d459dbf0a..6bf43215408 100644
--- a/components/toast/stories/template.js
+++ b/components/toast/stories/template.js
@@ -9,9 +9,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Toast",
diff --git a/components/toast/themes/express.css b/components/toast/themes/express.css
deleted file mode 100644
index 2de113b03ed..00000000000
--- a/components/toast/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--system: express) {
- .spectrum-Toast {
- --spectrum-toast-background-color-default: var(--spectrum-neutral-background-color-default);
- }
-}
diff --git a/components/toast/themes/spectrum-two.css b/components/toast/themes/spectrum-two.css
deleted file mode 100644
index 1097d457299..00000000000
--- a/components/toast/themes/spectrum-two.css
+++ /dev/null
@@ -1,19 +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 style(--system: spectrum) {
- .spectrum-Toast {
- --spectrum-toast-background-color-default: var(--spectrum-neutral-subdued-background-color-default);
- --spectrum-toast-divider-color: var(--spectrum-transparent-white-400);
- }
-}
diff --git a/components/toast/themes/spectrum.css b/components/toast/themes/spectrum.css
deleted file mode 100644
index 3f6e05c5d78..00000000000
--- a/components/toast/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Toast {
- --spectrum-toast-divider-color: var(--spectrum-transparent-white-300);
- }
-}
diff --git a/components/tooltip/CHANGELOG.md b/components/tooltip/CHANGELOG.md
index 57b3ab78a41..f7a7a022ea5 100644
--- a/components/tooltip/CHANGELOG.md
+++ b/components/tooltip/CHANGELOG.md
@@ -1,5 +1,29 @@
# 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.1
### Patch Changes
@@ -144,16 +168,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
@@ -161,8 +182,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
@@ -170,8 +190,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
@@ -179,8 +198,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
@@ -188,8 +206,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
@@ -197,8 +214,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
@@ -206,8 +222,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
@@ -215,8 +230,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
@@ -227,8 +241,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
@@ -236,8 +249,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
@@ -245,8 +257,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
@@ -254,8 +265,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
@@ -263,8 +273,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
@@ -272,8 +281,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
@@ -284,8 +292,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
@@ -293,8 +300,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
@@ -302,8 +308,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
@@ -311,8 +316,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
@@ -320,8 +324,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
@@ -329,8 +332,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
@@ -338,8 +340,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
@@ -347,8 +348,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
@@ -356,8 +356,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
@@ -367,8 +366,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
@@ -376,8 +374,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
@@ -385,8 +382,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
@@ -394,8 +390,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
@@ -403,8 +398,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
@@ -412,8 +406,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
@@ -421,8 +414,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
@@ -430,8 +422,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
@@ -442,8 +433,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
@@ -451,8 +441,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
@@ -460,8 +449,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
@@ -469,8 +457,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
@@ -478,8 +465,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
@@ -487,8 +473,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
@@ -496,8 +481,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
@@ -507,8 +491,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
@@ -516,8 +499,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/dist/metadata.json b/components/tooltip/dist/metadata.json
index 7f6d6d0b94d..008df5e0cbe 100644
--- a/components/tooltip/dist/metadata.json
+++ b/components/tooltip/dist/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,6 +317,7 @@
"--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"
],
@@ -340,20 +326,12 @@
"--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 +342,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,25 +355,17 @@
"--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-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/index.css b/components/tooltip/index.css
index f488b9cbf49..2a7787b7aec 100644
--- a/components/tooltip/index.css
+++ b/components/tooltip/index.css
@@ -11,24 +11,25 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
@import "@spectrum-css/commons/overlay.css";
.spectrum-Tooltip {
+ --spectrum-tooltip-backgound-color-default-neutral: var(--spectrum-neutral-subdued-background-color-default);
+
--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,53 +40,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);
+ --highcontrast-tooltip-border-width: 0px;
}
-
-@media (forced-colors: active) {
- .spectrum-Tooltip {
- border: 1px solid transparent;
- }
-
- .spectrum-Tooltip-tip {
- --highcontrast-tooltip-background-color-default: CanvasText;
- --highcontrast-tooltip-background-color-informative: CanvasText;
- --highcontrast-tooltip-background-color-positive: CanvasText;
- --highcontrast-tooltip-background-color-negative: CanvasText;
-
- forced-color-adjust: none;
- }
-}
-
.spectrum-Tooltip {
@extend %spectrum-overlay;
@@ -131,19 +102,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;
}
@@ -155,27 +113,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)));
- }
+ clip-path: polygon(0 0, 100% var(--mod-tooltip-tip-height-percentage, var(--spectrum-tooltip-tip-height-percentage)), 0 100%);
- .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)));
- }
+ 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 ▽ */
@@ -184,7 +132,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 △ */
@@ -193,20 +142,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 △ ▽ */
@@ -256,8 +193,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 */
@@ -269,7 +205,6 @@
.spectrum-Tooltip--start-bottom &,
.spectrum-Tooltip--end-top &,
.spectrum-Tooltip--end-bottom & {
- transform: none;
inset-block-start: auto;
}
@@ -280,8 +215,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. */
@@ -291,8 +226,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 ◁ ▷ */
@@ -319,9 +254,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));
}
}
@@ -333,25 +268,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 */
@@ -649,3 +572,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/package.json b/components/tooltip/package.json
index d0c012a2f4a..c7b6d2d26c9 100644
--- a/components/tooltip/package.json
+++ b/components/tooltip/package.json
@@ -25,17 +25,13 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/icon": ">=9",
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/commons": "workspace:^",
+ "@spectrum-css/commons": "11.0.0",
"@spectrum-css/icon": "9.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/tooltip/stories/template.js b/components/tooltip/stories/template.js
index 5c5c260f4d6..61cf2ce81b2 100644
--- a/components/tooltip/stories/template.js
+++ b/components/tooltip/stories/template.js
@@ -7,15 +7,12 @@ import { when } from "lit/directives/when.js";
import { capitalize } from "lodash-es";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Tooltip",
label,
- variant = "neutral",
placement,
+ variant = "neutral",
isOpen = true,
isFocused = false,
showOnHover = false,
@@ -45,8 +42,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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
-
-@container style(--system: express) {
- .spectrum-Tooltip {
- --spectrum-tooltip-backgound-color-default-neutral: var(--spectrum-neutral-background-color-default);
- }
-}
diff --git a/components/tooltip/themes/spectrum-two.css b/components/tooltip/themes/spectrum-two.css
deleted file mode 100644
index 42b423e3448..00000000000
--- a/components/tooltip/themes/spectrum-two.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 style(--system: spectrum) {
- .spectrum-Tooltip {
- --spectrum-tooltip-backgound-color-default-neutral: var(--spectrum-neutral-subdued-background-color-default);
- }
-}
diff --git a/components/tooltip/themes/spectrum.css b/components/tooltip/themes/spectrum.css
deleted file mode 100644
index 3d81bc564b5..00000000000
--- a/components/tooltip/themes/spectrum.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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
diff --git a/components/tray/CHANGELOG.md b/components/tray/CHANGELOG.md
index e0c48312c3c..5fddb78e79b 100644
--- a/components/tray/CHANGELOG.md
+++ b/components/tray/CHANGELOG.md
@@ -1,5 +1,14 @@
# 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
+
## 5.0.1
### Patch Changes
@@ -185,16 +194,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
@@ -202,8 +208,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
@@ -211,8 +216,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
@@ -220,8 +224,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
@@ -231,8 +234,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
@@ -240,8 +242,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
@@ -249,8 +250,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
@@ -258,8 +258,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
@@ -267,8 +266,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
@@ -278,8 +276,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
@@ -287,8 +284,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
@@ -296,8 +292,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
@@ -305,8 +300,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
@@ -314,8 +308,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
@@ -323,8 +316,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
@@ -332,8 +324,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
@@ -341,8 +332,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
@@ -350,8 +340,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
@@ -359,8 +348,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
@@ -368,8 +356,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
@@ -377,8 +364,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
@@ -386,8 +372,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
@@ -395,8 +380,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
@@ -404,8 +388,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
@@ -415,8 +398,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
@@ -424,8 +406,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
@@ -433,8 +414,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
@@ -442,8 +422,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
@@ -451,8 +430,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
@@ -460,8 +438,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
@@ -469,8 +446,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
@@ -478,8 +454,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
@@ -489,8 +464,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
@@ -498,8 +472,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
@@ -507,8 +480,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
@@ -516,8 +488,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
@@ -525,8 +496,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
@@ -534,8 +504,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
@@ -543,8 +512,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
@@ -552,8 +520,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
@@ -563,8 +530,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
@@ -572,8 +538,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/dist/metadata.json b/components/tray/dist/metadata.json
index 2d510b6a7aa..db6c152c441 100644
--- a/components/tray/dist/metadata.json
+++ b/components/tray/dist/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/package.json b/components/tray/package.json
index c06ac5667fc..68548759d8f 100644
--- a/components/tray/package.json
+++ b/components/tray/package.json
@@ -25,12 +25,12 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/button": ">=13",
+ "@spectrum-css/button": ">=14",
"@spectrum-css/dialog": ">=10",
- "@spectrum-css/divider": ">=3",
- "@spectrum-css/icon": ">=7",
- "@spectrum-css/modal": ">=5",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/divider": ">=5",
+ "@spectrum-css/icon": ">=9",
+ "@spectrum-css/modal": ">=7",
+ "@spectrum-css/tokens": ">=16"
},
"peerDependenciesMeta": {
"@spectrum-css/dialog": {
@@ -46,11 +46,7 @@
"@spectrum-css/divider": "5.0.1",
"@spectrum-css/icon": "9.0.1",
"@spectrum-css/modal": "7.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/treeview/CHANGELOG.md b/components/treeview/CHANGELOG.md
index b65d53c452a..0375f899c00 100644
--- a/components/treeview/CHANGELOG.md
+++ b/components/treeview/CHANGELOG.md
@@ -1,5 +1,22 @@
# Change Log
+## 11.0.0-next.1
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`6b41b50`](https://github.com/adobe/spectrum-css/commit/6b41b501768da3db70ae00f6097646583f8fbd01) Thanks [@pfulton](https://github.com/pfulton)! - Restores missing custom properties that were flagged by the linter. The missing properties were copied from the spectrum two theme files in the foundations branch. This clears up all linter errors and warnings for these components.
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+
+## 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
+
## 12.0.1
### Patch Changes
@@ -170,16 +187,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/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
+### 🛑 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
@@ -187,8 +201,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
@@ -196,8 +209,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
@@ -205,8 +217,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
@@ -214,8 +225,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
@@ -223,8 +233,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
@@ -232,8 +241,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
@@ -241,8 +249,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
@@ -250,8 +257,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
@@ -261,8 +267,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
@@ -272,8 +277,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
@@ -281,8 +285,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
@@ -290,8 +293,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
@@ -299,8 +301,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
@@ -308,8 +309,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
@@ -317,8 +317,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
@@ -326,8 +325,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
@@ -335,8 +333,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
@@ -344,13 +341,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`
@@ -385,8 +380,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
@@ -396,13 +390,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
@@ -411,8 +403,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
@@ -420,8 +411,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
@@ -431,8 +421,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
@@ -440,8 +429,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
@@ -449,8 +437,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
@@ -460,8 +447,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
@@ -469,8 +455,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/dist/metadata.json b/components/treeview/dist/metadata.json
index 0e5af238587..7456a1853f8 100644
--- a/components/treeview/dist/metadata.json
+++ b/components/treeview/dist/metadata.json
@@ -4,7 +4,6 @@
".spectrum-TreeView",
".spectrum-TreeView .spectrum-TreeView",
".spectrum-TreeView--sizeL",
- ".spectrum-TreeView--sizeM",
".spectrum-TreeView--sizeS",
".spectrum-TreeView--sizeXL",
".spectrum-TreeView--thumbnail .spectrum-TreeView-itemThumbnail",
@@ -168,10 +167,6 @@
"--spectrum-neutral-content-color-default",
"--spectrum-text-to-visual-75"
],
- "system-theme": [
- "--system-tree-view-item-background-color-focus",
- "--system-tree-view-item-background-color-hover"
- ],
"passthroughs": [],
"high-contrast": [
"--highcontrast-treeview-heading-color",
diff --git a/components/treeview/index.css b/components/treeview/index.css
index 2c55ebea3be..20e3fd46ea6 100644
--- a/components/treeview/index.css
+++ b/components/treeview/index.css
@@ -11,8 +11,6 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
@media (forced-colors: active) {
.spectrum-TreeView {
--highcontrast-treeview-item-background-color-selected: Highlight;
@@ -54,8 +52,39 @@
}
}
-.spectrum-TreeView,
-.spectrum-TreeView--sizeM {
+.spectrum-TreeView {
+ --spectrum-treeview-item-background-color-hover: var(--spectrum-gray-100);
+ --spectrum-treeview-item-background-color-focus: var(--spectrum-gray-100);
+
+ --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));
diff --git a/components/treeview/package.json b/components/treeview/package.json
index 329ff559175..34c0fc504a6 100644
--- a/components/treeview/package.json
+++ b/components/treeview/package.json
@@ -25,9 +25,9 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/icon": ">=7",
+ "@spectrum-css/icon": ">=9",
"@spectrum-css/thumbnail": ">=6",
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"peerDependenciesMeta": {
"@spectrum-css/thumbnail": {
@@ -37,11 +37,7 @@
"devDependencies": {
"@spectrum-css/icon": "9.0.1",
"@spectrum-css/thumbnail": "8.0.1",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/treeview/stories/template.js b/components/treeview/stories/template.js
index df31e3ed464..6c15ccdacd7 100644
--- a/components/treeview/stories/template.js
+++ b/components/treeview/stories/template.js
@@ -9,9 +9,6 @@ import { styleMap } from "lit/directives/style-map.js";
import { when } from "lit/directives/when.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const TreeViewItem = ({
rootClass = "spectrum-TreeView",
diff --git a/components/treeview/themes/express.css b/components/treeview/themes/express.css
deleted file mode 100644
index 9fd550418f2..00000000000
--- a/components/treeview/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/treeview/themes/spectrum-two.css b/components/treeview/themes/spectrum-two.css
deleted file mode 100644
index 215290b3b6e..00000000000
--- a/components/treeview/themes/spectrum-two.css
+++ /dev/null
@@ -1,19 +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 style(--system: spectrum) {
- .spectrum-TreeView {
- --spectrum-treeview-item-background-color-hover: var(--spectrum-gray-100);
- --spectrum-treeview-item-background-color-focus: var(--spectrum-gray-100);
- }
-}
diff --git a/components/treeview/themes/spectrum.css b/components/treeview/themes/spectrum.css
deleted file mode 100644
index 7698b2b4c3e..00000000000
--- a/components/treeview/themes/spectrum.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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-TreeView {
- --spectrum-treeview-item-background-color-hover: var(--spectrum-gray-200);
- --spectrum-treeview-item-background-color-focus: var(--spectrum-gray-200);
- }
-}
diff --git a/components/typography/CHANGELOG.md b/components/typography/CHANGELOG.md
index 0bd1589ba94..a53753d4ff7 100644
--- a/components/typography/CHANGELOG.md
+++ b/components/typography/CHANGELOG.md
@@ -122,16 +122,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
@@ -139,8 +136,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
@@ -148,8 +144,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
@@ -157,8 +152,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
@@ -166,8 +160,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
@@ -175,8 +168,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
@@ -184,8 +176,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
@@ -195,8 +186,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
@@ -204,8 +194,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
@@ -213,8 +202,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
@@ -222,8 +210,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
@@ -231,8 +218,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
@@ -240,8 +226,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
@@ -249,8 +234,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
@@ -258,8 +242,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
@@ -267,8 +250,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
@@ -276,8 +258,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
@@ -285,8 +266,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
@@ -294,8 +274,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
@@ -303,8 +282,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
@@ -312,8 +290,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
@@ -323,8 +300,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
@@ -332,8 +308,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
@@ -341,8 +316,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
@@ -350,8 +324,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
@@ -359,8 +332,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
@@ -368,8 +340,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
@@ -377,8 +348,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
@@ -386,8 +356,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
@@ -395,8 +364,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
@@ -404,8 +372,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
@@ -413,8 +380,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
@@ -422,8 +388,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
@@ -431,8 +396,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
@@ -440,8 +404,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
@@ -449,8 +412,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
@@ -460,8 +422,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
@@ -469,8 +430,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/dist/metadata.json b/components/typography/dist/metadata.json
index 5d45be326da..3ef566f741d 100644
--- a/components/typography/dist/metadata.json
+++ b/components/typography/dist/metadata.json
@@ -751,7 +751,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/package.json b/components/typography/package.json
index 511bd8631bd..fcb3f05ee49 100644
--- a/components/typography/package.json
+++ b/components/typography/package.json
@@ -25,14 +25,10 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14.5.0 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/typography/stories/typography.stories.js b/components/typography/stories/typography.stories.js
index 044a76bc5b6..2eb198a216a 100644
--- a/components/typography/stories/typography.stories.js
+++ b/components/typography/stories/typography.stories.js
@@ -4,16 +4,16 @@ import { size } from "@spectrum-css/preview/types";
import metadata from "../dist/metadata.json";
import packageJson from "../package.json";
import {
- DocsBodyVariants,
- DocsCodeVariants,
- DocsDetailVariants,
- DocsHeadingBodyPairing,
- DocsHeadingVariants,
- DocsInternationalizedBodyVariants,
- DocsInternationalizedCodeVariants,
- DocsInternationalizedDetailVariants,
- DocsInternationalizedHeadingBodyPairing,
- DocsInternationalizedHeadingVariants, Template
+ DocsBodyVariants,
+ DocsCodeVariants,
+ DocsDetailVariants,
+ DocsHeadingBodyPairing,
+ DocsHeadingVariants,
+ DocsInternationalizedBodyVariants,
+ DocsInternationalizedCodeVariants,
+ DocsInternationalizedDetailVariants,
+ DocsInternationalizedHeadingBodyPairing,
+ DocsInternationalizedHeadingVariants, Template
} from "./template.js";
import { TypographyGroup } from "./typography.test.js";
diff --git a/components/underlay/CHANGELOG.md b/components/underlay/CHANGELOG.md
index 760e13de9d3..966f81b81cb 100644
--- a/components/underlay/CHANGELOG.md
+++ b/components/underlay/CHANGELOG.md
@@ -1,5 +1,59 @@
# 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
+
## 6.0.1
### Patch Changes
@@ -130,16 +184,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
@@ -147,8 +198,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
@@ -156,8 +206,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
@@ -165,8 +214,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
@@ -174,8 +222,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
@@ -183,8 +230,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
@@ -194,8 +240,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
@@ -205,8 +250,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
@@ -214,8 +258,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
@@ -223,8 +266,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
@@ -232,8 +274,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
@@ -241,8 +282,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
@@ -250,8 +290,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
@@ -259,8 +298,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
@@ -268,8 +306,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
@@ -277,8 +314,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
@@ -286,8 +322,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
@@ -295,8 +330,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
@@ -304,8 +338,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
@@ -313,8 +346,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
@@ -322,8 +354,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
@@ -331,8 +362,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`
@@ -369,8 +399,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
@@ -380,8 +409,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
@@ -389,8 +417,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
@@ -398,8 +425,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
@@ -409,8 +435,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
@@ -418,8 +443,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/dist/metadata.json b/components/underlay/dist/metadata.json
index 6b35fb4f7f0..21a3e4aa1d0 100644
--- a/components/underlay/dist/metadata.json
+++ b/components/underlay/dist/metadata.json
@@ -30,7 +30,6 @@
"--spectrum-black-rgb",
"--spectrum-overlay-opacity"
],
- "system-theme": [],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/underlay/package.json b/components/underlay/package.json
index 9ba89f956e1..f96ca8546fe 100644
--- a/components/underlay/package.json
+++ b/components/underlay/package.json
@@ -25,15 +25,11 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/commons": "workspace:^",
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/commons": "11.0.0",
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/well/CHANGELOG.md b/components/well/CHANGELOG.md
index ed493218f28..b2ff5caaf82 100644
--- a/components/well/CHANGELOG.md
+++ b/components/well/CHANGELOG.md
@@ -1,5 +1,14 @@
# Change Log
+## 5.3.1-next.0
+
+### Patch Changes
+
+- [#2352](https://github.com/adobe/spectrum-css/pull/2352) [`2850ef5`](https://github.com/adobe/spectrum-css/commit/2850ef5439d50fd47db81783c861a63ffa42414f) Thanks [@pfulton](https://github.com/pfulton)! - Define undefined custom properties from themes directory.
+
+- Updated dependencies [[`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76)]:
+ - @spectrum-css/tokens@14.0.0-next.12
+
## 7.0.1
### Patch Changes
@@ -137,16 +146,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
@@ -154,8 +160,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
@@ -163,8 +168,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
@@ -172,8 +176,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
@@ -181,8 +184,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
@@ -190,8 +192,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
@@ -201,8 +202,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
@@ -210,8 +210,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
@@ -219,8 +218,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
@@ -228,8 +226,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
@@ -237,8 +234,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
@@ -246,8 +242,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
@@ -255,8 +250,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
@@ -264,8 +258,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
@@ -273,8 +266,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
@@ -282,8 +274,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
@@ -291,13 +282,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
@@ -306,8 +295,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
@@ -317,8 +305,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
@@ -326,8 +313,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
@@ -335,8 +321,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
@@ -344,8 +329,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
@@ -353,8 +337,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
@@ -364,8 +347,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
@@ -373,8 +355,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/dist/metadata.json b/components/well/dist/metadata.json
index 3587fa73f7a..c9fdd7f6da1 100644
--- a/components/well/dist/metadata.json
+++ b/components/well/dist/metadata.json
@@ -27,7 +27,6 @@
"--spectrum-gray-1000-rgb",
"--spectrum-gray-800-rgb"
],
- "system-theme": ["--system-well-border-color"],
"passthroughs": [],
"high-contrast": []
}
diff --git a/components/well/index.css b/components/well/index.css
index 26abcff0032..2d071ac6a02 100644
--- a/components/well/index.css
+++ b/components/well/index.css
@@ -11,10 +11,11 @@
* governing permissions and limitations under the License.
*/
-@import "./themes/spectrum-two.css";
-
.spectrum-Well {
+ --spectrum-well-border-color: rgba(var(--spectrum-gray-1000-rgb), 0.05);
+
--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);
diff --git a/components/well/package.json b/components/well/package.json
index d35c35723b4..26c9e1b91d0 100644
--- a/components/well/package.json
+++ b/components/well/package.json
@@ -25,14 +25,10 @@
},
"main": "dist/index.css",
"peerDependencies": {
- "@spectrum-css/tokens": ">=14 || >=15"
+ "@spectrum-css/tokens": ">=16"
},
"devDependencies": {
- "@spectrum-css/tokens": "16.0.0",
- "eslint": "^8.57.0",
- "npm-run-all2": "^7.0.2",
- "prettier": "^3.4.2",
- "stylelint": "^16.9.0"
+ "@spectrum-css/tokens": "16.0.0"
},
"keywords": [
"design-system",
diff --git a/components/well/stories/template.js b/components/well/stories/template.js
index c9645cfdcdb..5e8210305d1 100644
--- a/components/well/stories/template.js
+++ b/components/well/stories/template.js
@@ -5,9 +5,6 @@ import { ifDefined } from "lit/directives/if-defined.js";
import { styleMap } from "lit/directives/style-map.js";
import "../index.css";
-import "../themes/spectrum.css";
-/* Must be imported last */
-import "../themes/express.css";
export const Template = ({
rootClass = "spectrum-Well",
diff --git a/components/well/themes/express.css b/components/well/themes/express.css
deleted file mode 100644
index 9fd550418f2..00000000000
--- a/components/well/themes/express.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.
- */
-
-/* @combine .spectrum.spectrum--express */
-
-@import "./spectrum.css";
diff --git a/components/well/themes/spectrum-two.css b/components/well/themes/spectrum-two.css
deleted file mode 100644
index f4a2ef0983e..00000000000
--- a/components/well/themes/spectrum-two.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 style(--system: spectrum) {
- .spectrum-Well {
- --spectrum-well-border-color: rgba(var(--spectrum-gray-1000-rgb), 0.05);
- }
-}
diff --git a/components/well/themes/spectrum.css b/components/well/themes/spectrum.css
deleted file mode 100644
index 5cfe7120396..00000000000
--- a/components/well/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.
- */
-
-/* @combine .spectrum.spectrum--legacy */
-
-@import "./spectrum-two.css";
-
-@container style(--system: legacy) {
- .spectrum-Well {
- --spectrum-well-border-color: rgba(var(--spectrum-gray-900-rgb), 0.05);
- }
-}
diff --git a/nx.json b/nx.json
index 3b56761c597..fd9504fea01 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"],
@@ -54,9 +54,7 @@
},
"outputs": [
"{projectRoot}/dist/*.{css,json}",
- "{projectRoot}/dist/themes/*.css",
- "{projectRoot}/dist/*.map",
- "{projectRoot}/dist/themes/*.css.map"
+ "{projectRoot}/dist/*.map"
]
},
"clean": {
diff --git a/package.json b/package.json
index 8e36ca64ad7..8d893be4e1e 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,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",
@@ -71,10 +71,7 @@
"@commitlint/cli": "^19.6.1",
"@commitlint/config-conventional": "^19.6.0",
"@nx/devkit": "^19.8.2",
- "@spectrum-css/tokens-legacy": "npm:@spectrum-css/tokens@^14.6.0",
- "@spectrum-tools/postcss-add-theming-layer": "workspace:^",
- "@spectrum-tools/postcss-property-rollup": "workspace:^",
- "@spectrum-tools/postcss-rgb-mapping": "workspace:^",
+ "@spectrum-tools/postcss-rgb-mapping": "^1.0.0",
"@yarnpkg/types": "^4.0.0",
"at-rule-packer": "^0.4.2",
"autoprefixer": "^10.4.19",
diff --git a/plugins/postcss-add-theming-layer/CHANGELOG.md b/plugins/postcss-add-theming-layer/CHANGELOG.md
deleted file mode 100644
index 994dea61891..00000000000
--- a/plugins/postcss-add-theming-layer/CHANGELOG.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# Change Log
-
-## 1.0.0
-
-### Major Changes
-
-- [#3502](https://github.com/adobe/spectrum-css/pull/3502) [`562396e`](https://github.com/adobe/spectrum-css/commit/562396eaf21769341f78ea3761393b65f00e751b) Thanks [@castastrophe](https://github.com/castastrophe)! - The PostCSS plugin previously published as `postcss-splitinator`. This new package creates a polyfill for style queries by creating a layer of `--system` prefixed custom properties to be loaded by attaching a unique selector. This allows the toggling of component-level property definitions by theme or context. There are many options available to customize the output that are documented in the package [README](plugins/postcss-add-theming-layer/README.md).
diff --git a/plugins/postcss-add-theming-layer/README.md b/plugins/postcss-add-theming-layer/README.md
deleted file mode 100644
index 610310f5662..00000000000
--- a/plugins/postcss-add-theming-layer/README.md
+++ /dev/null
@@ -1,115 +0,0 @@
-# postcss-add-theming-layer
-
-> Leveraging style container queries to create an abstraction layer for supporting multiple theming systems.
-
-## Installation
-
-Add the dependency to your project:
-
-```sh
-npm install postcss-add-theming-layer
-```
-
-or
-
-```sh
-yarn add -DW postcss-add-theming-layer
-```
-
-Use the plugin in your PostCSS configuration:
-
-```js
-module.exports = {
- plugins: {
- "postcss-add-theming-layer": {},
- },
-};
-```
-
-or as part of your CLI command:
-
-```sh
-postcss -u postcss-add-theming-layer -o dist/index.css src/index.css
-```
-
-## Options
-
-### `selectorPrefix` [string]
-
-This optional input will prefix the new theming layer selector with the provided string. This can be useful if you want to namespace the injected selectors for the new theming layer to avoid conflicts.
-
-### `skipMapping` [boolean=false]
-
-Skip the mapping of the variables to the system variables. This can be useful if you only want to extract the variables and not map them to the system variables.
-
-### `preserveVariables` [boolean=true]
-
-When used with `skipMapping`, this option will preserve the variables defined inside the container query in the output by injecting them to the root selector.
-
-### `referencesOnly` [boolean=false]
-
-This option will only output those variables that are referencing the newly created system variables and not the system variables themselves. This can be used as a bridge between an old and new implementation for the component.
-
-### `stripLocalSelectors` [boolean=false]
-
-This option will remove the local selectors (those that map to system variables) from the output leaving only the system definitions.
-
-### `processIdentifier` [(identifierValue: string, identifierName: string) => string]`
-
-Customize the selectors that variables are placed in. Passed the value and key of the variable that was passed to the container, i.e. `identifierValue = spectrum` and `identifierName = system` for the example below. By default, `identifierName` is used as-is.
-
-## Usage
-
-This plugin turns this:
-
-```css
-@container style(--system: legacy) {
- .component {
- --background-color: blue;
- }
- .component.is-selected {
- --background-color: darkblue;
- }
- .component .icon {
- --color: gray;
- }
-}
-
-@container style(--system: modern) {
- .component {
- --background-color: purple;
- }
- .component.is-selected {
- --background-color: darkpurple;
- }
- .component .icon {
- --color: white;
- }
-}
-```
-
-Into this:
-
-```css
-.legacy {
- --system-component-background-color: blue;
- --system-component-selected-background-color: darkblue;
-}
-
-.modern {
- --system-component-background-color: purple;
- --system-component-selected-background-color: darkpurple;
-}
-
-.component {
- --background-color: var(--system-component-background-color);
-}
-
-.component.is-selected {
- --background-color: var(--system-component-selected-background-color);
-}
-```
-
-## Usage notes
-
-This plugin will ignore any underscore-prefixed variables, as they are considered private and not part of the theming layer.
diff --git a/plugins/postcss-add-theming-layer/expected/basic.css b/plugins/postcss-add-theming-layer/expected/basic.css
deleted file mode 100644
index 711a906a74d..00000000000
--- a/plugins/postcss-add-theming-layer/expected/basic.css
+++ /dev/null
@@ -1,41 +0,0 @@
-.legacy {
- --system-component-background-color: blue;
- --system-component-selected-background-color: darkblue;
- --system-component-icon-color: gray;
- --system-where-component-background-color: blue;
- --system-component-where-selected-background-color: darkblue;
- --system-component-has-icon-color: gray
-}
-
-.modern {
- --system-component-background-color: purple;
- --system-component-selected-background-color: indigo;
- --system-component-icon-color: white;
- --system-where-component-background-color: indigo;
- --system-component-where-selected-background-color: darkpurple;
- --system-component-has-icon-color: white
-}
-
-.component {
- --background-color: var(--system-component-background-color)
-}
-
-.component.is-selected {
- --background-color: var(--system-component-selected-background-color)
-}
-
-.component .icon {
- --color: var(--system-component-icon-color)
-}
-
-:where(.component) {
- --background-color: var(--system-where-component-background-color)
-}
-
-.component:where(:selected,.is-selected) {
- --background-color: var(--system-component-where-selected-background-color)
-}
-
-.component:has(.icon) {
- --color: var(--system-component-has-icon-color)
-}
diff --git a/plugins/postcss-add-theming-layer/fixtures/basic.css b/plugins/postcss-add-theming-layer/fixtures/basic.css
deleted file mode 100644
index 50692d97093..00000000000
--- a/plugins/postcss-add-theming-layer/fixtures/basic.css
+++ /dev/null
@@ -1,49 +0,0 @@
-@container style(--system: legacy) {
- .component {
- --background-color: blue;
- }
- .component.is-selected {
- --background-color: darkblue;
- }
- .component .icon {
- --color: gray;
- }
-
- :where(.component) {
- --background-color: blue;
- }
-
- .component:where(:selected, .is-selected) {
- --background-color: darkblue;
- }
-
- .component:has(.icon) {
- --color: gray;
- }
-}
-
-@container style(--system: modern) {
- .component {
- --background-color: purple;
- }
-
- .component.is-selected {
- --background-color: indigo;
- }
-
- .component .icon {
- --color: white;
- }
-
- :where(.component) {
- --background-color: indigo;
- }
-
- .component:where(:selected, .is-selected) {
- --background-color: darkpurple;
- }
-
- .component:has(.icon) {
- --color: white;
- }
-}
diff --git a/plugins/postcss-add-theming-layer/index.js b/plugins/postcss-add-theming-layer/index.js
deleted file mode 100644
index fa9904a5801..00000000000
--- a/plugins/postcss-add-theming-layer/index.js
+++ /dev/null
@@ -1,201 +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 selectorParser = require("postcss-selector-parser");
-const {
- cleanPropertyName,
- extractFallbackValue,
- getVariableName,
- checkForReplacement
-} = require("./utilities");
-
-/**
- * @typedef Options
- * @property {string} [selectorPrefix] - The prefix to use for the new selectors
- * @property {boolean} [skipMapping=false] - Skip the mapping of the variables to the system variables. This can be useful if you only want to extract the variables and not map them to the system variables.
- * @property {boolean} [preserveVariables=false] - When used with `skipMapping`, this option will preserve the variables defined inside the container query in the output by injecting them to the root selector.
- * @property {boolean} [referencesOnly=false] - This option will only output those variables that are referencing the newly created system variables and not the system variables themselves. This can be used as a bridge between an old and new implementation for the component.
- * @property {boolean} [stripLocalSelectors=false] - This option will remove the local selectors (those that map to system variables) from the output leaving only the system definitions.
- * @property {(identifierValue: string, identifierName: string) => string} [processIdentifier] - A function that processes the identifier value and creates a new selector
-*/
-
-/** @type import('postcss').PluginCreator */
-module.exports = ({
- selectorPrefix,
- skipMapping = false,
- preserveVariables = true,
- referencesOnly = false,
- stripLocalSelectors = false,
- processIdentifier,
-}) => ({
- postcssPlugin: "postcss-add-theming-layer",
- OnceExit(root, { Rule, Declaration }) {
- // Fallback function to process the identifier value and create a new selector
- if (typeof processIdentifier !== "function") {
- // If the base prefix exists and differs from the identifier value, append the identifier value to the base prefix as the new class name
- processIdentifier = (identifierValue) => selectorPrefix && selectorPrefix !== identifierValue ? `.${selectorPrefix}--${identifierValue}` : `.${identifierValue}`;
- }
-
- // This object will store the mappings for each selector
- const systemMap = new Map();
- const conversionMap = new Map();
-
- // Step 1: loop over all the container style queries and create a new selector for each
- // to be used as a theming toggle for components where style queries are not natively supported
- // @todo should there be a support check around this?
- root.walkAtRules(/container/, (container) => {
- if (skipMapping) {
- if (preserveVariables) {
- // Iterate over each rule in the container and append them to the root
- container.walkRules((rule) => {
- root.insertAfter(root.first, rule);
- });
- }
-
- container.remove();
- return;
- }
-
- // Extract the custom property name and it's value to use in creating the new selector
- // Identifier name is the prefix used for the custom properties created for the bridge
- // Identifier value is used to create the new selector
- const [, identifierName, identifierValue] = container.params.match(
- /\(\s*--(.*?)\s*[:=]\s*(.*?)\s*\)/
- );
-
- const selectorMap = systemMap.get(identifierName) ?? {};
-
- // Create a new rule using this selector to attach the new system-level custom properties
- let rule;
-
- // If we're only interested in references, we can skip the next step of appending the new rule
- if (!referencesOnly) {
- rule = new Rule({
- selector: processIdentifier(identifierValue, identifierName),
- source: container.source,
- });
-
- container.parent.insertAfter(container, rule);
- }
-
- // Iterate over each custom property in the container to create a new mapping that supports the new selector
- container.walkDecls(/^--[A-Z|a-z]/, (decl) => {
- selectorParser((selectors) => {
- selectors.each((s) => {
- // Check if the property is already mapped
- const variableName = getVariableName(s, decl.prop, {
- identifierName,
- identifierValue,
- selectorPrefix
- });
-
- const newDecl = decl.clone({
- prop: variableName,
- });
- newDecl.raws.before = "\n ";
-
- const uniqueSet = conversionMap.get(decl.prop) ?? new Set();
- conversionMap.set(decl.prop, uniqueSet.add(variableName));
-
- if (!referencesOnly) {
- rule.append(newDecl);
- }
-
- const selector = s.toString();
- selectorMap[selector] = selectorMap[selector] ?? {};
-
- const selectorNode = selectorMap[selector];
-
- // Check for fallbacks in the var() function
- const fallbackValue = extractFallbackValue(decl.value);
- if (fallbackValue) {
- // The final declaration should have the override present
- selectorNode[decl.prop] = `var(${fallbackValue}, var(${variableName}))`;
-
- // The system-level declaration should only have the fallback
- newDecl.value = `var(${fallbackValue})`;
- }
- else {
- selectorNode[decl.prop] = `var(${variableName})`;
- }
-
- selectorMap[selector] = selectorNode;
- });
- }).processSync(decl.parent.selector, { lossless: false });
- });
-
- systemMap.set(identifierName, selectorMap);
-
- if (rule) {
- rule.walkDecls((decl) => {
- const convertedProps = [...conversionMap.keys()];
-
- if (!convertedProps.some((key) => decl.value.includes(key))) return;
-
- // loop over all the updated properties and update internal references to the new variables
- for (let [prop, mappedValues] of conversionMap.entries()) {
- // Check if this key exists in the value
- if (!decl.value.match(new RegExp(`${prop}[^-]`))) continue;
-
- const systemValues = [...mappedValues];
-
- // If there is only one system variable, replace all instances of the prop with the system variable
- if (systemValues.length === 1) {
- decl.value = decl.value.replace(new RegExp(prop, "g"), systemValues[0]);
- continue;
- }
-
- const replacement = checkForReplacement(decl, prop, [
- `--${identifierName}-${cleanPropertyName(prop, { selectorPrefix })}`,
- ], systemValues);
-
- if (replacement) {
- decl.value = replacement;
- continue;
- }
-
- // @note: this will be an empty variable because we didn't find a match but it will match the format of the other variables
- decl.value = decl.value.replace(new RegExp(decl.prop, "g"), `--${identifierName}-${cleanPropertyName(decl.prop, { selectorPrefix })}`);
- }
- });
- }
-
- container.remove();
- });
-
- // Our job here is done
- if (skipMapping || stripLocalSelectors) return;
-
- const rules = [];
- for (let [, selectorMap] of systemMap.entries()) {
- // This adds the new selectors to the root with their respective system-level mappings
- 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);
- }
-
- rules.push(rule);
- }
- }
-
- // Insert the new rules in order after the first rule in the root
- root.append(rules);
- },
-});
-
-module.exports.postcss = true;
diff --git a/plugins/postcss-add-theming-layer/package.json b/plugins/postcss-add-theming-layer/package.json
deleted file mode 100644
index 038b4965dd8..00000000000
--- a/plugins/postcss-add-theming-layer/package.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
- "name": "@spectrum-tools/postcss-add-theming-layer",
- "version": "1.0.0",
- "description": "Leveraging style container queries to create an abstraction layer for supporting multiple theming systems",
- "license": "Apache-2.0",
- "author": "Adobe",
- "contributors": [
- "Cassondra Roberts "
- ],
- "main": "index.js",
- "files": [
- "package.json",
- "index.js",
- "*.md"
- ],
- "dependencies": {
- "postcss-selector-parser": "^6.1.1",
- "postcss-values-parser": "^6.0.2"
- },
- "peerDependencies": {
- "postcss": ">=8"
- },
- "devDependencies": {
- "ava": "^6.2.0",
- "c8": "^10.1.2",
- "postcss": "^8.4.49"
- },
- "keywords": [
- "css",
- "theming",
- "custom properties",
- "postcss",
- "postcss-plugin"
- ],
- "repository": {
- "type": "git",
- "url": "https://github.com/adobe/spectrum-css.git",
- "directory": "plugins/postcss-add-theming-layer"
- },
- "bugs": {
- "url": "https://github.com/adobe/spectrum-css/issues"
- },
- "homepage": "https://opensource.adobe.com/spectrum-css/"
-}
diff --git a/plugins/postcss-add-theming-layer/project.json b/plugins/postcss-add-theming-layer/project.json
deleted file mode 100644
index 7797edce0f8..00000000000
--- a/plugins/postcss-add-theming-layer/project.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
- "name": "postcss-add-theming-layer",
- "tags": ["tooling", "postcss"],
- "targets": {
- "format": {
- "defaultConfiguration": "plugins"
- },
- "lint": {
- "defaultConfiguration": "plugins"
- },
- "test": {
- "defaultConfiguration": "plugins"
- }
- }
-}
diff --git a/plugins/postcss-add-theming-layer/test.js b/plugins/postcss-add-theming-layer/test.js
deleted file mode 100644
index ed431c85f20..00000000000
--- a/plugins/postcss-add-theming-layer/test.js
+++ /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.
- */
-
-const fs = require("fs");
-const test = require("ava");
-const postcss = require("postcss");
-const plugin = require("./index.js");
-
-function compare(
- t,
- fixtureFilePath,
- expectedFilePath,
- options = {}
-) {
- 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-add-theming-layer/utilities.js b/plugins/postcss-add-theming-layer/utilities.js
deleted file mode 100644
index 0988f27ce38..00000000000
--- a/plugins/postcss-add-theming-layer/utilities.js
+++ /dev/null
@@ -1,244 +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 valuesParser = require("postcss-values-parser");
-
-/**
- * Clean the property name to be used as a variable name
- * @param {string} prop
- * @param {{ selectorPrefix: string }} options
- * @returns {string} The clean variable name
- */
-function cleanPropertyName(prop, { selectorPrefix = "" } = {}) {
- if (!prop) return;
- return (
- prop
- // Remove the provided prefix if used
- .replace(new RegExp(selectorPrefix, "gi"), "")
- // Remove mod from the new property name
- .replace(/-?mod-/g, "-")
- // Remove state-based prefix
- .replace(/is-/g, "")
- // Remove the internal identifier marker
- .replace(/^_/g, "")
- // If a string has a lowercase letter followed by an uppercase letter, insert a dash between them
- .replace(/([a-z])([A-Z])/g, "$1-$2")
- // If a string has two uppercase letters followed by a lowercase letter, insert a dash between them
- .replace(/([A-Z])([A-Z])([a-z])/g, "$1-$2$3")
- .replace(/([a-z])([0-9])/g, "$1-$2")
- // Remove all whitespace
- .replace(/\s+/g, "")
- // Remove non-alphanumeric characters
- .replace(/\W/g, "-")
- // Replace multiple dashes with a single dash
- .replace(/-+/g, "-")
- // Remove any leading or trailing dashes
- .replace(/^-/g, "")
- .replace(/-$/g, "")
- .toLowerCase()
- );
-}
-
-/**
- * Extract the fallback value from a var() function
- * @param {string} declValue
- * @returns {string} The fallback value
- */
-function extractFallbackValue(declValue) {
- const parsed = valuesParser.parse(declValue);
- let fallbackValue;
-
- parsed.walk((node) => {
- if (node.type !== "func" || node.value !== "var") {
- return;
- }
-
- // Assuming the second argument of the var() function is the fallback
- const fallbackNode = node.nodes[2];
- if (fallbackNode) {
- // Convert the fallback node back to a string
- fallbackValue = valuesParser.stringify(fallbackNode);
- }
- });
-
- return fallbackValue;
-}
-
-/**
- * Get the base selector for a given selector
- * @param {string} selector
- * @param {{ selectorPrefix: string }} options
- * @returns {string} The base selector
- */
-function getBaseSelector(selector, { selectorPrefix = "" } = {}) {
- let baseSelector;
-
- if (!selector || !selector.nodes) return baseSelector;
-
- // This regex is designed to pull spectrum- out of a selector
- const baseRegex = new RegExp(
- `^(${selectorPrefix ? `${selectorPrefix}-` : ""}[A-Z][^\\W-.\\s]+)`,
- );
-
- // Iterate over the selector nodes to find a common root class name
- const found = [];
- selector.each((node) => {
- if (node.type !== "class") return;
- if (!node.value) return;
-
- const value = node.value ?? node.toString();
- const matches = value.match(baseRegex);
- if (!matches) return;
-
- const [, foundSelector] = matches;
- if (foundSelector) found.push(foundSelector);
- });
-
- if (found.length === 1) {
- return cleanPropertyName(found[0], { selectorPrefix });
- }
-
- let countMap = new Map();
-
- // Find and return the most common base selector in the array
- found.forEach((s) => countMap.set(s, (countMap.get(s) || 0) + 1));
-
- let count = 0;
- for (let [s, c] of countMap.entries()) {
- if (c > count) {
- baseSelector = s;
- count = c;
- }
- }
-
- // Remove the selector prefix from the returned base selector
- return baseSelector ? cleanPropertyName(baseSelector, { selectorPrefix }) : baseSelector;
-}
-
-/**
- * Fallback function to process the name of the new variable
- * @param {string} selector
- * @param {string} prop
- * @param {{ identifierName: string, identifierValue: string, selectorPrefix: string }} options
- * @returns {string} The new variable name
- */
-function getVariableName(
- selector,
- prop,
- { selectorPrefix = "", identifierName, identifierValue } = {},
-) {
- const baseSelector = getBaseSelector(selector, { selectorPrefix }) ?? "";
-
- const clean = (prop) =>
- prop &&
- cleanPropertyName(
- prop
- .replace(new RegExp(selectorPrefix, "gi"), "")
- // Remove the identifers if they exist
- .replace(new RegExp(baseSelector, "gi"), "")
- // Check for identifiers in the property name that don't include the dash
- .replace(new RegExp(baseSelector?.replace(/-/g, ""), "gi"), "")
- .replace(new RegExp(identifierName, "gi"), "")
- .replace(new RegExp(identifierValue, "gi"), ""),
- { selectorPrefix }
- );
-
- let property = [];
-
- function processSelector(node) {
- if (node.type === "pseudo") {
- property.push(node.value.slice(1));
- }
- else if (node.type === "tag") {
- property.push(node.value);
- }
- else if (node.type === "combinator") {
- switch (node.value) {
- case " ": // Descendant combinator
- break;
- case ">":
- property.push("child-of");
- break;
- case "+":
- property.push("next-to");
- break;
- case "~":
- property.push("sibling-of");
- break;
- }
- }
- else if (node.type === "class") {
- if (node.value === baseSelector) return;
- property.push(clean(node.value));
- return;
- }
-
- if (!node.nodes) return;
- node.each(processSelector);
- }
-
- selector.each(processSelector);
-
- // Dedupe the property array, removing the 2nd instance of a property
- property = property
- .filter((value, index) => property.indexOf(value) === index)
- .filter(Boolean);
-
- return `--${[identifierName, baseSelector, clean([...property, prop].filter(Boolean).join("-"))].filter(Boolean).join("-").toLowerCase()}`;
-}
-
-/**
- * Check for a replacement value based on the provided guesses
- * @param {import('postcss').Declaration} decl
- * @param {string} replace
- * @param {string[]} guesses
- * @param {string[]} systemValues
- * @returns {string|undefined|void} The updated declaration value
- */
-function checkForReplacement(
- decl,
- replace,
- guesses = [],
- systemValues = [],
-) {
- if (!decl || !replace || guesses.length === 0) return;
-
- const replacer = new RegExp(replace, "g");
-
- for (const g of guesses) {
- if (systemValues.includes(g)) {
- return decl.value.replace(replacer, g);
- }
-
- const values = systemValues.filter((value) => value.startsWith(g));
- if (values.length === 0) continue;
-
- if (values.length === 1) {
- return decl.value.replace(replacer, values[0]);
- }
-
- if (values.length > 1) {
- return decl.value.replace(replacer, values[0]);
- }
-
- continue;
- }
-}
-
-module.exports = {
- cleanPropertyName,
- extractFallbackValue,
- getBaseSelector,
- getVariableName,
- checkForReplacement,
-};
diff --git a/plugins/postcss-property-rollup/CHANGELOG.md b/plugins/postcss-property-rollup/CHANGELOG.md
deleted file mode 100644
index ae0dcf99710..00000000000
--- a/plugins/postcss-property-rollup/CHANGELOG.md
+++ /dev/null
@@ -1,44 +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
- * @property ignore {string[]} - List of selectors to ignore
- * @property newSelector {string} - New selector to create with the combined declarations
- */
-
-/** @type import('postcss').PluginCreator */
-module.exports = ({
- ignore = [],
- newSelector,
-} = {}) => {
- return {
- postcssPlugin: "postcss-property-rollup",
- OnceExit(root, { Rule }) {
- let shouldCombine = false;
- let localSelector;
- // Check the file for a comment with @combine and fetch the preceeding selector(s)
- root.walkComments((comment) => {
- if (!comment.text.includes("@combine")) return;
-
- shouldCombine = true;
-
- // Remove the @combine from the string
- const selectors = comment.text.replace("@combine", "").trim();
-
- comment.remove();
-
- if (!selectors) return;
-
- // Prefer the selectors from the comment over one provided in the config
- if (!localSelector) localSelector = selectors;
- });
-
- if (!shouldCombine) return;
-
- if (localSelector) newSelector = localSelector;
-
- const rules = [];
- const declarations = {};
-
- root.walkRules((rule) => {
- if (ignore.includes(rule.selector)) return;
- rules.push(rule);
- rule.walkDecls(/^--/, (decl) => {
- declarations[decl.prop] = decl;
- decl.remove();
- });
- });
-
- if (!rules.length) return;
-
- if (newSelector) {
- // Create a new rule with the combined declarations
- const newRule = new Rule({ selector: newSelector });
- for (const decl of Object.values(declarations)) {
- newRule.append(decl);
- }
- root.append(newRule);
-
- // Remove the rules from the root
- rules.forEach((rule) => {
- rule.remove();
- });
-
- return;
- }
-
- // If no new selector is provided, combine the declarations into the last rule
- 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-property-rollup/package.json b/plugins/postcss-property-rollup/package.json
deleted file mode 100644
index db9704faeaa..00000000000
--- a/plugins/postcss-property-rollup/package.json
+++ /dev/null
@@ -1,40 +0,0 @@
-{
- "name": "@spectrum-tools/postcss-property-rollup",
- "version": "0.0.0",
- "description": "Combines custom properties from multiple selectors into a single selector",
- "license": "Apache-2.0",
- "author": "Adobe",
- "contributors": [
- "Cassondra Roberts "
- ],
- "main": "index.js",
- "files": [
- "package.json",
- "index.js",
- "*.md"
- ],
- "peerDependencies": {
- "postcss": ">=8"
- },
- "devDependencies": {
- "ava": "^6.2.0",
- "c8": "^10.1.2",
- "postcss": "^8.4.49"
- },
- "keywords": [
- "css",
- "theming",
- "custom properties",
- "postcss",
- "postcss-plugin"
- ],
- "repository": {
- "type": "git",
- "url": "https://github.com/adobe/spectrum-css.git",
- "directory": "plugins/postcss-property-rollup"
- },
- "bugs": {
- "url": "https://github.com/adobe/spectrum-css/issues"
- },
- "homepage": "https://opensource.adobe.com/spectrum-css/"
-}
diff --git a/plugins/postcss-property-rollup/project.json b/plugins/postcss-property-rollup/project.json
deleted file mode 100644
index 681869f7a14..00000000000
--- a/plugins/postcss-property-rollup/project.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
- "$schema": "../../node_modules/nx/schemas/project-schema.json",
- "name": "postcss-property-rollup",
- "tags": ["tooling", "postcss"],
- "targets": {
- "format": {
- "defaultConfiguration": "plugins"
- },
- "lint": {
- "defaultConfiguration": "plugins"
- },
- "test": {
- "defaultConfiguration": "plugins"
- }
- }
-}
diff --git a/plugins/postcss-property-rollup/test.js b/plugins/postcss-property-rollup/test.js
deleted file mode 100644
index 2e2923f7b91..00000000000
--- a/plugins/postcss-property-rollup/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/index.js b/plugins/postcss-rgb-mapping/index.js
index 155a1c68cfe..248c928e991 100644
--- a/plugins/postcss-rgb-mapping/index.js
+++ b/plugins/postcss-rgb-mapping/index.js
@@ -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;
diff --git a/plugins/stylelint-no-missing-var/CHANGELOG.md b/plugins/stylelint-no-missing-var/CHANGELOG.md
index 488fd55b0e5..afd51cb6f1a 100644
--- a/plugins/stylelint-no-missing-var/CHANGELOG.md
+++ b/plugins/stylelint-no-missing-var/CHANGELOG.md
@@ -25,8 +25,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 +33,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 +43,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
## 1.2.0
-🗓
-2024-01-16
+🗓 2024-01-16
### ✨ Features
@@ -56,8 +53,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-unknown-custom-properties/CHANGELOG.md b/plugins/stylelint-no-unknown-custom-properties/CHANGELOG.md
index 893f6a542b4..3640158bdf5 100644
--- a/plugins/stylelint-no-unknown-custom-properties/CHANGELOG.md
+++ b/plugins/stylelint-no-unknown-custom-properties/CHANGELOG.md
@@ -33,8 +33,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
@@ -42,8 +41,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
@@ -51,8 +49,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
@@ -62,8 +59,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 443af61c20e..69ec3f8ad67 100644
--- a/plugins/stylelint-no-unknown-custom-properties/index.js
+++ b/plugins/stylelint-no-unknown-custom-properties/index.js
@@ -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 {
diff --git a/plugins/stylelint-theme-alignment/CHANGELOG.md b/plugins/stylelint-theme-alignment/CHANGELOG.md
deleted file mode 100644
index 53b239e8091..00000000000
--- a/plugins/stylelint-theme-alignment/CHANGELOG.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# Change Log
-
-## 1.2.0
-
-### Minor Changes
-
-- [#3502](https://github.com/adobe/spectrum-css/pull/3502) [`562396e`](https://github.com/adobe/spectrum-css/commit/562396eaf21769341f78ea3761393b65f00e751b) Thanks [@castastrophe](https://github.com/castastrophe)! - Fixes a bug where the source file is expected to be "spectrum-two" instead of "spectrum".
-
-## 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 98653a2225a..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" } = 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 da25b3d4dd3..00000000000
--- a/plugins/stylelint-theme-alignment/package.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
- "name": "@spectrum-tools/stylelint-theme-alignment",
- "version": "1.2.0",
- "description": "A utility to ensure that all custom properties are intially defined in a core resource file and all subsequent uses leverage only values defined there first.",
- "license": "Apache-2.0",
- "author": "Adobe",
- "contributors": [
- "Cassondra Roberts "
- ],
- "homepage": "https://opensource.adobe.com/spectrum-css",
- "repository": {
- "type": "git",
- "url": "https://github.com/adobe/spectrum-css.git",
- "directory": "plugins/stylelint-theme-alignment"
- },
- "bugs": {
- "url": "https://github.com/adobe/spectrum-css/issues"
- },
- "type": "module",
- "main": "index.js",
- "files": [
- "package.json",
- "index.js",
- "*.md"
- ],
- "dependencies": {
- "colors": "^1.4.0",
- "postcss": "^8.5.0",
- "postcss-values-parser": "^6.0.2"
- },
- "peerDependencies": {
- "stylelint": ">=16"
- },
- "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 2231192ac7c..9667614004c 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -15,12 +15,7 @@ const fs = require("node:fs");
const { join, basename } = require("node:path");
module.exports = ({
- skipMapping = false,
- referencesOnly = false,
- preserveVariables = true,
- stripLocalSelectors = false,
resolveImports = true,
- shouldCombine = false,
lint = true,
verbose = true,
minify = false,
@@ -84,19 +79,6 @@ module.exports = ({
prefix: "is-"
} : false,
"postcss-hover-media-feature": {},
- /* --------------------------------------------------- */
- /* ------------------- VARIABLE PARSING -------------- */
- "@spectrum-tools/postcss-add-theming-layer": {
- selectorPrefix: "spectrum",
- skipMapping,
- preserveVariables,
- referencesOnly,
- stripLocalSelectors,
- debug: verbose,
- },
- "@spectrum-tools/postcss-property-rollup": shouldCombine ? {
- newSelector: ".spectrum",
- } : false,
...additionalPlugins,
/* --------------------------------------------------- */
/* ------------------- POLYFILLS --------------------- */
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 2761f849caf..5054a2e63bf 100644
--- a/stylelint.config.js
+++ b/stylelint.config.js
@@ -11,7 +11,6 @@ module.exports = {
"@spectrum-tools/stylelint-no-missing-var",
"@spectrum-tools/stylelint-no-unused-custom-properties",
"@spectrum-tools/stylelint-no-unknown-custom-properties",
- "@spectrum-tools/stylelint-theme-alignment",
// "stylelint-high-performance-animation",
],
rules: {
@@ -150,7 +149,6 @@ module.exports = {
* Local/custom plugins
* -------------------------------------------------------------- */
"spectrum-tools/no-missing-var": true,
- "spectrum-tools/theme-alignment": null,
"spectrum-tools/no-unused-custom-properties": null,
"spectrum-tools/no-unknown-custom-properties": null,
},
@@ -212,21 +210,6 @@ module.exports = {
"custom-property-pattern": [/^(spectrum|color|scale|system)/, {}],
}
},
- {
- /* Validate that the legacy themes don't introduce any new selectors or custom properties */
- files: ["components/*/themes/*.css", "!components/*/themes/spectrum.css"],
- rules: {
- "spectrum-tools/no-unused-custom-properties": null,
- "selector-class-pattern": [
- "^(spectrum-|is-|u-)[A-Za-z0-9-]+", {
- resolveNestedSelectors: true
- }
- ],
- "spectrum-tools/theme-alignment": [true, {
- baseFilename: "spectrum-two",
- }],
- },
- },
{
/* Allow "tree shaking" of unused custom properties in the bundle */
files: ["tools/bundle/**/*.css"],
diff --git a/tasks/component-builder.js b/tasks/component-builder.js
index 93afb637693..320b746be35 100644
--- a/tasks/component-builder.js
+++ b/tasks/component-builder.js
@@ -196,79 +196,6 @@ async function build({ cwd = process.cwd(), clean = false, minify = false, compo
]);
}
-/**
- * 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(), minify = false, 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 basePostCSSOptions = {
- cwd,
- clean,
- map: false,
- env: "production",
- lint: false,
- };
-
- const promises = [];
-
- contentData.forEach(async ({ content, input }) => {
- const theme = path.basename(input, ".css");
-
- promises.push(
- processCSS(content, path.join(cwd, input), path.join(cwd, "dist", "themes", `${theme}.css`), {
- ...basePostCSSOptions,
- shouldCombine: true,
- // Only output the new selectors with the system mappings
- stripLocalSelectors: true,
- }),
- minify ? processCSS(content, path.join(cwd, input), path.join(cwd, "dist", "themes", `${theme}.min.css`), {
- ...basePostCSSOptions,
- shouldCombine: true,
- // Only output the new selectors with the system mappings
- stripLocalSelectors: true,
- }) : Promise.resolve(),
- );
- });
-
- promises.push(
- processCSS(undefined, path.join(cwd, "index.css"), path.join(cwd, "dist", "index-base.css"), {
- ...basePostCSSOptions,
- referencesOnly: true,
- // Only output the new selectors with the system mappings
- stripLocalSelectors: true,
- }),
- minify ? processCSS(undefined, path.join(cwd, "index.css"), path.join(cwd, "dist", "index-base.min.css"), {
- ...basePostCSSOptions,
- referencesOnly: true,
- // Only output the new selectors with the system mappings
- stripLocalSelectors: true,
- }) : Promise.resolve(),
- // 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"), {
- ...basePostCSSOptions,
- referencesOnly: true,
- }),
- minify ? processCSS(importMap, path.join(cwd, "index.css"), path.join(cwd, "dist", "index-theme.min.css"), {
- ...basePostCSSOptions,
- referencesOnly: true,
- }) : Promise.resolve(),
- );
-
- return Promise.all(promises);
-}
-
/**
* The main entry point for this tool; this builds a CSS component
* @param {object} config
@@ -304,42 +231,33 @@ async function main({
const key = `[build] ${`@spectrum-css/${componentName}`.cyan}`;
console.time(key);
- // Create the dist directory if it doesn't exist
- if (!fs.existsSync(path.join(cwd, "dist"))) {
- fs.mkdirSync(path.join(cwd, "dist"));
+ const reports = [];
+ const errors = [];
+
+ 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);
}
- return Promise.all([
- build({ cwd, clean, minify }),
- buildThemes({ cwd, clean, minify }),
- ])
- .then((report) => {
- const logs = report.flat(Infinity).filter(Boolean);
-
- console.log(`\n\n${key} 🔨`);
- console.log(`${"".padStart(30, "-")}`);
-
- 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("");
- })
- .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);
- });
+ 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 444449c833a..379256b9107 100644
--- a/tasks/component-reporter.js
+++ b/tasks/component-reporter.js
@@ -66,6 +66,9 @@ async function extractModifiers(
const selectors = new Set();
const root = postcss.parse(content);
root.walkRules((rule) => {
+ // Check that the selector is not inside a keyframe
+ if (rule.parent.type === "atrule" && rule.parent.name === "keyframes") return;
+
if (rule.selectors) {
rule.selectors.forEach((selector) => {
// If the selector is not a base selector, add it to the set
@@ -170,10 +173,6 @@ async function main({
const processed = await processCSS(undefined, sourceCSS, undefined, {
cwd,
- skipMapping: false,
- referencesOnly: false,
- preserveVariables: true,
- stripLocalSelectors: false,
map: false,
env: "production",
});
@@ -184,11 +183,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"],
},
}
@@ -203,7 +201,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 dc90d09a576..468a77ed93c 100644
--- a/tasks/templates/diff-preview.njk
+++ b/tasks/templates/diff-preview.njk
@@ -7,11 +7,11 @@