@adobe/spectrum-tokens 12.19.1 → 12.21.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 (9) hide show
  1. package/CHANGELOG.md +352 -275
  2. package/dist/json/drover.json +48 -1
  3. package/dist/json/variables.json +626 -62
  4. package/moon.yml +1 -0
  5. package/package.json +1 -1
  6. package/src/icons.json +663 -0
  7. package/src/layout-component.json +15 -2
  8. package/src/layout.json +0 -60
  9. package/tasks/diff.js +2 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,82 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 12.21.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 9ee663d: Modified and new Side nav tokens
8
+
9
+ ### Design Motivation
10
+
11
+ Category headings changed to Adobe Clean 12 Medium @ `gray-600`, to differentiate them from multi-level, top navigation items.
12
+
13
+ ### Token Diff
14
+
15
+ Token added (1):
16
+
17
+ - `side-navigation-header-to-item`
18
+
19
+ Token value updated (1):
20
+
21
+ - `side-navigation-item-to-header`: changed from `desktop: 16px` `mobile: 20px` to `desktop: 24px` `mobile: 30px`
22
+
23
+ ## 12.20.0
24
+
25
+ ### Minor Changes
26
+
27
+ - 9e42269: Added UI icon sizes
28
+
29
+ ### Token Diff
30
+
31
+ _Tokens added (46):_
32
+
33
+ - `arrow-icon-size-100`
34
+ - `arrow-icon-size-200`
35
+ - `arrow-icon-size-300`
36
+ - `arrow-icon-size-400`
37
+ - `arrow-icon-size-500`
38
+ - `arrow-icon-size-600`
39
+ - `arrow-icon-size-75`
40
+ - `asterisk-icon-size-100`
41
+ - `asterisk-icon-size-200`
42
+ - `asterisk-icon-size-300`
43
+ - `asterisk-icon-size-75`
44
+ - `checkmark-icon-size-100`
45
+ - `checkmark-icon-size-200`
46
+ - `checkmark-icon-size-300`
47
+ - `checkmark-icon-size-400`
48
+ - `checkmark-icon-size-50`
49
+ - `checkmark-icon-size-500`
50
+ - `checkmark-icon-size-600`
51
+ - `checkmark-icon-size-75`
52
+ - `chevron-icon-size-100`
53
+ - `chevron-icon-size-200`
54
+ - `chevron-icon-size-300`
55
+ - `chevron-icon-size-400`
56
+ - `chevron-icon-size-50`
57
+ - `chevron-icon-size-500`
58
+ - `chevron-icon-size-600`
59
+ - `chevron-icon-size-75`
60
+ - `corner-triangle-icon-size-100`
61
+ - `corner-triangle-icon-size-200`
62
+ - `corner-triangle-icon-size-300`
63
+ - `corner-triangle-icon-size-75`
64
+ - `cross-icon-size-100`
65
+ - `cross-icon-size-200`
66
+ - `cross-icon-size-300`
67
+ - `cross-icon-size-400`
68
+ - `cross-icon-size-500`
69
+ - `cross-icon-size-600`
70
+ - `cross-icon-size-75`
71
+ - `dash-icon-size-100`
72
+ - `dash-icon-size-200`
73
+ - `dash-icon-size-300`
74
+ - `dash-icon-size-400`
75
+ - `dash-icon-size-50`
76
+ - `dash-icon-size-500`
77
+ - `dash-icon-size-600`
78
+ - `dash-icon-size-75`
79
+
3
80
  ## 12.19.1
4
81
 
5
82
  ### Patch Changes
@@ -12,16 +89,16 @@
12
89
 
13
90
  - 0c716de: Added icon tokens
14
91
 
15
- ### Token Diff
92
+ ### Token Diff
16
93
 
17
- _Tokens added (6):_
94
+ _Tokens added (6):_
18
95
 
19
- - `icon-color-blue-primary-default`
20
- - `icon-color-green-primary-default`
21
- - `icon-color-inverse`
22
- - `icon-color-primary-default`
23
- - `icon-color-red-primary-default`
24
- - `icon-color-yellow-primary-default`
96
+ - `icon-color-blue-primary-default`
97
+ - `icon-color-green-primary-default`
98
+ - `icon-color-inverse`
99
+ - `icon-color-primary-default`
100
+ - `icon-color-red-primary-default`
101
+ - `icon-color-yellow-primary-default`
25
102
 
26
103
  ## 12.18.1
27
104
 
@@ -29,12 +106,12 @@
29
106
 
30
107
  - 6f5443e: Added missing `wireframe` values for 2 color tokens
31
108
 
32
- ## Token Diff
109
+ ### Token Diff
33
110
 
