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