@adobe/spectrum-tokens 14.5.0 → 14.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/dist/json/drover.json +8 -3
  3. package/dist/json/variables.json +403 -319
  4. package/package.json +1 -1
  5. package/schemas/token-file.json +1 -1
  6. package/schemas/token-types/{text-align.json → alignment.json} +4 -4
  7. package/src/color-aliases.json +5 -0
  8. package/src/color-component.json +3 -3
  9. package/src/layout-component.json +458 -430
  10. package/src/typography.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,60 @@
1
1
  # [**@adobe/spectrum-tokens**](https://github.com/adobe/spectrum-design-data)
2
2
 
3
+ ## 14.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#842](https://github.com/adobe/spectrum-design-data/pull/842) [`c28702f`](https://github.com/adobe/spectrum-design-data/commit/c28702f19ad408d3dc1461bb059a1c7125f7d32f) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - ## Token sync from Spectrum Tokens Studio
8
+
9
+ **Original implementer:** @larz0
10
+
11
+ ### Design motivation
12
+
13
+ "Highlight selection is a visual treatment used in components (like list views, tables, or tree views) to indicate that an item is selected, without relying on checkboxes or radio buttons. It’s helpful when we want to avoid clutter or don’t want users interacting with extra controls like checkboxes."
14
+
15
+ ### Token changes
16
+
17
+ ## Tokens Changed (8)
18
+
19
+ **Original Branch:** `main`
20
+ **New Branch:** `tokens-sync/patch-spectrum2-from-main`
21
+
22
+ <details open><summary><strong>Newly "Un-deprecated" (1)</strong></summary>
23
+ - `stack-item-item-to-item`
24
+ </details>
25
+ <details open><summary><strong>Added (5)</strong></summary>
26
+ - `stack-item-selected-background-opacity-highlight`
27
+ - `stack-item-selected-background-opacity-highlight-hover`
28
+ - `vertical-align-items`
29
+ - `stack-item-minimum-padding-vertical`
30
+ - `stack-item-selected-background-color-highlight`
31
+ </details>
32
+
33
+ ### Updated (2)
34
+
35
+ <details open><summary><strong>Updated Properties (2)</strong></summary>
36
+ - `stack-item-item-to-item`
37
+ - `value`: `-1px` -> `0px`
38
+ - `stack-item-selected-background-color-down` - `value`: `{gray-200}` -> `{gray-300}`
39
+ </details>
40
+
41
+ ### References
42
+ - Tokens Studio PR: https://github.com/adobe/spectrum-tokens-studio-data/pull/303
43
+ - Spectrum Tokens PR: https://github.com/adobe/spectrum-design-data/pull/842
44
+
45
+ ## 14.6.0
46
+
47
+ ### Minor Changes
48
+
49
+ - [#840](https://github.com/adobe/spectrum-design-data/pull/840) [`b11942c`](https://github.com/adobe/spectrum-design-data/commit/b11942cf52ec0077cfd53d8cb70ca722dc88c2e0) Thanks [@GarthDB](https://github.com/GarthDB)! - Generalize the `text-align` token type schema to `alignment`. The schema's
50
+ file name (`text-align.json` → `alignment.json`), `$id`
51
+ (`…/token-types/text-align.json` → `…/token-types/alignment.json`), title,
52
+ and description now describe a generic single-axis alignment value usable
53
+ for horizontal, vertical, or text alignment. The enum
54
+ (`start | center | end`) and default (`start`) are unchanged, and the
55
+ `text-align-*` token names are unchanged. Consumers referencing the old
56
+ schema `$id` or file path must update.
57
+
3
58
  ## 14.5.0
4
59
 
5
60
  ### Minor Changes
package/dist/json/drover.json CHANGED
@@ -638,8 +638,9 @@
638
638
  "stack-item-background-color-hover": "rgb(233, 233, 233)",
639
639
  "stack-item-background-color-key-focus": "rgb(233, 233, 233)",
640
640
  "stack-item-selected-background-color-default": "rgb(233, 233, 233)",
641
- "stack-item-selected-background-color-down": "rgb(225, 225, 225)",
641
+ "stack-item-selected-background-color-down": "rgb(218, 218, 218)",
642
642
  "stack-item-selected-background-color-emphasized": "rgb(59, 99, 251)",
643
+ "stack-item-selected-background-color-highlight": "rgb(59, 99, 251)",
643
644
  "stack-item-selected-background-color-hover": "rgb(225, 225, 225)",
644
645
  "stack-item-selected-background-color-key-focus": "rgb(225, 225, 225)",
645
646
  "standard-panel-gripper-color": "rgb(143, 143, 143)",
@@ -1398,8 +1399,9 @@
1398
1399
  "stack-item-background-color-hover": "rgb(44, 44, 44)",
1399
1400
  "stack-item-background-color-key-focus": "rgb(44, 44, 44)",
1400
1401
  "stack-item-selected-background-color-default": "rgb(44, 44, 44)",
1401
- "stack-item-selected-background-color-down": "rgb(50, 50, 50)",
1402
+ "stack-item-selected-background-color-down": "rgb(57, 57, 57)",
1402
1403
  "stack-item-selected-background-color-emphasized": "rgb(64, 105, 253)",
1404
+ "stack-item-selected-background-color-highlight": "rgb(64, 105, 253)",
1403
1405
  "stack-item-selected-background-color-hover": "rgb(50, 50, 50)",
1404
1406
  "stack-item-selected-background-color-key-focus": "rgb(50, 50, 50)",
1405
1407
  "standard-panel-gripper-color": "rgb(109, 109, 109)",
@@ -2673,11 +2675,14 @@
2673
2675
  "stack-item-edge-to-visual": "12px",
2674
2676
  "stack-item-header-minimum-width": "200px",
2675
2677
  "stack-item-header-to-item": "0px",
2676
- "stack-item-item-to-item": "-1px",
2678
+ "stack-item-item-to-item": "0px",
2679
+ "stack-item-minimum-padding-vertical": "8px",
2677
2680
  "stack-item-selected-background-opacity-emphasized": "0.1",
2678
2681
  "stack-item-selected-background-opacity-emphasized-down": "0.15",
2679
2682
  "stack-item-selected-background-opacity-emphasized-hover": "0.15",
2680
2683
  "stack-item-selected-background-opacity-emphasized-key-focus": "0.15",
2684
+ "stack-item-selected-background-opacity-highlight": "0.1",
2685
+ "stack-item-selected-background-opacity-highlight-hover": "0.15",
2681
2686
  "stack-item-start-edge-to-content": "4px",
2682
2687
  "stack-item-text-to-control": "8px",
2683
2688
  "standard-dialog-body-font-size": "16px",