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