34
- _Tokens update (2):_
111
+ _Tokens update (2):_
35
112
 
36
- - `opacity-checkerboard-square-dark`
37
- - `overlay-opacity`
113
+ - `opacity-checkerboard-square-dark`
114
+ - `overlay-opacity`
38
115
 
39
116
  ## 12.18.0
40
117
 
@@ -42,19 +119,19 @@
42
119
 
43
120
  - bb89361: Update meter token from meter-default-width to meter-width.
44
121
 
45
- ### Design motivation
122
+ ### Design motivation
46
123
 
47
- We try to avoid "default" in the name (unless it's the state) because it's a word that implies that it's relative to something else that may not be named, which could get confusing. So meter-width I think for the name, and then just add a note in the specs.
124
+ We try to avoid "default" in the name (unless it's the state) because it's a word that implies that it's relative to something else that may not be named, which could get confusing. So meter-width I think for the name, and then just add a note in the specs.
48
125
 
49
- ### Token diff
126
+ ### Token diff
50
127
 
51
- _Renamed token:_
128
+ _Renamed token:_
52
129
 
53
- - `meter-default-width` -> `meter-width`
130
+ - `meter-default-width` -> `meter-width`
54
131
 
55
- _Token added for deprecation and rename:_
132
+ _Token added for deprecation and rename:_
56
133
 
57
- - `meter-default-width`
134
+ - `meter-default-width`
58
135
 
59
136
  ## 12.17.0
60
137
 
@@ -62,7 +139,7 @@
62
139
 
63
140
  - 687f6c3: Updated coach-mark tokens
64
141
 
65
- #### Token Diff
142
+ ### Token Diff
66
143
 
67
144
  _Tokens added (3):_
68
145
 
@@ -83,7 +160,7 @@ _Token values updated (4):_
83
160
 
84
161
  - 25dc20d: Add new menu-item token for section dividers
85
162
 
86
- #### Token Diff
163
+ ### Token Diff
87
164
 
88
165
  _Tokens added (1):_
89
166
 
@@ -95,7 +172,7 @@ _Tokens added (1):_
95
172
 
96
173
  - fc12f6d: Added side-navigation token
97
174
 
98
- #### Token Diff
175
+ ### Token Diff
99
176
 
100
177
  _Tokens added (1):_
101
178
 
@@ -107,29 +184,29 @@ _Tokens added (1):_
107
184
 
108
185
  - cb9e3bf: Added in-field button tokens
109
186
 
110
- ## Token Diff
111
-
112
- _Tokens added (19):_
113
-
114
- - `in-field-button-edge-to-disclosure-icon-stacked-extra-large`
115
- - `in-field-button-edge-to-disclosure-icon-stacked-large`
116
- - `in-field-button-edge-to-disclosure-icon-stacked-medium`
117
- - `in-field-button-edge-to-disclosure-icon-stacked-small`
118
- - `in-field-button-edge-to-fill`
119
- - `in-field-button-fill-stacked-inner-border-rounding`
120
- - `in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large`
121
- - `in-field-button-inner-edge-to-disclosure-icon-stacked-large`
122
- - `in-field-button-inner-edge-to-disclosure-icon-stacked-medium`
123
- - `in-field-button-inner-edge-to-disclosure-icon-stacked-small`
124
- - `in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large`
125
- - `in-field-button-outer-edge-to-disclosure-icon-stacked-large`
126
- - `in-field-button-outer-edge-to-disclosure-icon-stacked-medium`
127
- - `in-field-button-outer-edge-to-disclosure-icon-stacked-small`
128
- - `in-field-button-stacked-inner-edge-to-fill`
129
- - `in-field-button-width-stacked-extra-large`
130
- - `in-field-button-width-stacked-large`
131
- - `in-field-button-width-stacked-medium`
132
- - `in-field-button-width-stacked-small`
187
+ ### Token Diff
188
+
189
+ _Tokens added (19):_
190
+
191
+ - `in-field-button-edge-to-disclosure-icon-stacked-extra-large`
192
+ - `in-field-button-edge-to-disclosure-icon-stacked-large`
193
+ - `in-field-button-edge-to-disclosure-icon-stacked-medium`
194
+ - `in-field-button-edge-to-disclosure-icon-stacked-small`
195
+ - `in-field-button-edge-to-fill`
196
+ - `in-field-button-fill-stacked-inner-border-rounding`
197
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large`
198
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-large`
199
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-medium`
200
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-small`
201
+ - `in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large`
202
+ - `in-field-button-outer-edge-to-disclosure-icon-stacked-large`
203
+ - `in-field-button-outer-edge-to-disclosure-icon-stacked-medium`
204
+ - `in-field-button-outer-edge-to-disclosure-icon-stacked-small`
205
+ - `in-field-button-stacked-inner-edge-to-fill`
206
+ - `in-field-button-width-stacked-extra-large`
207
+ - `in-field-button-width-stacked-large`
208
+ - `in-field-button-width-stacked-medium`
209
+ - `in-field-button-width-stacked-small`
133
210
 
134
211
  ## 12.13.1
135
212
 
@@ -143,98 +220,98 @@ _Tokens added (1):_
143
220
 
144
221
  - d740d2c: added table tokens
145
222
 
146
- ## Token diff
147
-
148
- _Tokens added (88):_
149
-
150
- - `table-border-divider-width`
151
- - `table-checkbox-to-text`
152
- - `table-column-header-row-bottom-to-text-extra-large`
153
- - `table-column-header-row-bottom-to-text-large`
154
- - `table-column-header-row-bottom-to-text-medium`
155
- - `table-column-header-row-bottom-to-text-small`
156
- - `table-column-header-row-top-to-text-extra-large`
157
- - `table-column-header-row-top-to-text-large`
158
- - `table-column-header-row-top-to-text-medium`
159
- - `table-column-header-row-top-to-text-small`
160
- - `table-edge-to-content`
161
- - `table-header-row-checkbox-to-top-extra-large`
162
- - `table-header-row-checkbox-to-top-large`
163
- - `table-header-row-checkbox-to-top-medium`
164
- - `table-header-row-checkbox-to-top-small`
165
- - `table-row-bottom-to-text-extra-large-compact`
166
- - `table-row-bottom-to-text-extra-large-regular`
167
- - `table-row-bottom-to-text-extra-large-spacious`
168
- - `table-row-bottom-to-text-large-compact`
169
- - `table-row-bottom-to-text-large-regular`
170
- - `table-row-bottom-to-text-large-spacious`
171
- - `table-row-bottom-to-text-medium-compact`
172
- - `table-row-bottom-to-text-medium-regular`
173
- - `table-row-bottom-to-text-medium-spacious`
174
- - `table-row-bottom-to-text-small-compact`
175
- - `table-row-bottom-to-text-small-regular`
176
- - `table-row-bottom-to-text-small-spacious`
177
- - `table-row-checkbox-to-top-extra-large-compact`
178
- - `table-row-checkbox-to-top-extra-large-regular`
179
- - `table-row-checkbox-to-top-extra-large-spacious`
180
- - `table-row-checkbox-to-top-large-compact`
181
- - `table-row-checkbox-to-top-large-regular`
182
- - `table-row-checkbox-to-top-large-spacious`
183
- - `table-row-checkbox-to-top-medium-compact`
184
- - `table-row-checkbox-to-top-medium-regular`
185
- - `table-row-checkbox-to-top-medium-spacious`
186
- - `table-row-checkbox-to-top-small-compact`
187
- - `table-row-checkbox-to-top-small-regular`
188
- - `table-row-checkbox-to-top-small-spacious`
189
- - `table-row-down-opacity`
190
- - `table-row-height-extra-large-compact`
191
- - `table-row-height-extra-large-regular`
192
- - `table-row-height-extra-large-spacious`
193
- - `table-row-height-large-compact`
194
- - `table-row-height-large-regular`
195
- - `table-row-height-large-spacious`
196
- - `table-row-height-medium-compact`
197
- - `table-row-height-medium-regular`
198
- - `table-row-height-medium-spacious`
199
- - `table-row-height-small-compact`
200
- - `table-row-height-small-regular`
201
- - `table-row-height-small-spacious`
202
- - `table-row-hover-color`
203
- - `table-row-hover-opacity`
204
- - `table-row-top-to-text-extra-large-compact`
205
- - `table-row-top-to-text-extra-large-regular`
206
- - `table-row-top-to-text-extra-large-spacious`
207
- - `table-row-top-to-text-large-compact`
208
- - `table-row-top-to-text-large-regular`
209
- - `table-row-top-to-text-large-spacious`
210
- - `table-row-top-to-text-medium-compact`
211
- - `table-row-top-to-text-medium-regular`
212
- - `table-row-top-to-text-medium-spacious`
213
- - `table-row-top-to-text-small-compact`
214
- - `table-row-top-to-text-small-regular`
215
- - `table-row-top-to-text-small-spacious`
216
- - `table-section-header-row-height-extra-large`
217
- - `table-section-header-row-height-large`
218
- - `table-section-header-row-height-medium`
219
- - `table-section-header-row-height-small`
220
- - `table-selected-row-background-color`
221
- - `table-selected-row-background-color-non-emphasized`
222
- - `table-selected-row-background-opacity`
223
- - `table-selected-row-background-opacity-hover`
224
- - `table-selected-row-background-opacity-non-emphasized`
225
- - `table-selected-row-background-opacity-non-emphasized-hover`
226
- - `table-thumbnail-to-top-minimum-extra-large-compact`
227
- - `table-thumbnail-to-top-minimum-extra-large-regular`
228
- - `table-thumbnail-to-top-minimum-extra-large-spacious`
229
- - `table-thumbnail-to-top-minimum-large-compact`
230
- - `table-thumbnail-to-top-minimum-large-regular`
231
- - `table-thumbnail-to-top-minimum-large-spacious`
232
- - `table-thumbnail-to-top-minimum-medium-compact`
233
- - `table-thumbnail-to-top-minimum-medium-regular`
234
- - `table-thumbnail-to-top-minimum-medium-spacious`
235
- - `table-thumbnail-to-top-minimum-small-compact`
236
- - `table-thumbnail-to-top-minimum-small-regular`
237
- - `table-thumbnail-to-top-minimum-small-spacious`
223
+ ### Token diff
224
+
225
+ _Tokens added (88):_
226
+
227
+ - `table-border-divider-width`
228
+ - `table-checkbox-to-text`
229
+ - `table-column-header-row-bottom-to-text-extra-large`
230
+ - `table-column-header-row-bottom-to-text-large`
231
+ - `table-column-header-row-bottom-to-text-medium`
232
+ - `table-column-header-row-bottom-to-text-small`
233
+ - `table-column-header-row-top-to-text-extra-large`
234
+ - `table-column-header-row-top-to-text-large`
235
+ - `table-column-header-row-top-to-text-medium`
236
+ - `table-column-header-row-top-to-text-small`
237
+ - `table-edge-to-content`
238
+ - `table-header-row-checkbox-to-top-extra-large`
239
+ - `table-header-row-checkbox-to-top-large`
240
+ - `table-header-row-checkbox-to-top-medium`
241
+ - `table-header-row-checkbox-to-top-small`
242
+ - `table-row-bottom-to-text-extra-large-compact`
243
+ - `table-row-bottom-to-text-extra-large-regular`
244
+ - `table-row-bottom-to-text-extra-large-spacious`
245
+ - `table-row-bottom-to-text-large-compact`
246
+ - `table-row-bottom-to-text-large-regular`
247
+ - `table-row-bottom-to-text-large-spacious`
248
+ - `table-row-bottom-to-text-medium-compact`
249
+ - `table-row-bottom-to-text-medium-regular`
250
+ - `table-row-bottom-to-text-medium-spacious`
251
+ - `table-row-bottom-to-text-small-compact`
252
+ - `table-row-bottom-to-text-small-regular`
253
+ - `table-row-bottom-to-text-small-spacious`
254
+ - `table-row-checkbox-to-top-extra-large-compact`
255
+ - `table-row-checkbox-to-top-extra-large-regular`
256
+ - `table-row-checkbox-to-top-extra-large-spacious`
257
+ - `table-row-checkbox-to-top-large-compact`
258
+ - `table-row-checkbox-to-top-large-regular`
259
+ - `table-row-checkbox-to-top-large-spacious`
260
+ - `table-row-checkbox-to-top-medium-compact`
261
+ - `table-row-checkbox-to-top-medium-regular`
262
+ - `table-row-checkbox-to-top-medium-spacious`
263
+ - `table-row-checkbox-to-top-small-compact`
264
+ - `table-row-checkbox-to-top-small-regular`
265
+ - `table-row-checkbox-to-top-small-spacious`
266
+ - `table-row-down-opacity`
267
+ - `table-row-height-extra-large-compact`
268
+ - `table-row-height-extra-large-regular`
269
+ - `table-row-height-extra-large-spacious`
270
+ - `table-row-height-large-compact`
271
+ - `table-row-height-large-regular`
272
+ - `table-row-height-large-spacious`
273
+ - `table-row-height-medium-compact`
274
+ - `table-row-height-medium-regular`
275
+ - `table-row-height-medium-spacious`
276
+ - `table-row-height-small-compact`
277
+ - `table-row-height-small-regular`
278
+ - `table-row-height-small-spacious`
279
+ - `table-row-hover-color`
280
+ - `table-row-hover-opacity`
281
+ - `table-row-top-to-text-extra-large-compact`
282
+ - `table-row-top-to-text-extra-large-regular`
283
+ - `table-row-top-to-text-extra-large-spacious`
284
+ - `table-row-top-to-text-large-compact`
285
+ - `table-row-top-to-text-large-regular`
286
+ - `table-row-top-to-text-large-spacious`
287
+ - `table-row-top-to-text-medium-compact`
288
+ - `table-row-top-to-text-medium-regular`
289
+ - `table-row-top-to-text-medium-spacious`
290
+ - `table-row-top-to-text-small-compact`
291
+ - `table-row-top-to-text-small-regular`
292
+ - `table-row-top-to-text-small-spacious`
293
+ - `table-section-header-row-height-extra-large`
294
+ - `table-section-header-row-height-large`
295
+ - `table-section-header-row-height-medium`
296
+ - `table-section-header-row-height-small`
297
+ - `table-selected-row-background-color`
298
+ - `table-selected-row-background-color-non-emphasized`
299
+ - `table-selected-row-background-opacity`
300
+ - `table-selected-row-background-opacity-hover`
301
+ - `table-selected-row-background-opacity-non-emphasized`
302
+ - `table-selected-row-background-opacity-non-emphasized-hover`
303
+ - `table-thumbnail-to-top-minimum-extra-large-compact`
304
+ - `table-thumbnail-to-top-minimum-extra-large-regular`
305
+ - `table-thumbnail-to-top-minimum-extra-large-spacious`
306
+ - `table-thumbnail-to-top-minimum-large-compact`
307
+ - `table-thumbnail-to-top-minimum-large-regular`
308
+ - `table-thumbnail-to-top-minimum-large-spacious`
309
+ - `table-thumbnail-to-top-minimum-medium-compact`
310
+ - `table-thumbnail-to-top-minimum-medium-regular`
311
+ - `table-thumbnail-to-top-minimum-medium-spacious`
312
+ - `table-thumbnail-to-top-minimum-small-compact`
313
+ - `table-thumbnail-to-top-minimum-small-regular`
314
+ - `table-thumbnail-to-top-minimum-small-spacious`
238
315
 
239
316
  ## 12.12.1
240
317
 
@@ -242,61 +319,61 @@ _Tokens added (1):_
242
319
 
243
320
  - 6365597: Added IDs to previously publish tab tokens
244
321
 
245
- ## Token Diff
246
-
247
- _Tokens updated (51):_
248
-
249
- - `accent-content-color-selected`
250
- - `neutral-subdued-content-color-selected`
251
- - `tab-item-bottom-to-text-compact-extra-large`
252
- - `tab-item-bottom-to-text-compact-large`
253
- - `tab-item-bottom-to-text-compact-medium`
254
- - `tab-item-bottom-to-text-compact-small`
255
- - `tab-item-bottom-to-text-extra-large`
256
- - `tab-item-bottom-to-text-large`
257
- - `tab-item-bottom-to-text-medium`
258
- - `tab-item-bottom-to-text-small`
259
- - `tab-item-compact-height-extra-large`
260
- - `tab-item-compact-height-large`
261
- - `tab-item-compact-height-medium`
262
- - `tab-item-compact-height-small`
263
- - `tab-item-focus-indicator-gap-extra-large`
264
- - `tab-item-focus-indicator-gap-large`
265
- - `tab-item-focus-indicator-gap-medium`
266
- - `tab-item-focus-indicator-gap-small`
267
- - `tab-item-height-extra-large`
268
- - `tab-item-height-large`
269
- - `tab-item-height-medium`
270
- - `tab-item-height-small`
271
- - `tab-item-start-to-edge-extra-large`
272
- - `tab-item-start-to-edge-large`
273
- - `tab-item-start-to-edge-medium`
274
- - `tab-item-start-to-edge-quiet`
275
- - `tab-item-start-to-edge-small`
276
- - `tab-item-to-tab-item-horizontal-extra-large`
277
- - `tab-item-to-tab-item-horizontal-large`
278
- - `tab-item-to-tab-item-horizontal-medium`
279
- - `tab-item-to-tab-item-horizontal-small`
280
- - `tab-item-to-tab-item-vertical-extra-large`
281
- - `tab-item-to-tab-item-vertical-large`
282
- - `tab-item-to-tab-item-vertical-medium`
283
- - `tab-item-to-tab-item-vertical-small`
284
- - `tab-item-top-to-text-compact-extra-large`
285
- - `tab-item-top-to-text-compact-large`
286
- - `tab-item-top-to-text-compact-medium`
287
- - `tab-item-top-to-text-compact-small`
288
- - `tab-item-top-to-text-extra-large`
289
- - `tab-item-top-to-text-large`
290
- - `tab-item-top-to-text-medium`
291
- - `tab-item-top-to-text-small`
292
- - `tab-item-top-to-workflow-icon-compact-extra-large`
293
- - `tab-item-top-to-workflow-icon-compact-large`
294
- - `tab-item-top-to-workflow-icon-compact-medium`
295
- - `tab-item-top-to-workflow-icon-compact-small`
296
- - `tab-item-top-to-workflow-icon-extra-large`
297
- - `tab-item-top-to-workflow-icon-large`
298
- - `tab-item-top-to-workflow-icon-medium`
299
- - `tab-item-top-to-workflow-icon-small`
322
+ ### Token Diff
323
+
324
+ _Tokens updated (51):_
325
+
326
+ - `accent-content-color-selected`
327
+ - `neutral-subdued-content-color-selected`
328
+ - `tab-item-bottom-to-text-compact-extra-large`
329
+ - `tab-item-bottom-to-text-compact-large`
330
+ - `tab-item-bottom-to-text-compact-medium`
331
+ - `tab-item-bottom-to-text-compact-small`
332
+ - `tab-item-bottom-to-text-extra-large`
333
+ - `tab-item-bottom-to-text-large`
334
+ - `tab-item-bottom-to-text-medium`
335
+ - `tab-item-bottom-to-text-small`
336
+ - `tab-item-compact-height-extra-large`
337
+ - `tab-item-compact-height-large`
338
+ - `tab-item-compact-height-medium`
339
+ - `tab-item-compact-height-small`
340
+ - `tab-item-focus-indicator-gap-extra-large`
341
+ - `tab-item-focus-indicator-gap-large`
342
+ - `tab-item-focus-indicator-gap-medium`
343
+ - `tab-item-focus-indicator-gap-small`
344
+ - `tab-item-height-extra-large`
345
+ - `tab-item-height-large`
346
+ - `tab-item-height-medium`
347
+ - `tab-item-height-small`
348
+ - `tab-item-start-to-edge-extra-large`
349
+ - `tab-item-start-to-edge-large`
350
+ - `tab-item-start-to-edge-medium`
351
+ - `tab-item-start-to-edge-quiet`
352
+ - `tab-item-start-to-edge-small`
353
+ - `tab-item-to-tab-item-horizontal-extra-large`
354
+ - `tab-item-to-tab-item-horizontal-large`
355
+ - `tab-item-to-tab-item-horizontal-medium`
356
+ - `tab-item-to-tab-item-horizontal-small`
357
+ - `tab-item-to-tab-item-vertical-extra-large`
358
+ - `tab-item-to-tab-item-vertical-large`
359
+ - `tab-item-to-tab-item-vertical-medium`
360
+ - `tab-item-to-tab-item-vertical-small`
361
+ - `tab-item-top-to-text-compact-extra-large`
362
+ - `tab-item-top-to-text-compact-large`
363
+ - `tab-item-top-to-text-compact-medium`
364
+ - `tab-item-top-to-text-compact-small`
365
+ - `tab-item-top-to-text-extra-large`
366
+ - `tab-item-top-to-text-large`
367
+ - `tab-item-top-to-text-medium`
368
+ - `tab-item-top-to-text-small`
369
+ - `tab-item-top-to-workflow-icon-compact-extra-large`
370
+ - `tab-item-top-to-workflow-icon-compact-large`
371
+ - `tab-item-top-to-workflow-icon-compact-medium`
372
+ - `tab-item-top-to-workflow-icon-compact-small`
373
+ - `tab-item-top-to-workflow-icon-extra-large`
374
+ - `tab-item-top-to-workflow-icon-large`
375
+ - `tab-item-top-to-workflow-icon-medium`
376
+ - `tab-item-top-to-workflow-icon-small`
300
377
 
301
378
  ## 12.12.0
302
379
 
@@ -304,61 +381,61 @@ _Tokens added (1):_
304
381
 
305
382
  - ba02b18: Added tokens for the tabs component
306
383
 
307
- ## Token diff
308
-
309
- _Tokens added (51):_
310
-
311
- - `accent-content-color-selected`
312
- - `neutral-subdued-content-color-selected`
313
- - `tab-item-bottom-to-text-compact-extra-large`
314
- - `tab-item-bottom-to-text-compact-large`
315
- - `tab-item-bottom-to-text-compact-medium`
316
- - `tab-item-bottom-to-text-compact-small`
317
- - `tab-item-bottom-to-text-extra-large`
318
- - `tab-item-bottom-to-text-large`
319
- - `tab-item-bottom-to-text-medium`
320
- - `tab-item-bottom-to-text-small`
321
- - `tab-item-compact-height-extra-large`
322
- - `tab-item-compact-height-large`
323
- - `tab-item-compact-height-medium`
324
- - `tab-item-compact-height-small`
325
- - `tab-item-focus-indicator-gap-extra-large`
326
- - `tab-item-focus-indicator-gap-large`
327
- - `tab-item-focus-indicator-gap-medium`
328
- - `tab-item-focus-indicator-gap-small`
329
- - `tab-item-height-extra-large`
330
- - `tab-item-height-large`
331
- - `tab-item-height-medium`
332
- - `tab-item-height-small`
333
- - `tab-item-start-to-edge-extra-large`
334
- - `tab-item-start-to-edge-large`
335
- - `tab-item-start-to-edge-medium`
336
- - `tab-item-start-to-edge-quiet`
337
- - `tab-item-start-to-edge-small`
338
- - `tab-item-to-tab-item-horizontal-extra-large`
339
- - `tab-item-to-tab-item-horizontal-large`
340
- - `tab-item-to-tab-item-horizontal-medium`
341
- - `tab-item-to-tab-item-horizontal-small`
342
- - `tab-item-to-tab-item-vertical-extra-large`
343
- - `tab-item-to-tab-item-vertical-large`
344
- - `tab-item-to-tab-item-vertical-medium`
345
- - `tab-item-to-tab-item-vertical-small`
346
- - `tab-item-top-to-text-compact-extra-large`
347
- - `tab-item-top-to-text-compact-large`
348
- - `tab-item-top-to-text-compact-medium`
349
- - `tab-item-top-to-text-compact-small`
350
- - `tab-item-top-to-text-extra-large`
351
- - `tab-item-top-to-text-large`
352
- - `tab-item-top-to-text-medium`
353
- - `tab-item-top-to-text-small`
354
- - `tab-item-top-to-workflow-icon-compact-extra-large`
355
- - `tab-item-top-to-workflow-icon-compact-large`
356
- - `tab-item-top-to-workflow-icon-compact-medium`
357
- - `tab-item-top-to-workflow-icon-compact-small`
358
- - `tab-item-top-to-workflow-icon-extra-large`
359
- - `tab-item-top-to-workflow-icon-large`
360
- - `tab-item-top-to-workflow-icon-medium`
361
- - `tab-item-top-to-workflow-icon-small`
384
+ ### Token diff
385
+
386
+ _Tokens added (51):_
387
+
388
+ - `accent-content-color-selected`
389
+ - `neutral-subdued-content-color-selected`
390
+ - `tab-item-bottom-to-text-compact-extra-large`
391
+ - `tab-item-bottom-to-text-compact-large`
392
+ - `tab-item-bottom-to-text-compact-medium`
393
+ - `tab-item-bottom-to-text-compact-small`
394
+ - `tab-item-bottom-to-text-extra-large`
395
+ - `tab-item-bottom-to-text-large`
396
+ - `tab-item-bottom-to-text-medium`
397
+ - `tab-item-bottom-to-text-small`
398
+ - `tab-item-compact-height-extra-large`
399
+ - `tab-item-compact-height-large`
400
+ - `tab-item-compact-height-medium`
401
+ - `tab-item-compact-height-small`
402
+ - `tab-item-focus-indicator-gap-extra-large`
403
+ - `tab-item-focus-indicator-gap-large`
404
+ - `tab-item-focus-indicator-gap-medium`
405
+ - `tab-item-focus-indicator-gap-small`
406
+ - `tab-item-height-extra-large`
407
+ - `tab-item-height-large`
408
+ - `tab-item-height-medium`
409
+ - `tab-item-height-small`
410
+ - `tab-item-start-to-edge-extra-large`
411
+ - `tab-item-start-to-edge-large`
412
+ - `tab-item-start-to-edge-medium`
413
+ - `tab-item-start-to-edge-quiet`
414
+ - `tab-item-start-to-edge-small`
415
+ - `tab-item-to-tab-item-horizontal-extra-large`
416
+ - `tab-item-to-tab-item-horizontal-large`
417
+ - `tab-item-to-tab-item-horizontal-medium`
418
+ - `tab-item-to-tab-item-horizontal-small`
419
+ - `tab-item-to-tab-item-vertical-extra-large`
420
+ - `tab-item-to-tab-item-vertical-large`
421
+ - `tab-item-to-tab-item-vertical-medium`
422
+ - `tab-item-to-tab-item-vertical-small`
423
+ - `tab-item-top-to-text-compact-extra-large`
424
+ - `tab-item-top-to-text-compact-large`
425
+ - `tab-item-top-to-text-compact-medium`
426
+ - `tab-item-top-to-text-compact-small`
427
+ - `tab-item-top-to-text-extra-large`
428
+ - `tab-item-top-to-text-large`
429
+ - `tab-item-top-to-text-medium`
430
+ - `tab-item-top-to-text-small`
431
+ - `tab-item-top-to-workflow-icon-compact-extra-large`
432
+ - `tab-item-top-to-workflow-icon-compact-large`
433
+ - `tab-item-top-to-workflow-icon-compact-medium`
434
+ - `tab-item-top-to-workflow-icon-compact-small`
435
+ - `tab-item-top-to-workflow-icon-extra-large`
436
+ - `tab-item-top-to-workflow-icon-large`
437
+ - `tab-item-top-to-workflow-icon-medium`
438
+ - `tab-item-top-to-workflow-icon-small`
362
439
 
363
440
  ## 12.11.0
364
441
 
@@ -366,15 +443,15 @@ _Tokens added (1):_
366
443
 
367
444
  - 1a57f08: Fixed typo with `picker-end-edge-to-disclosure-icon-quiet` by adding a new token and deprecating `picker-end-edge-to-disclousure-icon-quiet`.
368
445
 
369
- ## Token Diff
446
+ ### Token Diff
370
447
 
371
- _Token added (1):_
448
+ _Token added (1):_
372
449
 
373
- - `picker-end-edge-to-disclosure-icon-quiet`
450
+ - `picker-end-edge-to-disclosure-icon-quiet`
374
451
 
375
- _Newly deprecated token (1):_
452
+ _Newly deprecated token (1):_
376
453
 
377
- - `picker-end-edge-to-disclousure-icon-quiet`
454
+ - `picker-end-edge-to-disclousure-icon-quiet`
378
455
 
379
456
  ## 12.10.0
380
457
 
@@ -382,11 +459,11 @@ _Tokens added (1):_
382
459
 
383
460
  - 0829c5d: Added UUIDs to each token
384
461
 
385
- ## Token Diff
462
+ ### Token Diff
386
463
 
387
- _Modified Tokens (1154)_
464
+ _Modified Tokens (1154)_
388
465
 
389
- Every token has a `uuid` property added to them.
466
+ Every token has a `uuid` property added to them.
390
467
 
391
468
  ## 12.9.1
392
469
 
@@ -394,19 +471,19 @@ _Tokens added (1):_
394
471
 
395
472
  - cace8d8: Fixed component name typo
396
473
 
397
- ## Token Diff
474
+ ### Token Diff
398
475
 
399
- The following tokens have update `component` metadata property (all have been set to `coach-mark`):
476
+ The following tokens have update `component` metadata property (all have been set to `coach-mark`):
400
477
 
401
- - `coach-mark-minimum-width`
402
- - `coach-mark-edge-to-content`
403
- - `coach-mark-pagination-text-to-bottom-edge`
404
- - `coach-mark-width`
405
- - `coach-mark-media-minimum-height`
406
- - `coach-mark-media-height`
407
- - `coach-mark-title-size`
408
- - `coach-mark-body-size`
409
- - `coach-mark-pagination-body-size`
478
+ - `coach-mark-minimum-width`
479
+ - `coach-mark-edge-to-content`
480
+ - `coach-mark-pagination-text-to-bottom-edge`
481
+ - `coach-mark-width`
482
+ - `coach-mark-media-minimum-height`
483
+ - `coach-mark-media-height`
484
+ - `coach-mark-title-size`
485
+ - `coach-mark-body-size`
486
+ - `coach-mark-pagination-body-size`
410
487
 
411
488
  ## 12.9.0
412
489
 
@@ -414,15 +491,15 @@ _Tokens added (1):_
414
491
 
415
492
  - fe7a002: Fixed typo by adding correct token (`floating-action-button-drop-shadow-color`) and deprecating incorrect token name (`floating-action-button-shadow-color`).
416
493
 
417
- ## Token Diff
494
+ ### Token Diff
418
495
 
419
- _Token added (1):_
496
+ _Token added (1):_
420
497
 
421
- - `floating-action-button-drop-shadow-color`
498
+ - `floating-action-button-drop-shadow-color`
422
499
 
423
- _Newly deprecated token (1):_
500
+ _Newly deprecated token (1):_
424
501
 
425
- - `floating-action-button-shadow-color` (use `floating-action-button-drop-shadow-color` instead)
502
+ - `floating-action-button-shadow-color` (use `floating-action-button-drop-shadow-color` instead)
426
503
 
427
504
  ## 12.8.0
428
505
 
@@ -430,12 +507,12 @@ _Tokens added (1):_
430
507
 
431
508
  - d639b4b: Updated color-handle-inner-border-opacity to remove express specific value
432
509
 
433
- ## Token Diff
510
+ ### Token Diff
434
511
 
435
- _Token values updated (2):_
512
+ _Token values updated (2):_
436
513
 
437
- - `color-handle-inner-border-opacity` (to remove express specific values)
438
- - `color-handle-outer-border-opacity` (to remove express specific values)
514
+ - `color-handle-inner-border-opacity` (to remove express specific values)
515
+ - `color-handle-outer-border-opacity` (to remove express specific values)
439
516
 
440
517
  ## 12.7.0
441
518