@adobe/spectrum-tokens 13.8.0 → 13.10.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 (7) hide show
  1. package/CHANGELOG.md +116 -0
  2. package/dist/json/drover.json +68 -12
  3. package/dist/json/variables.json +680 -52
  4. package/package.json +1 -1
  5. package/src/color-component.json +49 -1
  6. package/src/layout-component.json +395 -110
  7. package/src/layout.json +200 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,121 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#509](https://github.com/adobe/spectrum-tokens/pull/509) [`0387332`](https://github.com/adobe/spectrum-tokens/commit/038733232bec26f823d63b88f564ff2c962c50a1) Thanks [@larz0](https://github.com/larz0)! - Updated accordion tokens
8
+
9
+ ## Design Motivation
10
+
11
+ Added missing components for density and updated names and values for the upcoming Clean VF update.
12
+
13
+ ## Token Diff
14
+
15
+ <details open><summary>Newly Deprecated (8)</summary>
16
+
17
+ - `accordion-top-to-text-regular-small`
18
+ - `accordion-top-to-text-regular-medium`
19
+ - `accordion-top-to-text-regular-large`
20
+ - `accordion-top-to-text-regular-extra-large`
21
+ - `accordion-bottom-to-text-regular-small`
22
+ - `accordion-bottom-to-text-regular-medium`
23
+ - `accordion-bottom-to-text-regular-large`
24
+ - `accordion-bottom-to-text-regular-extra-large`
25
+
26
+ </details>
27
+
28
+ <details open><summary>Added (20)</summary>
29
+
30
+ - `field-top-to-disclosure-icon-compact-small`
31
+ - `field-top-to-disclosure-icon-small`
32
+ - `field-top-to-disclosure-icon-spacious-small`
33
+ - `field-top-to-disclosure-icon-compact-medium`
34
+ - `field-top-to-disclosure-icon-medium`
35
+ - `field-top-to-disclosure-icon-spacious-medium`
36
+ - `field-top-to-disclosure-icon-compact-large`
37
+ - `field-top-to-disclosure-icon-large`
38
+ - `field-top-to-disclosure-icon-spacious-large`
39
+ - `field-top-to-disclosure-icon-compact-extra-large`
40
+ - `field-top-to-disclosure-icon-extra-large`
41
+ - `field-top-to-disclosure-icon-spacious-extra-large`
42
+ - `accordion-bottom-to-text-extra-large`
43
+ - `accordion-bottom-to-text-large`
44
+ - `accordion-bottom-to-text-medium`
45
+ - `accordion-bottom-to-text-small`
46
+ - `accordion-top-to-text-extra-large`
47
+ - `accordion-top-to-text-large`
48
+ - `accordion-top-to-text-medium`
49
+ - `accordion-top-to-text-small`
50
+
51
+ </details>
52
+
53
+ <details open><summary>Added Properties (3)</summary>
54
+
55
+ - `accordion-top-to-text-compact-small`
56
+ - `desktop.schema`: dimension.json
57
+ - `desktop.value`: 3px
58
+ - `desktop.uuid`: d6cc404c-af92-43be-88e3-407fdcb6e068
59
+ - `mobile.schema`: dimension.json
60
+ - `mobile.value`: 4px
61
+ - `mobile.uuid`: cfc8d280-5ea0-47f2-bdcb-ae5e93627498
62
+ - `accordion-top-to-text-compact-medium`
63
+ - `desktop.schema`: dimension.json
64
+ - `desktop.value`: 8px
65
+ - `desktop.uuid`: 484c9603-07f1-4ba6-b1bf-7cfaec5d1594
66
+ - `mobile.schema`: dimension.json
67
+ - `mobile.value`: 14px
68
+ - `mobile.uuid`: 4a7dda7f-a45a-496c-8d38-cb4e4807e544
69
+ - `time-field-minimum-width`
70
+ - `description`: 2.5x height of field
71
+
72
+ </details>
73
+
74
+ ## 13.9.0
75
+
76
+ ### Minor Changes
77
+
78
+ - [#504](https://github.com/adobe/spectrum-tokens/pull/504) [`6ec680a`](https://github.com/adobe/spectrum-tokens/commit/6ec680adb5f0372f86afdb415f1122630e6ac596) Thanks [@larz0](https://github.com/larz0)! - Added list view tokens
79
+
80
+ ## Design Motivation
81
+
82
+ These are the required tokens for the list view component.
83
+
84
+ ## Token Diff
85
+
86
+ <details open><summary>Added (28)</summary>
87
+
88
+ - `visual-to-control-100`
89
+ - `label-to-description-0`
90
+ - `list-view-minimum-height`
91
+ - `list-view-minimum-width`
92
+ - `list-view-item-top-corner-radius`
93
+ - `list-view-item-bottom-corner-radius`
94
+ - `list-view-end-edge-to-content`
95
+ - `stack-item-selected-background-opacity-emphasized`
96
+ - `stack-item-selected-background-opacity-emphasized-hover`
97
+ - `stack-item-selected-background-opacity-emphasized-down`
98
+ - `stack-item-selected-background-opacity-emphasized-key-focus`
99
+ - `stack-item-header-minimum-width`
100
+ - `stack-item-start-edge-to-content`
101
+ - `stack-item-drag-handle-to-control`
102
+ - `stack-item-text-to-control`
103
+ - `stack-item-edge-to-control`
104
+ - `stack-item-edge-to-visual`
105
+ - `stack-item-action-to-navigation`
106
+ - `stack-item-header-to-item`
107
+ - `stack-item-item-to-item`
108
+ - `stack-item-background-color-hover`
109
+ - `stack-item-background-color-down`
110
+ - `stack-item-background-color-key-focus`
111
+ - `stack-item-selected-background-color-default`
112
+ - `stack-item-selected-background-color-hover`
113
+ - `stack-item-selected-background-color-down`
114
+ - `stack-item-selected-background-color-key-focus`
115
+ - `stack-item-selected-background-color-emphasized`
116
+
117
+ </details>
118
+
3
119
  ## 13.8.0
4
120
 
5
121
  ### Minor Changes
package/dist/json/drover.json CHANGED
@@ -628,6 +628,14 @@
628
628
  "silver-background-color-default": "rgb(114, 114, 114)",
629
629
  "silver-subtle-background-color-default": "rgb(239, 239, 239)",
630
630
  "silver-visual-color": "rgb(128, 128, 128)",
631
+ "stack-item-background-color-down": "rgb(233, 233, 233)",
632
+ "stack-item-background-color-hover": "rgb(233, 233, 233)",
633
+ "stack-item-background-color-key-focus": "rgb(233, 233, 233)",
634
+ "stack-item-selected-background-color-default": "rgb(233, 233, 233)",
635
+ "stack-item-selected-background-color-down": "rgb(225, 225, 225)",
636
+ "stack-item-selected-background-color-emphasized": "rgb(59, 99, 251)",
637
+ "stack-item-selected-background-color-hover": "rgb(225, 225, 225)",
638
+ "stack-item-selected-background-color-key-focus": "rgb(225, 225, 225)",
631
639
  "standard-panel-gripper-color": "rgb(225, 225, 225)",
632
640
  "standard-panel-gripper-color-drag": "rgb(41, 41, 41)",
633
641
  "static-black-focus-indicator-color": "rgb(0, 0, 0)",
@@ -1344,6 +1352,14 @@
1344
1352
  "silver-background-color-default": "rgb(118, 118, 118)",
1345
1353
  "silver-subtle-background-color-default": "rgb(44, 44, 44)",
1346
1354
  "silver-visual-color": "rgb(137, 137, 137)",
1355
+ "stack-item-background-color-down": "rgb(44, 44, 44)",
1356
+ "stack-item-background-color-hover": "rgb(44, 44, 44)",
1357
+ "stack-item-background-color-key-focus": "rgb(44, 44, 44)",
1358
+ "stack-item-selected-background-color-default": "rgb(44, 44, 44)",
1359
+ "stack-item-selected-background-color-down": "rgb(50, 50, 50)",
1360
+ "stack-item-selected-background-color-emphasized": "rgb(64, 105, 253)",
1361
+ "stack-item-selected-background-color-hover": "rgb(50, 50, 50)",
1362
+ "stack-item-selected-background-color-key-focus": "rgb(50, 50, 50)",
1347
1363
  "standard-panel-gripper-color": "rgb(50, 50, 50)",
1348
1364
  "standard-panel-gripper-color-drag": "rgb(219, 219, 219)",
1349
1365
  "static-black-focus-indicator-color": "rgb(0, 0, 0)",
@@ -1514,10 +1530,14 @@
1514
1530
  "accordion-bottom-to-text-compact-large": "8px",
1515
1531
  "accordion-bottom-to-text-compact-medium": "5px",
1516
1532
  "accordion-bottom-to-text-compact-small": "2px",
1533
+ "accordion-bottom-to-text-extra-large": "12px",
1534
+ "accordion-bottom-to-text-large": "11px",
1535
+ "accordion-bottom-to-text-medium": "9px",
1517
1536
  "accordion-bottom-to-text-regular-extra-large": "12px",
1518
1537
  "accordion-bottom-to-text-regular-large": "11px",
1519
1538
  "accordion-bottom-to-text-regular-medium": "9px",
1520
1539
  "accordion-bottom-to-text-regular-small": "7px",
1540
+ "accordion-bottom-to-text-small": "7px",
1521
1541
  "accordion-bottom-to-text-spacious-extra-large": "16px",
1522
1542
  "accordion-bottom-to-text-spacious-large": "16px",
1523
1543
  "accordion-bottom-to-text-spacious-medium": "13px",
@@ -1543,18 +1563,22 @@
1543
1563
  "accordion-item-to-divider": "0px",
1544
1564
  "accordion-minimum-width": "200px",
1545
1565
  "accordion-small-top-to-text-spacious": "9px",
1546
- "accordion-top-to-text-compact-extra-large": "5px",
1547
- "accordion-top-to-text-compact-large": "4px",
1548
- "accordion-top-to-text-compact-medium": "4px",
1549
- "accordion-top-to-text-compact-small": "2px",
1550
- "accordion-top-to-text-regular-extra-large": "9px",
1551
- "accordion-top-to-text-regular-large": "9px",
1552
- "accordion-top-to-text-regular-medium": "8px",
1553
- "accordion-top-to-text-regular-small": "5px",
1554
- "accordion-top-to-text-spacious-extra-large": "13px",
1555
- "accordion-top-to-text-spacious-large": "12px",
1556
- "accordion-top-to-text-spacious-medium": "12px",
1557
- "accordion-top-to-text-spacious-small": "9px",
1566
+ "accordion-top-to-text-compact-extra-large": "8px",
1567
+ "accordion-top-to-text-compact-large": "8px",
1568
+ "accordion-top-to-text-compact-medium": "8px",
1569
+ "accordion-top-to-text-compact-small": "3px",
1570
+ "accordion-top-to-text-extra-large": "13px",
1571
+ "accordion-top-to-text-large": "12px",
1572
+ "accordion-top-to-text-medium": "12px",
1573
+ "accordion-top-to-text-regular-extra-large": "13px",
1574
+ "accordion-top-to-text-regular-large": "12px",
1575
+ "accordion-top-to-text-regular-medium": "12px",
1576
+ "accordion-top-to-text-regular-small": "7px",
1577
+ "accordion-top-to-text-small": "7px",
1578
+ "accordion-top-to-text-spacious-extra-large": "17px",
1579
+ "accordion-top-to-text-spacious-large": "16px",
1580
+ "accordion-top-to-text-spacious-medium": "16px",
1581
+ "accordion-top-to-text-spacious-small": "11px",
1558
1582
  "action-bar-bottom-to-content-area": "12px",
1559
1583
  "action-bar-close-button-to-counter": "4px",
1560
1584
  "action-bar-counter-font-size": "14px",
@@ -2086,6 +2110,18 @@
2086
2110
  "field-top-to-disclosure-icon-200": "14px",
2087
2111
  "field-top-to-disclosure-icon-300": "17px",
2088
2112
  "field-top-to-disclosure-icon-75": "7px",
2113
+ "field-top-to-disclosure-icon-compact-extra-large": "17px",
2114
+ "field-top-to-disclosure-icon-compact-large": "14px",
2115
+ "field-top-to-disclosure-icon-compact-medium": "11px",
2116
+ "field-top-to-disclosure-icon-compact-small": "7px",
2117
+ "field-top-to-disclosure-icon-extra-large": "21px",
2118
+ "field-top-to-disclosure-icon-large": "18px",
2119
+ "field-top-to-disclosure-icon-medium": "15px",
2120
+ "field-top-to-disclosure-icon-small": "11px",
2121
+ "field-top-to-disclosure-icon-spacious-extra-large": "25px",
2122
+ "field-top-to-disclosure-icon-spacious-large": "22px",
2123
+ "field-top-to-disclosure-icon-spacious-medium": "19px",
2124
+ "field-top-to-disclosure-icon-spacious-small": "15px",
2089
2125
  "field-top-to-progress-circle-extra-large": "11px",
2090
2126
  "field-top-to-progress-circle-large": "9px",
2091
2127
  "field-top-to-progress-circle-medium": "6px",
@@ -2199,6 +2235,7 @@
2199
2235
  "in-field-stepper-to-end-medium": "3px",
2200
2236
  "in-field-stepper-to-end-small": "0px",
2201
2237
  "in-line-alert-minimum-width": "240px",
2238
+ "label-to-description-0": "0px",
2202
2239
  "line-height-100": 1.3,
2203
2240
  "line-height-200": 1.5,
2204
2241
  "line-height-font-size-100": "18px",
@@ -2224,6 +2261,11 @@
2224
2261
  "link-out-icon-size-300": "14px",
2225
2262
  "link-out-icon-size-400": "16px",
2226
2263
  "link-out-icon-size-75": "10px",
2264
+ "list-view-end-edge-to-content": "6px",
2265
+ "list-view-item-bottom-corner-radius": "8px",
2266
+ "list-view-item-top-corner-radius": "8px",
2267
+ "list-view-minimum-height": "40px",
2268
+ "list-view-minimum-width": "200px",
2227
2269
  "menu-item-edge-to-content-not-selected-extra-large": "45px",
2228
2270
  "menu-item-edge-to-content-not-selected-large": "38px",
2229
2271
  "menu-item-edge-to-content-not-selected-medium": "32px",
@@ -2412,6 +2454,19 @@
2412
2454
  "spacing-75": "4px",
2413
2455
  "spacing-800": "64px",
2414
2456
  "spacing-900": "80px",
2457
+ "stack-item-action-to-navigation": "4px",
2458
+ "stack-item-drag-handle-to-control": "8px",
2459
+ "stack-item-edge-to-control": "12px",
2460
+ "stack-item-edge-to-visual": "12px",
2461
+ "stack-item-header-minimum-width": "200px",
2462
+ "stack-item-header-to-item": "0px",
2463
+ "stack-item-item-to-item": "-1px",
2464
+ "stack-item-selected-background-opacity-emphasized": "0.1",
2465
+ "stack-item-selected-background-opacity-emphasized-down": "0.15",
2466
+ "stack-item-selected-background-opacity-emphasized-hover": "0.15",
2467
+ "stack-item-selected-background-opacity-emphasized-key-focus": "0.15",
2468
+ "stack-item-start-edge-to-content": "4px",
2469
+ "stack-item-text-to-control": "8px",
2415
2470
  "standard-dialog-body-font-size": "16px",
2416
2471
  "standard-dialog-maximum-width-large": "640px",
2417
2472
  "standard-dialog-maximum-width-medium": "480px",
@@ -2764,6 +2819,7 @@
2764
2819
  "user-card-minimum-height-title-below-large": "244px",
2765
2820
  "user-card-minimum-height-title-below-medium": "224px",
2766
2821
  "user-card-minimum-height-title-below-small": "212px",
2822
+ "visual-to-control-100": "8px",
2767
2823
  "window-to-edge": "40px",
2768
2824
  "workflow-icon-size-100": "20px",
2769
2825
  "workflow-icon-size-200": "22px",