@adobe/spectrum-tokens 13.10.1 → 13.11.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 +49 -150
- package/dist/json/drover.json +7 -0
- package/dist/json/variables.json +1591 -6
- 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 +19 -3
- 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,54 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 13.11.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#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
|
|
8
|
+
|
|
9
|
+
<details open><summary>Newly Deprecated (2)</summary>
|
|
10
|
+
- `card-minimum-width`: This token has been deprecated, use card-minimum-width-default instead.
|
|
11
|
+
- `tree-view-item-to-item`: This token has been deprecated, use tree-view-item-to-item-default instead.
|
|
12
|
+
|
|
13
|
+
</details>
|
|
14
|
+
<details open><summary>Added (22)</summary>
|
|
15
|
+
- `component-xs-regular`
|
|
16
|
+
- `component-xs-medium`
|
|
17
|
+
- `component-xs-bold`
|
|
18
|
+
- `component-s-regular`
|
|
19
|
+
- `component-s-medium`
|
|
20
|
+
- `component-s-bold`
|
|
21
|
+
- `component-m-regular`
|
|
22
|
+
- `component-m-medium`
|
|
23
|
+
- `component-m-bold`
|
|
24
|
+
- `component-l-regular`
|
|
25
|
+
- `component-l-medium`
|
|
26
|
+
- `component-l-bold`
|
|
27
|
+
- `component-xl-regular`
|
|
28
|
+
- `component-xl-medium`
|
|
29
|
+
- `component-xl-bold`
|
|
30
|
+
- `component-padding-vertical-50`
|
|
31
|
+
- `component-padding-vertical-75`
|
|
32
|
+
- `component-padding-vertical-100`
|
|
33
|
+
- `component-padding-vertical-200`
|
|
34
|
+
- `component-padding-vertical-300`
|
|
35
|
+
- `card-minimum-width-default`
|
|
36
|
+
- `tree-view-item-to-item-default`
|
|
37
|
+
|
|
38
|
+
</details>
|
|
39
|
+
|
|
40
|
+
<details open><summary>Updated Properties (3)</summary>
|
|
41
|
+
- `sans-serif-font-family`
|
|
42
|
+
value: Adobe Clean -> Adobe Clean Spectrum VF
|
|
43
|
+
- `card-minimum-width`
|
|
44
|
+
schema: dimension.json -> alias.json
|
|
45
|
+
value: 100px -> card-minimum-width-default
|
|
46
|
+
- `tree-view-item-to-item`
|
|
47
|
+
schema: dimension.json -> alias.json
|
|
48
|
+
value: -1px -> tree-view-item-to-item-default
|
|
49
|
+
|
|
50
|
+
</details>
|
|
51
|
+
|
|
3
52
|
## 13.10.1
|
|
4
53
|
|
|
5
54
|
### Patch Changes
|
|
@@ -16,7 +65,6 @@
|
|
|
16
65
|
Updated (2)
|
|
17
66
|
|
|
18
67
|
<details open><summary>Updated Properties (2)</summary>
|
|
19
|
-
|
|
20
68
|
- `accordion-focus-indicator-gap`
|
|
21
69
|
- value: `0px` -> `2px`
|
|
22
70
|
- `accordion-top-to-text-medium`
|
|
@@ -38,7 +86,6 @@
|
|
|
38
86
|
## Token Diff
|
|
39
87
|
|
|
40
88
|
<details open><summary>Newly Deprecated (8)</summary>
|
|
41
|
-
|
|
42
89
|
- `accordion-top-to-text-regular-small`
|
|
43
90
|
- `accordion-top-to-text-regular-medium`
|
|
44
91
|
- `accordion-top-to-text-regular-large`
|
|
@@ -51,7 +98,6 @@
|
|
|
51
98
|
</details>
|
|
52
99
|
|
|
53
100
|
<details open><summary>Added (20)</summary>
|
|
54
|
-
|
|
55
101
|
- `field-top-to-disclosure-icon-compact-small`
|
|
56
102
|
- `field-top-to-disclosure-icon-small`
|
|
57
103
|
- `field-top-to-disclosure-icon-spacious-small`
|
|
@@ -76,7 +122,6 @@
|
|
|
76
122
|
</details>
|
|
77
123
|
|
|
78
124
|
<details open><summary>Added Properties (3)</summary>
|
|
79
|
-
|
|
80
125
|
- `accordion-top-to-text-compact-small`
|
|
81
126
|
- `desktop.schema`: dimension.json
|
|
82
127
|
- `desktop.value`: 3px
|
|
@@ -109,7 +154,6 @@
|
|
|
109
154
|
## Token Diff
|
|
110
155
|
|
|
111
156
|
<details open><summary>Added (28)</summary>
|
|
112
|
-
|
|
113
157
|
- `visual-to-control-100`
|
|
114
158
|
- `label-to-description-0`
|
|
115
159
|
- `list-view-minimum-height`
|
|
@@ -148,7 +192,6 @@
|
|
|
148
192
|
- [#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
193
|
|
|
150
194
|
## Design Motivation
|
|
151
|
-
|
|
152
195
|
- These are the required tokens for the tag fields component.
|
|
153
196
|
- These UI icons already exist and are being used in number field, menu items, swatch and list view.
|
|
154
197
|
- This was brought up on Slack by the CSS team in the implementation channel
|
|
@@ -157,7 +200,6 @@
|
|
|
157
200
|
## Token Diff
|
|
158
201
|
|
|
159
202
|
<details open><summary>Added (22)</summary>
|
|
160
|
-
|
|
161
203
|
- `link-out-icon-size-300`
|
|
162
204
|
- `link-out-icon-size-400`
|
|
163
205
|
- `add-icon-size-50`
|
|
@@ -196,7 +238,6 @@
|
|
|
196
238
|
## Token Diff
|
|
197
239
|
|
|
198
240
|
<details open><summary>Added (19)<br /></summary>
|
|
199
|
-
|
|
200
241
|
- `accordion-edge-to-content-area-small`
|
|
201
242
|
- `accordion-edge-to-content-area-medium`
|
|
202
243
|
- `accordion-edge-to-content-area-large`
|
|
@@ -232,7 +273,6 @@
|
|
|
232
273
|
## Token Diff
|
|
233
274
|
|
|
234
275
|
<details open><summary>Added (3)</summary>
|
|
235
|
-
|
|
236
276
|
- `card-horizontal-edge-to-content-compact`
|
|
237
277
|
- `card-horizontal-edge-to-content-default`
|
|
238
278
|
- `card-horizontal-edge-to-content-spacious`
|
|
@@ -253,13 +293,11 @@
|
|
|
253
293
|
|
|
254
294
|
<details open>
|
|
255
295
|
<summary>Newly Deprecated (1)</summary>
|
|
256
|
-
|
|
257
296
|
- `drop-zone-content-maximum-width`
|
|
258
297
|
|
|
259
298
|
</details>
|
|
260
299
|
<details open>
|
|
261
300
|
<summary>Added (18)</summary>
|
|
262
|
-
|
|
263
301
|
- `line-height-font-size-25`
|
|
264
302
|
- `line-height-font-size-50`
|
|
265
303
|
- `line-height-font-size-75`
|
|
@@ -294,7 +332,6 @@
|
|
|
294
332
|
## Token Diff
|
|
295
333
|
|
|
296
334
|
<details open><summary>Added (18)</summary>
|
|
297
|
-
|
|
298
335
|
- `steplist-step-default-width-small`
|
|
299
336
|
- `steplist-step-default-width-medium`
|
|
300
337
|
- `steplist-step-default-width-large`
|
|
@@ -325,7 +362,6 @@
|
|
|
325
362
|
## Token Diff
|
|
326
363
|
|
|
327
364
|
<details open><summary>Added (1)</summary>
|
|
328
|
-
|
|
329
365
|
- `segmented-control-item-maximum-width`
|
|
330
366
|
|
|
331
367
|
</details>
|
|
@@ -349,7 +385,6 @@
|
|
|
349
385
|
Updated (174)
|
|
350
386
|
|
|
351
387
|
<details><summary>Added Properties (82)</summary>
|
|
352
|
-
|
|
353
388
|
- `informative-subtle-background-color-default`
|
|
354
389
|
- `wireframe.schema`: `alias.json`
|
|
355
390
|
- `wireframe.value`: `informative-color-200`
|
|
@@ -681,7 +716,6 @@
|
|
|
681
716
|
|
|
682
717
|
</details>
|
|
683
718
|
<details><summary>Updated Properties (92)</summary>
|
|
684
|
-
|
|
685
719
|
- `icon-color-blue-primary-default`
|
|
686
720
|
- `wireframe.uuid`: `20880dfd-57dc-486d-b0dd-c44002f340e3` -> `a306b28e-f698-427d-a576-439b2ab378fc`
|
|
687
721
|
- `icon-color-red-primary-default`
|
|
@@ -928,7 +962,6 @@
|
|
|
928
962
|
***
|
|
929
963
|
|
|
930
964
|
<details open><summary>Added (61)</summary>
|
|
931
|
-
|
|
932
965
|
- `card-edge-to-content-compact-extra-small`
|
|
933
966
|
- `card-edge-to-content-default-extra-small`
|
|
934
967
|
- `card-edge-to-content-spacious-extra-small`
|
|
@@ -996,7 +1029,6 @@
|
|
|
996
1029
|
#### Updated (3)
|
|
997
1030
|
|
|
998
1031
|
<details open><summary>Added Properties (1)</summary>
|
|
999
|
-
|
|
1000
1032
|
- `card-selection-background-color`
|
|
1001
1033
|
- `light.schema`: `alias.json`
|
|
1002
1034
|
- `light.value`: `transparent-white-600`
|
|
@@ -1007,14 +1039,12 @@
|
|
|
1007
1039
|
|
|
1008
1040
|
</details>
|
|
1009
1041
|
<details open><summary>Deleted Properties (1)</summary>
|
|
1010
|
-
|
|
1011
1042
|
- `card-selection-background-color`
|
|
1012
1043
|
- `value`: `gray-100`
|
|
1013
1044
|
- `uuid`: `622c6e86-dea6-416d-9f13-bb6ef112d3cb`
|
|
1014
1045
|
|
|
1015
1046
|
</details>
|
|
1016
1047
|
<details open><summary>Updated Properties (1)</summary>
|
|
1017
|
-
|
|
1018
1048
|
- `card-selection-background-color`
|
|
1019
1049
|
- `schema`: `alias.json` -> `color-set.json`
|
|
1020
1050
|
|
|
@@ -8210,7 +8240,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8210
8240
|
## Token Diff
|
|
8211
8241
|
|
|
8212
8242
|
_Tokens added (10):_
|
|
8213
|
-
|
|
8214
8243
|
- `static-blue-900`
|
|
8215
8244
|
- `static-blue-1000`
|
|
8216
8245
|
- `static-fuchsia-900`
|
|
@@ -8237,7 +8266,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8237
8266
|
## Token Diff
|
|
8238
8267
|
|
|
8239
8268
|
_Tokens added (13):_
|
|
8240
|
-
|
|
8241
8269
|
- `body-cjk-size-l`
|
|
8242
8270
|
- `body-cjk-size-m`
|
|
8243
8271
|
- `body-cjk-size-s`
|
|
@@ -8253,7 +8281,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8253
8281
|
- `letter-spacing`
|
|
8254
8282
|
|
|
8255
8283
|
_Token values updated (14):_
|
|
8256
|
-
|
|
8257
8284
|
- `body-cjk-strong-emphasized-font-weight`
|
|
8258
8285
|
- `body-cjk-strong-font-weight`
|
|
8259
8286
|
- `cjk-letter-spacing`
|
|
@@ -8290,7 +8317,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8290
8317
|
## Token Diff
|
|
8291
8318
|
|
|
8292
8319
|
**Updated Token (1):**
|
|
8293
|
-
|
|
8294
8320
|
- `takeover-dialog-height`: `1.00%` -> `100%`
|
|
8295
8321
|
|
|
8296
8322
|
## 13.0.0-beta.51
|
|
@@ -8302,7 +8328,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8302
8328
|
## Token Diff
|
|
8303
8329
|
|
|
8304
8330
|
**Updated Tokens (2):**
|
|
8305
|
-
|
|
8306
8331
|
- `takeover-dialog-height`: `1.00em` -> `1.00%`
|
|
8307
8332
|
- `takeover-dialog-width`: `1.00em` -> `100%`
|
|
8308
8333
|
|
|
@@ -8315,7 +8340,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8315
8340
|
## Token Diff
|
|
8316
8341
|
|
|
8317
8342
|
_Tokens added (16):_
|
|
8318
|
-
|
|
8319
8343
|
- `in-field-stepper-to-end-extra-large`
|
|
8320
8344
|
- `in-field-stepper-to-end-large`
|
|
8321
8345
|
- `in-field-stepper-to-end-medium`
|
|
@@ -8344,12 +8368,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8344
8368
|
## Token Diff
|
|
8345
8369
|
|
|
8346
8370
|
_Tokens added (2):_
|
|
8347
|
-
|
|
8348
8371
|
- `heading-cjk-size-xxxxl`
|
|
8349
8372
|
- `heading-size-xxxxl`
|
|
8350
8373
|
|
|
8351
8374
|
_Tokens changed (7):_
|
|
8352
|
-
|
|
8353
8375
|
- `heading-sans-serif-font-weight`: `bold-font-weight` -> `extra-bold-font-weight`
|
|
8354
8376
|
- `heading-cjk-heavy-font-weight`: `black-font-weight` -> `extra-bold-font-weight`
|
|
8355
8377
|
- `heading-sans-serif-emphasized-font-weight`: `bold-font-weight` -> `extra-bold-font-weight`
|
|
@@ -8361,7 +8383,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8361
8383
|
- [#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
8384
|
|
|
8363
8385
|
_New tokens (6)_
|
|
8364
|
-
|
|
8365
8386
|
- `detail-cjk-size-xs`
|
|
8366
8387
|
- `detail-cjk-size-s`
|
|
8367
8388
|
- `detail-cjk-size-m`
|
|
@@ -8370,7 +8391,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8370
8391
|
- `detail-size-xs`
|
|
8371
8392
|
|
|
8372
8393
|
_Updated token values (13)_
|
|
8373
|
-
|
|
8374
8394
|
- `detail-sans-serif-font-weight`: `bold-font-weight` -> `medium-font-weight`
|
|
8375
8395
|
- `detail-serif-font-weight`: `bold-font-weight` -> `medium-font-weight`
|
|
8376
8396
|
- `detail-cjk-font-weight`: `extra-bold-font-weight` -> `bold-font-weight`
|
|
@@ -8390,15 +8410,12 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8390
8410
|
### Minor Changes
|
|
8391
8411
|
|
|
8392
8412
|
- [#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
8413
|
- Letter spacing, text-align, cjk
|
|
8395
|
-
|
|
8396
8414
|
1. New gradient stop tokens
|
|
8397
8415
|
1. New component tokens for bar panel, rating, segmented control, slider, select box
|
|
8398
8416
|
1. New static color tokens
|
|
8399
8417
|
|
|
8400
8418
|
_Tokens added (51):_
|
|
8401
|
-
|
|
8402
8419
|
- `letter-spacing`
|
|
8403
8420
|
- `text-align-start`
|
|
8404
8421
|
- `text-align-center`
|
|
@@ -8452,7 +8469,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8452
8469
|
- `select-box-selected-border-color`
|
|
8453
8470
|
|
|
8454
8471
|
_Token values updated (9):_
|
|
8455
|
-
|
|
8456
8472
|
- `font-size-1200`
|
|
8457
8473
|
- `desktop`: `50px` -> `51px`
|
|
8458
8474
|
- `font-size-1300`
|
|
@@ -8481,7 +8497,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8481
8497
|
Updated S2 Table tokens
|
|
8482
8498
|
|
|
8483
8499
|
<details><summary>Tokens added (42):</summary>
|
|
8484
|
-
|
|
8485
8500
|
- `illustrated-message-maximum-width`
|
|
8486
8501
|
- `side-focus-indicator`
|
|
8487
8502
|
- `table-row-bottom-to-text-extra-large`
|
|
@@ -8528,7 +8543,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8528
8543
|
</details>
|
|
8529
8544
|
|
|
8530
8545
|
<details><summary>Tokens updated (101):</summary>
|
|
8531
|
-
|
|
8532
8546
|
- `informative-subtle-background-color-default`
|
|
8533
8547
|
- light: `blue-200` -> `informative-color-200`
|
|
8534
8548
|
- dark: `blue-200` -> `informative-color-300`
|
|
@@ -8796,7 +8810,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8796
8810
|
## Token Diff
|
|
8797
8811
|
|
|
8798
8812
|
_Tokens Added (12):_
|
|
8799
|
-
|
|
8800
8813
|
- `standard-panel-width`
|
|
8801
8814
|
- `standard-panel-minimum-width`
|
|
8802
8815
|
- `standard-panel-maximum-width`
|
|
@@ -8823,7 +8836,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8823
8836
|
## Token Diff
|
|
8824
8837
|
|
|
8825
8838
|
_Tokens added (5):_
|
|
8826
|
-
|
|
8827
8839
|
- `code-cjk-size-l`
|
|
8828
8840
|
- `code-cjk-size-m`
|
|
8829
8841
|
- `code-cjk-size-s`
|
|
@@ -8831,7 +8843,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8831
8843
|
- `code-cjk-size-xs`
|
|
8832
8844
|
|
|
8833
8845
|
_Token values updated (2):_
|
|
8834
|
-
|
|
8835
8846
|
- `code-cjk-strong-emphasized-font-weight`
|
|
8836
8847
|
- `code-cjk-strong-font-weight`
|
|
8837
8848
|
|
|
@@ -8842,7 +8853,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8842
8853
|
- [#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
8854
|
|
|
8844
8855
|
## Description
|
|
8845
|
-
|
|
8846
8856
|
- Updated avatar size tokens, including all sizes from `75` to `700`
|
|
8847
8857
|
- Added new avatar size tokens, from `800` to `1500`
|
|
8848
8858
|
- Added new avatar border thickness and color tokens
|
|
@@ -8850,7 +8860,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8850
8860
|
- Added avatar group spacing tokens, from `50` to `500`
|
|
8851
8861
|
|
|
8852
8862
|
## Motivation and context
|
|
8853
|
-
|
|
8854
8863
|
- Avatar: added new sizes and updated existing sizes to better match other components and work across a variety of use cases.
|
|
8855
8864
|
- ⚠️ 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
8865
|
|
|
@@ -8879,7 +8888,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8879
8888
|
## Token Diff
|
|
8880
8889
|
|
|
8881
8890
|
_Tokens added (24):_
|
|
8882
|
-
|
|
8883
8891
|
- `avatar-border-color`
|
|
8884
8892
|
- `avatar-border-width`
|
|
8885
8893
|
- `avatar-group-size-100`
|
|
@@ -8906,7 +8914,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8906
8914
|
- `avatar-to-avatar-75`
|
|
8907
8915
|
|
|
8908
8916
|
_Token values updated (8):_
|
|
8909
|
-
|
|
8910
8917
|
- `avatar-size-100`
|
|
8911
8918
|
- `avatar-size-200`
|
|
8912
8919
|
- `avatar-size-300`
|
|
@@ -8929,7 +8936,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8929
8936
|
## Token Diff
|
|
8930
8937
|
|
|
8931
8938
|
_Tokens added (8):_
|
|
8932
|
-
|
|
8933
8939
|
- `drop-shadow-blur-300`
|
|
8934
8940
|
- `drop-shadow-color-300`
|
|
8935
8941
|
- `drop-shadow-dragged-blur`
|
|
@@ -8954,13 +8960,11 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8954
8960
|
## Token Diff
|
|
8955
8961
|
|
|
8956
8962
|
_Tokens added (3):_
|
|
8957
|
-
|
|
8958
8963
|
- `swatch-group-spacing-spacious`
|
|
8959
8964
|
- `swatch-group-border-opacity`
|
|
8960
8965
|
- `swatch-group-border-color`
|
|
8961
8966
|
|
|
8962
8967
|
_Tokens values updated (3):_
|
|
8963
|
-
|
|
8964
8968
|
- `swatch-border-color`: `gray-900` -> `gray-1000`
|
|
8965
8969
|
- `swatch-border-opacity`: `0.51` -> `0.42`
|
|
8966
8970
|
- `swatch-disabled-icon-border-opacity`: `0.51` -> `0.42`
|
|
@@ -8970,7 +8974,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
8970
8974
|
### Minor Changes
|
|
8971
8975
|
|
|
8972
8976
|
- [#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
8977
|
- [Updated S2 Action bar tokens](https://github.com/adobe/spectrum-tokens-studio-data/pull/149)
|
|
8975
8978
|
|
|
8976
8979
|
## Design Motivation
|
|
@@ -9000,7 +9003,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9000
9003
|
## Token Diff
|
|
9001
9004
|
|
|
9002
9005
|
_Tokens added (8):_
|
|
9003
|
-
|
|
9004
9006
|
- `action-bar-top-to-content-area`
|
|
9005
9007
|
- `action-bar-bottom-to-content-area`
|
|
9006
9008
|
- `action-bar-edge-to-content-area`
|
|
@@ -9011,12 +9013,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9011
9013
|
- `text-to-control-50`
|
|
9012
9014
|
|
|
9013
9015
|
_Tokens updated (2):_
|
|
9014
|
-
|
|
9015
9016
|
- `action-bar-height`
|
|
9016
9017
|
- `action-bar-top-to-item-counter`
|
|
9017
9018
|
|
|
9018
9019
|
_Token values updated (11):_
|
|
9019
|
-
|
|
9020
9020
|
- `thumbnail-size-75`
|
|
9021
9021
|
- `desktop`: `18px` -> `20px`
|
|
9022
9022
|
- `mobile`: `22px` -> `24px`
|
|
@@ -9056,18 +9056,15 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9056
9056
|
### Minor Changes
|
|
9057
9057
|
|
|
9058
9058
|
- [#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
9059
|
- Added S2 meter tokens, including both color and non-color.
|
|
9061
9060
|
|
|
9062
9061
|
## Design Motivation
|
|
9063
|
-
|
|
9064
9062
|
- 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
9063
|
- 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
9064
|
|
|
9067
9065
|
## Token Diff
|
|
9068
9066
|
|
|
9069
9067
|
_Tokens added (18):_
|
|
9070
|
-
|
|
9071
9068
|
- `accordion-content-area-edge-to-content-extra-large`
|
|
9072
9069
|
- `accordion-content-area-edge-to-content-large`
|
|
9073
9070
|
- `accordion-content-area-edge-to-content-medium`
|
|
@@ -9088,12 +9085,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9088
9085
|
- `track-color`
|
|
9089
9086
|
|
|
9090
9087
|
_Newly deprecated tokens (2):_
|
|
9091
|
-
|
|
9092
9088
|
- `accordion-edge-to-disclosure-indicator`
|
|
9093
9089
|
- `accordion-disclosure-indicator-to-text`
|
|
9094
9090
|
|
|
9095
9091
|
_Tokens updated (1):_
|
|
9096
|
-
|
|
9097
9092
|
- `meter-thickness-large`
|
|
9098
9093
|
|
|
9099
9094
|
## 13.0.0-beta.39
|
|
@@ -9105,7 +9100,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9105
9100
|
## Token Diff
|
|
9106
9101
|
|
|
9107
9102
|
_Tokens added (8):_
|
|
9108
|
-
|
|
9109
9103
|
- `coach-indicator-collapsed-gap`
|
|
9110
9104
|
- `coach-indicator-collapsed-ring-rounding-increment`
|
|
9111
9105
|
- `coach-indicator-collapsed-ring-thickness`
|
|
@@ -9120,19 +9114,16 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9120
9114
|
### Minor Changes
|
|
9121
9115
|
|
|
9122
9116
|
- [#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
9117
|
- Renamed tokens by deprecating previous ones and creating new ones, with font in the token name
|
|
9125
9118
|
Updated value of `contextual-help-title-font-size`
|
|
9126
9119
|
|
|
9127
9120
|
Marked the the following tokens in Tokens Studio for deprecation:
|
|
9128
|
-
|
|
9129
9121
|
- `negative-subdued-background-color-default` ( --> points to `negative-subtle-background-color-default`)
|
|
9130
9122
|
- `negative-subdued-background-color-hover`
|
|
9131
9123
|
- `negative-subdued-background-color-down`
|
|
9132
9124
|
- `negative-subdued-background-color-key-focus`
|
|
9133
9125
|
|
|
9134
9126
|
## Design motivation
|
|
9135
|
-
|
|
9136
9127
|
- The updated type sorts them correctly in the Tokens Studio data
|
|
9137
9128
|
- The updated value reflects the latest design for Spectrum 2, using the new title style instead of heading
|
|
9138
9129
|
- 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 +9131,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9140
9131
|
## Token diff
|
|
9141
9132
|
|
|
9142
9133
|
_Tokens added (2):_
|
|
9143
|
-
|
|
9144
9134
|
- `contextual-help-body-font-size`
|
|
9145
9135
|
- `contextual-help-title-font-size`
|
|
9146
9136
|
|
|
9147
9137
|
_Newly deprecated Tokens (6):_
|
|
9148
|
-
|
|
9149
9138
|
- `contextual-help-body-size`
|
|
9150
9139
|
- `contextual-help-title-size`
|
|
9151
9140
|
- `negative-subdued-background-color-default`
|
|
@@ -9164,7 +9153,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9164
9153
|
### Change 1: Updated terminology to align with t-shirt sizes
|
|
9165
9154
|
|
|
9166
9155
|
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
9156
|
- Breadcrumbs (default) -> Breadcrumbs (L)
|
|
9169
9157
|
- Breadcrumbs (compact) -> Breadcrumbs (M)
|
|
9170
9158
|
- Breadcrumbs (multiline) -> Breadcrumbs (multiline)
|
|
@@ -9172,14 +9160,12 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9172
9160
|
### Change 2: Updated truncated menu button sizes and spacing
|
|
9173
9161
|
|
|
9174
9162
|
Other structural changes
|
|
9175
|
-
|
|
9176
9163
|
- In S1 all variants used M sized action button – now we use S, M, L sized action buttons for respective sizes.
|
|
9177
9164
|
- In S1 all variants had same spacing 8px around chevron, now we use different spacings for all the three variants
|
|
9178
9165
|
|
|
9179
9166
|
## Token Diff
|
|
9180
9167
|
|
|
9181
9168
|
_Tokens added (11):_
|
|
9182
|
-
|
|
9183
9169
|
- `breadcrumbs-separator-to-bottom-text-multiline`
|
|
9184
9170
|
- `breadcrumbs-start-edge-to-text-large`
|
|
9185
9171
|
- `breadcrumbs-start-edge-to-text-medium`
|
|
@@ -9193,7 +9179,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9193
9179
|
- `breadcrumbs-text-to-separator-multiline`
|
|
9194
9180
|
|
|
9195
9181
|
_Newly deprecated tokens (13):_
|
|
9196
|
-
|
|
9197
9182
|
- `breadcrumbs-height`
|
|
9198
9183
|
- `breadcrumbs-height-compact`
|
|
9199
9184
|
- `breadcrumbs-top-to-text`
|
|
@@ -9209,7 +9194,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9209
9194
|
- `breadcrumbs-top-to-truncated-menu-compact`
|
|
9210
9195
|
|
|
9211
9196
|
_Token values updated (20):_
|
|
9212
|
-
|
|
9213
9197
|
- `breadcrumbs-top-to-separator-icon-multiline`
|
|
9214
9198
|
- `breadcrumbs-top-to-text-multiline`
|
|
9215
9199
|
- `breadcrumbs-bottom-to-text-multiline`
|
|
@@ -9244,7 +9228,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9244
9228
|
## Token diff
|
|
9245
9229
|
|
|
9246
9230
|
_Tokens added (78):_
|
|
9247
|
-
|
|
9248
9231
|
- `icon-color-blue-background`
|
|
9249
9232
|
- `icon-color-blue-primary-down`
|
|
9250
9233
|
- `icon-color-blue-primary-hover`
|
|
@@ -9331,7 +9314,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9331
9314
|
- [#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
9315
|
|
|
9333
9316
|
## Design Motivation
|
|
9334
|
-
|
|
9335
9317
|
- The previous tokens had the incorrect types. By fixing the type, they can reference the updated tokens that are replacing them.
|
|
9336
9318
|
- Illustrated message now has three sizes (S, M, L) in Spectrum 2 to cover a wider range of use cases
|
|
9337
9319
|
- Component font size tokens now specify font in the token name
|
|
@@ -9339,7 +9321,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9339
9321
|
## Token Diff
|
|
9340
9322
|
|
|
9341
9323
|
_Tokens added (12):_
|
|
9342
|
-
|
|
9343
9324
|
- `drop-zone-body-font-size`
|
|
9344
9325
|
- `drop-zone-cjk-title-font-size`
|
|
9345
9326
|
- `drop-zone-title-font-size`
|
|
@@ -9354,7 +9335,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9354
9335
|
- `illustrated-message-small-title-font-size`
|
|
9355
9336
|
|
|
9356
9337
|
_Newly deprecated tokens (6):_
|
|
9357
|
-
|
|
9358
9338
|
- `drop-zone-body-size`
|
|
9359
9339
|
- `drop-zone-cjk-title-size`
|
|
9360
9340
|
- `drop-zone-title-size`
|
|
@@ -9363,7 +9343,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9363
9343
|
- `illustrated-message-title-size`
|
|
9364
9344
|
|
|
9365
9345
|
_Token value updated (1):_
|
|
9366
|
-
|
|
9367
9346
|
- `drop-zone-border-dash-gap`
|
|
9368
9347
|
|
|
9369
9348
|
## 13.0.0-beta.34
|
|
@@ -9375,13 +9354,11 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9375
9354
|
## Token Diff
|
|
9376
9355
|
|
|
9377
9356
|
_Tokens added (3):_
|
|
9378
|
-
|
|
9379
9357
|
- `popover-border-color`
|
|
9380
9358
|
- `popover-border-opacity`
|
|
9381
9359
|
- `popover-edge-to-content-area`
|
|
9382
9360
|
|
|
9383
9361
|
_Newly deprecated token (1):_
|
|
9384
|
-
|
|
9385
9362
|
- `popover-top-to-content-area`
|
|
9386
9363
|
|
|
9387
9364
|
## 13.0.0-beta.33
|
|
@@ -9393,7 +9370,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9393
9370
|
## Token Diff
|
|
9394
9371
|
|
|
9395
9372
|
_Tokens added (23):_
|
|
9396
|
-
|
|
9397
9373
|
- `link-out-icon-size-100`
|
|
9398
9374
|
- `link-out-icon-size-200`
|
|
9399
9375
|
- `link-out-icon-size-75`
|
|
@@ -9419,7 +9395,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9419
9395
|
- `text-to-visual-400`
|
|
9420
9396
|
|
|
9421
9397
|
_Token values updated (1):_
|
|
9422
|
-
|
|
9423
9398
|
- `menu-item-section-divider-height`
|
|
9424
9399
|
|
|
9425
9400
|
## 13.0.0-beta.32
|
|
@@ -9431,7 +9406,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9431
9406
|
## Token Diff
|
|
9432
9407
|
|
|
9433
9408
|
_Tokens added (5):_
|
|
9434
|
-
|
|
9435
9409
|
- `informative-subtle-background-color-default`
|
|
9436
9410
|
- `negative-subtle-background-color-default`
|
|
9437
9411
|
- `neutral-subtle-background-color-default`
|
|
@@ -9453,7 +9427,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9453
9427
|
## Token Diff
|
|
9454
9428
|
|
|
9455
9429
|
_Tokens added (10):_
|
|
9456
|
-
|
|
9457
9430
|
- `standard-dialog-body-font-size`
|
|
9458
9431
|
- `standard-dialog-maximum-width-large`
|
|
9459
9432
|
- `standard-dialog-maximum-width-medium`
|
|
@@ -9466,7 +9439,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9466
9439
|
- `status-light-text-to-visual-75`
|
|
9467
9440
|
|
|
9468
9441
|
_Token values updated (10):_
|
|
9469
|
-
|
|
9470
9442
|
- `alert-banner-to-top-workflow-icon`
|
|
9471
9443
|
- `alert-banner-top-to-workflow-icon`
|
|
9472
9444
|
- `status-light-dot-size-extra-large`
|
|
@@ -9489,7 +9461,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9489
9461
|
## Token Diff
|
|
9490
9462
|
|
|
9491
9463
|
_Token values updated (4):_
|
|
9492
|
-
|
|
9493
9464
|
- `component-pill-edge-to-visual-only-100`
|
|
9494
9465
|
- `component-pill-edge-to-visual-only-200`
|
|
9495
9466
|
- `component-pill-edge-to-visual-only-300`
|
|
@@ -9500,7 +9471,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9500
9471
|
## Token Diff
|
|
9501
9472
|
|
|
9502
9473
|
_Newly deprecated tokens (2):_
|
|
9503
|
-
|
|
9504
9474
|
- `color-loupe-drop-shadow-color`
|
|
9505
9475
|
- `drop-shadow-color`
|
|
9506
9476
|
|
|
@@ -9519,13 +9489,11 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9519
9489
|
## Token Diff
|
|
9520
9490
|
|
|
9521
9491
|
_Tokens added (6):_
|
|
9522
|
-
|
|
9523
9492
|
- `coach-mark-body-font-size`
|
|
9524
9493
|
- `coach-mark-pagination-body-font-size`
|
|
9525
9494
|
- `coach-mark-title-font-size`
|
|
9526
9495
|
|
|
9527
9496
|
_Newly deprecated tokens (3):_
|
|
9528
|
-
|
|
9529
9497
|
- `coach-mark-body-size`
|
|
9530
9498
|
- `coach-mark-pagination-body-size`
|
|
9531
9499
|
- `coach-mark-title-size`
|
|
@@ -9539,14 +9507,12 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9539
9507
|
## Token Diff
|
|
9540
9508
|
|
|
9541
9509
|
_Tokens added (4):_
|
|
9542
|
-
|
|
9543
9510
|
- `alert-dialog-description-font-size`
|
|
9544
9511
|
- `alert-dialog-description-size`
|
|
9545
9512
|
- `alert-dialog-title-font-size`
|
|
9546
9513
|
- `alert-dialog-title-size`
|
|
9547
9514
|
|
|
9548
9515
|
_Newly deprecated tokens (2):_
|
|
9549
|
-
|
|
9550
9516
|
- `alert-dialog-description-size`
|
|
9551
9517
|
- `alert-dialog-title-size`
|
|
9552
9518
|
|
|
@@ -9563,7 +9529,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9563
9529
|
## Token Diff
|
|
9564
9530
|
|
|
9565
9531
|
_Tokens added (15):_
|
|
9566
|
-
|
|
9567
9532
|
- `combo-box-visual-to-field-button`
|
|
9568
9533
|
- `combo-box-visual-to-field-button-extra-large`
|
|
9569
9534
|
- `combo-box-visual-to-field-button-large`
|
|
@@ -9581,7 +9546,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9581
9546
|
- `in-field-progress-circle-size-75`
|
|
9582
9547
|
|
|
9583
9548
|
_Newly deprecated tokens (6):_
|
|
9584
|
-
|
|
9585
9549
|
- `combo-box-quiet-minimum-width-multiplier`
|
|
9586
9550
|
- `combo-box-visual-to-field-button-small`
|
|
9587
9551
|
- `combo-box-visual-to-field-button-medium`
|
|
@@ -9598,7 +9562,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9598
9562
|
## Token Diff
|
|
9599
9563
|
|
|
9600
9564
|
_Newly deprecated tokens (2):_
|
|
9601
|
-
|
|
9602
9565
|
- `color-loupe-drop-shadow-blur`
|
|
9603
9566
|
- `color-loupe-drop-shadow-y`
|
|
9604
9567
|
|
|
@@ -9616,7 +9579,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9616
9579
|
## Token Diff
|
|
9617
9580
|
|
|
9618
9581
|
_Tokens added (24):_
|
|
9619
|
-
|
|
9620
9582
|
- `drop-shadow-blur`
|
|
9621
9583
|
- `drop-shadow-blur-100`
|
|
9622
9584
|
- `drop-shadow-blur-200`
|
|
@@ -9643,12 +9605,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9643
9605
|
- `drop-shadow-y-200`
|
|
9644
9606
|
|
|
9645
9607
|
_Tokens deleted (2):_
|
|
9646
|
-
|
|
9647
9608
|
- `drop-shadow-blur`
|
|
9648
9609
|
- `drop-shadow-y`
|
|
9649
9610
|
|
|
9650
9611
|
_Token values updated (2):_
|
|
9651
|
-
|
|
9652
9612
|
- `color-handle-drop-shadow-color`
|
|
9653
9613
|
- `drop-shadow-color`
|
|
9654
9614
|
|
|
@@ -9663,7 +9623,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9663
9623
|
## Token Diff
|
|
9664
9624
|
|
|
9665
9625
|
_Tokens added (7):_
|
|
9666
|
-
|
|
9667
9626
|
- `field-default-width-extra-large`
|
|
9668
9627
|
- `field-default-width-large`
|
|
9669
9628
|
- `field-default-width-medium`
|
|
@@ -9673,14 +9632,12 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9673
9632
|
- `tag-minimum-width-small`
|
|
9674
9633
|
|
|
9675
9634
|
_Token values updated (4):_
|
|
9676
|
-
|
|
9677
9635
|
- `field-top-to-progress-circle-extra-large`
|
|
9678
9636
|
- `field-top-to-progress-circle-large`
|
|
9679
9637
|
- `field-top-to-progress-circle-medium`
|
|
9680
9638
|
- `field-top-to-progress-circle-small`
|
|
9681
9639
|
|
|
9682
9640
|
_Newly Deprecated Tokens (4):_
|
|
9683
|
-
|
|
9684
9641
|
- `field-width-extra-large`
|
|
9685
9642
|
- `field-width-large`
|
|
9686
9643
|
- `field-width-medium`
|
|
@@ -9695,11 +9652,9 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9695
9652
|
## Token Diff
|
|
9696
9653
|
|
|
9697
9654
|
_Tokens added (1):_
|
|
9698
|
-
|
|
9699
9655
|
- `accordion-top-to-text-spacious-small`
|
|
9700
9656
|
|
|
9701
9657
|
_Newly deprecated token (1):_
|
|
9702
|
-
|
|
9703
9658
|
- `accordion-small-top-to-text-spacious`
|
|
9704
9659
|
|
|
9705
9660
|
## 13.0.0-beta.22
|
|
@@ -9717,12 +9672,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9717
9672
|
## Token Diff
|
|
9718
9673
|
|
|
9719
9674
|
_Tokens added (2):_
|
|
9720
|
-
|
|
9721
9675
|
- `alert-banner-top-to-alert-icon`
|
|
9722
9676
|
- `title-color`
|
|
9723
9677
|
|
|
9724
9678
|
_Token values updated (2):_
|
|
9725
|
-
|
|
9726
9679
|
- `alert-dialog-description-size`
|
|
9727
9680
|
- `alert-dialog-title-size`
|
|
9728
9681
|
|
|
@@ -9741,12 +9694,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9741
9694
|
## Token Diff
|
|
9742
9695
|
|
|
9743
9696
|
_Tokens added (2):_
|
|
9744
|
-
|
|
9745
9697
|
- `opacity-checkerboard-square-size-medium`
|
|
9746
9698
|
- `opacity-checkerboard-square-size-small`
|
|
9747
9699
|
|
|
9748
9700
|
_Newly deprecated token (1):_
|
|
9749
|
-
|
|
9750
9701
|
- `opacity-checkerboard-square-size`
|
|
9751
9702
|
|
|
9752
9703
|
## 13.0.0-beta.20
|
|
@@ -9762,7 +9713,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9762
9713
|
## Token Diff
|
|
9763
9714
|
|
|
9764
9715
|
_Tokens added (45):_
|
|
9765
|
-
|
|
9766
9716
|
- `title-cjk-emphasized-font-style`
|
|
9767
9717
|
- `title-cjk-emphasized-font-weight`
|
|
9768
9718
|
- `title-cjk-font-family`
|
|
@@ -9822,21 +9772,18 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9822
9772
|
## Token Diff
|
|
9823
9773
|
|
|
9824
9774
|
_Tokens added (4):_
|
|
9825
|
-
|
|
9826
9775
|
- `field-width-small`
|
|
9827
9776
|
- `field-width-medium`
|
|
9828
9777
|
- `field-width-large`
|
|
9829
9778
|
- `field-width-extra-large`
|
|
9830
9779
|
|
|
9831
9780
|
_Updated token values (4):_
|
|
9832
|
-
|
|
9833
9781
|
- `side-label-character-count-top-margin-small`
|
|
9834
9782
|
- `side-label-character-count-top-margin-medium`
|
|
9835
9783
|
- `side-label-character-count-top-margin-large`
|
|
9836
9784
|
- `side-label-character-count-top-margin-extra-large`
|
|
9837
9785
|
|
|
9838
9786
|
_Newly deprecated tokens (8):_
|
|
9839
|
-
|
|
9840
9787
|
- `field-width`
|
|
9841
9788
|
- `field-edge-to-text-quiet`
|
|
9842
9789
|
- `field-edge-to-border-quiet`
|
|
@@ -9860,7 +9807,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9860
9807
|
## Token Diff
|
|
9861
9808
|
|
|
9862
9809
|
_Token value updated (1):_
|
|
9863
|
-
|
|
9864
9810
|
- `color-area-border-color`
|
|
9865
9811
|
|
|
9866
9812
|
- 7b5f18b: Update alert banner for Spectrum 2
|
|
@@ -9872,7 +9818,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9872
9818
|
## Token Diff
|
|
9873
9819
|
|
|
9874
9820
|
_Token values updated (5):_
|
|
9875
|
-
|
|
9876
9821
|
- `alert-banner-bottom-to-text`
|
|
9877
9822
|
- `alert-banner-minimum-height`
|
|
9878
9823
|
- `alert-banner-top-to-text`
|
|
@@ -9890,7 +9835,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9890
9835
|
## Token Diff
|
|
9891
9836
|
|
|
9892
9837
|
_Token values updated (5):_
|
|
9893
|
-
|
|
9894
9838
|
- `toast-height`
|
|
9895
9839
|
- `toast-top-to-workflow-icon`
|
|
9896
9840
|
- `toast-top-to-text`
|
|
@@ -9911,7 +9855,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9911
9855
|
## Token Diff
|
|
9912
9856
|
|
|
9913
9857
|
_Tokens added (10):_
|
|
9914
|
-
|
|
9915
9858
|
- `brown-background-color-default`
|
|
9916
9859
|
- `brown-visual-color`
|
|
9917
9860
|
- `cinnamon-background-color-default`
|
|
@@ -9924,7 +9867,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9924
9867
|
- `turquoise-visual-color`
|
|
9925
9868
|
|
|
9926
9869
|
_Token values updated (27):_
|
|
9927
|
-
|
|
9928
9870
|
- `accent-background-color-default`
|
|
9929
9871
|
- `accent-background-color-down`
|
|
9930
9872
|
- `accent-background-color-hover`
|
|
@@ -9968,7 +9910,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9968
9910
|
## Token Diff
|
|
9969
9911
|
|
|
9970
9912
|
_Token values updated (2):_
|
|
9971
|
-
|
|
9972
9913
|
- `color-slider-border-color`
|
|
9973
9914
|
- `color-slider-border-rounding`
|
|
9974
9915
|
|
|
@@ -9985,7 +9926,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
9985
9926
|
## Token Diff
|
|
9986
9927
|
|
|
9987
9928
|
_Tokens added (9):_
|
|
9988
|
-
|
|
9989
9929
|
- `tag-edge-to-clear-icon-large`
|
|
9990
9930
|
- `tag-edge-to-clear-icon-medium`
|
|
9991
9931
|
- `tag-edge-to-clear-icon-small`
|
|
@@ -10015,7 +9955,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10015
9955
|
## Token Diff
|
|
10016
9956
|
|
|
10017
9957
|
_Tokens added (12):_
|
|
10018
|
-
|
|
10019
9958
|
- `negative-subdued-background-color-default`
|
|
10020
9959
|
- `negative-subdued-background-color-down`
|
|
10021
9960
|
- `negative-subdued-background-color-hover`
|
|
@@ -10030,7 +9969,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10030
9969
|
- `switch-handle-size-small`
|
|
10031
9970
|
|
|
10032
9971
|
_Token values updated (8):_
|
|
10033
|
-
|
|
10034
9972
|
- `switch-control-height-extra-large`
|
|
10035
9973
|
- `switch-control-height-large`
|
|
10036
9974
|
- `switch-control-height-medium`
|
|
@@ -10049,7 +9987,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10049
9987
|
## Token Diff
|
|
10050
9988
|
|
|
10051
9989
|
_Tokens values updated (46):_
|
|
10052
|
-
|
|
10053
9990
|
- `accordion-disclosure-indicator-to-text`
|
|
10054
9991
|
- `accordion-edge-to-disclosure-indicator`
|
|
10055
9992
|
- `accordion-edge-to-text`
|
|
@@ -10102,20 +10039,17 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10102
10039
|
### Minor Changes
|
|
10103
10040
|
|
|
10104
10041
|
- ef600c4: ## Design Motivation
|
|
10105
|
-
|
|
10106
10042
|
- The updated tooltip component in Spectrum 2 has a larger, slightly rounded tip
|
|
10107
10043
|
- Added tokens for horizontal and vertical orientation
|
|
10108
10044
|
|
|
10109
10045
|
## Tokens Diff
|
|
10110
10046
|
|
|
10111
10047
|
_Tokens added (3):_
|
|
10112
|
-
|
|
10113
10048
|
- `divider-horizontal-minimum-width`
|
|
10114
10049
|
- `divider-vertical-minimum-height`
|
|
10115
10050
|
- `tooltip-tip-corner-radius`
|
|
10116
10051
|
|
|
10117
10052
|
_Token values updated (2):_
|
|
10118
|
-
|
|
10119
10053
|
- `tooltip-tip-height`
|
|
10120
10054
|
- `tooltip-tip-width`
|
|
10121
10055
|
|
|
@@ -10136,7 +10070,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10136
10070
|
## Token Diff
|
|
10137
10071
|
|
|
10138
10072
|
_Token values updated (4):_
|
|
10139
|
-
|
|
10140
10073
|
- `field-label-top-margin-extra-large`
|
|
10141
10074
|
- `field-label-top-margin-large`
|
|
10142
10075
|
- `field-label-top-margin-medium`
|
|
@@ -10159,7 +10092,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10159
10092
|
## Token Diff
|
|
10160
10093
|
|
|
10161
10094
|
_Token values updated (1):_
|
|
10162
|
-
|
|
10163
10095
|
- `text-to-visual-300`
|
|
10164
10096
|
|
|
10165
10097
|
- 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 +10105,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10173
10105
|
## Token Diff
|
|
10174
10106
|
|
|
10175
10107
|
_Tokens added (23):_
|
|
10176
|
-
|
|
10177
10108
|
- `corner-radius-0`
|
|
10178
10109
|
- `corner-radius-300`
|
|
10179
10110
|
- `corner-radius-400`
|
|
@@ -10199,7 +10130,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10199
10130
|
- `corner-radius-small-size-extra-large`
|
|
10200
10131
|
|
|
10201
10132
|
_Token values updated (3):_
|
|
10202
|
-
|
|
10203
10133
|
- `corner-radius-75`
|
|
10204
10134
|
- `corner-radius-100`
|
|
10205
10135
|
- `corner-radius-200`
|
|
@@ -10215,7 +10145,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10215
10145
|
## Token Diff
|
|
10216
10146
|
|
|
10217
10147
|
_Token values updated (5):_
|
|
10218
|
-
|
|
10219
10148
|
- `component-edge-to-visual-only-100`
|
|
10220
10149
|
- `component-edge-to-visual-only-200`
|
|
10221
10150
|
- `component-edge-to-visual-only-300`
|
|
@@ -10227,7 +10156,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10227
10156
|
## Token Diff
|
|
10228
10157
|
|
|
10229
10158
|
_Newly deprecated tokens (4):_
|
|
10230
|
-
|
|
10231
10159
|
- `help-text-top-to-workflow-icon-extra-large`: use `component-edge-to-visual-only-300`
|
|
10232
10160
|
- `help-text-top-to-workflow-icon-large`: use `component-edge-to-visual-only-200`
|
|
10233
10161
|
- `help-text-top-to-workflow-icon-medium`: use `component-edge-to-visual-only-100`
|
|
@@ -10252,13 +10180,11 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10252
10180
|
## Tokens Diff
|
|
10253
10181
|
|
|
10254
10182
|
_Tokens added (3):_
|
|
10255
|
-
|
|
10256
10183
|
- `component-size-difference-down`
|
|
10257
10184
|
- `component-size-minimum-perspective-down`
|
|
10258
10185
|
- `component-size-width-ratio-down`
|
|
10259
10186
|
|
|
10260
10187
|
_Token values updated (15):_
|
|
10261
|
-
|
|
10262
10188
|
- `component-top-to-workflow-icon-100`
|
|
10263
10189
|
- `component-top-to-workflow-icon-200`
|
|
10264
10190
|
- `component-top-to-workflow-icon-300`
|
|
@@ -10288,12 +10214,10 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10288
10214
|
## Token Diff
|
|
10289
10215
|
|
|
10290
10216
|
_Tokens added (2):_
|
|
10291
|
-
|
|
10292
10217
|
- `background-elevated-color`
|
|
10293
10218
|
- `background-pasteboard-color`
|
|
10294
10219
|
|
|
10295
10220
|
_Token values updated (1):_
|
|
10296
|
-
|
|
10297
10221
|
- `background-base-color`
|
|
10298
10222
|
|
|
10299
10223
|
## 13.0.0-beta.7
|
|
@@ -10305,7 +10229,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10305
10229
|
## Token Diff
|
|
10306
10230
|
|
|
10307
10231
|
_Token values updated (328):_
|
|
10308
|
-
|
|
10309
10232
|
- `accent-background-color-default`
|
|
10310
10233
|
- `accent-background-color-down`
|
|
10311
10234
|
- `accent-background-color-hover`
|
|
@@ -10650,7 +10573,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10650
10573
|
## Token Diff
|
|
10651
10574
|
|
|
10652
10575
|
_Tokens added (17):_
|
|
10653
|
-
|
|
10654
10576
|
- `cinnamon-100`
|
|
10655
10577
|
- `cinnamon-200`
|
|
10656
10578
|
- `cinnamon-300`
|
|
@@ -10677,7 +10599,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10677
10599
|
## Token Diff
|
|
10678
10600
|
|
|
10679
10601
|
_Token values updated (1):_
|
|
10680
|
-
|
|
10681
10602
|
- `notice-background-color-default`: `light`: `notice-color-800` -> `notice-color-600`
|
|
10682
10603
|
|
|
10683
10604
|
## 13.0.0-beta.5
|
|
@@ -10696,7 +10617,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10696
10617
|
## Token Diff
|
|
10697
10618
|
|
|
10698
10619
|
<details><summary><strong>Token values updated (246):</strong></summary>
|
|
10699
|
-
|
|
10700
10620
|
- `accent-background-color-default`
|
|
10701
10621
|
- `accent-background-color-down`
|
|
10702
10622
|
- `accent-background-color-hover`
|
|
@@ -10957,7 +10877,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
10957
10877
|
## Token Diff
|
|
10958
10878
|
|
|
10959
10879
|
<details><summary><strong>Tokens added (64):</strong></summary>
|
|
10960
|
-
|
|
10961
10880
|
- `brown-100`
|
|
10962
10881
|
- `brown-1000`
|
|
10963
10882
|
- `brown-1100`
|
|
@@ -11034,7 +10953,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11034
10953
|
## Token Diff
|
|
11035
10954
|
|
|
11036
10955
|
_Token values updated (5):_
|
|
11037
|
-
|
|
11038
10956
|
- `neutral-background-color-default`: changed from a color-set to a single value of a reference of `gray-800`
|
|
11039
10957
|
- `neutral-background-color-down`: changed from a color-set to a single value of a reference of `gray-900`
|
|
11040
10958
|
- `neutral-background-color-hover`: changed from a color-set to a single value of a reference of `gray-900`
|
|
@@ -11054,7 +10972,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11054
10972
|
## Token Diff
|
|
11055
10973
|
|
|
11056
10974
|
_Tokens added (51):_
|
|
11057
|
-
|
|
11058
10975
|
- `checkbox-control-size-extra-large`
|
|
11059
10976
|
- `checkbox-control-size-large`
|
|
11060
10977
|
- `checkbox-control-size-medium`
|
|
@@ -11120,7 +11037,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11120
11037
|
## Token Diff
|
|
11121
11038
|
|
|
11122
11039
|
<details><summary><strong>Tokens added (46):</strong></summary>
|
|
11123
|
-
|
|
11124
11040
|
- `accent-color-1500`
|
|
11125
11041
|
- `accent-color-1600`
|
|
11126
11042
|
- `blue-1500`
|
|
@@ -11171,7 +11087,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11171
11087
|
</details>
|
|
11172
11088
|
|
|
11173
11089
|
<details><summary><strong>Token values updated (408):</strong></summary>
|
|
11174
|
-
|
|
11175
11090
|
- `accent-background-color-default`
|
|
11176
11091
|
- `accent-background-color-down`
|
|
11177
11092
|
- `accent-background-color-hover`
|
|
@@ -11596,7 +11511,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11596
11511
|
## Token Diff
|
|
11597
11512
|
|
|
11598
11513
|
<details><summary><strong>Token values updated (358):</strong></summary>
|
|
11599
|
-
|
|
11600
11514
|
- `accent-background-color-default`
|
|
11601
11515
|
- `accent-background-color-down`
|
|
11602
11516
|
- `accent-background-color-hover`
|
|
@@ -11969,7 +11883,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
11969
11883
|
## Token Diff
|
|
11970
11884
|
|
|
11971
11885
|
<details><summary><strong>Tokens values updated (102):</strong></summary>
|
|
11972
|
-
|
|
11973
11886
|
- `accent-background-color-default`
|
|
11974
11887
|
- `accent-background-color-down`
|
|
11975
11888
|
- `accent-background-color-hover`
|
|
@@ -12090,7 +12003,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
12090
12003
|
### Token Diff
|
|
12091
12004
|
|
|
12092
12005
|
_Tokens added (6):_
|
|
12093
|
-
|
|
12094
12006
|
- `icon-color-blue-primary-default`
|
|
12095
12007
|
- `icon-color-green-primary-default`
|
|
12096
12008
|
- `icon-color-inverse`
|
|
@@ -12107,7 +12019,6 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
12107
12019
|
## Token Diff
|
|
12108
12020
|
|
|
12109
12021
|
_Tokens update (2):_
|
|
12110
|
-
|
|
12111
12022
|
- `opacity-checkerboard-square-dark`
|
|
12112
12023
|
- `overlay-opacity`
|
|
12113
12024
|
|
|
@@ -12124,11 +12035,9 @@ Spectrum 2 is what’s next. It’s more than just a design refresh: it’s a se
|
|
|
12124
12035
|
### Token diff
|
|
12125
12036
|
|
|
12126
12037
|
_Renamed token:_
|
|
12127
|
-
|
|
12128
12038
|
- `meter-default-width` -> `meter-width`
|
|
12129
12039
|
|
|
12130
12040
|
_Token added for deprecation and rename:_
|
|
12131
|
-
|
|
12132
12041
|
- `meter-default-width`
|
|
12133
12042
|
|
|
12134
12043
|
## 12.17.0
|
|
@@ -12185,7 +12094,6 @@ _Tokens added (1):_
|
|
|
12185
12094
|
## Token Diff
|
|
12186
12095
|
|
|
12187
12096
|
_Tokens added (19):_
|
|
12188
|
-
|
|
12189
12097
|
- `in-field-button-edge-to-disclosure-icon-stacked-extra-large`
|
|
12190
12098
|
- `in-field-button-edge-to-disclosure-icon-stacked-large`
|
|
12191
12099
|
- `in-field-button-edge-to-disclosure-icon-stacked-medium`
|
|
@@ -12221,7 +12129,6 @@ _Tokens added (1):_
|
|
|
12221
12129
|
## Token diff
|
|
12222
12130
|
|
|
12223
12131
|
_Tokens added (88):_
|
|
12224
|
-
|
|
12225
12132
|
- `table-border-divider-width`
|
|
12226
12133
|
- `table-checkbox-to-text`
|
|
12227
12134
|
- `table-column-header-row-bottom-to-text-extra-large`
|
|
@@ -12320,7 +12227,6 @@ _Tokens added (1):_
|
|
|
12320
12227
|
## Token Diff
|
|
12321
12228
|
|
|
12322
12229
|
_Tokens updated (51):_
|
|
12323
|
-
|
|
12324
12230
|
- `accent-content-color-selected`
|
|
12325
12231
|
- `neutral-subdued-content-color-selected`
|
|
12326
12232
|
- `tab-item-bottom-to-text-compact-extra-large`
|
|
@@ -12382,7 +12288,6 @@ _Tokens added (1):_
|
|
|
12382
12288
|
## Token diff
|
|
12383
12289
|
|
|
12384
12290
|
_Tokens added (51):_
|
|
12385
|
-
|
|
12386
12291
|
- `accent-content-color-selected`
|
|
12387
12292
|
- `neutral-subdued-content-color-selected`
|
|
12388
12293
|
- `tab-item-bottom-to-text-compact-extra-large`
|
|
@@ -12444,11 +12349,9 @@ _Tokens added (1):_
|
|
|
12444
12349
|
## Token Diff
|
|
12445
12350
|
|
|
12446
12351
|
_Token added (1):_
|
|
12447
|
-
|
|
12448
12352
|
- `picker-end-edge-to-disclosure-icon-quiet`
|
|
12449
12353
|
|
|
12450
12354
|
_Newly deprecated token (1):_
|
|
12451
|
-
|
|
12452
12355
|
- `picker-end-edge-to-disclousure-icon-quiet`
|
|
12453
12356
|
|
|
12454
12357
|
## 12.10.0
|
|
@@ -12472,7 +12375,6 @@ _Tokens added (1):_
|
|
|
12472
12375
|
## Token Diff
|
|
12473
12376
|
|
|
12474
12377
|
The following tokens have update `component` metadata property (all have been set to `coach-mark`):
|
|
12475
|
-
|
|
12476
12378
|
- `coach-mark-minimum-width`
|
|
12477
12379
|
- `coach-mark-edge-to-content`
|
|
12478
12380
|
- `coach-mark-pagination-text-to-bottom-edge`
|
|
@@ -12492,11 +12394,9 @@ _Tokens added (1):_
|
|
|
12492
12394
|
## Token Diff
|
|
12493
12395
|
|
|
12494
12396
|
_Token added (1):_
|
|
12495
|
-
|
|
12496
12397
|
- `floating-action-button-drop-shadow-color`
|
|
12497
12398
|
|
|
12498
12399
|
_Newly deprecated token (1):_
|
|
12499
|
-
|
|
12500
12400
|
- `floating-action-button-shadow-color` (use `floating-action-button-drop-shadow-color` instead)
|
|
12501
12401
|
|
|
12502
12402
|
## 12.8.0
|
|
@@ -12508,7 +12408,6 @@ _Tokens added (1):_
|
|
|
12508
12408
|
## Token Diff
|
|
12509
12409
|
|
|
12510
12410
|
_Token values updated (2):_
|
|
12511
|
-
|
|
12512
12411
|
- `color-handle-inner-border-opacity` (to remove express specific values)
|
|
12513
12412
|
- `color-handle-outer-border-opacity` (to remove express specific values)
|
|
12514
12413
|
|