@adobe/spectrum-tokens 14.2.3 → 14.3.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,792 @@
1
1
  # [**@adobe/spectrum-tokens**](https://github.com/adobe/spectrum-design-data)
2
2
 
3
+ ## 14.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#753](https://github.com/adobe/spectrum-design-data/pull/753) [`a6d8f51`](https://github.com/adobe/spectrum-design-data/commit/a6d8f51a72409d2d8bbc509e2262aaa5f34cd0f1) Thanks [@GarthDB](https://github.com/GarthDB)! - ## Token sync from Spectrum Tokens Studio
8
+
9
+ **Original implementer:** @NateBaldwinDesign
10
+
11
+ ### Design motivation
12
+
13
+ This release introduces semantic layout tokens as part of Spectrum's initiative to improve token usability and comprehension. The changes replace hundreds of component-specific spacing tokens with a smaller set of semantic tokens that follow a consistent naming pattern (via formalized taxonomy) and spacing formulas. This simplification addresses key issues:
14
+ 1. **Excessive token volume:** Reduces from hundreds of component-specific tokens to ~100 semantic tokens
15
+ 2. **Lack of clear naming:** Introduces consistent semantic taxonomy (base-gap, base-padding, container-padding, etc.)
16
+ 3. **Inconsistent measurements:** Unifies spacing values across components using consistent formulas
17
+ 4. **Future Spectrum alignment:** Aligns with Spectrum 2 design specifications and Future Foundations principles
18
+
19
+ Changes:
20
+ - Added new semantic layout tokens following the new taxonomy and spacing formula values
21
+ - Added `workflow-icon-*` and `ui-icon-*` sizing tokens in `layout.json` and `layout-component.json`
22
+ - Deprecated 540 component-specific spacing tokens with migration metadata (`deprecated_comment` and `renamed`) pointing to their semantic replacements
23
+ - Added deprecation metadata (`deprecated_comment`, `renamed`) to 2 `side-navigation-with-icon-*` tokens that were previously deprecated at the set level only
24
+ - Flattened 4 `help-text-top-to-workflow-icon-*` tokens from scale-sets to simple aliases
25
+ - Added `description` field to new semantic tokens documenting their purpose
26
+ - Added `description` property to all token-type JSON schemas (aligns with DTCG `$description`)
27
+ - Added `renamed` property to set-type schemas for deprecation migration support
28
+
29
+ ### Token changes
30
+
31
+ ## Tokens Changed (671)
32
+
33
+ <details><summary><strong>Newly Deprecated (540)</strong></summary>
34
+ - `text-to-visual-50`
35
+ - `text-to-visual-75`
36
+ - `text-to-visual-100`
37
+ - `text-to-visual-200`
38
+ - `text-to-visual-300`
39
+ - `text-to-visual-400`
40
+ - `text-to-control-50`
41
+ - `text-to-control-75`
42
+ - `text-to-control-100`
43
+ - `text-to-control-200`
44
+ - `text-to-control-300`
45
+ - `visual-to-control-100`
46
+ - `label-to-description-0`
47
+ - `focus-indicator-gap`
48
+ - `component-pill-edge-to-visual-75`
49
+ - `component-pill-edge-to-visual-100`
50
+ - `component-pill-edge-to-visual-200`
51
+ - `component-pill-edge-to-visual-300`
52
+ - `component-pill-edge-to-visual-only-75`
53
+ - `component-pill-edge-to-visual-only-100`
54
+ - `component-pill-edge-to-visual-only-200`
55
+ - `component-pill-edge-to-visual-only-300`
56
+ - `component-pill-edge-to-text-75`
57
+ - `component-pill-edge-to-text-100`
58
+ - `component-pill-edge-to-text-200`
59
+ - `component-pill-edge-to-text-300`
60
+ - `component-edge-to-visual-50`
61
+ - `component-edge-to-visual-75`
62
+ - `component-edge-to-visual-100`
63
+ - `component-edge-to-visual-200`
64
+ - `component-edge-to-visual-300`
65
+ - `component-edge-to-visual-only-50`
66
+ - `component-edge-to-visual-only-75`
67
+ - `component-edge-to-visual-only-100`
68
+ - `component-edge-to-visual-only-200`
69
+ - `component-edge-to-visual-only-300`
70
+ - `component-edge-to-text-50`
71
+ - `component-edge-to-text-75`
72
+ - `component-edge-to-text-100`
73
+ - `component-edge-to-text-200`
74
+ - `component-edge-to-text-300`
75
+ - `component-top-to-workflow-icon-50`
76
+ - `component-top-to-workflow-icon-75`
77
+ - `component-top-to-workflow-icon-100`
78
+ - `component-top-to-workflow-icon-200`
79
+ - `component-top-to-workflow-icon-300`
80
+ - `component-top-to-text-50`
81
+ - `component-top-to-text-75`
82
+ - `component-top-to-text-100`
83
+ - `component-top-to-text-200`
84
+ - `component-top-to-text-300`
85
+ - `component-bottom-to-text-50`
86
+ - `component-bottom-to-text-75`
87
+ - `component-bottom-to-text-100`
88
+ - `component-bottom-to-text-200`
89
+ - `component-bottom-to-text-300`
90
+ - `component-to-menu-small`
91
+ - `component-to-menu-medium`
92
+ - `component-to-menu-large`
93
+ - `component-to-menu-extra-large`
94
+ - `field-edge-to-visual-quiet`
95
+ - `field-edge-to-disclosure-icon-75`
96
+ - `field-edge-to-disclosure-icon-100`
97
+ - `field-edge-to-disclosure-icon-200`
98
+ - `field-edge-to-disclosure-icon-300`
99
+ - `field-end-edge-to-disclosure-icon-75`
100
+ - `field-end-edge-to-disclosure-icon-100`
101
+ - `field-end-edge-to-disclosure-icon-200`
102
+ - `field-end-edge-to-disclosure-icon-300`
103
+ - `field-top-to-disclosure-icon-75`
104
+ - `field-top-to-disclosure-icon-100`
105
+ - `field-top-to-disclosure-icon-200`
106
+ - `field-top-to-disclosure-icon-300`
107
+ - `field-top-to-alert-icon-small`
108
+ - `field-top-to-alert-icon-medium`
109
+ - `field-top-to-alert-icon-large`
110
+ - `field-top-to-alert-icon-extra-large`
111
+ - `field-top-to-validation-icon-small`
112
+ - `field-top-to-validation-icon-medium`
113
+ - `field-top-to-validation-icon-large`
114
+ - `field-top-to-validation-icon-extra-large`
115
+ - `field-top-to-progress-circle-small`
116
+ - `field-top-to-progress-circle-medium`
117
+ - `field-top-to-progress-circle-large`
118
+ - `field-top-to-progress-circle-extra-large`
119
+ - `field-edge-to-alert-icon-small`
120
+ - `field-edge-to-alert-icon-medium`
121
+ - `field-edge-to-alert-icon-large`
122
+ - `field-edge-to-alert-icon-extra-large`
123
+ - `field-edge-to-validation-icon-small`
124
+ - `field-edge-to-validation-icon-medium`
125
+ - `field-edge-to-validation-icon-large`
126
+ - `field-edge-to-validation-icon-extra-large`
127
+ - `field-text-to-alert-icon-small`
128
+ - `field-text-to-alert-icon-medium`
129
+ - `field-text-to-alert-icon-large`
130
+ - `field-text-to-alert-icon-extra-large`
131
+ - `field-text-to-validation-icon-small`
132
+ - `field-text-to-validation-icon-medium`
133
+ - `field-text-to-validation-icon-large`
134
+ - `field-text-to-validation-icon-extra-large`
135
+ - `side-label-character-count-to-field`
136
+ - `side-label-character-count-top-margin-small`
137
+ - `side-label-character-count-top-margin-medium`
138
+ - `side-label-character-count-top-margin-large`
139
+ - `side-label-character-count-top-margin-extra-large`
140
+ - `disclosure-indicator-top-to-disclosure-icon-small`
141
+ - `disclosure-indicator-top-to-disclosure-icon-medium`
142
+ - `disclosure-indicator-top-to-disclosure-icon-large`
143
+ - `disclosure-indicator-top-to-disclosure-icon-extra-large`
144
+ - `text-underline-gap`
145
+ - `navigational-indicator-top-to-back-icon-small`
146
+ - `navigational-indicator-top-to-back-icon-medium`
147
+ - `navigational-indicator-top-to-back-icon-large`
148
+ - `navigational-indicator-top-to-back-icon-extra-large`
149
+ - `window-to-edge`
150
+ - `field-top-to-disclosure-icon-compact-small`
151
+ - `field-top-to-disclosure-icon-small`
152
+ - `field-top-to-disclosure-icon-spacious-small`
153
+ - `field-top-to-disclosure-icon-compact-medium`
154
+ - `field-top-to-disclosure-icon-medium`
155
+ - `field-top-to-disclosure-icon-spacious-medium`
156
+ - `field-top-to-disclosure-icon-compact-large`
157
+ - `field-top-to-disclosure-icon-large`
158
+ - `field-top-to-disclosure-icon-spacious-large`
159
+ - `field-top-to-disclosure-icon-compact-extra-large`
160
+ - `field-top-to-disclosure-icon-extra-large`
161
+ - `field-top-to-disclosure-icon-spacious-extra-large`
162
+ - `component-padding-vertical-50`
163
+ - `component-padding-vertical-75`
164
+ - `component-padding-vertical-100`
165
+ - `component-padding-vertical-200`
166
+ - `component-padding-vertical-300`
167
+ - `checkbox-top-to-control-small`
168
+ - `checkbox-top-to-control-medium`
169
+ - `checkbox-top-to-control-large`
170
+ - `checkbox-top-to-control-extra-large`
171
+ - `switch-top-to-control-small`
172
+ - `switch-top-to-control-medium`
173
+ - `switch-top-to-control-large`
174
+ - `switch-top-to-control-extra-large`
175
+ - `radio-button-top-to-control-small`
176
+ - `radio-button-top-to-control-medium`
177
+ - `radio-button-top-to-control-large`
178
+ - `radio-button-top-to-control-extra-large`
179
+ - `field-label-text-to-asterisk-small`
180
+ - `field-label-text-to-asterisk-medium`
181
+ - `field-label-text-to-asterisk-large`
182
+ - `field-label-text-to-asterisk-extra-large`
183
+ - `field-label-top-to-asterisk-small`
184
+ - `field-label-top-to-asterisk-medium`
185
+ - `field-label-top-to-asterisk-large`
186
+ - `field-label-top-to-asterisk-extra-large`
187
+ - `field-label-top-margin-small`
188
+ - `field-label-top-margin-medium`
189
+ - `field-label-top-margin-large`
190
+ - `field-label-top-margin-extra-large`
191
+ - `field-label-to-component`
192
+ - `help-text-to-component`
193
+ - `status-light-top-to-dot-small`
194
+ - `status-light-top-to-dot-medium`
195
+ - `status-light-top-to-dot-large`
196
+ - `status-light-top-to-dot-extra-large`
197
+ - `action-button-edge-to-hold-icon-extra-small`
198
+ - `action-button-edge-to-hold-icon-small`
199
+ - `action-button-edge-to-hold-icon-medium`
200
+ - `action-button-edge-to-hold-icon-large`
201
+ - `action-button-edge-to-hold-icon-extra-large`
202
+ - `toast-top-to-workflow-icon`
203
+ - `toast-top-to-text`
204
+ - `toast-bottom-to-text`
205
+ - `action-bar-top-to-item-counter`
206
+ - `tag-top-to-avatar-small`
207
+ - `tag-top-to-avatar-medium`
208
+ - `tag-top-to-avatar-large`
209
+ - `tag-top-to-cross-icon-small`
210
+ - `tag-top-to-cross-icon-medium`
211
+ - `tag-top-to-cross-icon-large`
212
+ - `popover-edge-to-content-area`
213
+ - `menu-item-edge-to-content-not-selected-small`
214
+ - `menu-item-edge-to-content-not-selected-medium`
215
+ - `menu-item-edge-to-content-not-selected-large`
216
+ - `menu-item-edge-to-content-not-selected-extra-large`
217
+ - `menu-item-top-to-disclosure-icon-small`
218
+ - `menu-item-top-to-disclosure-icon-medium`
219
+ - `menu-item-top-to-disclosure-icon-large`
220
+ - `menu-item-top-to-disclosure-icon-extra-large`
221
+ - `menu-item-top-to-selected-icon-small`
222
+ - `menu-item-top-to-selected-icon-medium`
223
+ - `menu-item-top-to-selected-icon-large`
224
+ - `menu-item-top-to-selected-icon-extra-large`
225
+ - `slider-control-to-field-label-small`
226
+ - `slider-control-to-field-label-medium`
227
+ - `slider-control-to-field-label-large`
228
+ - `slider-control-to-field-label-extra-large`
229
+ - `picker-visual-to-disclosure-icon-small`
230
+ - `picker-visual-to-disclosure-icon-medium`
231
+ - `picker-visual-to-disclosure-icon-large`
232
+ - `picker-visual-to-disclosure-icon-extra-large`
233
+ - `picker-end-edge-to-disclosure-icon-quiet`
234
+ - `breadcrumbs-top-to-text-multiline`
235
+ - `breadcrumbs-bottom-to-text-multiline`
236
+ - `breadcrumbs-end-edge-to-text`
237
+ - `breadcrumbs-top-text-to-bottom-text`
238
+ - `breadcrumbs-top-to-truncated-menu`
239
+ - `breadcrumbs-start-edge-to-truncated-menu`
240
+ - `breadcrumbs-truncated-menu-to-bottom-text`
241
+ - `alert-banner-top-to-workflow-icon`
242
+ - `alert-banner-top-to-text`
243
+ - `alert-banner-bottom-to-text`
244
+ - `drop-zone-border-dash-length`
245
+ - `drop-zone-border-dash-gap`
246
+ - `coach-mark-edge-to-content`
247
+ - `coach-mark-pagination-text-to-bottom-edge`
248
+ - `accordion-top-to-text-compact-small`
249
+ - `accordion-top-to-text-compact-medium`
250
+ - `accordion-top-to-text-spacious-medium`
251
+ - `accordion-top-to-text-compact-large`
252
+ - `accordion-top-to-text-spacious-large`
253
+ - `accordion-top-to-text-compact-extra-large`
254
+ - `accordion-top-to-text-spacious-extra-large`
255
+ - `accordion-bottom-to-text-compact-small`
256
+ - `accordion-bottom-to-text-spacious-small`
257
+ - `accordion-bottom-to-text-compact-medium`
258
+ - `accordion-bottom-to-text-spacious-medium`
259
+ - `accordion-bottom-to-text-compact-large`
260
+ - `accordion-bottom-to-text-spacious-large`
261
+ - `accordion-bottom-to-text-compact-extra-large`
262
+ - `accordion-bottom-to-text-spacious-extra-large`
263
+ - `accordion-edge-to-text`
264
+ - `accordion-focus-indicator-gap`
265
+ - `accordion-content-area-top-to-content`
266
+ - `accordion-content-area-bottom-to-content`
267
+ - `table-column-header-row-top-to-text-small`
268
+ - `table-column-header-row-top-to-text-medium`
269
+ - `table-column-header-row-top-to-text-large`
270
+ - `table-column-header-row-top-to-text-extra-large`
271
+ - `table-column-header-row-bottom-to-text-small`
272
+ - `table-column-header-row-bottom-to-text-medium`
273
+ - `table-column-header-row-bottom-to-text-large`
274
+ - `table-column-header-row-bottom-to-text-extra-large`
275
+ - `table-row-top-to-text-small-compact`
276
+ - `table-row-top-to-text-medium-compact`
277
+ - `table-row-top-to-text-large-compact`
278
+ - `table-row-top-to-text-extra-large-compact`
279
+ - `table-row-bottom-to-text-small-compact`
280
+ - `table-row-bottom-to-text-medium-compact`
281
+ - `table-row-bottom-to-text-large-compact`
282
+ - `table-row-bottom-to-text-extra-large-compact`
283
+ - `table-row-top-to-text-small`
284
+ - `table-row-top-to-text-medium`
285
+ - `table-row-top-to-text-large`
286
+ - `table-row-top-to-text-extra-large`
287
+ - `table-row-bottom-to-text-small`
288
+ - `table-row-bottom-to-text-medium`
289
+ - `table-row-bottom-to-text-large`
290
+ - `table-row-bottom-to-text-extra-large`
291
+ - `table-row-top-to-text-small-spacious`
292
+ - `table-row-top-to-text-medium-spacious`
293
+ - `table-row-top-to-text-large-spacious`
294
+ - `table-row-top-to-text-extra-large-spacious`
295
+ - `table-row-bottom-to-text-small-spacious`
296
+ - `table-row-bottom-to-text-medium-spacious`
297
+ - `table-row-bottom-to-text-large-spacious`
298
+ - `table-row-bottom-to-text-extra-large-spacious`
299
+ - `table-edge-to-content`
300
+ - `table-checkbox-to-text`
301
+ - `table-header-row-checkbox-to-top-small`
302
+ - `table-header-row-checkbox-to-top-medium`
303
+ - `table-header-row-checkbox-to-top-large`
304
+ - `table-header-row-checkbox-to-top-extra-large`
305
+ - `table-row-checkbox-to-top-small-compact`
306
+ - `table-row-checkbox-to-top-small`
307
+ - `table-row-checkbox-to-top-small-spacious`
308
+ - `table-row-checkbox-to-top-medium-compact`
309
+ - `table-row-checkbox-to-top-medium`
310
+ - `table-row-checkbox-to-top-medium-spacious`
311
+ - `table-row-checkbox-to-top-large-compact`
312
+ - `table-row-checkbox-to-top-large`
313
+ - `table-row-checkbox-to-top-large-spacious`
314
+ - `table-row-checkbox-to-top-extra-large-compact`
315
+ - `table-row-checkbox-to-top-extra-large`
316
+ - `table-row-checkbox-to-top-extra-large-spacious`
317
+ - `table-thumbnail-to-top-minimum-small-compact`
318
+ - `table-thumbnail-to-top-minimum-medium-compact`
319
+ - `table-thumbnail-to-top-minimum-large-compact`
320
+ - `table-thumbnail-to-top-minimum-extra-large-compact`
321
+ - `table-thumbnail-to-top-minimum-small`
322
+ - `table-thumbnail-to-top-minimum-medium`
323
+ - `table-thumbnail-to-top-minimum-large`
324
+ - `table-thumbnail-to-top-minimum-extra-large`
325
+ - `table-thumbnail-to-top-minimum-small-spacious`
326
+ - `table-thumbnail-to-top-minimum-medium-spacious`
327
+ - `table-thumbnail-to-top-minimum-large-spacious`
328
+ - `table-thumbnail-to-top-minimum-extra-large-spacious`
329
+ - `tab-item-to-tab-item-horizontal-small`
330
+ - `tab-item-to-tab-item-horizontal-medium`
331
+ - `tab-item-to-tab-item-horizontal-large`
332
+ - `tab-item-to-tab-item-horizontal-extra-large`
333
+ - `tab-item-to-tab-item-vertical-small`
334
+ - `tab-item-to-tab-item-vertical-medium`
335
+ - `tab-item-to-tab-item-vertical-large`
336
+ - `tab-item-to-tab-item-vertical-extra-large`
337
+ - `tab-item-start-to-edge-quiet`
338
+ - `tab-item-start-to-edge-small`
339
+ - `tab-item-start-to-edge-medium`
340
+ - `tab-item-start-to-edge-large`
341
+ - `tab-item-start-to-edge-extra-large`
342
+ - `tab-item-top-to-text-small`
343
+ - `tab-item-bottom-to-text-small`
344
+ - `tab-item-top-to-text-medium`
345
+ - `tab-item-bottom-to-text-medium`
346
+ - `tab-item-top-to-text-large`
347
+ - `tab-item-bottom-to-text-large`
348
+ - `tab-item-top-to-text-extra-large`
349
+ - `tab-item-bottom-to-text-extra-large`
350
+ - `tab-item-top-to-text-compact-small`
351
+ - `tab-item-bottom-to-text-compact-small`
352
+ - `tab-item-top-to-text-compact-medium`
353
+ - `tab-item-bottom-to-text-compact-medium`
354
+ - `tab-item-top-to-text-compact-large`
355
+ - `tab-item-bottom-to-text-compact-large`
356
+ - `tab-item-top-to-text-compact-extra-large`
357
+ - `tab-item-bottom-to-text-compact-extra-large`
358
+ - `tab-item-top-to-workflow-icon-small`
359
+ - `tab-item-top-to-workflow-icon-medium`
360
+ - `tab-item-top-to-workflow-icon-large`
361
+ - `tab-item-top-to-workflow-icon-extra-large`
362
+ - `tab-item-top-to-workflow-icon-compact-small`
363
+ - `tab-item-top-to-workflow-icon-compact-medium`
364
+ - `tab-item-top-to-workflow-icon-compact-large`
365
+ - `tab-item-top-to-workflow-icon-compact-extra-large`
366
+ - `tab-item-focus-indicator-gap-small`
367
+ - `tab-item-focus-indicator-gap-medium`
368
+ - `tab-item-focus-indicator-gap-large`
369
+ - `tab-item-focus-indicator-gap-extra-large`
370
+ - `side-navigation-second-level-edge-to-text`
371
+ - `side-navigation-third-level-edge-to-text`
372
+ - `side-navigation-item-to-item`
373
+ - `side-navigation-item-to-header`
374
+ - `side-navigation-bottom-to-text`
375
+ - `tray-top-to-content-area`
376
+ - `in-field-button-stacked-inner-edge-to-fill`
377
+ - `in-field-button-edge-to-disclosure-icon-stacked-small`
378
+ - `in-field-button-edge-to-disclosure-icon-stacked-medium`
379
+ - `in-field-button-edge-to-disclosure-icon-stacked-large`
380
+ - `in-field-button-edge-to-disclosure-icon-stacked-extra-large`
381
+ - `in-field-button-outer-edge-to-disclosure-icon-stacked-small`
382
+ - `in-field-button-outer-edge-to-disclosure-icon-stacked-medium`
383
+ - `in-field-button-outer-edge-to-disclosure-icon-stacked-large`
384
+ - `in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large`
385
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-small`
386
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-medium`
387
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-large`
388
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large`
389
+ - `side-navigation-header-to-item`
390
+ - `tag-label-to-clear-icon-small`
391
+ - `tag-label-to-clear-icon-medium`
392
+ - `tag-label-to-clear-icon-large`
393
+ - `tag-edge-to-clear-icon-small`
394
+ - `tag-edge-to-clear-icon-medium`
395
+ - `tag-edge-to-clear-icon-large`
396
+ - `alert-banner-top-to-alert-icon`
397
+ - `accordion-top-to-text-spacious-small`
398
+ - `combo-box-visual-to-field-button`
399
+ - `in-field-button-edge-to-fill-small`
400
+ - `in-field-button-edge-to-fill-medium`
401
+ - `in-field-button-edge-to-fill-large`
402
+ - `in-field-button-edge-to-fill-extra-large`
403
+ - `in-field-progress-circle-edge-to-fill`
404
+ - `status-light-text-to-visual-75`
405
+ - `status-light-text-to-visual-100`
406
+ - `status-light-text-to-visual-200`
407
+ - `status-light-text-to-visual-300`
408
+ - `menu-item-label-to-description-small`
409
+ - `menu-item-label-to-description-medium`
410
+ - `menu-item-label-to-description-large`
411
+ - `menu-item-label-to-description-extra-large`
412
+ - `menu-section-header-to-description-small`
413
+ - `menu-section-header-to-description-medium`
414
+ - `menu-section-header-to-description-large`
415
+ - `menu-section-header-to-description-extra-large`
416
+ - `menu-item-top-to-thumbnail-small`
417
+ - `menu-item-top-to-thumbnail-medium`
418
+ - `menu-item-top-to-thumbnail-large`
419
+ - `menu-item-top-to-thumbnail-extra-large`
420
+ - `breadcrumbs-separator-to-bottom-text-multiline`
421
+ - `breadcrumbs-start-edge-to-text-large`
422
+ - `breadcrumbs-start-edge-to-text-medium`
423
+ - `breadcrumbs-start-edge-to-text-multiline`
424
+ - `breadcrumbs-top-to-separator-large`
425
+ - `breadcrumbs-top-to-separator-medium`
426
+ - `breadcrumbs-top-to-separator-multiline`
427
+ - `breadcrumbs-truncated-menu-to-separator`
428
+ - `breadcrumbs-text-to-separator-large`
429
+ - `breadcrumbs-text-to-separator-medium`
430
+ - `breadcrumbs-text-to-separator-multiline`
431
+ - `coach-indicator-collapsed-gap`
432
+ - `coach-indicator-expanded-gap`
433
+ - `accordion-content-area-edge-to-content-small`
434
+ - `accordion-content-area-edge-to-content-medium`
435
+ - `accordion-content-area-edge-to-content-large`
436
+ - `accordion-content-area-edge-to-content-extra-large`
437
+ - `accordion-disclosure-indicator-to-text-small`
438
+ - `accordion-disclosure-indicator-to-text-medium`
439
+ - `accordion-disclosure-indicator-to-text-large`
440
+ - `accordion-disclosure-indicator-to-text-extra-large`
441
+ - `accordion-item-to-divider`
442
+ - `action-bar-top-to-content-area`
443
+ - `action-bar-bottom-to-content-area`
444
+ - `action-bar-edge-to-content-area`
445
+ - `action-bar-close-button-to-counter`
446
+ - `swatch-group-spacing-spacious`
447
+ - `avatar-to-avatar-50`
448
+ - `avatar-to-avatar-75`
449
+ - `avatar-to-avatar-100`
450
+ - `avatar-to-avatar-200`
451
+ - `avatar-to-avatar-300`
452
+ - `avatar-to-avatar-400`
453
+ - `avatar-to-avatar-500`
454
+ - `standard-panel-top-to-close-button-compact`
455
+ - `standard-panel-top-to-close-button-regular`
456
+ - `standard-panel-top-to-close-button-spacious`
457
+ - `standard-panel-edge-to-close-button-compact`
458
+ - `standard-panel-edge-to-close-button-regular`
459
+ - `standard-panel-edge-to-close-button-spacious`
460
+ - `bar-panel-spacing-extra-spacious`
461
+ - `rating-top-to-content-area-small`
462
+ - `rating-bottom-to-content-area-small`
463
+ - `rating-edge-to-content-area-small`
464
+ - `rating-top-to-content-area-medium`
465
+ - `rating-bottom-to-content-area-medium`
466
+ - `rating-edge-to-content-area-medium`
467
+ - `select-box-edge-to-checkbox`
468
+ - `select-box-horizontal-end-to-content`
469
+ - `select-box-horizontal-illustration-to-label`
470
+ - `select-box-horizontal-label-to-description`
471
+ - `select-box-horizontal-start-to-content`
472
+ - `select-box-horizontal-top-to-content`
473
+ - `select-box-top-to-checkbox`
474
+ - `select-box-vertical-edge-to-content`
475
+ - `select-box-vertical-illustration-to-label`
476
+ - `slider-control-to-field-label-editable-small`
477
+ - `slider-control-to-field-label-editable-medium`
478
+ - `slider-control-to-field-label-editable-large`
479
+ - `slider-control-to-field-label-editable-extra-large`
480
+ - `slider-control-to-field-label-side-small`
481
+ - `slider-control-to-field-label-side-medium`
482
+ - `slider-control-to-field-label-side-large`
483
+ - `slider-control-to-field-label-side-extra-large`
484
+ - `slider-control-to-text-field-small`
485
+ - `slider-control-to-text-field-medium`
486
+ - `slider-control-to-text-field-large`
487
+ - `slider-control-to-text-field-extra-large`
488
+ - `in-field-stepper-to-end-small`
489
+ - `in-field-stepper-to-end-medium`
490
+ - `in-field-stepper-to-end-large`
491
+ - `in-field-stepper-to-end-extra-large`
492
+ - `number-field-visual-to-in-field-stepper-small`
493
+ - `number-field-visual-to-in-field-stepper-medium`
494
+ - `number-field-visual-to-in-field-stepper-large`
495
+ - `number-field-visual-to-in-field-stepper-extra-large`
496
+ - `tree-view-bottom-to-label`
497
+ - `tree-view-drag-handle-to-checkbox`
498
+ - `tree-view-edge-to-checkbox`
499
+ - `tree-view-edge-to-drag-handle`
500
+ - `tree-view-end-edge-to-action-area`
501
+ - `tree-view-header-to-item`
502
+ - `tree-view-item-to-header`
503
+ - `tree-view-item-to-item-default`
504
+ - `tree-view-item-to-item-detached`
505
+ - `tree-view-label-to-action-area`
506
+ - `tree-view-level-increment`
507
+ - `tree-view-minimum-top-to-context-area`
508
+ - `tree-view-top-to-action-button`
509
+ - `tree-view-top-to-checkbox`
510
+ - `tree-view-top-to-disclosure-indicator`
511
+ - `tree-view-top-to-drag-handle`
512
+ - `tree-view-top-to-label`
513
+ - `action-bar-label-to-action-group-area`
514
+ - `card-edge-to-content-compact-extra-small`
515
+ - `card-edge-to-content-default-extra-small`
516
+ - `card-edge-to-content-spacious-extra-small`
517
+ - `card-edge-to-content-compact-small`
518
+ - `card-edge-to-content-default-small`
519
+ - `card-edge-to-content-spacious-small`
520
+ - `card-edge-to-content-compact-medium`
521
+ - `card-edge-to-content-default-medium`
522
+ - `card-edge-to-content-spacious-medium`
523
+ - `card-edge-to-content-compact-large`
524
+ - `card-edge-to-content-default-large`
525
+ - `card-edge-to-content-spacious-large`
526
+ - `card-edge-to-content-compact-extra-large`
527
+ - `card-edge-to-content-default-extra-large`
528
+ - `card-edge-to-content-spacious-extra-large`
529
+ - `card-header-to-description`
530
+ - `card-description-to-footer`
531
+ - `steplist-bottom-to-text`
532
+ - `card-horizontal-edge-to-content-compact`
533
+ - `card-horizontal-edge-to-content-default`
534
+ - `card-horizontal-edge-to-content-spacious`
535
+ - `accordion-edge-to-content-area-small`
536
+ - `accordion-edge-to-content-area-medium`
537
+ - `accordion-edge-to-content-area-large`
538
+ - `accordion-edge-to-content-area-extra-large`
539
+ - `date-field-text-to-visual`
540
+ - `date-picker-visual-to-field-button`
541
+ - `date-picker-text-to-visual`
542
+ - `time-field-text-to-visual`
543
+ - `segmented-text-field-gap`
544
+ - `tag-field-edge-to-content-small`
545
+ - `tag-field-edge-to-content-medium`
546
+ - `tag-field-edge-to-content-large`
547
+ - `list-view-end-edge-to-content`
548
+ - `stack-item-start-edge-to-content`
549
+ - `stack-item-drag-handle-to-control`
550
+ - `stack-item-text-to-control`
551
+ - `stack-item-edge-to-control`
552
+ - `stack-item-edge-to-visual`
553
+ - `stack-item-action-to-navigation`
554
+ - `stack-item-header-to-item`
555
+ - `stack-item-item-to-item`
556
+ - `accordion-bottom-to-text-extra-large`
557
+ - `accordion-bottom-to-text-large`
558
+ - `accordion-bottom-to-text-medium`
559
+ - `accordion-bottom-to-text-small`
560
+ - `accordion-top-to-text-extra-large`
561
+ - `accordion-top-to-text-large`
562
+ - `accordion-top-to-text-medium`
563
+ - `accordion-top-to-text-small`
564
+ - `side-navigation-counter-to-disclosure`
565
+ - `side-navigation-edge-to-indicator`
566
+ - `side-navigation-indicator-to-content`
567
+ - `side-navigation-second-level-edge-to-indicator`
568
+ - `side-navigation-second-level-with-icon-edge-to-text`
569
+ - `side-navigation-second-level-with-icon-edge-to-indicator`
570
+ - `side-navigation-third-level-edge-to-indicator`
571
+ - `side-navigation-third-level-with-icon-edge-to-text`
572
+ - `side-navigation-third-level-with-icon-edge-to-indicator`
573
+ - `side-navigation-trailing-accessory-area-to-edge`
574
+ </details>
575
+ <details><summary><strong>Added (117)</strong></summary>
576
+ - `spacing-25`
577
+ - `spacing-85`
578
+ - `spacing-350`
579
+ - `focus-ring-gap`
580
+ - `text-gap-extra-small`
581
+ - `text-gap-small`
582
+ - `text-gap-medium`
583
+ - `text-gap-large`
584
+ - `text-gap-extra-large`
585
+ - `base-gap-extra-small`
586
+ - `base-gap-small`
587
+ - `base-gap-medium`
588
+ - `base-gap-large`
589
+ - `base-gap-extra-large`
590
+ - `base-gap-2x-large`
591
+ - `base-gap-3x-large`
592
+ - `base-gap-4x-large`
593
+ - `base-padding-horizontal-extra-small`
594
+ - `base-padding-horizontal-small`
595
+ - `base-padding-horizontal-medium`
596
+ - `base-padding-horizontal-large`
597
+ - `base-padding-horizontal-extra-large`
598
+ - `base-padding-horizontal-2x-large`
599
+ - `base-padding-horizontal-uniform-2x-small`
600
+ - `base-padding-horizontal-uniform-extra-small`
601
+ - `base-padding-horizontal-uniform-small`
602
+ - `base-padding-horizontal-uniform-medium`
603
+ - `base-padding-horizontal-uniform-large`
604
+ - `base-padding-horizontal-uniform-extra-large`
605
+ - `base-padding-horizontal-uniform-2x-large`
606
+ - `base-padding-vertical-2x-small`
607
+ - `base-padding-vertical-extra-small`
608
+ - `base-padding-vertical-small`
609
+ - `base-padding-vertical-medium`
610
+ - `base-padding-vertical-large`
611
+ - `base-padding-vertical-extra-large`
612
+ - `base-padding-vertical-2x-large`
613
+ - `base-padding-vertical-3x-large`
614
+ - `accessory-item-padding-2x-small`
615
+ - `accessory-item-padding-extra-small`
616
+ - `accessory-item-padding-small`
617
+ - `accessory-item-padding-medium`
618
+ - `accessory-item-padding-large`
619
+ - `accessory-item-padding-extra-large`
620
+ - `accessory-gap-extra-small`
621
+ - `accessory-gap-small`
622
+ - `accessory-gap-medium`
623
+ - `accessory-gap-large`
624
+ - `accessory-gap-extra-large`
625
+ - `accessory-gap-2x-large`
626
+ - `accessory-gap-affixed-extra-small`
627
+ - `accessory-gap-affixed-small`
628
+ - `accessory-gap-affixed-medium`
629
+ - `accessory-gap-affixed-large`
630
+ - `accessory-gap-affixed-extra-large`
631
+ - `accessory-gap-affixed-2x-large`
632
+ - `list-item-padding-vertical-regular`
633
+ - `list-item-padding-vertical-spacious`
634
+ - `list-item-padding-horizontal`
635
+ - `list-item-gap-small`
636
+ - `list-item-gap-medium`
637
+ - `list-gap-compact`
638
+ - `list-gap-regular`
639
+ - `list-gap-spacious`
640
+ - `group-gap-extra-small`
641
+ - `group-gap-small`
642
+ - `group-gap-medium`
643
+ - `group-gap-large`
644
+ - `group-gap-extra-large`
645
+ - `group-gap-compact`
646
+ - `list-indent-large`
647
+ - `list-indent-medium`
648
+ - `tab-gap-horizontal-small`
649
+ - `tab-gap-horizontal-medium`
650
+ - `tab-gap-horizontal-large`
651
+ - `tab-gap-horizontal-extra-large`
652
+ - `table-item-padding-compact`
653
+ - `table-item-padding-regular`
654
+ - `table-item-padding-spacious`
655
+ - `container-padding-2x-small`
656
+ - `container-padding-extra-small`
657
+ - `container-padding-small`
658
+ - `container-padding-medium`
659
+ - `container-padding-large`
660
+ - `container-padding-extra-large`
661
+ - `container-padding-2x-large`
662
+ - `container-padding-3x-large`
663
+ - `container-gap-2x-small`
664
+ - `container-gap-extra-small`
665
+ - `container-gap-small`
666
+ - `container-gap-medium`
667
+ - `container-gap-large`
668
+ - `container-gap-extra-large`
669
+ - `container-gap-2x-large`
670
+ - `popover-padding`
671
+ - `popover-gap`
672
+ - `banner-padding-vertical`
673
+ - `banner-padding-horizontal-compact`
674
+ - `banner-padding-horizontal`
675
+ - `banner-gap-vertical`
676
+ - `banner-gap-horizontal`
677
+ - `drop-target-dash-length`
678
+ - `drop-target-dash-gap`
679
+ - `ui-icon-2x-large`
680
+ - `ui-icon-extra-large`
681
+ - `ui-icon-extra-small`
682
+ - `ui-icon-large`
683
+ - `ui-icon-medium`
684
+ - `ui-icon-small`
685
+ - `workflow-icon-2x-large`
686
+ - `workflow-icon-2x-small`
687
+ - `workflow-icon-3x-small`
688
+ - `workflow-icon-extra-large`
689
+ - `workflow-icon-extra-small`
690
+ - `workflow-icon-large`
691
+ - `workflow-icon-medium`
692
+ - `workflow-icon-small`
693
+ </details>
694
+
695
+ ### Updated (14)
696
+
697
+ <details><summary><strong>Added Properties (6)</strong></summary>
698
+ - `help-text-top-to-workflow-icon-small`
699
+ - `value`: `{component-top-to-workflow-icon-75}`
700
+ - `deprecated_comment`: `Replaced with component-top-to-workflow-icon-75`
701
+ - `renamed`: `component-top-to-workflow-icon-75`
702
+ - `uuid`: `91cb19ef-63fc-4d98-a61e-a5f55951f656`
703
+ - `help-text-top-to-workflow-icon-medium`
704
+ - `value`: `{component-top-to-workflow-icon-100}`
705
+ - `deprecated_comment`: `Replaced with component-top-to-workflow-icon-100`
706
+ - `renamed`: `component-top-to-workflow-icon-100`
707
+ - `uuid`: `d159b313-4def-493a-adcf-398e2d1fce9f`
708
+ - `help-text-top-to-workflow-icon-large`
709
+ - `value`: `{component-top-to-workflow-icon-200}`
710
+ - `deprecated_comment`: `Replaced with component-top-to-workflow-icon-200`
711
+ - `renamed`: `component-top-to-workflow-icon-200`
712
+ - `uuid`: `54cae12b-5f21-47b4-a964-6033bd025975`
713
+ - `help-text-top-to-workflow-icon-extra-large`
714
+ - `value`: `{component-top-to-workflow-icon-300}`
715
+ - `deprecated_comment`: `Replaced with component-top-to-workflow-icon-300`
716
+ - `renamed`: `component-top-to-workflow-icon-300`
717
+ - `uuid`: `bec914a9-5905-40ac-bd61-a727016c1228`
718
+ - `side-navigation-with-icon-second-level-edge-to-text`
719
+ - `deprecated_comment`: `Use semantic token list-indent-medium instead.`
720
+ - `renamed`: `list-indent-medium`
721
+ - `side-navigation-with-icon-third-level-edge-to-text`
722
+ - `deprecated_comment`: `Use semantic token list-indent-medium instead.`
723
+ - `renamed`: `list-indent-medium`
724
+
725
+ </details>
726
+ <details><summary><strong>Deleted Properties (4)</strong></summary>
727
+ - `help-text-top-to-workflow-icon-small`
728
+ - `desktop.schema`: -> `alias.json`
729
+ - `desktop.value`: -> `{component-top-to-workflow-icon-75}`
730
+ - `desktop.uuid`: -> `91cb19ef-63fc-4d98-a61e-a5f55951f656`
731
+ - `desktop.deprecated_comment`: -> `Replaced with component-top-to-workflow-icon-75`
732
+ - `desktop.renamed`: -> `component-top-to-workflow-icon-75`
733
+ - `mobile.schema`: -> `alias.json`
734
+ - `mobile.value`: -> `{component-top-to-workflow-icon-75}`
735
+ - `mobile.uuid`: -> `00334ebf-5706-4a97-b02c-9f41642c4795`
736
+ - `mobile.deprecated_comment`: -> `Replaced with component-top-to-workflow-icon-75`
737
+ - `mobile.renamed`: -> `component-top-to-workflow-icon-75`
738
+ - `help-text-top-to-workflow-icon-medium`
739
+ - `desktop.schema`: -> `alias.json`
740
+ - `desktop.value`: -> `{component-top-to-workflow-icon-100}`
741
+ - `desktop.uuid`: -> `d159b313-4def-493a-adcf-398e2d1fce9f`
742
+ - `desktop.deprecated_comment`: -> `Replaced with component-top-to-workflow-icon-100`
743
+ - `desktop.renamed`: -> `component-top-to-workflow-icon-100`
744
+ - `mobile.schema`: -> `alias.json`
745
+ - `mobile.value`: -> `{component-top-to-workflow-icon-100}`
746
+ - `mobile.uuid`: -> `b690bd12-855e-444d-8b76-a7ae948e3f52`
747
+ - `mobile.deprecated_comment`: -> `Replaced with component-top-to-workflow-icon-100`
748
+ - `mobile.renamed`: -> `component-top-to-workflow-icon-100`
749
+ - `help-text-top-to-workflow-icon-large`
750
+ - `desktop.schema`: -> `alias.json`
751
+ - `desktop.value`: -> `{component-top-to-workflow-icon-200}`
752
+ - `desktop.uuid`: -> `54cae12b-5f21-47b4-a964-6033bd025975`
753
+ - `desktop.deprecated_comment`: -> `Replaced with component-top-to-workflow-icon-200`
754
+ - `desktop.renamed`: -> `component-top-to-workflow-icon-200`
755
+ - `mobile.schema`: -> `alias.json`
756
+ - `mobile.value`: -> `{component-top-to-workflow-icon-200}`
757
+ - `mobile.uuid`: -> `e2c40309-5b3d-485a-bafa-9015a5b751e7`
758
+ - `mobile.deprecated_comment`: -> `Replaced with component-top-to-workflow-icon-200`
759
+ - `mobile.renamed`: -> `component-top-to-workflow-icon-200`
760
+ - `help-text-top-to-workflow-icon-extra-large`
761
+ - `desktop.schema`: -> `alias.json`
762
+ - `desktop.value`: -> `{component-top-to-workflow-icon-300}`
763
+ - `desktop.uuid`: -> `bec914a9-5905-40ac-bd61-a727016c1228`
764
+ - `desktop.deprecated_comment`: -> `Replaced with component-top-to-workflow-icon-300`
765
+ - `desktop.renamed`: -> `component-top-to-workflow-icon-300`
766
+ - `mobile.schema`: -> `alias.json`
767
+ - `mobile.value`: -> `{component-top-to-workflow-icon-300}`
768
+ - `mobile.uuid`: -> `251c39cc-f949-4055-aecb-42fc99f9d504`
769
+ - `mobile.deprecated_comment`: -> `Replaced with component-top-to-workflow-icon-300`
770
+ - `mobile.renamed`: -> `component-top-to-workflow-icon-300`
771
+
772
+ </details>
773
+ <details><summary><strong>Updated Properties (4)</strong></summary>
774
+ - `help-text-top-to-workflow-icon-small`
775
+ - `schema`: `scale-set.json` -> `alias.json`
776
+ - `help-text-top-to-workflow-icon-medium`
777
+ - `schema`: `scale-set.json` -> `alias.json`
778
+ - `help-text-top-to-workflow-icon-large`
779
+ - `schema`: `scale-set.json` -> `alias.json`
780
+ - `help-text-top-to-workflow-icon-extra-large`
781
+ - `schema`: `scale-set.json` -> `alias.json`
782
+
783
+ </details>
784
+
785
+ ### References
786
+ - Tokens Studio PR: https://github.com/adobe/spectrum-tokens-studio-data/pull/297
787
+ - Original Spectrum Tokens PR: https://github.com/adobe/spectrum-design-data/pull/749
788
+ - Restore PR: https://github.com/adobe/spectrum-design-data/pull/753
789
+
3
790
  ## 14.2.3
4
791
 
5
792
  ### Patch Changes