@spectrum-css/tokens
Advanced tools
Comparing version 14.0.0-next.11 to 14.0.0-next.12
408
CHANGELOG.md
# Change Log | ||
## 14.0.0-next.12 | ||
### Patch Changes | ||
- [#3497](https://github.com/adobe/spectrum-css/pull/3497) [`0c431fc`](https://github.com/adobe/spectrum-css/commit/0c431fce7f38f967f934daa578b9bd2d8d173e76) Thanks [@cdransf](https://github.com/cdransf)! - Uses the latest releases from Spectrum Tokens (spectrum-tokens@13.0.0-beta.56) | ||
## 14.0.0-next.11 | ||
@@ -27,27 +33,122 @@ | ||
All notable changes to this project will be documented in this file. | ||
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. | ||
## 15.0.0 | ||
### Major Changes | ||
- [#3488](https://github.com/adobe/spectrum-css/pull/3488) [`40c1954`](https://github.com/adobe/spectrum-css/commit/40c1954048f735a07f9edfccf3a568d38164806a) Thanks [@castastrophe](https://github.com/castastrophe)! - ### Breaking change | ||
This update removes the compiled `components` directory from the token output. Instead, customers are asked to source the theming data from the component's `theme/(express,spectrum,spectrum-two).css` and `index-theme.css`. For example: | ||
``` | ||
import "@spectrum-css/actionbutton/dist/index-base.css"; | ||
import "@spectrum-css/actionbutton/dist/index-theme.css"; | ||
import "@spectrum-css/actionbutton/dist/themes/express.css"; | ||
``` | ||
In addition, the `custom-*-vars.css` files previously shipped in the `spectrum` and `express` folders will no longer be shipped separately. This data already exists in the `*-vars.css` file with a matching name. For example, `spectrum/custom-large-vars.css` already exists within `spectrum/large-vars.css`, concatenated with the token-generated output. | ||
### Minor | ||
Whitespace has been cleaned up in the exported content for readability. | ||
## 14.6.0 | ||
### Minor Changes | ||
- [#3266](https://github.com/adobe/spectrum-css/pull/3266) [`4b818e1`](https://github.com/adobe/spectrum-css/commit/4b818e1062202e404de1350938ce2a19146aa0b0) Thanks [@5t3ph](https://github.com/5t3ph)! - For Coach indicator, marks "light" and "dark" variants for deprecation going into S2, and adds "static white" per direction from design. | ||
## 14.5.0 | ||
### Minor Changes | ||
- [#3253](https://github.com/adobe/spectrum-css/pull/3253) [`47f23a7`](https://github.com/adobe/spectrum-css/commit/47f23a762a5c84ffe3c82e7e1b0c4c9d5dc60f86) Thanks [@castastrophe](https://github.com/castastrophe)! - Add component-level token overrides from card, contextualhelp, swatch, and typography to ensure valid theme toggling. | ||
Light/dark/darkest custom overrides added: `--spectrum-card-selected-background-color-rgb`, `--spectrum-swatch-border-color`, `--spectrum-swatch-border-color-light` | ||
Medium/large custom overrides added: `--spectrum-contextual-help-content-spacing` | ||
Global custom overrides added: `--spectrum-font-family-ar`, `--spectrum-font-family-he`, `--spectrum-font-family`, `--spectrum-font-style`, `--spectrum-font-size` | ||
## 14.4.0 | ||
### Minor Changes | ||
- [#3060](https://github.com/adobe/spectrum-css/pull/3060) [`7d41874`](https://github.com/adobe/spectrum-css/commit/7d418746362e7fe35f47e67e30682d7bf87ecfc7) Thanks [@castastrophe](https://github.com/castastrophe)! - Update build steps for the token rollup to generate the component theming assets instead of relying on component build steps to produce them. | ||
## 14.3.2 | ||
### Patch Changes | ||
- [#3137](https://github.com/adobe/spectrum-css/pull/3137) [`b16a159`](https://github.com/adobe/spectrum-css/commit/b16a159bd8b1456b384f13f51ab0cdb318a692e8) Thanks [@castastrophe](https://github.com/castastrophe)! - `--spectrum-well-border-color` was mapped to the `-rgb` postfixed value which resolves to a raw rgb number but not a valid color. | ||
## 14.3.1 | ||
### Patch Changes | ||
- [#2840](https://github.com/adobe/spectrum-css/pull/2840) [`84a70bb`](https://github.com/adobe/spectrum-css/commit/84a70bb076ac7afd15122d3b53299a4f1ccd1af3) Thanks [@castastrophe](https://github.com/castastrophe)! - Tokens update to correct the background color used in documentation for static black. | ||
Feature that updates storybook to move shared arg types to the global scope. | ||
## 14.3.0 | ||
### Minor Changes | ||
- [#2803](https://github.com/adobe/spectrum-css/pull/2803) [`2c5e5eb`](https://github.com/adobe/spectrum-css/commit/2c5e5ebc4d1dca38f877ad1e31f69315831c5717) Thanks [@castastrophe](https://github.com/castastrophe)! - This feature adds the custom variables for each context (spectrum and express) to the root-named asset (dist/css/express/global-vars.css) | ||
## 14.2.0 | ||
### Minor Changes | ||
- [#2766](https://github.com/adobe/spectrum-css/pull/2766) [`8a123ae`](https://github.com/adobe/spectrum-css/commit/8a123ae6dbc75bcab3dfd43d856de408e7eaab1b) Thanks [@dependabot](https://github.com/apps/dependabot)! - New token `--spectrum-accordion-top-to-text-spacious-small` available to be used. | ||
## 14.1.0 | ||
### Minor Changes | ||
- [#2742](https://github.com/adobe/spectrum-css/pull/2742) [`1e74ab7`](https://github.com/adobe/spectrum-css/commit/1e74ab7511257efa80f02da7a3115d302093ac6f) Thanks [@castastrophe](https://github.com/castastrophe)! - ### New token output files | ||
- Adds component-specific theme mappings to the tokens package; this supports SWC offering S1 and S2 in tandem | ||
- Adds an index file to list all available component-specific files | ||
## 14.1.0-alpha.3 | ||
### Minor Changes | ||
- Adding an index file for all new component assets listed in the token package output. | ||
## 14.1.0-alpha.2 | ||
### Patch Changes | ||
- [#2742](https://github.com/adobe/spectrum-css/pull/2742) [`336a558`](https://github.com/adobe/spectrum-css/commit/336a558d23b0aa66b5a15e85881b12a261a69bf0) Thanks [@castastrophe](https://github.com/castastrophe)! - Fixed a bug where the bridge tokens were being injected into the express and spectrum component-specific files | ||
## 14.1.0-alpha.1 | ||
### Patch Changes | ||
- fix: support full dist output in release | ||
## 14.1.0-alpha.0 | ||
### Minor Changes | ||
- feat: adding component-specific theme mappings and new bridge files to support S1 and S2 in tandem | ||
<a name="14.0.0"></a> | ||
#14.0.0 | ||
🗓 | ||
2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.2.0...@spectrum-css/tokens@14.0.0) | ||
## 14.0.0 | ||
🗓 2024-04-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.2.0...@spectrum-css/tokens@14.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 | ||
- Imports added to index.css and themes/express.css | ||
- | ||
<a name="13.2.0"></a> | ||
* Removes component-builder & component-builder-simple for script leveraging postcss | ||
## 13.2.0 | ||
* Imports added to index.css and themes/express.css | ||
🗓 2024-02-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.1.2...@spectrum-css/tokens@13.2.0) | ||
<a name="13.2.0"></a> | ||
#13.2.0 | ||
🗓 | ||
2024-02-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.1.2...@spectrum-css/tokens@13.2.0) | ||
### ✨ Features | ||
@@ -58,20 +159,23 @@ | ||
<a name="13.1.2"></a> | ||
##13.1.2 | ||
🗓 | ||
2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.1.1...@spectrum-css/tokens@13.1.2) | ||
## 13.1.2 | ||
🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.1.1...@spectrum-css/tokens@13.1.2) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="13.1.1"></a> | ||
##13.1.1 | ||
🗓 | ||
2024-02-06 | ||
## 13.1.1 | ||
🗓 2024-02-06 | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="13.1.0"></a> | ||
#13.1.0 | ||
🗓 | ||
2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.9...@spectrum-css/tokens@13.1.0) | ||
## 13.1.0 | ||
🗓 2024-02-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.9...@spectrum-css/tokens@13.1.0) | ||
### ✨ Features | ||
@@ -82,6 +186,7 @@ | ||
<a name="13.0.9"></a> | ||
##13.0.9 | ||
🗓 | ||
2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.8...@spectrum-css/tokens@13.0.9) | ||
## 13.0.9 | ||
🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.8...@spectrum-css/tokens@13.0.9) | ||
### 🐛 Bug fixes | ||
@@ -92,6 +197,7 @@ | ||
<a name="13.0.8"></a> | ||
##13.0.8 | ||
🗓 | ||
2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.7...@spectrum-css/tokens@13.0.8) | ||
## 13.0.8 | ||
🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.7...@spectrum-css/tokens@13.0.8) | ||
### 🐛 Bug fixes | ||
@@ -103,41 +209,47 @@ | ||
<a name="13.0.7"></a> | ||
##13.0.7 | ||
🗓 | ||
2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.6...@spectrum-css/tokens@13.0.7) | ||
## 13.0.7 | ||
🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.6...@spectrum-css/tokens@13.0.7) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="13.0.6"></a> | ||
##13.0.6 | ||
🗓 | ||
2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.5...@spectrum-css/tokens@13.0.6) | ||
## 13.0.6 | ||
🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.5...@spectrum-css/tokens@13.0.6) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="13.0.5"></a> | ||
##13.0.5 | ||
🗓 | ||
2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.4...@spectrum-css/tokens@13.0.5) | ||
## 13.0.5 | ||
🗓 2023-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.4...@spectrum-css/tokens@13.0.5) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="13.0.4"></a> | ||
##13.0.4 | ||
🗓 | ||
2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.0...@spectrum-css/tokens@13.0.4) | ||
## 13.0.4 | ||
🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.0...@spectrum-css/tokens@13.0.4) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="13.0.3"></a> | ||
##13.0.3 | ||
🗓 | ||
2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.0...@spectrum-css/tokens@13.0.3) | ||
## 13.0.3 | ||
🗓 2023-11-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@13.0.0...@spectrum-css/tokens@13.0.3) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="13.0.0"></a> | ||
#13.0.0 | ||
🗓 | ||
2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@12.0.0...@spectrum-css/tokens@13.0.0) | ||
## 13.0.0 | ||
🗓 2023-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@12.0.0...@spectrum-css/tokens@13.0.0) | ||
### 🐛 Bug fixes | ||
@@ -159,10 +271,10 @@ | ||
<a name="12.0.0"></a> | ||
#12.0.0 | ||
🗓 | ||
2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.4.0...@spectrum-css/tokens@12.0.0) | ||
## 12.0.0 | ||
🗓 2023-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.4.0...@spectrum-css/tokens@12.0.0) | ||
\*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 | ||
@@ -191,6 +303,7 @@ * | ||
<a name="11.4.0"></a> | ||
#11.4.0 | ||
🗓 | ||
2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.7...@spectrum-css/tokens@11.4.0) | ||
## 11.4.0 | ||
🗓 2023-09-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.7...@spectrum-css/tokens@11.4.0) | ||
### ✨ Features | ||
@@ -201,20 +314,23 @@ | ||
<a name="11.3.7"></a> | ||
##11.3.7 | ||
🗓 | ||
2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.6...@spectrum-css/tokens@11.3.7) | ||
## 11.3.7 | ||
🗓 2023-09-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.6...@spectrum-css/tokens@11.3.7) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="11.3.6"></a> | ||
##11.3.6 | ||
🗓 | ||
2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.5...@spectrum-css/tokens@11.3.6) | ||
## 11.3.6 | ||
🗓 2023-09-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.5...@spectrum-css/tokens@11.3.6) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="11.3.5"></a> | ||
##11.3.5 | ||
🗓 | ||
2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.4...@spectrum-css/tokens@11.3.5) | ||
## 11.3.5 | ||
🗓 2023-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.4...@spectrum-css/tokens@11.3.5) | ||
### 🐛 Bug fixes | ||
@@ -225,34 +341,39 @@ | ||
<a name="11.3.4"></a> | ||
##11.3.4 | ||
🗓 | ||
2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.3...@spectrum-css/tokens@11.3.4) | ||
## 11.3.4 | ||
🗓 2023-09-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.3...@spectrum-css/tokens@11.3.4) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="11.3.3"></a> | ||
##11.3.3 | ||
🗓 | ||
2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.2...@spectrum-css/tokens@11.3.3) | ||
## 11.3.3 | ||
🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.2...@spectrum-css/tokens@11.3.3) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="11.3.2"></a> | ||
##11.3.2 | ||
🗓 | ||
2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.1...@spectrum-css/tokens@11.3.2) | ||
## 11.3.2 | ||
🗓 2023-08-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.1...@spectrum-css/tokens@11.3.2) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="11.3.1"></a> | ||
##11.3.1 | ||
🗓 | ||
2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.0...@spectrum-css/tokens@11.3.1) | ||
## 11.3.1 | ||
🗓 2023-08-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.3.0...@spectrum-css/tokens@11.3.1) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="11.3.0"></a> | ||
#11.3.0 | ||
🗓 | ||
2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.2.2...@spectrum-css/tokens@11.3.0) | ||
## 11.3.0 | ||
🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.2.2...@spectrum-css/tokens@11.3.0) | ||
### ✨ Features | ||
@@ -263,20 +384,23 @@ | ||
<a name="11.2.2"></a> | ||
##11.2.2 | ||
🗓 | ||
2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.2.0...@spectrum-css/tokens@11.2.2) | ||
## 11.2.2 | ||
🗓 2023-08-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.2.0...@spectrum-css/tokens@11.2.2) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="11.2.1"></a> | ||
##11.2.1 | ||
🗓 | ||
2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.2.0...@spectrum-css/tokens@11.2.1) | ||
## 11.2.1 | ||
🗓 2023-08-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.2.0...@spectrum-css/tokens@11.2.1) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="11.2.0"></a> | ||
#11.2.0 | ||
🗓 | ||
2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.1.0...@spectrum-css/tokens@11.2.0) | ||
## 11.2.0 | ||
🗓 2023-08-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.1.0...@spectrum-css/tokens@11.2.0) | ||
### ✨ Features | ||
@@ -291,6 +415,7 @@ | ||
<a name="11.1.0"></a> | ||
#11.1.0 | ||
🗓 | ||
2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.0.2...@spectrum-css/tokens@11.1.0) | ||
## 11.1.0 | ||
🗓 2023-08-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.0.2...@spectrum-css/tokens@11.1.0) | ||
### ✨ Features | ||
@@ -301,20 +426,23 @@ | ||
<a name="11.0.2"></a> | ||
##11.0.2 | ||
🗓 | ||
2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.0.1...@spectrum-css/tokens@11.0.2) | ||
## 11.0.2 | ||
🗓 2023-07-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.0.1...@spectrum-css/tokens@11.0.2) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="11.0.1"></a> | ||
##11.0.1 | ||
🗓 | ||
2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.0.0...@spectrum-css/tokens@11.0.1) | ||
## 11.0.1 | ||
🗓 2023-07-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@11.0.0...@spectrum-css/tokens@11.0.1) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="11.0.0"></a> | ||
#11.0.0 | ||
🗓 | ||
2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@10.2.2...@spectrum-css/tokens@11.0.0) | ||
## 11.0.0 | ||
🗓 2023-07-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@10.2.2...@spectrum-css/tokens@11.0.0) | ||
### ✨ Features | ||
@@ -336,6 +464,7 @@ | ||
<a name="10.2.2"></a> | ||
##10.2.2 | ||
🗓 | ||
2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@10.2.1...@spectrum-css/tokens@10.2.2) | ||
## 10.2.2 | ||
🗓 2023-07-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@10.2.1...@spectrum-css/tokens@10.2.2) | ||
### 🐛 Bug fixes | ||
@@ -346,13 +475,15 @@ | ||
<a name="10.2.1"></a> | ||
##10.2.1 | ||
🗓 | ||
2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@10.2.0...@spectrum-css/tokens@10.2.1) | ||
## 10.2.1 | ||
🗓 2023-06-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@10.2.0...@spectrum-css/tokens@10.2.1) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
<a name="10.2.0"></a> | ||
#10.2.0 | ||
🗓 | ||
2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@10.1.2...@spectrum-css/tokens@10.2.0) | ||
## 10.2.0 | ||
🗓 2023-06-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@10.1.2...@spectrum-css/tokens@10.2.0) | ||
### ✨ Features | ||
@@ -363,6 +494,7 @@ | ||
<a name="10.1.2"></a> | ||
##10.1.2 | ||
🗓 | ||
2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@10.1.1...@spectrum-css/tokens@10.1.2) | ||
## 10.1.2 | ||
🗓 2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@10.1.1...@spectrum-css/tokens@10.1.2) | ||
**Note:** Version bump only for package @spectrum-css/tokens | ||
@@ -380,3 +512,3 @@ | ||
# 10.1.0 | ||
## 10.1.0 | ||
@@ -391,3 +523,3 @@ 🗓 2023-05-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@10.0.0...@spectrum-css/tokens@10.1.0) | ||
# 10.0.0 | ||
## 10.0.0 | ||
@@ -409,3 +541,3 @@ 🗓 2023-05-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@9.3.0...@spectrum-css/tokens@10.0.0) | ||
# 9.3.0 | ||
## 9.3.0 | ||
@@ -420,3 +552,3 @@ 🗓 2023-05-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@9.2.0...@spectrum-css/tokens@9.3.0) | ||
# 9.2.0 | ||
## 9.2.0 | ||
@@ -431,3 +563,3 @@ 🗓 2023-05-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@9.1.0...@spectrum-css/tokens@9.2.0) | ||
# 9.1.0 | ||
## 9.1.0 | ||
@@ -474,3 +606,3 @@ 🗓 2023-05-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@9.0.4...@spectrum-css/tokens@9.1.0) | ||
# 9.0.0 | ||
## 9.0.0 | ||
@@ -500,3 +632,3 @@ 🗓 2023-04-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@8.1.1...@spectrum-css/tokens@9.0.0) | ||
# 8.1.0 | ||
## 8.1.0 | ||
@@ -543,3 +675,3 @@ 🗓 2023-04-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@8.0.4...@spectrum-css/tokens@8.1.0) | ||
# 8.0.0 | ||
## 8.0.0 | ||
@@ -558,3 +690,3 @@ 🗓 2023-04-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@7.7.0...@spectrum-css/tokens@8.0.0) | ||
# 7.7.0 | ||
## 7.7.0 | ||
@@ -579,3 +711,3 @@ 🗓 2023-03-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@7.6.1...@spectrum-css/tokens@7.7.0) | ||
# 7.6.0 | ||
## 7.6.0 | ||
@@ -598,3 +730,3 @@ 🗓 2023-03-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@7.5.1...@spectrum-css/tokens@7.6.0) | ||
# 7.5.0 | ||
## 7.5.0 | ||
@@ -609,3 +741,3 @@ 🗓 2023-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@7.4.0...@spectrum-css/tokens@7.5.0) | ||
# 7.4.0 | ||
## 7.4.0 | ||
@@ -620,3 +752,3 @@ 🗓 2023-03-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@7.3.0...@spectrum-css/tokens@7.4.0) | ||
# 7.3.0 | ||
## 7.3.0 | ||
@@ -631,3 +763,3 @@ 🗓 2023-02-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@7.2.0...@spectrum-css/tokens@7.3.0) | ||
# 7.2.0 | ||
## 7.2.0 | ||
@@ -642,3 +774,3 @@ 🗓 2023-02-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@7.1.0...@spectrum-css/tokens@7.2.0) | ||
# 7.1.0 | ||
## 7.1.0 | ||
@@ -653,3 +785,3 @@ 🗓 2023-02-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@7.0.0...@spectrum-css/tokens@7.1.0) | ||
# 7.0.0 | ||
## 7.0.0 | ||
@@ -666,3 +798,3 @@ 🗓 2023-02-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@6.3.0...@spectrum-css/tokens@7.0.0) | ||
# 6.3.0 | ||
## 6.3.0 | ||
@@ -693,3 +825,3 @@ 🗓 2023-01-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@6.2.2...@spectrum-css/tokens@6.3.0) | ||
# 6.2.0 | ||
## 6.2.0 | ||
@@ -704,3 +836,3 @@ 🗓 2023-01-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@6.1.0...@spectrum-css/tokens@6.2.0) | ||
# 6.1.0 | ||
## 6.1.0 | ||
@@ -715,3 +847,3 @@ 🗓 2022-12-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@6.0.0...@spectrum-css/tokens@6.1.0) | ||
# 6.0.0 | ||
## 6.0.0 | ||
@@ -732,3 +864,3 @@ 🗓 2022-12-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@5.0.0...@spectrum-css/tokens@6.0.0) | ||
# 5.0.0 | ||
## 5.0.0 | ||
@@ -745,3 +877,3 @@ 🗓 2022-11-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@4.0.0...@spectrum-css/tokens@5.0.0) | ||
# 4.0.0 | ||
## 4.0.0 | ||
@@ -765,3 +897,3 @@ 🗓 2022-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@3.0.0...@spectrum-css/tokens@4.0.0) | ||
# 3.0.0 | ||
## 3.0.0 | ||
@@ -780,3 +912,3 @@ 🗓 2022-09-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@2.0.0...@spectrum-css/tokens@3.0.0) | ||
# 2.0.0 | ||
## 2.0.0 | ||
@@ -859,3 +991,3 @@ 🗓 2022-09-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/tokens@1.0.8...@spectrum-css/tokens@2.0.0) | ||
# 1.0.0 | ||
## 1.0.0 | ||
@@ -862,0 +994,0 @@ 🗓 2022-06-16 |
{ | ||
"name": "@spectrum-css/tokens", | ||
"version": "14.0.0-next.11", | ||
"version": "14.0.0-next.12", | ||
"description": "The Spectrum CSS tokens package", | ||
@@ -20,10 +20,2 @@ "license": "Apache-2.0", | ||
"./dist/css/*.css": "./dist/css/*.css", | ||
"./dist/css/components/bridge": "./dist/components/bridge/index.css", | ||
"./dist/css/components/bridge/*.css": "./dist/components/bridge/*.css", | ||
"./dist/css/components/express": "./dist/components/express/index.css", | ||
"./dist/css/components/express/*.css": "./dist/components/express/*.css", | ||
"./dist/css/components/spectrum": "./dist/components/spectrum/index.css", | ||
"./dist/css/components/spectrum-two": "./dist/components/spectrum-two/index.css", | ||
"./dist/css/components/spectrum-two/*.css": "./dist/components/spectrum-two/*.css", | ||
"./dist/css/components/spectrum/*.css": "./dist/components/spectrum/*.css", | ||
"./dist/index.css": "./dist/css/index.css", | ||
@@ -40,7 +32,11 @@ "./package.json": "./package.json" | ||
"devDependencies": { | ||
"@adobe/spectrum-tokens": "13.0.0-beta.55", | ||
"@adobe/spectrum-tokens": "13.0.0-beta.56", | ||
"@nxkit/style-dictionary": "^6.0.0", | ||
"postcss": "^8.4.49", | ||
"@spectrum-tools/postcss-rgb-mapping": "workspace:^", | ||
"postcss": "^8.5.0", | ||
"postcss-cli": "^11.0.0", | ||
"prettier": "^3.2.5", | ||
"postcss-import": "^16.1.0", | ||
"postcss-licensing": "^2.0.0", | ||
"postcss-sorting": "^9.1.0", | ||
"prettier": "^3.4.2", | ||
"style-dictionary": "^3.9.2", | ||
@@ -47,0 +43,0 @@ "style-dictionary-sets": "^2.3.0" |
@@ -7,22 +7,62 @@ # @spectrum-css/tokens | ||
## Output | ||
## Glossary | ||
The output is concatenated into a single `dist/index.css` for use in Spectrum CSS. This entire file should be imported, and the relevant classes should be toggled to swap out core tokens. | ||
- **Core tokens**: The base set of design data that define the system. These are the key-value pairs that are used to build the design system and are sourced from the design team via @adobe/spectrum-tokens. You can find the relevant versioning information in the `package.json` file. | ||
- **Custom properties**: These are CSS variables generated from the core tokens using the StyleDictionary build process. These are used in the CSS base styles to apply the design system to the components in a way that can respond to changes in color, scale, or context. | ||
- **Context**: This terms refers to the design language an application wants to use. Contexts previously supported were Spectrum and Express. The current system supports only Spectrum but has committed to offering backward compatibility through at least December 2024. | ||
- **Color**: This term refers to the color mode. The current system supports light and dark only. The lightest and darkest color modes were deprecated in the final version for **14.x**. | ||
- **Scale**: This term refers to the scale of the design system. The current system supports medium and large scales. The large scale is used for mobile applications and the medium scale is used for desktop applications. | ||
- **System variables**: These are randomly generated variable names (prefixed with `--system`) that are used to map the component-level class styles to the core tokens from the desired context. These are generated by the `postcss-add-theming-layer` plugin as part of the build and should not be relied upon for naming consistency across releases. **Do not attempt to overwrite or extend these variables in your application.** | ||
On the `<html>` element, start with `.spectrum`, add in `.spectrum--light`, then `.spectrum--medium`. To switch to Express, add `.spectrum--express`. | ||
## Backwards compatibility for Spectrum 1 and Express | ||
Though the token data in this package focus on only the current context (Spectrum 2), our team is committed to offering backwards compatibility for Spectrum 1 and Express through at least December of 2024. | ||
To this end, every component that requires backward mapping support will include: | ||
- Spectrum 1: `dist/themes/spectrum.css` | ||
- Express: `dist/themes/express.css` | ||
- Spectrum 2: `dist/themes/spectrum-two.css` | ||
Consumers should load only the mappings for the components they are using in their application. This will ensure that the component-level mappings are aligned with the base CSS for each component. Spectrum 1 and Express component mappings should be loaded with the `global-vars.css` and appropriate color and scale assets from the last version of the tokens package: **v14.x**. Loading the Spectrum 1 or Express component-level mappings with the Spectrum 2 global variables will result in incorrect values being applied to the components and will break the desired design for the component. | ||
## Usage | ||
The output is concatenated into a single `dist/index.css` for use in a vanilla HTML application. This entire file should be imported, and the relevant classes should be toggled to swap out core tokens. | ||
On the `<body>` element, start with `.spectrum`, add in `.spectrum--light`, then `.spectrum--medium`. To switch to another context, add `.spectrum--legacy` or `.spectrum--express`. | ||
For additional guidance on which assets to load, see the architecture section below. | ||
## Architecture | ||
All compiled assets are shipped from the `dist` folder. Most of the assets are available in the `dist/css` folder. The component-level mappings for Spectrum 1, Express, and Spectrum 2 exist in the components output as theme assets. These should be loaded with the appropriate global variables and color and scale assets from the last version of the tokens package: **v14.x**. | ||
### Global core tokens | ||
- `global-vars.css`: Shared global, unchanging tokens. | ||
- `light-vars.css`: Tokens specific to the light color. | ||
- `dark-vars.css`: Tokens specific to the dark color. | ||
- `medium-vars.css`: Tokens specific to the medium (desktop) scale. | ||
- `large-vars.css`: Tokens specific to the large (mobile) scale. | ||
- `index.css`: The above files rolled up into 1 css file for convenience; best for use in a vanilla HTML application. | ||
## Overrides and additions | ||
Overrides and additions to core tokens can be added to `custom.css`. | ||
Overrides and additions to core tokens can be added to `custom/*-vars.css`. | ||
Ensure that you correctly scope any added tokens: | ||
Ensure that you add new values to the appropriate color, or scale file: | ||
- `.spectrum` - Global, unchanging tokens or tokens specific to the Spectrum flavor | ||
- `.spectrum--express` - Tokens specific to the Express flavor | ||
- `.spectrum--lightest` - Tokens specific to the light color stop (soon to be deprecated) | ||
- `.spectrum--light` - Tokens specific to the light color stop | ||
- `.spectrum--dark` - Tokens specific to the dark color stop | ||
- `.spectrum--darkest` - Tokens specific to the darkest color stop | ||
- `.spectrum--medium` - Tokens specific to the medium (desktop) scale | ||
- `.spectrum--large` - Tokens specific to the large (mobile) scale | ||
- `.spectrum--express.spectrum--*` - Tokens specific to the Express flavor for any of the above color stops and scales | ||
- `global-vars.css` - Shared global, unchanging tokens | ||
- `light-vars.css` - Tokens specific to the light color | ||
- `dark-vars.css` - Tokens specific to the dark color | ||
- `medium-vars.css` - Tokens specific to the medium (desktop) scale | ||
- `large-vars.css` - Tokens specific to the large (mobile) scale | ||
Values added here will be copied over and concatenated with the custom properties being generated from the core tokens by StyleDictionary. | ||
## Breaking changes from v14 to v15 | ||
There are no additional contextual folders (i.e., `dist/css/spectrum/`) because this package supports no other theming systems outside of the component token mappings. All global tokens are found in the `dist/css` folder. | ||
For more notes on how the token data has changed, see the [@adobe/spectrum-tokens](https://github.com/adobe/spectrum-tokens/releases) release documentation. |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
784633
12627
68
11