@adobe/spectrum-tokens 13.10.1 → 13.12.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 +84 -150
- package/dist/json/drover.json +9 -2
- package/dist/json/variables.json +1595 -18
- package/package.json +1 -1
- package/schemas/token-types/token.json +3 -0
- package/schemas/token-types/typography.json +32 -0
- package/src/color-aliases.json +1 -1
- package/src/color-palette.json +1 -1
- package/src/icons.json +1 -1
- package/src/layout-component.json +23 -17
- package/src/layout.json +75 -0
- package/src/semantic-color-palette.json +1 -1
- package/src/typography.json +167 -2
- package/schemas/component.json +0 -29
- package/schemas/components/action-bar.json +0 -18
- package/schemas/components/action-button.json +0 -62
- package/schemas/components/action-group.json +0 -69
- package/schemas/components/alert-banner.json +0 -29
- package/schemas/components/alert-dialog.json +0 -42
- package/schemas/components/avatar.json +0 -30
- package/schemas/components/badge.json +0 -50
- package/schemas/components/body.json +0 -25
- package/schemas/components/bottom-navigation-android.json +0 -37
- package/schemas/components/breadcrumbs.json +0 -18
- package/schemas/components/button-group.json +0 -28
- package/schemas/components/button.json +0 -60
- package/schemas/components/checkbox-group.json +0 -53
- package/schemas/components/checkbox.json +0 -52
- package/schemas/components/close-button.json +0 -35
- package/schemas/components/code.json +0 -21
- package/schemas/components/color-area.json +0 -64
- package/schemas/components/color-loupe.json +0 -21
- package/schemas/components/color-slider.json +0 -52
- package/schemas/components/color-wheel.json +0 -47
- package/schemas/components/combo-box.json +0 -84
- package/schemas/components/contextual-help.json +0 -64
- package/schemas/components/detail.json +0 -26
- package/schemas/components/divider.json +0 -23
- package/schemas/components/field-label.json +0 -39
- package/schemas/components/heading.json +0 -29
- package/schemas/components/help-text.json +0 -35
- package/schemas/components/in-line-alert.json +0 -25
- package/schemas/components/link.json +0 -32
- package/schemas/components/menu.json +0 -65
- package/schemas/components/meter.json +0 -37
- package/schemas/components/picker.json +0 -85
- package/schemas/components/popover.json +0 -65
- package/schemas/components/progress-bar.json +0 -50
- package/schemas/components/progress-circle.json +0 -41
- package/schemas/components/radio-group.json +0 -62
- package/schemas/components/rating.json +0 -31
- package/schemas/components/scroll-zoom-bar.json +0 -44
- package/schemas/components/side-navigation.json +0 -18
- package/schemas/components/slider.json +0 -74
- package/schemas/components/status-light.json +0 -44
- package/schemas/components/swatch-group.json +0 -38
- package/schemas/components/swatch.json +0 -45
- package/schemas/components/switch.json +0 -42
- package/schemas/components/tab-bar-ios.json +0 -37
- package/schemas/components/tabs.json +0 -32
- package/schemas/components/tag.json +0 -41
- package/schemas/components/text-area.json +0 -98
- package/schemas/components/text-field.json +0 -86
- package/schemas/components/toast.json +0 -29
- package/schemas/components/tooltip.json +0 -50
- package/schemas/components/tray.json +0 -17
- package/schemas/components/tree-view.json +0 -50
- package/schemas/types/component-size.json +0 -8
- package/schemas/types/hex-color.json +0 -8
- package/schemas/types/typography-classification.json +0 -9
- package/schemas/types/typography-script.json +0 -9
- package/schemas/types/workflow-icon.json +0 -901
- package/test/componentSchemaValidator.test.js +0 -74
- package/test/schemaValidator.test.js +0 -74
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,89 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 13.12.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#527](https://github.com/adobe/spectrum-tokens/pull/527) [`28cfacc`](https://github.com/adobe/spectrum-tokens/commit/28cfacce9072ebc7afe0434d6fec55d587ddd2ce) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Fixed accordion token values due to changelog error
|
|
8
|
+
|
|
9
|
+
## Token Diff
|
|
10
|
+
|
|
11
|
+
Updated (4)
|
|
12
|
+
|
|
13
|
+
<details open><summary>Added Properties (1)</summary>
|
|
14
|
+
- `accordion-top-to-text-compact-medium`
|
|
15
|
+
value: 5px
|
|
16
|
+
uuid: 484c9603-07f1-4ba6-b1bf-7cfaec5d1594
|
|
17
|
+
|
|
18
|
+
</details>
|
|
19
|
+
<details open><summary>Deleted Properties (1)</summary>
|
|
20
|
+
- `accordion-top-to-text-compact-medium`
|
|
21
|
+
desktop.schema: dimension.json
|
|
22
|
+
desktop.value: 8px
|
|
23
|
+
desktop.uuid: 484c9603-07f1-4ba6-b1bf-7cfaec5d1594
|
|
24
|
+
mobile.schema: dimension.json
|
|
25
|
+
mobile.value: 14px
|
|
26
|
+
mobile.uuid: 4a7dda7f-a45a-496c-8d38-cb4e4807e544
|
|
27
|
+
|
|
28
|
+
</details>
|
|
29
|
+
<details open><summary>Updated Properties (2)</summary>
|
|
30
|
+
- `accordion-top-to-text-compact-medium`
|
|
31
|
+
schema: scale-set.json -> dimension.json
|
|
32
|
+
- `accordion-top-to-text-spacious-medium`
|
|
33
|
+
desktop.value: 16px -> 13px
|
|
34
|
+
mobile.value: 19px -> 15px
|
|
35
|
+
|
|
36
|
+
</details>
|
|
37
|
+
|
|
38
|
+
## 13.11.0
|
|
39
|
+
|
|
40
|
+
### Minor Changes
|
|
41
|
+
|
|
42
|
+
- [#525](https://github.com/adobe/spectrum-tokens/pull/525) [`db6d0ed`](https://github.com/adobe/spectrum-tokens/commit/db6d0ed669e013e6f3ff52aea89fc7a5e798149a) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - composite tokens
|
|
43
|
+
|
|
44
|
+
<details open><summary>Newly Deprecated (2)</summary>
|
|
45
|
+
- `card-minimum-width`: This token has been deprecated, use card-minimum-width-default instead.
|
|
46
|
+
- `tree-view-item-to-item`: This token has been deprecated, use tree-view-item-to-item-default instead.
|
|
47
|
+
|
|
48
|
+
</details>
|
|
49
|
+
<details open><summary>Added (22)</summary>
|
|
50
|
+
- `component-xs-regular`
|
|
51
|
+
- `component-xs-medium`
|
|
52
|
+
- `component-xs-bold`
|
|
53
|
+
- `component-s-regular`
|
|
54
|
+
- `component-s-medium`
|
|
55
|
+
- `component-s-bold`
|
|
56
|
+
- `component-m-regular`
|
|
57
|
+
- `component-m-medium`
|
|
58
|
+
- `component-m-bold`
|
|
59
|
+
- `component-l-regular`
|
|
60
|
+
- `component-l-medium`
|
|
61
|
+
- `component-l-bold`
|
|
62
|
+
- `component-xl-regular`
|
|
63
|
+
- `component-xl-medium`
|
|
64
|
+
- `component-xl-bold`
|
|
65
|
+
- `component-padding-vertical-50`
|
|
66
|
+
- `component-padding-vertical-75`
|
|
67
|
+
- `component-padding-vertical-100`
|
|
68
|
+
- `component-padding-vertical-200`
|
|
69
|
+
- `component-padding-vertical-300`
|
|
70
|
+
- `card-minimum-width-default`
|
|
71
|
+
- `tree-view-item-to-item-default`
|
|
72
|
+
|
|
73
|
+
</details>
|
|
74
|
+
|
|
75
|
+
<details open><summary>Updated Properties (3)</summary>
|
|
76
|
+
- `sans-serif-font-family`
|
|
77
|
+
value: Adobe Clean -> Adobe Clean Spectrum VF
|
|
78
|
+
- `card-minimum-width`
|
|
79
|
+
schema: dimension.json -> alias.json
|
|
80
|
+
value: 100px -> card-minimum-width-default
|
|
81
|
+
- `tree-view-item-to-item`
|
|
82
|
+
schema: dimension.json -> alias.json
|
|
83
|
+
value: -1px -> tree-view-item-to-item-default
|
|
84
|
+
|
|
85
|
+
</details>
|
|
86
|
+
|
|
3
87
|
## 13.10.1
|
|
4
88
|
|
|
5
89
|
### Patch Changes
|
|
@@ -16,7 +100,6 @@
|
|
|
16
100
|
Updated (2)
|
|
17
101
|
|
|
18
102
|
<details open><summary>Updated Properties (2)</summary>
|
|
19
|
-
|
|
20
103
|
- `accordion-focus-indicator-gap`
|
|
21
104
|
- value: `0px` -> `2px`
|
|
22
105
|
- `accordion-top-to-text-medium`
|
|
@@ -38,7 +121,6 @@
|
|
|
38
121
|
## Token Diff
|
|
39
122
|
|
|
40
123
|
<details open><summary>Newly Deprecated (8)</summary>
|
|
41
|
-
|
|
42
124
|
- `accordion-top-to-text-regular-small`
|
|
43
125
|
- `accordion-top-to-text-regular-medium`
|
|
44
126
|
- `accordion-top-to-text-regular-large`
|
|
@@ -51,7 +133,6 @@
|
|
|
51
133
|
</details>
|
|
52
134
|
|
|
53
135
|
<details open><summary>Added (20)</summary>
|
|
54
|
-
|
|
55
136
|
- `field-top-to-disclosure-icon-compact-small`
|
|
56
137
|
- `field-top-to-disclosure-icon-small`
|
|
57
138
|
- `field-top-to-disclosure-icon-spacious-small`
|
|
@@ -76,7 +157,6 @@
|
|
|
76
157
|
</details>
|
|
77
158
|
|
|
78
159
|
<details open><summary>Added Properties (3)</summary>
|
|
79
|
-
|
|
80
160
|
- `accordion-top-to-text-compact-small`
|
|
81
161
|
- `desktop.schema`: dimension.json
|
|
82
162
|
- `desktop.value`: 3px
|
|
@@ -109,7 +189,6 @@
|
|
|
109
189
|
## Token Diff
|
|
110
190
|
|
|
111
191
|
<details open><summary>Added (28)</summary>
|
|
112
|
-
|
|
113
192
|
- `visual-to-control-100`
|
|
114
193
|
- `label-to-description-0`
|
|
115
194
|
- `list-view-minimum-height`
|
|
@@ -148,7 +227,6 @@
|
|
|
148
227
|
- [#502](https://github.com/adobe/spectrum-tokens/pull/502) [`26845e5`](https://github.com/adobe/spectrum-tokens/commit/26845e5885168bdfb7191b246b2ad41def39dc15) Thanks [@larz0](https://github.com/larz0)! - Tag field and missing icon tokens
|
|
149
228
|
|
|
150
229
|
## Design Motivation
|
|
151
|
-
|
|
152
230
|
- These are the required tokens for the tag fields component.
|
|
153
231
|
- These UI icons already exist and are being used in number field, menu items, swatch and list view.
|
|
154
232
|
- This was brought up on Slack by the CSS team in the implementation channel
|
|
@@ -157,7 +235,6 @@
|
|
|
157
235
|
## Token Diff
|
|
158
236
|
|
|
159
237
|
<details open><summary>Added (22)</summary>
|
|
160
|
-
|
|
161
238
|
- `link-out-icon-size-300`
|
|
162
239
|
- `link-out-icon-size-400`
|
|
163
240
|
- `add-icon-size-50`
|
|
@@ -196,7 +273,6 @@
|
|
|
196
273
|
## Token Diff
|
|
197
274
|
|
|
198
275
|
<details open><summary>Added (19)<br /></summary>
|
|
199
|
-
|
|
200
276
|
- `accordion-edge-to-content-area-small`
|
|
201
277
|
- `accordion-edge-to-content-area-medium`
|
|
202
278
|
- `accordion-edge-to-content-area-large`
|
|
@@ -232,7 +308,6 @@
|
|
|
232
308
|
## Token Diff
|
|
233
309
|
|
|
234
310
|
<details open><summary>Added (3)</summary>
|
|
235
|
-
|
|
236
311
|
- `card-horizontal-edge-to-content-compact`
|
|
237
312
|
- `card-horizontal-edge-to-content-default`
|
|
238
313
|
- `card-horizontal-edge-to-content-spacious`
|
|
@@ -253,13 +328,11 @@
|
|
|
253
328
|
|
|
254
329
|
<details open>
|
|
255
330
|
<summary>Newly Deprecated (1)</summary>
|
|
256
|
-
|
|
257
331
|
- `drop-zone-content-maximum-width`
|
|
258
332
|
|
|
259
333
|
</details>
|
|
260
334
|
<details open>
|
|
261
335
|
<summary>Added (18)</summary>
|
|
262
|
-
|
|
263
336
|
- `line-height-font-size-25`
|
|
264
337
|
- `line-height-font-size-50`
|
|
265
338
|
- `line-height-font-size-75`
|
|
@@ -294,7 +367,6 @@
|
|
|
294
367
|
## Token Diff
|
|
295
368
|
|
|
296
369
|
<details open><summary>Added (18)</summary>
|
|
297
|
-
|
|
298
370
|
- `steplist-step-default-width-small`
|
|
299
371
|
- `steplist-step-default-width-medium`
|
|
300
372
|
- `steplist-step-default-width-large`
|
|
@@ -325,7 +397,6 @@
|
|
|
325
397
|
## Token Diff
|
|
326
398
|
|
|
327
399
|
<details open><summary>Added (1)</summary>
|
|
328
|
-
|
|
329
400
|
- `segmented-control-item-maximum-width`
|
|
330
401
|
|
|
331
402
|
</details>
|
|
@@ -349,7 +420,6 @@
|
|
|
349
420
|
Updated (174)
|
|
350
421
|
|
|
351
422
|
<details><summary>Added Properties (82)</summary>
|
|
352
|
-
|
|
353
423
|
- `informative-subtle-background-color-default`
|
|
354
424
|
- `wireframe.schema`: `alias.json`
|
|
355
425
|
- `wireframe.value`: `informative-color-200`
|
|
@@ -681,7 +751,6 @@
|
|
|
681
751
|
|
|
682
752
|
</details>
|
|
683
753
|
<details><summary>Updated Properties (92)</summary>
|
|
684
|
-
|
|
685
754
|
- `icon-color-blue-primary-default`
|
|
686
755
|
- `wireframe.uuid`: `20880dfd-57dc-486d-b0dd-c44002f340e3` -> `a306b28e-f698-427d-a576-439b2ab378fc`
|
|
687
756
|
- `icon-color-red-primary-default`
|
|
@@ -928,7 +997,6 @@
|
|
|
928
997
|
***
|
|
929
998
|
|
|
930
999
|
<details open><summary>Added (61)</summary>
|
|
931
|
-
|
|
932
1000
|
- `card-edge-to-content-compact-extra-small`
|
|
933
1001
|
- `card-edge-to-content-default-extra-small`
|
|
934
1002
|
- `card-edge-to-content-spacious-extra-small`
|
|
@@ -996,7 +1064,6 @@
|
|
|
996
1064
|
#### Updated (3)
|
|
997
1065
|
|
|
998
1066
|
<details open><summary>Added Properties (1)</summary>
|
|
999
|
-
|
|
1000
1067
|
- `card-selection-background-color`
|
|
1001
1068
|
- `light.schema`: `alias.json`
|
|
1002
1069
|
- `light.value`: `transparent-white-600`
|
|
@@ -1007,14 +1074,12 @@
|
|
|
1007
1074
|
|
|
1008
1075
|
</details>
|
|
1009
1076
|
<details open><summary>Deleted Properties (1)</summary>
|
|
1010
|
-
|
|
1011
1077
|
- `card-selection-background-color`
|
|
1012
1078
|
- `value`: `gray-100`
|
|
1013
1079
|
- `uuid`: `622c6e86-dea6-416d-9f13-bb6ef112d3cb`
|
|
1014
1080
|
|
|
1015
1081
|
</details>
|
|
1016
1082
|
<details open><summary>Updated Properties (1)</summary>
|
|
1017
|
-
|
|
1018
1083
|
- `card-selection-background-color`
|
|
1019
1084
|
- `schema`: `alias.json` -> `color-set.json`
|
|
1020
1085
|
|
|
@@ -8210,7 +8275,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8210
8275
|
## Token Diff
|
|
8211
8276
|
|
|
8212
8277
|
_Tokens added (10):_
|
|
8213
|
-
|
|
8214
8278
|
- `static-blue-900`
|
|
8215
8279
|
- `static-blue-1000`
|
|
8216
8280
|
- `static-fuchsia-900`
|
|
@@ -8237,7 +8301,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8237
8301
|
## Token Diff
|
|
8238
8302
|
|
|
8239
8303
|
_Tokens added (13):_
|
|
8240
|
-
|
|
8241
8304
|
- `body-cjk-size-l`
|
|
8242
8305
|
- `body-cjk-size-m`
|
|
8243
8306
|
- `body-cjk-size-s`
|
|
@@ -8253,7 +8316,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8253
8316
|
- `letter-spacing`
|
|
8254
8317
|
|
|
8255
8318
|
_Token values updated (14):_
|
|
8256
|
-
|
|
8257
8319
|
- `body-cjk-strong-emphasized-font-weight`
|
|
8258
8320
|
- `body-cjk-strong-font-weight`
|
|
8259
8321
|
- `cjk-letter-spacing`
|
|
@@ -8290,7 +8352,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8290
8352
|
## Token Diff
|
|
8291
8353
|
|
|
8292
8354
|
**Updated Token (1):**
|
|
8293
|
-
|
|
8294
8355
|
- `takeover-dialog-height`: `1.00%` -> `100%`
|
|
8295
8356
|
|
|
8296
8357
|
## 13.0.0-beta.51
|
|
@@ -8302,7 +8363,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8302
8363
|
## Token Diff
|
|
8303
8364
|
|
|
8304
8365
|
**Updated Tokens (2):**
|
|
8305
|
-
|
|
8306
8366
|
- `takeover-dialog-height`: `1.00em` -> `1.00%`
|
|
8307
8367
|
- `takeover-dialog-width`: `1.00em` -> `100%`
|
|
8308
8368
|
|
|
@@ -8315,7 +8375,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8315
8375
|
## Token Diff
|
|
8316
8376
|
|
|
8317
8377
|
_Tokens added (16):_
|
|
8318
|
-
|
|
8319
8378
|
- `in-field-stepper-to-end-extra-large`
|
|
8320
8379
|
- `in-field-stepper-to-end-large`
|
|
8321
8380
|
- `in-field-stepper-to-end-medium`
|
|
@@ -8344,12 +8403,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8344
8403
|
## Token Diff
|
|
8345
8404
|
|
|
8346
8405
|
_Tokens added (2):_
|
|
8347
|
-
|
|
8348
8406
|
- `heading-cjk-size-xxxxl`
|
|
8349
8407
|
- `heading-size-xxxxl`
|
|
8350
8408
|
|
|
8351
8409
|
_Tokens changed (7):_
|
|
8352
|
-
|
|
8353
8410
|
- `heading-sans-serif-font-weight`: `bold-font-weight` -> `extra-bold-font-weight`
|
|
8354
8411
|
- `heading-cjk-heavy-font-weight`: `black-font-weight` -> `extra-bold-font-weight`
|
|
8355
8412
|
- `heading-sans-serif-emphasized-font-weight`: `bold-font-weight` -> `extra-bold-font-weight`
|
|
@@ -8361,7 +8418,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8361
8418
|
- [#422](https://github.com/adobe/spectrum-tokens/pull/422) [`4673d13`](https://github.com/adobe/spectrum-tokens/commit/4673d1383602d81484ae346dd278a28a26f5d91b) Thanks [@GarthDB](https://github.com/GarthDB)! - Added tokens for s2 detail typography
|
|
8362
8419
|
|
|
8363
8420
|
_New tokens (6)_
|
|
8364
|
-
|
|
8365
8421
|
- `detail-cjk-size-xs`
|
|
8366
8422
|
- `detail-cjk-size-s`
|
|
8367
8423
|
- `detail-cjk-size-m`
|
|
@@ -8370,7 +8426,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8370
8426
|
- `detail-size-xs`
|
|
8371
8427
|
|
|
8372
8428
|
_Updated token values (13)_
|
|
8373
|
-
|
|
8374
8429
|
- `detail-sans-serif-font-weight`: `bold-font-weight` -> `medium-font-weight`
|
|
8375
8430
|
- `detail-serif-font-weight`: `bold-font-weight` -> `medium-font-weight`
|
|
8376
8431
|
- `detail-cjk-font-weight`: `extra-bold-font-weight` -> `bold-font-weight`
|
|
@@ -8390,15 +8445,12 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8390
8445
|
### Minor Changes
|
|
8391
8446
|
|
|
8392
8447
|
- [#415](https://github.com/adobe/spectrum-tokens/pull/415) [`caca973`](https://github.com/adobe/spectrum-tokens/commit/caca973300d34fc688fb828633b1da2ba8284990) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - 1. New typography tokens:
|
|
8393
|
-
|
|
8394
8448
|
- Letter spacing, text-align, cjk
|
|
8395
|
-
|
|
8396
8449
|
1. New gradient stop tokens
|
|
8397
8450
|
1. New component tokens for bar panel, rating, segmented control, slider, select box
|
|
8398
8451
|
1. New static color tokens
|
|
8399
8452
|
|
|
8400
8453
|
_Tokens added (51):_
|
|
8401
|
-
|
|
8402
8454
|
- `letter-spacing`
|
|
8403
8455
|
- `text-align-start`
|
|
8404
8456
|
- `text-align-center`
|
|
@@ -8452,7 +8504,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8452
8504
|
- `select-box-selected-border-color`
|
|
8453
8505
|
|
|
8454
8506
|
_Token values updated (9):_
|
|
8455
|
-
|
|
8456
8507
|
- `font-size-1200`
|
|
8457
8508
|
- `desktop`: `50px` -> `51px`
|
|
8458
8509
|
- `font-size-1300`
|
|
@@ -8481,7 +8532,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8481
8532
|
Updated S2 Table tokens
|
|
8482
8533
|
|
|
8483
8534
|
<details><summary>Tokens added (42):</summary>
|
|
8484
|
-
|
|
8485
8535
|
- `illustrated-message-maximum-width`
|
|
8486
8536
|
- `side-focus-indicator`
|
|
8487
8537
|
- `table-row-bottom-to-text-extra-large`
|
|
@@ -8528,7 +8578,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8528
8578
|
</details>
|
|
8529
8579
|
|
|
8530
8580
|
<details><summary>Tokens updated (101):</summary>
|
|
8531
|
-
|
|
8532
8581
|
- `informative-subtle-background-color-default`
|
|
8533
8582
|
- light: `blue-200` -> `informative-color-200`
|
|
8534
8583
|
- dark: `blue-200` -> `informative-color-300`
|
|
@@ -8796,7 +8845,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8796
8845
|
## Token Diff
|
|
8797
8846
|
|
|
8798
8847
|
_Tokens Added (12):_
|
|
8799
|
-
|
|
8800
8848
|
- `standard-panel-width`
|
|
8801
8849
|
- `standard-panel-minimum-width`
|
|
8802
8850
|
- `standard-panel-maximum-width`
|
|
@@ -8823,7 +8871,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8823
8871
|
## Token Diff
|
|
8824
8872
|
|
|
8825
8873
|
_Tokens added (5):_
|
|
8826
|
-
|
|
8827
8874
|
- `code-cjk-size-l`
|
|
8828
8875
|
- `code-cjk-size-m`
|
|
8829
8876
|
- `code-cjk-size-s`
|
|
@@ -8831,7 +8878,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8831
8878
|
- `code-cjk-size-xs`
|
|
8832
8879
|
|
|
8833
8880
|
_Token values updated (2):_
|
|
8834
|
-
|
|
8835
8881
|
- `code-cjk-strong-emphasized-font-weight`
|
|
8836
8882
|
- `code-cjk-strong-font-weight`
|
|
8837
8883
|
|
|
@@ -8842,7 +8888,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8842
8888
|
- [#388](https://github.com/adobe/spectrum-tokens/pull/388) [`58425e6`](https://github.com/adobe/spectrum-tokens/commit/58425e67b2d4cbd716205d4d502cc823245811fe) Thanks [@lynnhao](https://github.com/lynnhao)! - Updated avatar and avatar group tokens
|
|
8843
8889
|
|
|
8844
8890
|
## Description
|
|
8845
|
-
|
|
8846
8891
|
- Updated avatar size tokens, including all sizes from `75` to `700`
|
|
8847
8892
|
- Added new avatar size tokens, from `800` to `1500`
|
|
8848
8893
|
- Added new avatar border thickness and color tokens
|
|
@@ -8850,7 +8895,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8850
8895
|
- Added avatar group spacing tokens, from `50` to `500`
|
|
8851
8896
|
|
|
8852
8897
|
## Motivation and context
|
|
8853
|
-
|
|
8854
8898
|
- Avatar: added new sizes and updated existing sizes to better match other components and work across a variety of use cases.
|
|
8855
8899
|
- ⚠️ Important note: Accepting updates from this release will update the avatar sizes. The largest change in size is 8px. In some cases, you may want to relink to a new size. View the migration guide below to find the closest recommended size:
|
|
8856
8900
|
|
|
@@ -8879,7 +8923,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8879
8923
|
## Token Diff
|
|
8880
8924
|
|
|
8881
8925
|
_Tokens added (24):_
|
|
8882
|
-
|
|
8883
8926
|
- `avatar-border-color`
|
|
8884
8927
|
- `avatar-border-width`
|
|
8885
8928
|
- `avatar-group-size-100`
|
|
@@ -8906,7 +8949,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8906
8949
|
- `avatar-to-avatar-75`
|
|
8907
8950
|
|
|
8908
8951
|
_Token values updated (8):_
|
|
8909
|
-
|
|
8910
8952
|
- `avatar-size-100`
|
|
8911
8953
|
- `avatar-size-200`
|
|
8912
8954
|
- `avatar-size-300`
|
|
@@ -8929,7 +8971,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8929
8971
|
## Token Diff
|
|
8930
8972
|
|
|
8931
8973
|
_Tokens added (8):_
|
|
8932
|
-
|
|
8933
8974
|
- `drop-shadow-blur-300`
|
|
8934
8975
|
- `drop-shadow-color-300`
|
|
8935
8976
|
- `drop-shadow-dragged-blur`
|
|
@@ -8954,13 +8995,11 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8954
8995
|
## Token Diff
|
|
8955
8996
|
|
|
8956
8997
|
_Tokens added (3):_
|
|
8957
|
-
|
|
8958
8998
|
- `swatch-group-spacing-spacious`
|
|
8959
8999
|
- `swatch-group-border-opacity`
|
|
8960
9000
|
- `swatch-group-border-color`
|
|
8961
9001
|
|
|
8962
9002
|
_Tokens values updated (3):_
|
|
8963
|
-
|
|
8964
9003
|
- `swatch-border-color`: `gray-900` -> `gray-1000`
|
|
8965
9004
|
- `swatch-border-opacity`: `0.51` -> `0.42`
|
|
8966
9005
|
- `swatch-disabled-icon-border-opacity`: `0.51` -> `0.42`
|
|
@@ -8970,7 +9009,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8970
9009
|
### Minor Changes
|
|
8971
9010
|
|
|
8972
9011
|
- [#375](https://github.com/adobe/spectrum-tokens/pull/375) [`6e3be6d`](https://github.com/adobe/spectrum-tokens/commit/6e3be6d8a458efa1752a8dd1360f03fa83f84c37) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - - [Updated thumbnail size tokens and added new tokens](https://github.com/adobe/spectrum-tokens-studio-data/pull/144)
|
|
8973
|
-
|
|
8974
9012
|
- [Updated S2 Action bar tokens](https://github.com/adobe/spectrum-tokens-studio-data/pull/149)
|
|
8975
9013
|
|
|
8976
9014
|
## Design Motivation
|
|
@@ -9000,7 +9038,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9000
9038
|
## Token Diff
|
|
9001
9039
|
|
|
9002
9040
|
_Tokens added (8):_
|
|
9003
|
-
|
|
9004
9041
|
- `action-bar-top-to-content-area`
|
|
9005
9042
|
- `action-bar-bottom-to-content-area`
|
|
9006
9043
|
- `action-bar-edge-to-content-area`
|
|
@@ -9011,12 +9048,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9011
9048
|
- `text-to-control-50`
|
|
9012
9049
|
|
|
9013
9050
|
_Tokens updated (2):_
|
|
9014
|
-
|
|
9015
9051
|
- `action-bar-height`
|
|
9016
9052
|
- `action-bar-top-to-item-counter`
|
|
9017
9053
|
|
|
9018
9054
|
_Token values updated (11):_
|
|
9019
|
-
|
|
9020
9055
|
- `thumbnail-size-75`
|
|
9021
9056
|
- `desktop`: `18px` -> `20px`
|
|
9022
9057
|
- `mobile`: `22px` -> `24px`
|
|
@@ -9056,18 +9091,15 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9056
9091
|
### Minor Changes
|
|
9057
9092
|
|
|
9058
9093
|
- [#373](https://github.com/adobe/spectrum-tokens/pull/373) [`e04bddf`](https://github.com/adobe/spectrum-tokens/commit/e04bddf65549c87cd314b54966fe066ae649b7f7) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - - Updated S2 accordion tokens (non-color) in respective desktop and mobile layout sets
|
|
9059
|
-
|
|
9060
9094
|
- Added S2 meter tokens, including both color and non-color.
|
|
9061
9095
|
|
|
9062
9096
|
## Design Motivation
|
|
9063
|
-
|
|
9064
9097
|
- Accordion component is being formalized as a Spectrum 2 component. These net-new tokens define the design data needed for implementation. Introducing content-area-edge-to-content tokens enhances inclusivity for various design patterns. For more information, [view Jira ticket](https://jira.corp.adobe.com/browse/SDS-13435).
|
|
9065
9098
|
- Meter component is being formalized as a Spectrum 2 component. These net-new tokens define the design data needed for implementation. Introducing static tokens enables us to standardize the use of tokens across various components with indicators and tracks. This includes progress bars, progress circles, and potentially sliders in the future. For more information, [view Jira ticket](https://jira.corp.adobe.com/browse/SDS-13414).
|
|
9066
9099
|
|
|
9067
9100
|
## Token Diff
|
|
9068
9101
|
|
|
9069
9102
|
_Tokens added (18):_
|
|
9070
|
-
|
|
9071
9103
|
- `accordion-content-area-edge-to-content-extra-large`
|
|
9072
9104
|
- `accordion-content-area-edge-to-content-large`
|
|
9073
9105
|
- `accordion-content-area-edge-to-content-medium`
|
|
@@ -9088,12 +9120,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9088
9120
|
- `track-color`
|
|
9089
9121
|
|
|
9090
9122
|
_Newly deprecated tokens (2):_
|
|
9091
|
-
|
|
9092
9123
|
- `accordion-edge-to-disclosure-indicator`
|
|
9093
9124
|
- `accordion-disclosure-indicator-to-text`
|
|
9094
9125
|
|
|
9095
9126
|
_Tokens updated (1):_
|
|
9096
|
-
|
|
9097
9127
|
- `meter-thickness-large`
|
|
9098
9128
|
|
|
9099
9129
|
## 13.0.0-beta.39
|
|
@@ -9105,7 +9135,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9105
9135
|
## Token Diff
|
|
9106
9136
|
|
|
9107
9137
|
_Tokens added (8):_
|
|
9108
|
-
|
|
9109
9138
|
- `coach-indicator-collapsed-gap`
|
|
9110
9139
|
- `coach-indicator-collapsed-ring-rounding-increment`
|
|
9111
9140
|
- `coach-indicator-collapsed-ring-thickness`
|
|
@@ -9120,19 +9149,16 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9120
9149
|
### Minor Changes
|
|
9121
9150
|
|
|
9122
9151
|
- [#360](https://github.com/adobe/spectrum-tokens/pull/360) [`f73a0b4`](https://github.com/adobe/spectrum-tokens/commit/f73a0b40464f1c73f2d9e8f6cf97da926e392ac7) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - - Fixed token type from Sizing to Font size for contextual-help-body-size and `contextual-help-title-size`
|
|
9123
|
-
|
|
9124
9152
|
- Renamed tokens by deprecating previous ones and creating new ones, with font in the token name
|
|
9125
9153
|
Updated value of `contextual-help-title-font-size`
|
|
9126
9154
|
|
|
9127
9155
|
Marked the the following tokens in Tokens Studio for deprecation:
|
|
9128
|
-
|
|
9129
9156
|
- `negative-subdued-background-color-default` ( --> points to `negative-subtle-background-color-default`)
|
|
9130
9157
|
- `negative-subdued-background-color-hover`
|
|
9131
9158
|
- `negative-subdued-background-color-down`
|
|
9132
9159
|
- `negative-subdued-background-color-key-focus`
|
|
9133
9160
|
|
|
9134
9161
|
## Design motivation
|
|
9135
|
-
|
|
9136
9162
|
- The updated type sorts them correctly in the Tokens Studio data
|
|
9137
9163
|
- The updated value reflects the latest design for Spectrum 2, using the new title style instead of heading
|
|
9138
9164
|
- The negative-subdued tokens were deprecated because the tag "error" variant has been deprecated and are no longer needed in the system. A new "subtle" token has been added for the in-line alert use case.
|
|
@@ -9140,12 +9166,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9140
9166
|
## Token diff
|
|
9141
9167
|
|
|
9142
9168
|
_Tokens added (2):_
|
|
9143
|
-
|
|
9144
9169
|
- `contextual-help-body-font-size`
|
|
9145
9170
|
- `contextual-help-title-font-size`
|
|
9146
9171
|
|
|
9147
9172
|
_Newly deprecated Tokens (6):_
|
|
9148
|
-
|
|
9149
9173
|
- `contextual-help-body-size`
|
|
9150
9174
|
- `contextual-help-title-size`
|
|
9151
9175
|
- `negative-subdued-background-color-default`
|
|
@@ -9164,7 +9188,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9164
9188
|
### Change 1: Updated terminology to align with t-shirt sizes
|
|
9165
9189
|
|
|
9166
9190
|
Previously in S1, the breadcrumb variants were default, compact, and multiline. However, in S2, we have aligned breadcrumb to t-shirt sizes, resulting in the following changes:
|
|
9167
|
-
|
|
9168
9191
|
- Breadcrumbs (default) -> Breadcrumbs (L)
|
|
9169
9192
|
- Breadcrumbs (compact) -> Breadcrumbs (M)
|
|
9170
9193
|
- Breadcrumbs (multiline) -> Breadcrumbs (multiline)
|
|
@@ -9172,14 +9195,12 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9172
9195
|
### Change 2: Updated truncated menu button sizes and spacing
|
|
9173
9196
|
|
|
9174
9197
|
Other structural changes
|
|
9175
|
-
|
|
9176
9198
|
- In S1 all variants used M sized action button – now we use S, M, L sized action buttons for respective sizes.
|
|
9177
9199
|
- In S1 all variants had same spacing 8px around chevron, now we use different spacings for all the three variants
|
|
9178
9200
|
|
|
9179
9201
|
## Token Diff
|
|
9180
9202
|
|
|
9181
9203
|
_Tokens added (11):_
|
|
9182
|
-
|
|
9183
9204
|
- `breadcrumbs-separator-to-bottom-text-multiline`
|
|
9184
9205
|
- `breadcrumbs-start-edge-to-text-large`
|
|
9185
9206
|
- `breadcrumbs-start-edge-to-text-medium`
|
|
@@ -9193,7 +9214,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9193
9214
|
- `breadcrumbs-text-to-separator-multiline`
|
|
9194
9215
|
|
|
9195
9216
|
_Newly deprecated tokens (13):_
|
|
9196
|
-
|
|
9197
9217
|
- `breadcrumbs-height`
|
|
9198
9218
|
- `breadcrumbs-height-compact`
|
|
9199
9219
|
- `breadcrumbs-top-to-text`
|
|
@@ -9209,7 +9229,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9209
9229
|
- `breadcrumbs-top-to-truncated-menu-compact`
|
|
9210
9230
|
|
|
9211
9231
|
_Token values updated (20):_
|
|
9212
|
-
|
|
9213
9232
|
- `breadcrumbs-top-to-separator-icon-multiline`
|
|
9214
9233
|
- `breadcrumbs-top-to-text-multiline`
|
|
9215
9234
|
- `breadcrumbs-bottom-to-text-multiline`
|
|
@@ -9244,7 +9263,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9244
9263
|
## Token diff
|
|
9245
9264
|
|
|
9246
9265
|
_Tokens added (78):_
|
|
9247
|
-
|
|
9248
9266
|
- `icon-color-blue-background`
|
|
9249
9267
|
- `icon-color-blue-primary-down`
|
|
9250
9268
|
- `icon-color-blue-primary-hover`
|
|
@@ -9331,7 +9349,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9331
9349
|
- [#337](https://github.com/adobe/spectrum-tokens/pull/337) [`df2ab7e`](https://github.com/adobe/spectrum-tokens/commit/df2ab7ed77d385593342a3ced7bfded94bd8af8e) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Updated illustrated message and drop zone tokens
|
|
9332
9350
|
|
|
9333
9351
|
## Design Motivation
|
|
9334
|
-
|
|
9335
9352
|
- The previous tokens had the incorrect types. By fixing the type, they can reference the updated tokens that are replacing them.
|
|
9336
9353
|
- Illustrated message now has three sizes (S, M, L) in Spectrum 2 to cover a wider range of use cases
|
|
9337
9354
|
- Component font size tokens now specify font in the token name
|
|
@@ -9339,7 +9356,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9339
9356
|
## Token Diff
|
|
9340
9357
|
|
|
9341
9358
|
_Tokens added (12):_
|
|
9342
|
-
|
|
9343
9359
|
- `drop-zone-body-font-size`
|
|
9344
9360
|
- `drop-zone-cjk-title-font-size`
|
|
9345
9361
|
- `drop-zone-title-font-size`
|
|
@@ -9354,7 +9370,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9354
9370
|
- `illustrated-message-small-title-font-size`
|
|
9355
9371
|
|
|
9356
9372
|
_Newly deprecated tokens (6):_
|
|
9357
|
-
|
|
9358
9373
|
- `drop-zone-body-size`
|
|
9359
9374
|
- `drop-zone-cjk-title-size`
|
|
9360
9375
|
- `drop-zone-title-size`
|
|
@@ -9363,7 +9378,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9363
9378
|
- `illustrated-message-title-size`
|
|
9364
9379
|
|
|
9365
9380
|
_Token value updated (1):_
|
|
9366
|
-
|
|
9367
9381
|
- `drop-zone-border-dash-gap`
|
|
9368
9382
|
|
|
9369
9383
|
## 13.0.0-beta.34
|
|
@@ -9375,13 +9389,11 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9375
9389
|
## Token Diff
|
|
9376
9390
|
|
|
9377
9391
|
_Tokens added (3):_
|
|
9378
|
-
|
|
9379
9392
|
- `popover-border-color`
|
|
9380
9393
|
- `popover-border-opacity`
|
|
9381
9394
|
- `popover-edge-to-content-area`
|
|
9382
9395
|
|
|
9383
9396
|
_Newly deprecated token (1):_
|
|
9384
|
-
|
|
9385
9397
|
- `popover-top-to-content-area`
|
|
9386
9398
|
|
|
9387
9399
|
## 13.0.0-beta.33
|
|
@@ -9393,7 +9405,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9393
9405
|
## Token Diff
|
|
9394
9406
|
|
|
9395
9407
|
_Tokens added (23):_
|
|
9396
|
-
|
|
9397
9408
|
- `link-out-icon-size-100`
|
|
9398
9409
|
- `link-out-icon-size-200`
|
|
9399
9410
|
- `link-out-icon-size-75`
|
|
@@ -9419,7 +9430,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9419
9430
|
- `text-to-visual-400`
|
|
9420
9431
|
|
|
9421
9432
|
_Token values updated (1):_
|
|
9422
|
-
|
|
9423
9433
|
- `menu-item-section-divider-height`
|
|
9424
9434
|
|
|
9425
9435
|
## 13.0.0-beta.32
|
|
@@ -9431,7 +9441,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9431
9441
|
## Token Diff
|
|
9432
9442
|
|
|
9433
9443
|
_Tokens added (5):_
|
|
9434
|
-
|
|
9435
9444
|
- `informative-subtle-background-color-default`
|
|
9436
9445
|
- `negative-subtle-background-color-default`
|
|
9437
9446
|
- `neutral-subtle-background-color-default`
|
|
@@ -9453,7 +9462,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9453
9462
|
## Token Diff
|
|
9454
9463
|
|
|
9455
9464
|
_Tokens added (10):_
|
|
9456
|
-
|
|
9457
9465
|
- `standard-dialog-body-font-size`
|
|
9458
9466
|
- `standard-dialog-maximum-width-large`
|
|
9459
9467
|
- `standard-dialog-maximum-width-medium`
|
|
@@ -9466,7 +9474,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9466
9474
|
- `status-light-text-to-visual-75`
|
|
9467
9475
|
|
|
9468
9476
|
_Token values updated (10):_
|
|
9469
|
-
|
|
9470
9477
|
- `alert-banner-to-top-workflow-icon`
|
|
9471
9478
|
- `alert-banner-top-to-workflow-icon`
|
|
9472
9479
|
- `status-light-dot-size-extra-large`
|
|
@@ -9489,7 +9496,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9489
9496
|
## Token Diff
|
|
9490
9497
|
|
|
9491
9498
|
_Token values updated (4):_
|
|
9492
|
-
|
|
9493
9499
|
- `component-pill-edge-to-visual-only-100`
|
|
9494
9500
|
- `component-pill-edge-to-visual-only-200`
|
|
9495
9501
|
- `component-pill-edge-to-visual-only-300`
|
|
@@ -9500,7 +9506,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9500
9506
|
## Token Diff
|
|
9501
9507
|
|
|
9502
9508
|
_Newly deprecated tokens (2):_
|
|
9503
|
-
|
|
9504
9509
|
- `color-loupe-drop-shadow-color`
|
|
9505
9510
|
- `drop-shadow-color`
|
|
9506
9511
|
|
|
@@ -9519,13 +9524,11 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9519
9524
|
## Token Diff
|
|
9520
9525
|
|
|
9521
9526
|
_Tokens added (6):_
|
|
9522
|
-
|
|
9523
9527
|
- `coach-mark-body-font-size`
|
|
9524
9528
|
- `coach-mark-pagination-body-font-size`
|
|
9525
9529
|
- `coach-mark-title-font-size`
|
|
9526
9530
|
|
|
9527
9531
|
_Newly deprecated tokens (3):_
|
|
9528
|
-
|
|
9529
9532
|
- `coach-mark-body-size`
|
|
9530
9533
|
- `coach-mark-pagination-body-size`
|
|
9531
9534
|
- `coach-mark-title-size`
|
|
@@ -9539,14 +9542,12 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9539
9542
|
## Token Diff
|
|
9540
9543
|
|
|
9541
9544
|
_Tokens added (4):_
|
|
9542
|
-
|
|
9543
9545
|
- `alert-dialog-description-font-size`
|
|
9544
9546
|
- `alert-dialog-description-size`
|
|
9545
9547
|
- `alert-dialog-title-font-size`
|
|
9546
9548
|
- `alert-dialog-title-size`
|
|
9547
9549
|
|
|
9548
9550
|
_Newly deprecated tokens (2):_
|
|
9549
|
-
|
|
9550
9551
|
- `alert-dialog-description-size`
|
|
9551
9552
|
- `alert-dialog-title-size`
|
|
9552
9553
|
|
|
@@ -9563,7 +9564,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9563
9564
|
## Token Diff
|
|
9564
9565
|
|
|
9565
9566
|
_Tokens added (15):_
|
|
9566
|
-
|
|
9567
9567
|
- `combo-box-visual-to-field-button`
|
|
9568
9568
|
- `combo-box-visual-to-field-button-extra-large`
|
|
9569
9569
|
- `combo-box-visual-to-field-button-large`
|
|
@@ -9581,7 +9581,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9581
9581
|
- `in-field-progress-circle-size-75`
|
|
9582
9582
|
|
|
9583
9583
|
_Newly deprecated tokens (6):_
|
|
9584
|
-
|
|
9585
9584
|
- `combo-box-quiet-minimum-width-multiplier`
|
|
9586
9585
|
- `combo-box-visual-to-field-button-small`
|
|
9587
9586
|
- `combo-box-visual-to-field-button-medium`
|
|
@@ -9598,7 +9597,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9598
9597
|
## Token Diff
|
|
9599
9598
|
|
|
9600
9599
|
_Newly deprecated tokens (2):_
|
|
9601
|
-
|
|
9602
9600
|
- `color-loupe-drop-shadow-blur`
|
|
9603
9601
|
- `color-loupe-drop-shadow-y`
|
|
9604
9602
|
|
|
@@ -9616,7 +9614,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9616
9614
|
## Token Diff
|
|
9617
9615
|
|
|
9618
9616
|
_Tokens added (24):_
|
|
9619
|
-
|
|
9620
9617
|
- `drop-shadow-blur`
|
|
9621
9618
|
- `drop-shadow-blur-100`
|
|
9622
9619
|
- `drop-shadow-blur-200`
|
|
@@ -9643,12 +9640,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9643
9640
|
- `drop-shadow-y-200`
|
|
9644
9641
|
|
|
9645
9642
|
_Tokens deleted (2):_
|
|
9646
|
-
|
|
9647
9643
|
- `drop-shadow-blur`
|
|
9648
9644
|
- `drop-shadow-y`
|
|
9649
9645
|
|
|
9650
9646
|
_Token values updated (2):_
|
|
9651
|
-
|
|
9652
9647
|
- `color-handle-drop-shadow-color`
|
|
9653
9648
|
- `drop-shadow-color`
|
|
9654
9649
|
|
|
@@ -9663,7 +9658,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9663
9658
|
## Token Diff
|
|
9664
9659
|
|
|
9665
9660
|
_Tokens added (7):_
|
|
9666
|
-
|
|
9667
9661
|
- `field-default-width-extra-large`
|
|
9668
9662
|
- `field-default-width-large`
|
|
9669
9663
|
- `field-default-width-medium`
|
|
@@ -9673,14 +9667,12 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9673
9667
|
- `tag-minimum-width-small`
|
|
9674
9668
|
|
|
9675
9669
|
_Token values updated (4):_
|
|
9676
|
-
|
|
9677
9670
|
- `field-top-to-progress-circle-extra-large`
|
|
9678
9671
|
- `field-top-to-progress-circle-large`
|
|
9679
9672
|
- `field-top-to-progress-circle-medium`
|
|
9680
9673
|
- `field-top-to-progress-circle-small`
|
|
9681
9674
|
|
|
9682
9675
|
_Newly Deprecated Tokens (4):_
|
|
9683
|
-
|
|
9684
9676
|
- `field-width-extra-large`
|
|
9685
9677
|
- `field-width-large`
|
|
9686
9678
|
- `field-width-medium`
|
|
@@ -9695,11 +9687,9 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9695
9687
|
## Token Diff
|
|
9696
9688
|
|
|
9697
9689
|
_Tokens added (1):_
|
|
9698
|
-
|
|
9699
9690
|
- `accordion-top-to-text-spacious-small`
|
|
9700
9691
|
|
|
9701
9692
|
_Newly deprecated token (1):_
|
|
9702
|
-
|
|
9703
9693
|
- `accordion-small-top-to-text-spacious`
|
|
9704
9694
|
|
|
9705
9695
|
## 13.0.0-beta.22
|
|
@@ -9717,12 +9707,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9717
9707
|
## Token Diff
|
|
9718
9708
|
|
|
9719
9709
|
_Tokens added (2):_
|
|
9720
|
-
|
|
9721
9710
|
- `alert-banner-top-to-alert-icon`
|
|
9722
9711
|
- `title-color`
|
|
9723
9712
|
|
|
9724
9713
|
_Token values updated (2):_
|
|
9725
|
-
|
|
9726
9714
|
- `alert-dialog-description-size`
|
|
9727
9715
|
- `alert-dialog-title-size`
|
|
9728
9716
|
|
|
@@ -9741,12 +9729,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9741
9729
|
## Token Diff
|
|
9742
9730
|
|
|
9743
9731
|
_Tokens added (2):_
|
|
9744
|
-
|
|
9745
9732
|
- `opacity-checkerboard-square-size-medium`
|
|
9746
9733
|
- `opacity-checkerboard-square-size-small`
|
|
9747
9734
|
|
|
9748
9735
|
_Newly deprecated token (1):_
|
|
9749
|
-
|
|
9750
9736
|
- `opacity-checkerboard-square-size`
|
|
9751
9737
|
|
|
9752
9738
|
## 13.0.0-beta.20
|
|
@@ -9762,7 +9748,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9762
9748
|
## Token Diff
|
|
9763
9749
|
|
|
9764
9750
|
_Tokens added (45):_
|
|
9765
|
-
|
|
9766
9751
|
- `title-cjk-emphasized-font-style`
|
|
9767
9752
|
- `title-cjk-emphasized-font-weight`
|
|
9768
9753
|
- `title-cjk-font-family`
|
|
@@ -9822,21 +9807,18 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9822
9807
|
## Token Diff
|
|
9823
9808
|
|
|
9824
9809
|
_Tokens added (4):_
|
|
9825
|
-
|
|
9826
9810
|
- `field-width-small`
|
|
9827
9811
|
- `field-width-medium`
|
|
9828
9812
|
- `field-width-large`
|
|
9829
9813
|
- `field-width-extra-large`
|
|
9830
9814
|
|
|
9831
9815
|
_Updated token values (4):_
|
|
9832
|
-
|
|
9833
9816
|
- `side-label-character-count-top-margin-small`
|
|
9834
9817
|
- `side-label-character-count-top-margin-medium`
|
|
9835
9818
|
- `side-label-character-count-top-margin-large`
|
|
9836
9819
|
- `side-label-character-count-top-margin-extra-large`
|
|
9837
9820
|
|
|
9838
9821
|
_Newly deprecated tokens (8):_
|
|
9839
|
-
|
|
9840
9822
|
- `field-width`
|
|
9841
9823
|
- `field-edge-to-text-quiet`
|
|
9842
9824
|
- `field-edge-to-border-quiet`
|
|
@@ -9860,7 +9842,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9860
9842
|
## Token Diff
|
|
9861
9843
|
|
|
9862
9844
|
_Token value updated (1):_
|
|
9863
|
-
|
|
9864
9845
|
- `color-area-border-color`
|
|
9865
9846
|
|
|
9866
9847
|
- 7b5f18b: Update alert banner for Spectrum 2
|
|
@@ -9872,7 +9853,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9872
9853
|
## Token Diff
|
|
9873
9854
|
|
|
9874
9855
|
_Token values updated (5):_
|
|
9875
|
-
|
|
9876
9856
|
- `alert-banner-bottom-to-text`
|
|
9877
9857
|
- `alert-banner-minimum-height`
|
|
9878
9858
|
- `alert-banner-top-to-text`
|
|
@@ -9890,7 +9870,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9890
9870
|
## Token Diff
|
|
9891
9871
|
|
|
9892
9872
|
_Token values updated (5):_
|
|
9893
|
-
|
|
9894
9873
|
- `toast-height`
|
|
9895
9874
|
- `toast-top-to-workflow-icon`
|
|
9896
9875
|
- `toast-top-to-text`
|
|
@@ -9911,7 +9890,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9911
9890
|
## Token Diff
|
|
9912
9891
|
|
|
9913
9892
|
_Tokens added (10):_
|
|
9914
|
-
|
|
9915
9893
|
- `brown-background-color-default`
|
|
9916
9894
|
- `brown-visual-color`
|
|
9917
9895
|
- `cinnamon-background-color-default`
|
|
@@ -9924,7 +9902,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9924
9902
|
- `turquoise-visual-color`
|
|
9925
9903
|
|
|
9926
9904
|
_Token values updated (27):_
|
|
9927
|
-
|
|
9928
9905
|
- `accent-background-color-default`
|
|
9929
9906
|
- `accent-background-color-down`
|
|
9930
9907
|
- `accent-background-color-hover`
|
|
@@ -9968,7 +9945,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9968
9945
|
## Token Diff
|
|
9969
9946
|
|
|
9970
9947
|
_Token values updated (2):_
|
|
9971
|
-
|
|
9972
9948
|
- `color-slider-border-color`
|
|
9973
9949
|
- `color-slider-border-rounding`
|
|
9974
9950
|
|
|
@@ -9985,7 +9961,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9985
9961
|
## Token Diff
|
|
9986
9962
|
|
|
9987
9963
|
_Tokens added (9):_
|
|
9988
|
-
|
|
9989
9964
|
- `tag-edge-to-clear-icon-large`
|
|
9990
9965
|
- `tag-edge-to-clear-icon-medium`
|
|
9991
9966
|
- `tag-edge-to-clear-icon-small`
|
|
@@ -10015,7 +9990,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10015
9990
|
## Token Diff
|
|
10016
9991
|
|
|
10017
9992
|
_Tokens added (12):_
|
|
10018
|
-
|
|
10019
9993
|
- `negative-subdued-background-color-default`
|
|
10020
9994
|
- `negative-subdued-background-color-down`
|
|
10021
9995
|
- `negative-subdued-background-color-hover`
|
|
@@ -10030,7 +10004,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10030
10004
|
- `switch-handle-size-small`
|
|
10031
10005
|
|
|
10032
10006
|
_Token values updated (8):_
|
|
10033
|
-
|
|
10034
10007
|
- `switch-control-height-extra-large`
|
|
10035
10008
|
- `switch-control-height-large`
|
|
10036
10009
|
- `switch-control-height-medium`
|
|
@@ -10049,7 +10022,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10049
10022
|
## Token Diff
|
|
10050
10023
|
|
|
10051
10024
|
_Tokens values updated (46):_
|
|
10052
|
-
|
|
10053
10025
|
- `accordion-disclosure-indicator-to-text`
|
|
10054
10026
|
- `accordion-edge-to-disclosure-indicator`
|
|
10055
10027
|
- `accordion-edge-to-text`
|
|
@@ -10102,20 +10074,17 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10102
10074
|
### Minor Changes
|
|
10103
10075
|
|
|
10104
10076
|
- ef600c4: ## Design Motivation
|
|
10105
|
-
|
|
10106
10077
|
- The updated tooltip component in Spectrum 2 has a larger, slightly rounded tip
|
|
10107
10078
|
- Added tokens for horizontal and vertical orientation
|
|
10108
10079
|
|
|
10109
10080
|
## Tokens Diff
|
|
10110
10081
|
|
|
10111
10082
|
_Tokens added (3):_
|
|
10112
|
-
|
|
10113
10083
|
- `divider-horizontal-minimum-width`
|
|
10114
10084
|
- `divider-vertical-minimum-height`
|
|
10115
10085
|
- `tooltip-tip-corner-radius`
|
|
10116
10086
|
|
|
10117
10087
|
_Token values updated (2):_
|
|
10118
|
-
|
|
10119
10088
|
- `tooltip-tip-height`
|
|
10120
10089
|
- `tooltip-tip-width`
|
|
10121
10090
|
|
|
@@ -10136,7 +10105,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10136
10105
|
## Token Diff
|
|
10137
10106
|
|
|
10138
10107
|
_Token values updated (4):_
|
|
10139
|
-
|
|
10140
10108
|
- `field-label-top-margin-extra-large`
|
|
10141
10109
|
- `field-label-top-margin-large`
|
|
10142
10110
|
- `field-label-top-margin-medium`
|
|
@@ -10159,7 +10127,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10159
10127
|
## Token Diff
|
|
10160
10128
|
|
|
10161
10129
|
_Token values updated (1):_
|
|
10162
|
-
|
|
10163
10130
|
- `text-to-visual-300`
|
|
10164
10131
|
|
|
10165
10132
|
- 6579966: existing corner-radius tokens, adding net-new global corner radius tokens, and introducing new alias names that point to these global values.
|
|
@@ -10173,7 +10140,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10173
10140
|
## Token Diff
|
|
10174
10141
|
|
|
10175
10142
|
_Tokens added (23):_
|
|
10176
|
-
|
|
10177
10143
|
- `corner-radius-0`
|
|
10178
10144
|
- `corner-radius-300`
|
|
10179
10145
|
- `corner-radius-400`
|
|
@@ -10199,7 +10165,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10199
10165
|
- `corner-radius-small-size-extra-large`
|
|
10200
10166
|
|
|
10201
10167
|
_Token values updated (3):_
|
|
10202
|
-
|
|
10203
10168
|
- `corner-radius-75`
|
|
10204
10169
|
- `corner-radius-100`
|
|
10205
10170
|
- `corner-radius-200`
|
|
@@ -10215,7 +10180,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10215
10180
|
## Token Diff
|
|
10216
10181
|
|
|
10217
10182
|
_Token values updated (5):_
|
|
10218
|
-
|
|
10219
10183
|
- `component-edge-to-visual-only-100`
|
|
10220
10184
|
- `component-edge-to-visual-only-200`
|
|
10221
10185
|
- `component-edge-to-visual-only-300`
|
|
@@ -10227,7 +10191,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10227
10191
|
## Token Diff
|
|
10228
10192
|
|
|
10229
10193
|
_Newly deprecated tokens (4):_
|
|
10230
|
-
|
|
10231
10194
|
- `help-text-top-to-workflow-icon-extra-large`: use `component-edge-to-visual-only-300`
|
|
10232
10195
|
- `help-text-top-to-workflow-icon-large`: use `component-edge-to-visual-only-200`
|
|
10233
10196
|
- `help-text-top-to-workflow-icon-medium`: use `component-edge-to-visual-only-100`
|
|
@@ -10252,13 +10215,11 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10252
10215
|
## Tokens Diff
|
|
10253
10216
|
|
|
10254
10217
|
_Tokens added (3):_
|
|
10255
|
-
|
|
10256
10218
|
- `component-size-difference-down`
|
|
10257
10219
|
- `component-size-minimum-perspective-down`
|
|
10258
10220
|
- `component-size-width-ratio-down`
|
|
10259
10221
|
|
|
10260
10222
|
_Token values updated (15):_
|
|
10261
|
-
|
|
10262
10223
|
- `component-top-to-workflow-icon-100`
|
|
10263
10224
|
- `component-top-to-workflow-icon-200`
|
|
10264
10225
|
- `component-top-to-workflow-icon-300`
|
|
@@ -10288,12 +10249,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10288
10249
|
## Token Diff
|
|
10289
10250
|
|
|
10290
10251
|
_Tokens added (2):_
|
|
10291
|
-
|
|
10292
10252
|
- `background-elevated-color`
|
|
10293
10253
|
- `background-pasteboard-color`
|
|
10294
10254
|
|
|
10295
10255
|
_Token values updated (1):_
|
|
10296
|
-
|
|
10297
10256
|
- `background-base-color`
|
|
10298
10257
|
|
|
10299
10258
|
## 13.0.0-beta.7
|
|
@@ -10305,7 +10264,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10305
10264
|
## Token Diff
|
|
10306
10265
|
|
|
10307
10266
|
_Token values updated (328):_
|
|
10308
|
-
|
|
10309
10267
|
- `accent-background-color-default`
|
|
10310
10268
|
- `accent-background-color-down`
|
|
10311
10269
|
- `accent-background-color-hover`
|
|
@@ -10650,7 +10608,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10650
10608
|
## Token Diff
|
|
10651
10609
|
|
|
10652
10610
|
_Tokens added (17):_
|
|
10653
|
-
|
|
10654
10611
|
- `cinnamon-100`
|
|
10655
10612
|
- `cinnamon-200`
|
|
10656
10613
|
- `cinnamon-300`
|
|
@@ -10677,7 +10634,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10677
10634
|
## Token Diff
|
|
10678
10635
|
|
|
10679
10636
|
_Token values updated (1):_
|
|
10680
|
-
|
|
10681
10637
|
- `notice-background-color-default`: `light`: `notice-color-800` -> `notice-color-600`
|
|
10682
10638
|
|
|
10683
10639
|
## 13.0.0-beta.5
|
|
@@ -10696,7 +10652,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10696
10652
|
## Token Diff
|
|
10697
10653
|
|
|
10698
10654
|
<details><summary><strong>Token values updated (246):</strong></summary>
|
|
10699
|
-
|
|
10700
10655
|
- `accent-background-color-default`
|
|
10701
10656
|
- `accent-background-color-down`
|
|
10702
10657
|
- `accent-background-color-hover`
|
|
@@ -10957,7 +10912,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10957
10912
|
## Token Diff
|
|
10958
10913
|
|
|
10959
10914
|
<details><summary><strong>Tokens added (64):</strong></summary>
|
|
10960
|
-
|
|
10961
10915
|
- `brown-100`
|
|
10962
10916
|
- `brown-1000`
|
|
10963
10917
|
- `brown-1100`
|
|
@@ -11034,7 +10988,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11034
10988
|
## Token Diff
|
|
11035
10989
|
|
|
11036
10990
|
_Token values updated (5):_
|
|
11037
|
-
|
|
11038
10991
|
- `neutral-background-color-default`: changed from a color-set to a single value of a reference of `gray-800`
|
|
11039
10992
|
- `neutral-background-color-down`: changed from a color-set to a single value of a reference of `gray-900`
|
|
11040
10993
|
- `neutral-background-color-hover`: changed from a color-set to a single value of a reference of `gray-900`
|
|
@@ -11054,7 +11007,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11054
11007
|
## Token Diff
|
|
11055
11008
|
|
|
11056
11009
|
_Tokens added (51):_
|
|
11057
|
-
|
|
11058
11010
|
- `checkbox-control-size-extra-large`
|
|
11059
11011
|
- `checkbox-control-size-large`
|
|
11060
11012
|
- `checkbox-control-size-medium`
|
|
@@ -11120,7 +11072,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11120
11072
|
## Token Diff
|
|
11121
11073
|
|
|
11122
11074
|
<details><summary><strong>Tokens added (46):</strong></summary>
|
|
11123
|
-
|
|
11124
11075
|
- `accent-color-1500`
|
|
11125
11076
|
- `accent-color-1600`
|
|
11126
11077
|
- `blue-1500`
|
|
@@ -11171,7 +11122,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11171
11122
|
</details>
|
|
11172
11123
|
|
|
11173
11124
|
<details><summary><strong>Token values updated (408):</strong></summary>
|
|
11174
|
-
|
|
11175
11125
|
- `accent-background-color-default`
|
|
11176
11126
|
- `accent-background-color-down`
|
|
11177
11127
|
- `accent-background-color-hover`
|
|
@@ -11596,7 +11546,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11596
11546
|
## Token Diff
|
|
11597
11547
|
|
|
11598
11548
|
<details><summary><strong>Token values updated (358):</strong></summary>
|
|
11599
|
-
|
|
11600
11549
|
- `accent-background-color-default`
|
|
11601
11550
|
- `accent-background-color-down`
|
|
11602
11551
|
- `accent-background-color-hover`
|
|
@@ -11969,7 +11918,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11969
11918
|
## Token Diff
|
|
11970
11919
|
|
|
11971
11920
|
<details><summary><strong>Tokens values updated (102):</strong></summary>
|
|
11972
|
-
|
|
11973
11921
|
- `accent-background-color-default`
|
|
11974
11922
|
- `accent-background-color-down`
|
|
11975
11923
|
- `accent-background-color-hover`
|
|
@@ -12090,7 +12038,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
12090
12038
|
### Token Diff
|
|
12091
12039
|
|
|
12092
12040
|
_Tokens added (6):_
|
|
12093
|
-
|
|
12094
12041
|
- `icon-color-blue-primary-default`
|
|
12095
12042
|
- `icon-color-green-primary-default`
|
|
12096
12043
|
- `icon-color-inverse`
|
|
@@ -12107,7 +12054,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
12107
12054
|
## Token Diff
|
|
12108
12055
|
|
|
12109
12056
|
_Tokens update (2):_
|
|
12110
|
-
|
|
12111
12057
|
- `opacity-checkerboard-square-dark`
|
|
12112
12058
|
- `overlay-opacity`
|
|
12113
12059
|
|
|
@@ -12124,11 +12070,9 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
12124
12070
|
### Token diff
|
|
12125
12071
|
|
|
12126
12072
|
_Renamed token:_
|
|
12127
|
-
|
|
12128
12073
|
- `meter-default-width` -> `meter-width`
|
|
12129
12074
|
|
|
12130
12075
|
_Token added for deprecation and rename:_
|
|
12131
|
-
|
|
12132
12076
|
- `meter-default-width`
|
|
12133
12077
|
|
|
12134
12078
|
## 12.17.0
|
|
@@ -12185,7 +12129,6 @@ _Tokens added (1):_
|
|
|
12185
12129
|
## Token Diff
|
|
12186
12130
|
|
|
12187
12131
|
_Tokens added (19):_
|
|
12188
|
-
|
|
12189
12132
|
- `in-field-button-edge-to-disclosure-icon-stacked-extra-large`
|
|
12190
12133
|
- `in-field-button-edge-to-disclosure-icon-stacked-large`
|
|
12191
12134
|
- `in-field-button-edge-to-disclosure-icon-stacked-medium`
|
|
@@ -12221,7 +12164,6 @@ _Tokens added (1):_
|
|
|
12221
12164
|
## Token diff
|
|
12222
12165
|
|
|
12223
12166
|
_Tokens added (88):_
|
|
12224
|
-
|
|
12225
12167
|
- `table-border-divider-width`
|
|
12226
12168
|
- `table-checkbox-to-text`
|
|
12227
12169
|
- `table-column-header-row-bottom-to-text-extra-large`
|
|
@@ -12320,7 +12262,6 @@ _Tokens added (1):_
|
|
|
12320
12262
|
## Token Diff
|
|
12321
12263
|
|
|
12322
12264
|
_Tokens updated (51):_
|
|
12323
|
-
|
|
12324
12265
|
- `accent-content-color-selected`
|
|
12325
12266
|
- `neutral-subdued-content-color-selected`
|
|
12326
12267
|
- `tab-item-bottom-to-text-compact-extra-large`
|
|
@@ -12382,7 +12323,6 @@ _Tokens added (1):_
|
|
|
12382
12323
|
## Token diff
|
|
12383
12324
|
|
|
12384
12325
|
_Tokens added (51):_
|
|
12385
|
-
|
|
12386
12326
|
- `accent-content-color-selected`
|
|
12387
12327
|
- `neutral-subdued-content-color-selected`
|
|
12388
12328
|
- `tab-item-bottom-to-text-compact-extra-large`
|
|
@@ -12444,11 +12384,9 @@ _Tokens added (1):_
|
|
|
12444
12384
|
## Token Diff
|
|
12445
12385
|
|
|
12446
12386
|
_Token added (1):_
|
|
12447
|
-
|
|
12448
12387
|
- `picker-end-edge-to-disclosure-icon-quiet`
|
|
12449
12388
|
|
|
12450
12389
|
_Newly deprecated token (1):_
|
|
12451
|
-
|
|
12452
12390
|
- `picker-end-edge-to-disclousure-icon-quiet`
|
|
12453
12391
|
|
|
12454
12392
|
## 12.10.0
|
|
@@ -12472,7 +12410,6 @@ _Tokens added (1):_
|
|
|
12472
12410
|
## Token Diff
|
|
12473
12411
|
|
|
12474
12412
|
The following tokens have update `component` metadata property (all have been set to `coach-mark`):
|
|
12475
|
-
|
|
12476
12413
|
- `coach-mark-minimum-width`
|
|
12477
12414
|
- `coach-mark-edge-to-content`
|
|
12478
12415
|
- `coach-mark-pagination-text-to-bottom-edge`
|
|
@@ -12492,11 +12429,9 @@ _Tokens added (1):_
|
|
|
12492
12429
|
## Token Diff
|
|
12493
12430
|
|
|
12494
12431
|
_Token added (1):_
|
|
12495
|
-
|
|
12496
12432
|
- `floating-action-button-drop-shadow-color`
|
|
12497
12433
|
|
|
12498
12434
|
_Newly deprecated token (1):_
|
|
12499
|
-
|
|
12500
12435
|
- `floating-action-button-shadow-color` (use `floating-action-button-drop-shadow-color` instead)
|
|
12501
12436
|
|
|
12502
12437
|
## 12.8.0
|
|
@@ -12508,7 +12443,6 @@ _Tokens added (1):_
|
|
|
12508
12443
|
## Token Diff
|
|
12509
12444
|
|
|
12510
12445
|
_Token values updated (2):_
|
|
12511
|
-
|
|
12512
12446
|
- `color-handle-inner-border-opacity` (to remove express specific values)
|
|
12513
12447
|
- `color-handle-outer-border-opacity` (to remove express specific values)
|
|
12514
12448
|
|