@adobe/spectrum-tokens 13.0.0-beta.40 → 13.0.0-beta.42
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 +112 -0
- package/dist/json/drover.json +29 -17
- package/dist/json/variables.json +137 -43
- package/package.json +1 -1
- package/src/color-component.json +9 -3
- package/src/layout-component.json +82 -48
- package/src/layout.json +16 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,117 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 13.0.0-beta.42
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#382](https://github.com/adobe/spectrum-tokens/pull/382) [`2af3850`](https://github.com/adobe/spectrum-tokens/commit/2af3850a554812fd9c1b3e6fd902a746c9ac42c7) Thanks [@nabuhasan](https://github.com/nabuhasan)! - Updated S2 swatch tokens and added swatch-group tokens in S2 Color and S2 Non-color data sets, respectively.
|
|
8
|
+
|
|
9
|
+
## Design Motivation
|
|
10
|
+
|
|
11
|
+
Swatch and swatch group components are being formalized as Spectrum 2 components. These tokens define the design data needed for implementation. Changes include updated corner rounding, colors and spacing for spacious density.
|
|
12
|
+
|
|
13
|
+
For more information, [view Jira ticket](https://jira.corp.adobe.com/browse/SDS-13497).
|
|
14
|
+
|
|
15
|
+
## Token Diff
|
|
16
|
+
|
|
17
|
+
_Tokens added (3):_
|
|
18
|
+
|
|
19
|
+
- `swatch-group-spacing-spacious`
|
|
20
|
+
- `swatch-group-border-opacity`
|
|
21
|
+
- `swatch-group-border-color`
|
|
22
|
+
|
|
23
|
+
_Tokens values updated (3):_
|
|
24
|
+
|
|
25
|
+
- `swatch-border-color`: `gray-900` -> `gray-1000`
|
|
26
|
+
- `swatch-border-opacity`: `0.51` -> `0.42`
|
|
27
|
+
- `swatch-disabled-icon-border-opacity`: `0.51` -> `0.42`
|
|
28
|
+
|
|
29
|
+
## 13.0.0-beta.41
|
|
30
|
+
|
|
31
|
+
### Minor Changes
|
|
32
|
+
|
|
33
|
+
- [#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)
|
|
34
|
+
|
|
35
|
+
- [Updated S2 Action bar tokens](https://github.com/adobe/spectrum-tokens-studio-data/pull/149)
|
|
36
|
+
|
|
37
|
+
## Design Motivation
|
|
38
|
+
|
|
39
|
+
Thumbnail: updated sizes in order for opacity checkerboards to translate better in implementation.
|
|
40
|
+
|
|
41
|
+
⚠️ Important note: Accepting updates from this release will update the thumbnail sizes. The change in size is no more than 4 px. In some cases, you may want to relink to a new size. View the migration guide below to find the closest recommended size:
|
|
42
|
+
|
|
43
|
+
| Former thumbnail size | Available thumbnail size |
|
|
44
|
+
| :-------------------- | :--------------------------------------- |
|
|
45
|
+
| size 50 (16 x 16) | size 50 (16 x 16) |
|
|
46
|
+
| size 75 (18 x 18) | size 75 (20 x 20) |
|
|
47
|
+
| size 100 (20 x 20) | size 75 (20 x 20) |
|
|
48
|
+
| size 200 (22 x 22) | size 100 (24 x 24) |
|
|
49
|
+
| size 300 (26 x 26) | size 200 (28 x 28) |
|
|
50
|
+
| size 400 (28 x 28) | size 200 (28 x 28) |
|
|
51
|
+
| size 500 (32 x 32) | size 300 (32 x 32) |
|
|
52
|
+
| size 600 (36 x 36) | size 400 (36 x 36) |
|
|
53
|
+
| size 700 (40 x 40) | size 500 (40 x 40) |
|
|
54
|
+
| size 800 (44 x 44) | size 600 (44 x 44) |
|
|
55
|
+
| size 900 (50 x 50) | size 700 (48 x 48) or size 800 (52 x 52) |
|
|
56
|
+
| size 1000 (56 x 56) | size 900 (56 x 56) |
|
|
57
|
+
| -- | size 1000 (64 x 64) |
|
|
58
|
+
|
|
59
|
+
Action bar: Updated S2 action bar (non-color) in respective desktop and mobile layout sets.
|
|
60
|
+
|
|
61
|
+
## Token Diff
|
|
62
|
+
|
|
63
|
+
_Tokens added (8):_
|
|
64
|
+
|
|
65
|
+
- `action-bar-top-to-content-area`
|
|
66
|
+
- `action-bar-bottom-to-content-area`
|
|
67
|
+
- `action-bar-edge-to-content-area`
|
|
68
|
+
- `action-bar-close-button-to-counter`
|
|
69
|
+
- `action-bar-counter-font-size`
|
|
70
|
+
- `thumbnail-opacity-checkerboard-square-size`
|
|
71
|
+
- `thumbnail-corner-radius`
|
|
72
|
+
- `text-to-control-50`
|
|
73
|
+
|
|
74
|
+
_Tokens updated (2):_
|
|
75
|
+
|
|
76
|
+
- `action-bar-height`
|
|
77
|
+
- `action-bar-top-to-item-counter`
|
|
78
|
+
|
|
79
|
+
_Token values updated (11):_
|
|
80
|
+
|
|
81
|
+
- `thumbnail-size-75`
|
|
82
|
+
- `desktop`: `18px` -> `20px`
|
|
83
|
+
- `mobile`: `22px` -> `24px`
|
|
84
|
+
- `thumbnail-size-100`
|
|
85
|
+
- `desktop`: `20px` -> `24px`
|
|
86
|
+
- `mobile`: `26px` -> `28px`
|
|
87
|
+
- `thumbnail-size-200`
|
|
88
|
+
- `desktop`: `22px` -> `28px`
|
|
89
|
+
- `mobile`: `28px` -> `32px`
|
|
90
|
+
- `thumbnail-size-300`
|
|
91
|
+
- `desktop`: `26px` -> `32px`
|
|
92
|
+
- `mobile`: `32px` -> `36px`
|
|
93
|
+
- `thumbnail-size-400`
|
|
94
|
+
- `desktop`: `28px` -> `36px`
|
|
95
|
+
- `mobile`: `36px` -> `40px`
|
|
96
|
+
- `thumbnail-size-500`
|
|
97
|
+
- `desktop`: `32px` -> `40px`
|
|
98
|
+
- `mobile`: `40px` -> `44px`
|
|
99
|
+
- `thumbnail-size-600`
|
|
100
|
+
- `desktop`: `36px` -> `44px`
|
|
101
|
+
- `mobile`: `46px` -> `48px`
|
|
102
|
+
- `thumbnail-size-700`
|
|
103
|
+
- `desktop`: `40px` -> `48px`
|
|
104
|
+
- `mobile`: `50px` -> `52px`
|
|
105
|
+
- `thumbnail-size-800`
|
|
106
|
+
- `desktop`: `44px` -> `52px`
|
|
107
|
+
- `mobile`: `55px` -> `56px`
|
|
108
|
+
- `thumbnail-size-900`
|
|
109
|
+
- `desktop`: `50px` -> `56px`
|
|
110
|
+
- `mobile`: `62px` -> `64px`
|
|
111
|
+
- `thumbnail-size-1000`
|
|
112
|
+
- `desktop`: `56px` -> `64px`
|
|
113
|
+
- `mobile`: `70px` -> `72px`
|
|
114
|
+
|
|
3
115
|
## 13.0.0-beta.40
|
|
4
116
|
|
|
5
117
|
### Minor Changes
|
package/dist/json/drover.json
CHANGED
|
@@ -608,8 +608,9 @@
|
|
|
608
608
|
"static-white-text-color": "rgb(255, 255, 255)",
|
|
609
609
|
"static-white-track-color": "rgba(255, 255, 255, 0.17)",
|
|
610
610
|
"static-white-track-indicator-color": "rgba(255, 255, 255, 0.94)",
|
|
611
|
-
"swatch-border-color": "rgb(
|
|
611
|
+
"swatch-border-color": "rgb(0, 0, 0)",
|
|
612
612
|
"swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
|
|
613
|
+
"swatch-group-border-color": "rgb(0, 0, 0)",
|
|
613
614
|
"table-row-hover-color": "rgb(19, 19, 19)",
|
|
614
615
|
"table-selected-row-background-color": "rgb(59, 99, 251)",
|
|
615
616
|
"table-selected-row-background-color-non-emphasized": "rgb(41, 41, 41)",
|
|
@@ -1277,8 +1278,9 @@
|
|
|
1277
1278
|
"static-white-text-color": "rgb(255, 255, 255)",
|
|
1278
1279
|
"static-white-track-color": "rgba(255, 255, 255, 0.17)",
|
|
1279
1280
|
"static-white-track-indicator-color": "rgba(255, 255, 255, 0.94)",
|
|
1280
|
-
"swatch-border-color": "rgb(
|
|
1281
|
+
"swatch-border-color": "rgb(255, 255, 255)",
|
|
1281
1282
|
"swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
|
|
1283
|
+
"swatch-group-border-color": "rgb(255, 255, 255)",
|
|
1282
1284
|
"table-row-hover-color": "rgb(242, 242, 242)",
|
|
1283
1285
|
"table-selected-row-background-color": "rgb(52, 91, 248)",
|
|
1284
1286
|
"table-selected-row-background-color-non-emphasized": "rgb(219, 219, 219)",
|
|
@@ -1447,8 +1449,13 @@
|
|
|
1447
1449
|
"accordion-top-to-text-spacious-large": "12px",
|
|
1448
1450
|
"accordion-top-to-text-spacious-medium": "12px",
|
|
1449
1451
|
"accordion-top-to-text-spacious-small": "9px",
|
|
1450
|
-
"action-bar-
|
|
1451
|
-
"action-bar-
|
|
1452
|
+
"action-bar-bottom-to-content-area": "12px",
|
|
1453
|
+
"action-bar-close-button-to-counter": "4px",
|
|
1454
|
+
"action-bar-counter-font-size": "14px",
|
|
1455
|
+
"action-bar-edge-to-content-area": "8px",
|
|
1456
|
+
"action-bar-height": "56px",
|
|
1457
|
+
"action-bar-top-to-content-area": "12px",
|
|
1458
|
+
"action-bar-top-to-item-counter": "12px",
|
|
1452
1459
|
"action-button-edge-to-hold-icon-extra-large": "6px",
|
|
1453
1460
|
"action-button-edge-to-hold-icon-extra-small": "3px",
|
|
1454
1461
|
"action-button-edge-to-hold-icon-large": "5px",
|
|
@@ -2095,8 +2102,10 @@
|
|
|
2095
2102
|
"status-light-top-to-dot-large": "14px",
|
|
2096
2103
|
"status-light-top-to-dot-medium": "11px",
|
|
2097
2104
|
"status-light-top-to-dot-small": "8px",
|
|
2098
|
-
"swatch-border-opacity": "0.
|
|
2099
|
-
"swatch-disabled-icon-border-opacity": "0.
|
|
2105
|
+
"swatch-border-opacity": "0.42",
|
|
2106
|
+
"swatch-disabled-icon-border-opacity": "0.42",
|
|
2107
|
+
"swatch-group-border-opacity": "0.2",
|
|
2108
|
+
"swatch-group-spacing-spacious": "6px",
|
|
2100
2109
|
"swatch-size-extra-small": "16px",
|
|
2101
2110
|
"swatch-size-large": "40px",
|
|
2102
2111
|
"swatch-size-medium": "32px",
|
|
@@ -2280,6 +2289,7 @@
|
|
|
2280
2289
|
"text-to-control-100": "10px",
|
|
2281
2290
|
"text-to-control-200": "11px",
|
|
2282
2291
|
"text-to-control-300": "13px",
|
|
2292
|
+
"text-to-control-50": "4px",
|
|
2283
2293
|
"text-to-control-75": "9px",
|
|
2284
2294
|
"text-to-visual-100": "6px",
|
|
2285
2295
|
"text-to-visual-200": "7px",
|
|
@@ -2290,19 +2300,21 @@
|
|
|
2290
2300
|
"text-underline-gap": "1px",
|
|
2291
2301
|
"text-underline-thickness": "1px",
|
|
2292
2302
|
"thumbnail-border-opacity": "0.1",
|
|
2303
|
+
"thumbnail-corner-radius": "3px",
|
|
2304
|
+
"thumbnail-opacity-checkerboard-square-size": "4px",
|
|
2293
2305
|
"thumbnail-opacity-disabled": "0.3",
|
|
2294
|
-
"thumbnail-size-100": "
|
|
2295
|
-
"thumbnail-size-1000": "
|
|
2296
|
-
"thumbnail-size-200": "
|
|
2297
|
-
"thumbnail-size-300": "
|
|
2298
|
-
"thumbnail-size-400": "
|
|
2306
|
+
"thumbnail-size-100": "24px",
|
|
2307
|
+
"thumbnail-size-1000": "64px",
|
|
2308
|
+
"thumbnail-size-200": "28px",
|
|
2309
|
+
"thumbnail-size-300": "32px",
|
|
2310
|
+
"thumbnail-size-400": "36px",
|
|
2299
2311
|
"thumbnail-size-50": "16px",
|
|
2300
|
-
"thumbnail-size-500": "
|
|
2301
|
-
"thumbnail-size-600": "
|
|
2302
|
-
"thumbnail-size-700": "
|
|
2303
|
-
"thumbnail-size-75": "
|
|
2304
|
-
"thumbnail-size-800": "
|
|
2305
|
-
"thumbnail-size-900": "
|
|
2312
|
+
"thumbnail-size-500": "40px",
|
|
2313
|
+
"thumbnail-size-600": "44px",
|
|
2314
|
+
"thumbnail-size-700": "48px",
|
|
2315
|
+
"thumbnail-size-75": "20px",
|
|
2316
|
+
"thumbnail-size-800": "52px",
|
|
2317
|
+
"thumbnail-size-900": "56px",
|
|
2306
2318
|
"title-cjk-line-height": "1.5",
|
|
2307
2319
|
"title-cjk-size-l": "16px",
|
|
2308
2320
|
"title-cjk-size-m": "14px",
|
package/dist/json/variables.json
CHANGED
|
@@ -4933,25 +4933,25 @@
|
|
|
4933
4933
|
"uuid": "a1cbc282-1376-48d1-b8bb-92f10aef7c6f"
|
|
4934
4934
|
},
|
|
4935
4935
|
"swatch-border-color": {
|
|
4936
|
-
"ref": "{gray-
|
|
4936
|
+
"ref": "{gray-1000}",
|
|
4937
4937
|
"sets": {
|
|
4938
|
-
"light": {
|
|
4939
|
-
"value": "rgb(19, 19, 19)",
|
|
4940
|
-
"uuid": "59093f0d-98b7-4659-bea6-3248ad20e96c"
|
|
4941
|
-
},
|
|
4942
4938
|
"dark": {
|
|
4943
|
-
"value": "rgb(
|
|
4944
|
-
"uuid": "
|
|
4939
|
+
"value": "rgb(255, 255, 255)",
|
|
4940
|
+
"uuid": "5ce8c477-ae6e-427a-ac5c-79d15c8056ab"
|
|
4941
|
+
},
|
|
4942
|
+
"light": {
|
|
4943
|
+
"value": "rgb(0, 0, 0)",
|
|
4944
|
+
"uuid": "457fbeb8-56cd-4f3c-9950-f5e01f83f07c"
|
|
4945
4945
|
},
|
|
4946
4946
|
"wireframe": {
|
|
4947
|
-
"value": "rgb(
|
|
4948
|
-
"uuid": "
|
|
4947
|
+
"value": "rgb(8, 12, 22)",
|
|
4948
|
+
"uuid": "e804baf9-ae2c-4574-96d9-10cd5253fe47"
|
|
4949
4949
|
}
|
|
4950
4950
|
},
|
|
4951
4951
|
"uuid": "7da5157d-7f25-405b-8de0-f3669565fb48"
|
|
4952
4952
|
},
|
|
4953
4953
|
"swatch-border-opacity": {
|
|
4954
|
-
"value": "0.
|
|
4954
|
+
"value": "0.42",
|
|
4955
4955
|
"uuid": "0e397a80-cf33-44ed-8b7d-1abaf4426bf5"
|
|
4956
4956
|
},
|
|
4957
4957
|
"swatch-disabled-icon-border-color": {
|
|
@@ -4960,7 +4960,7 @@
|
|
|
4960
4960
|
"uuid": "c49cd7ae-7657-458b-871a-6b4f28bca535"
|
|
4961
4961
|
},
|
|
4962
4962
|
"swatch-disabled-icon-border-opacity": {
|
|
4963
|
-
"value": "0.
|
|
4963
|
+
"value": "0.42",
|
|
4964
4964
|
"uuid": "cdbba3b6-cb51-4fec-88f0-273d4bb59a18"
|
|
4965
4965
|
},
|
|
4966
4966
|
"thumbnail-border-color": {
|
|
@@ -5757,6 +5757,24 @@
|
|
|
5757
5757
|
},
|
|
5758
5758
|
"uuid": "bfd387b8-0ce0-45ff-8d66-fc5de2f4900c"
|
|
5759
5759
|
},
|
|
5760
|
+
"swatch-group-border-color": {
|
|
5761
|
+
"ref": "{gray-1000}",
|
|
5762
|
+
"sets": {
|
|
5763
|
+
"dark": {
|
|
5764
|
+
"value": "rgb(255, 255, 255)",
|
|
5765
|
+
"uuid": "5ce8c477-ae6e-427a-ac5c-79d15c8056ab"
|
|
5766
|
+
},
|
|
5767
|
+
"light": {
|
|
5768
|
+
"value": "rgb(0, 0, 0)",
|
|
5769
|
+
"uuid": "457fbeb8-56cd-4f3c-9950-f5e01f83f07c"
|
|
5770
|
+
},
|
|
5771
|
+
"wireframe": {
|
|
5772
|
+
"value": "rgb(8, 12, 22)",
|
|
5773
|
+
"uuid": "e804baf9-ae2c-4574-96d9-10cd5253fe47"
|
|
5774
|
+
}
|
|
5775
|
+
},
|
|
5776
|
+
"uuid": "08b8d06a-5475-47bf-ad2e-9f52ee07345a"
|
|
5777
|
+
},
|
|
5760
5778
|
"white": {
|
|
5761
5779
|
"value": "rgb(255, 255, 255)",
|
|
5762
5780
|
"uuid": "9b799da8-2130-417e-b7ee-5e1154a89837"
|
|
@@ -14354,28 +14372,32 @@
|
|
|
14354
14372
|
}
|
|
14355
14373
|
},
|
|
14356
14374
|
"action-bar-height": {
|
|
14375
|
+
"ref": "{component-height-400}",
|
|
14357
14376
|
"sets": {
|
|
14358
14377
|
"desktop": {
|
|
14359
|
-
"value": "
|
|
14360
|
-
"uuid": "
|
|
14378
|
+
"value": "56px",
|
|
14379
|
+
"uuid": "e146c28f-3349-48fc-8281-6997ab9da222"
|
|
14361
14380
|
},
|
|
14362
14381
|
"mobile": {
|
|
14363
|
-
"value": "
|
|
14364
|
-
"uuid": "
|
|
14382
|
+
"value": "70px",
|
|
14383
|
+
"uuid": "4fcbb85f-afbe-41bc-a979-dc09fb98946a"
|
|
14365
14384
|
}
|
|
14366
|
-
}
|
|
14385
|
+
},
|
|
14386
|
+
"uuid": "e67822de-d0cd-4b49-8e90-6c43523bb4dd"
|
|
14367
14387
|
},
|
|
14368
14388
|
"action-bar-top-to-item-counter": {
|
|
14389
|
+
"ref": "{component-top-to-text-300}",
|
|
14369
14390
|
"sets": {
|
|
14370
14391
|
"desktop": {
|
|
14371
|
-
"value": "
|
|
14372
|
-
"uuid": "
|
|
14392
|
+
"value": "12px",
|
|
14393
|
+
"uuid": "9bf3970e-eb76-4be5-82c4-0df2538df753"
|
|
14373
14394
|
},
|
|
14374
14395
|
"mobile": {
|
|
14375
|
-
"value": "
|
|
14376
|
-
"uuid": "
|
|
14396
|
+
"value": "15px",
|
|
14397
|
+
"uuid": "e0ae8c97-73ee-4b09-839f-5ebfb6eb0d7a"
|
|
14377
14398
|
}
|
|
14378
|
-
}
|
|
14399
|
+
},
|
|
14400
|
+
"uuid": "73f82d09-7927-461c-b7d7-ab0bc6b3e3f9"
|
|
14379
14401
|
},
|
|
14380
14402
|
"swatch-size-extra-small": {
|
|
14381
14403
|
"sets": {
|
|
@@ -15196,11 +15218,11 @@
|
|
|
15196
15218
|
"thumbnail-size-75": {
|
|
15197
15219
|
"sets": {
|
|
15198
15220
|
"desktop": {
|
|
15199
|
-
"value": "
|
|
15221
|
+
"value": "20px",
|
|
15200
15222
|
"uuid": "20706cc7-9d07-4938-8328-debd3ab8d822"
|
|
15201
15223
|
},
|
|
15202
15224
|
"mobile": {
|
|
15203
|
-
"value": "
|
|
15225
|
+
"value": "24px",
|
|
15204
15226
|
"uuid": "852fc55b-beb7-428c-bc0c-452abc204de3"
|
|
15205
15227
|
}
|
|
15206
15228
|
}
|
|
@@ -15208,11 +15230,11 @@
|
|
|
15208
15230
|
"thumbnail-size-100": {
|
|
15209
15231
|
"sets": {
|
|
15210
15232
|
"desktop": {
|
|
15211
|
-
"value": "
|
|
15233
|
+
"value": "24px",
|
|
15212
15234
|
"uuid": "46dd2eca-598a-45e3-8c7d-c6cf17e148bf"
|
|
15213
15235
|
},
|
|
15214
15236
|
"mobile": {
|
|
15215
|
-
"value": "
|
|
15237
|
+
"value": "28px",
|
|
15216
15238
|
"uuid": "545604c8-484f-4697-907c-31e2b2cb46d0"
|
|
15217
15239
|
}
|
|
15218
15240
|
}
|
|
@@ -15220,11 +15242,11 @@
|
|
|
15220
15242
|
"thumbnail-size-200": {
|
|
15221
15243
|
"sets": {
|
|
15222
15244
|
"desktop": {
|
|
15223
|
-
"value": "
|
|
15245
|
+
"value": "28px",
|
|
15224
15246
|
"uuid": "ec457831-d272-4809-a84a-f1e9dcaec495"
|
|
15225
15247
|
},
|
|
15226
15248
|
"mobile": {
|
|
15227
|
-
"value": "
|
|
15249
|
+
"value": "32px",
|
|
15228
15250
|
"uuid": "0e548378-9633-49d2-90d8-b40e1ba7c98e"
|
|
15229
15251
|
}
|
|
15230
15252
|
}
|
|
@@ -15232,11 +15254,11 @@
|
|
|
15232
15254
|
"thumbnail-size-300": {
|
|
15233
15255
|
"sets": {
|
|
15234
15256
|
"desktop": {
|
|
15235
|
-
"value": "
|
|
15257
|
+
"value": "32px",
|
|
15236
15258
|
"uuid": "95c5905f-b209-4e84-881f-13ea85f12d87"
|
|
15237
15259
|
},
|
|
15238
15260
|
"mobile": {
|
|
15239
|
-
"value": "
|
|
15261
|
+
"value": "36px",
|
|
15240
15262
|
"uuid": "8f4dd02c-d3eb-4654-aea4-b3921048cdbe"
|
|
15241
15263
|
}
|
|
15242
15264
|
}
|
|
@@ -15244,11 +15266,11 @@
|
|
|
15244
15266
|
"thumbnail-size-400": {
|
|
15245
15267
|
"sets": {
|
|
15246
15268
|
"desktop": {
|
|
15247
|
-
"value": "
|
|
15269
|
+
"value": "36px",
|
|
15248
15270
|
"uuid": "7ee6d5ae-eb01-49e1-93ba-df3e7c25d876"
|
|
15249
15271
|
},
|
|
15250
15272
|
"mobile": {
|
|
15251
|
-
"value": "
|
|
15273
|
+
"value": "40px",
|
|
15252
15274
|
"uuid": "b0351cf7-f0df-4044-ab26-5b6649ea2e1f"
|
|
15253
15275
|
}
|
|
15254
15276
|
}
|
|
@@ -15256,11 +15278,11 @@
|
|
|
15256
15278
|
"thumbnail-size-500": {
|
|
15257
15279
|
"sets": {
|
|
15258
15280
|
"desktop": {
|
|
15259
|
-
"value": "
|
|
15281
|
+
"value": "40px",
|
|
15260
15282
|
"uuid": "87234a25-8f6d-457c-9d3f-363930fec12c"
|
|
15261
15283
|
},
|
|
15262
15284
|
"mobile": {
|
|
15263
|
-
"value": "
|
|
15285
|
+
"value": "44px",
|
|
15264
15286
|
"uuid": "1798b58e-fce4-411d-ba8d-75006fa4f53e"
|
|
15265
15287
|
}
|
|
15266
15288
|
}
|
|
@@ -15268,11 +15290,11 @@
|
|
|
15268
15290
|
"thumbnail-size-600": {
|
|
15269
15291
|
"sets": {
|
|
15270
15292
|
"desktop": {
|
|
15271
|
-
"value": "
|
|
15293
|
+
"value": "44px",
|
|
15272
15294
|
"uuid": "d533a543-9622-4c43-92a6-82dd5eebcc64"
|
|
15273
15295
|
},
|
|
15274
15296
|
"mobile": {
|
|
15275
|
-
"value": "
|
|
15297
|
+
"value": "48px",
|
|
15276
15298
|
"uuid": "543dcd25-42cc-4198-b4ba-ba5524b08691"
|
|
15277
15299
|
}
|
|
15278
15300
|
}
|
|
@@ -15280,11 +15302,11 @@
|
|
|
15280
15302
|
"thumbnail-size-700": {
|
|
15281
15303
|
"sets": {
|
|
15282
15304
|
"desktop": {
|
|
15283
|
-
"value": "
|
|
15305
|
+
"value": "48px",
|
|
15284
15306
|
"uuid": "d6aaa2c4-d213-44de-9bae-742d26df8765"
|
|
15285
15307
|
},
|
|
15286
15308
|
"mobile": {
|
|
15287
|
-
"value": "
|
|
15309
|
+
"value": "52px",
|
|
15288
15310
|
"uuid": "5eab16f9-5537-4a14-958d-d96200c5723f"
|
|
15289
15311
|
}
|
|
15290
15312
|
}
|
|
@@ -15292,11 +15314,11 @@
|
|
|
15292
15314
|
"thumbnail-size-800": {
|
|
15293
15315
|
"sets": {
|
|
15294
15316
|
"desktop": {
|
|
15295
|
-
"value": "
|
|
15317
|
+
"value": "52px",
|
|
15296
15318
|
"uuid": "8cee2b4d-48c8-45aa-803b-5d1cd9027fcf"
|
|
15297
15319
|
},
|
|
15298
15320
|
"mobile": {
|
|
15299
|
-
"value": "
|
|
15321
|
+
"value": "56px",
|
|
15300
15322
|
"uuid": "94ca9817-988a-4e4f-9163-954d29204049"
|
|
15301
15323
|
}
|
|
15302
15324
|
}
|
|
@@ -15304,11 +15326,11 @@
|
|
|
15304
15326
|
"thumbnail-size-900": {
|
|
15305
15327
|
"sets": {
|
|
15306
15328
|
"desktop": {
|
|
15307
|
-
"value": "
|
|
15329
|
+
"value": "56px",
|
|
15308
15330
|
"uuid": "5b9fb77d-8a2e-4e1c-ba86-475cd66b4202"
|
|
15309
15331
|
},
|
|
15310
15332
|
"mobile": {
|
|
15311
|
-
"value": "
|
|
15333
|
+
"value": "64px",
|
|
15312
15334
|
"uuid": "97f11dd2-0173-464c-9eef-c260c9e8cf22"
|
|
15313
15335
|
}
|
|
15314
15336
|
}
|
|
@@ -15316,11 +15338,11 @@
|
|
|
15316
15338
|
"thumbnail-size-1000": {
|
|
15317
15339
|
"sets": {
|
|
15318
15340
|
"desktop": {
|
|
15319
|
-
"value": "
|
|
15341
|
+
"value": "64px",
|
|
15320
15342
|
"uuid": "48959be8-02f9-45b9-8190-af60c93cbb6c"
|
|
15321
15343
|
},
|
|
15322
15344
|
"mobile": {
|
|
15323
|
-
"value": "
|
|
15345
|
+
"value": "72px",
|
|
15324
15346
|
"uuid": "cfbf3ec4-f51d-4a50-b81c-765fff84ce14"
|
|
15325
15347
|
}
|
|
15326
15348
|
}
|
|
@@ -21021,6 +21043,66 @@
|
|
|
21021
21043
|
}
|
|
21022
21044
|
}
|
|
21023
21045
|
},
|
|
21046
|
+
"thumbnail-opacity-checkerboard-square-size": {
|
|
21047
|
+
"value": "4px",
|
|
21048
|
+
"uuid": "0322f848-009a-45c4-ad4a-17d8f7e41995"
|
|
21049
|
+
},
|
|
21050
|
+
"thumbnail-corner-radius": {
|
|
21051
|
+
"ref": "{corner-radius-75}",
|
|
21052
|
+
"value": "3px",
|
|
21053
|
+
"uuid": "13681294-e3c6-4898-a17e-943932a53c08"
|
|
21054
|
+
},
|
|
21055
|
+
"action-bar-top-to-content-area": {
|
|
21056
|
+
"ref": "{spacing-200}",
|
|
21057
|
+
"value": "12px",
|
|
21058
|
+
"uuid": "cfa41a43-8fb2-4c3b-a2df-f8658c87b31b"
|
|
21059
|
+
},
|
|
21060
|
+
"action-bar-bottom-to-content-area": {
|
|
21061
|
+
"ref": "{spacing-200}",
|
|
21062
|
+
"value": "12px",
|
|
21063
|
+
"uuid": "3116a00c-0ad3-4ae6-9fbb-f9b5624a2708"
|
|
21064
|
+
},
|
|
21065
|
+
"action-bar-edge-to-content-area": {
|
|
21066
|
+
"ref": "{spacing-100}",
|
|
21067
|
+
"value": "8px",
|
|
21068
|
+
"uuid": "a9fc8786-060e-4663-9381-211621240b2f"
|
|
21069
|
+
},
|
|
21070
|
+
"action-bar-close-button-to-counter": {
|
|
21071
|
+
"ref": "{text-to-control-50}",
|
|
21072
|
+
"sets": {
|
|
21073
|
+
"desktop": {
|
|
21074
|
+
"value": "4px",
|
|
21075
|
+
"uuid": "4b47e7a8-b330-4c6c-a497-9ee9eed0c50a"
|
|
21076
|
+
},
|
|
21077
|
+
"mobile": {
|
|
21078
|
+
"value": "5px",
|
|
21079
|
+
"uuid": "56e2cc0c-7d56-454e-bb4f-4517f412eeac"
|
|
21080
|
+
}
|
|
21081
|
+
},
|
|
21082
|
+
"uuid": "bc54e89f-6740-4004-891e-c515f8f79693"
|
|
21083
|
+
},
|
|
21084
|
+
"action-bar-counter-font-size": {
|
|
21085
|
+
"ref": "{font-size-100}",
|
|
21086
|
+
"sets": {
|
|
21087
|
+
"desktop": {
|
|
21088
|
+
"value": "14px",
|
|
21089
|
+
"uuid": "938e2d24-1e90-48f0-a596-595a69103707"
|
|
21090
|
+
},
|
|
21091
|
+
"mobile": {
|
|
21092
|
+
"value": "17px",
|
|
21093
|
+
"uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
|
|
21094
|
+
}
|
|
21095
|
+
},
|
|
21096
|
+
"uuid": "66540ddb-ec74-487f-8e09-a37b436694b5"
|
|
21097
|
+
},
|
|
21098
|
+
"swatch-group-spacing-spacious": {
|
|
21099
|
+
"value": "6px",
|
|
21100
|
+
"uuid": "b80ef303-eae7-498f-b172-73a098be0f0b"
|
|
21101
|
+
},
|
|
21102
|
+
"swatch-group-border-opacity": {
|
|
21103
|
+
"value": "0.2",
|
|
21104
|
+
"uuid": "19968846-dad0-42eb-b6a8-af65f3a910ff"
|
|
21105
|
+
},
|
|
21024
21106
|
"corner-radius-0": {
|
|
21025
21107
|
"value": "0px",
|
|
21026
21108
|
"uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
|
|
@@ -21264,6 +21346,18 @@
|
|
|
21264
21346
|
}
|
|
21265
21347
|
}
|
|
21266
21348
|
},
|
|
21349
|
+
"text-to-control-50": {
|
|
21350
|
+
"sets": {
|
|
21351
|
+
"desktop": {
|
|
21352
|
+
"value": "4px",
|
|
21353
|
+
"uuid": "4b47e7a8-b330-4c6c-a497-9ee9eed0c50a"
|
|
21354
|
+
},
|
|
21355
|
+
"mobile": {
|
|
21356
|
+
"value": "5px",
|
|
21357
|
+
"uuid": "56e2cc0c-7d56-454e-bb4f-4517f412eeac"
|
|
21358
|
+
}
|
|
21359
|
+
}
|
|
21360
|
+
},
|
|
21267
21361
|
"text-to-control-75": {
|
|
21268
21362
|
"sets": {
|
|
21269
21363
|
"desktop": {
|
package/package.json
CHANGED
package/src/color-component.json
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
"swatch-border-color": {
|
|
3
3
|
"component": "swatch",
|
|
4
4
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
5
|
-
"value": "{gray-
|
|
5
|
+
"value": "{gray-1000}",
|
|
6
6
|
"uuid": "7da5157d-7f25-405b-8de0-f3669565fb48"
|
|
7
7
|
},
|
|
8
8
|
"swatch-border-opacity": {
|
|
9
9
|
"component": "swatch",
|
|
10
10
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
11
|
-
"value": "0.
|
|
11
|
+
"value": "0.42",
|
|
12
12
|
"uuid": "0e397a80-cf33-44ed-8b7d-1abaf4426bf5"
|
|
13
13
|
},
|
|
14
14
|
"swatch-disabled-icon-border-color": {
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"swatch-disabled-icon-border-opacity": {
|
|
21
21
|
"component": "swatch",
|
|
22
22
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
23
|
-
"value": "0.
|
|
23
|
+
"value": "0.42",
|
|
24
24
|
"uuid": "cdbba3b6-cb51-4fec-88f0-273d4bb59a18"
|
|
25
25
|
},
|
|
26
26
|
"thumbnail-border-color": {
|
|
@@ -405,5 +405,11 @@
|
|
|
405
405
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
406
406
|
"value": "{blue-800}",
|
|
407
407
|
"uuid": "bfd387b8-0ce0-45ff-8d66-fc5de2f4900c"
|
|
408
|
+
},
|
|
409
|
+
"swatch-group-border-color": {
|
|
410
|
+
"component": "swatch-group",
|
|
411
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
412
|
+
"value": "{gray-1000}",
|
|
413
|
+
"uuid": "08b8d06a-5475-47bf-ad2e-9f52ee07345a"
|
|
408
414
|
}
|
|
409
415
|
}
|
|
@@ -1207,35 +1207,15 @@
|
|
|
1207
1207
|
},
|
|
1208
1208
|
"action-bar-height": {
|
|
1209
1209
|
"component": "action-bar",
|
|
1210
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/
|
|
1211
|
-
"
|
|
1212
|
-
|
|
1213
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
1214
|
-
"value": "48px",
|
|
1215
|
-
"uuid": "e67822de-d0cd-4b49-8e90-6c43523bb4dd"
|
|
1216
|
-
},
|
|
1217
|
-
"mobile": {
|
|
1218
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
1219
|
-
"value": "56px",
|
|
1220
|
-
"uuid": "4be2cf45-1ba5-4a6f-a004-8d26ecbb4c2f"
|
|
1221
|
-
}
|
|
1222
|
-
}
|
|
1210
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
1211
|
+
"value": "{component-height-400}",
|
|
1212
|
+
"uuid": "e67822de-d0cd-4b49-8e90-6c43523bb4dd"
|
|
1223
1213
|
},
|
|
1224
1214
|
"action-bar-top-to-item-counter": {
|
|
1225
1215
|
"component": "action-bar",
|
|
1226
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/
|
|
1227
|
-
"
|
|
1228
|
-
|
|
1229
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
1230
|
-
"value": "14px",
|
|
1231
|
-
"uuid": "73f82d09-7927-461c-b7d7-ab0bc6b3e3f9"
|
|
1232
|
-
},
|
|
1233
|
-
"mobile": {
|
|
1234
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
1235
|
-
"value": "16px",
|
|
1236
|
-
"uuid": "b8466a83-3409-47c0-a329-b8e83b83abdb"
|
|
1237
|
-
}
|
|
1238
|
-
}
|
|
1216
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
1217
|
+
"value": "{component-top-to-text-300}",
|
|
1218
|
+
"uuid": "73f82d09-7927-461c-b7d7-ab0bc6b3e3f9"
|
|
1239
1219
|
},
|
|
1240
1220
|
"swatch-size-extra-small": {
|
|
1241
1221
|
"component": "swatch",
|
|
@@ -2359,12 +2339,12 @@
|
|
|
2359
2339
|
"sets": {
|
|
2360
2340
|
"desktop": {
|
|
2361
2341
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2362
|
-
"value": "
|
|
2342
|
+
"value": "20px",
|
|
2363
2343
|
"uuid": "20706cc7-9d07-4938-8328-debd3ab8d822"
|
|
2364
2344
|
},
|
|
2365
2345
|
"mobile": {
|
|
2366
2346
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2367
|
-
"value": "
|
|
2347
|
+
"value": "24px",
|
|
2368
2348
|
"uuid": "852fc55b-beb7-428c-bc0c-452abc204de3"
|
|
2369
2349
|
}
|
|
2370
2350
|
}
|
|
@@ -2375,12 +2355,12 @@
|
|
|
2375
2355
|
"sets": {
|
|
2376
2356
|
"desktop": {
|
|
2377
2357
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2378
|
-
"value": "
|
|
2358
|
+
"value": "24px",
|
|
2379
2359
|
"uuid": "46dd2eca-598a-45e3-8c7d-c6cf17e148bf"
|
|
2380
2360
|
},
|
|
2381
2361
|
"mobile": {
|
|
2382
2362
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2383
|
-
"value": "
|
|
2363
|
+
"value": "28px",
|
|
2384
2364
|
"uuid": "545604c8-484f-4697-907c-31e2b2cb46d0"
|
|
2385
2365
|
}
|
|
2386
2366
|
}
|
|
@@ -2391,12 +2371,12 @@
|
|
|
2391
2371
|
"sets": {
|
|
2392
2372
|
"desktop": {
|
|
2393
2373
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2394
|
-
"value": "
|
|
2374
|
+
"value": "28px",
|
|
2395
2375
|
"uuid": "ec457831-d272-4809-a84a-f1e9dcaec495"
|
|
2396
2376
|
},
|
|
2397
2377
|
"mobile": {
|
|
2398
2378
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2399
|
-
"value": "
|
|
2379
|
+
"value": "32px",
|
|
2400
2380
|
"uuid": "0e548378-9633-49d2-90d8-b40e1ba7c98e"
|
|
2401
2381
|
}
|
|
2402
2382
|
}
|
|
@@ -2407,12 +2387,12 @@
|
|
|
2407
2387
|
"sets": {
|
|
2408
2388
|
"desktop": {
|
|
2409
2389
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2410
|
-
"value": "
|
|
2390
|
+
"value": "32px",
|
|
2411
2391
|
"uuid": "95c5905f-b209-4e84-881f-13ea85f12d87"
|
|
2412
2392
|
},
|
|
2413
2393
|
"mobile": {
|
|
2414
2394
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2415
|
-
"value": "
|
|
2395
|
+
"value": "36px",
|
|
2416
2396
|
"uuid": "8f4dd02c-d3eb-4654-aea4-b3921048cdbe"
|
|
2417
2397
|
}
|
|
2418
2398
|
}
|
|
@@ -2423,12 +2403,12 @@
|
|
|
2423
2403
|
"sets": {
|
|
2424
2404
|
"desktop": {
|
|
2425
2405
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2426
|
-
"value": "
|
|
2406
|
+
"value": "36px",
|
|
2427
2407
|
"uuid": "7ee6d5ae-eb01-49e1-93ba-df3e7c25d876"
|
|
2428
2408
|
},
|
|
2429
2409
|
"mobile": {
|
|
2430
2410
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2431
|
-
"value": "
|
|
2411
|
+
"value": "40px",
|
|
2432
2412
|
"uuid": "b0351cf7-f0df-4044-ab26-5b6649ea2e1f"
|
|
2433
2413
|
}
|
|
2434
2414
|
}
|
|
@@ -2439,12 +2419,12 @@
|
|
|
2439
2419
|
"sets": {
|
|
2440
2420
|
"desktop": {
|
|
2441
2421
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2442
|
-
"value": "
|
|
2422
|
+
"value": "40px",
|
|
2443
2423
|
"uuid": "87234a25-8f6d-457c-9d3f-363930fec12c"
|
|
2444
2424
|
},
|
|
2445
2425
|
"mobile": {
|
|
2446
2426
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2447
|
-
"value": "
|
|
2427
|
+
"value": "44px",
|
|
2448
2428
|
"uuid": "1798b58e-fce4-411d-ba8d-75006fa4f53e"
|
|
2449
2429
|
}
|
|
2450
2430
|
}
|
|
@@ -2455,12 +2435,12 @@
|
|
|
2455
2435
|
"sets": {
|
|
2456
2436
|
"desktop": {
|
|
2457
2437
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2458
|
-
"value": "
|
|
2438
|
+
"value": "44px",
|
|
2459
2439
|
"uuid": "d533a543-9622-4c43-92a6-82dd5eebcc64"
|
|
2460
2440
|
},
|
|
2461
2441
|
"mobile": {
|
|
2462
2442
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2463
|
-
"value": "
|
|
2443
|
+
"value": "48px",
|
|
2464
2444
|
"uuid": "543dcd25-42cc-4198-b4ba-ba5524b08691"
|
|
2465
2445
|
}
|
|
2466
2446
|
}
|
|
@@ -2471,12 +2451,12 @@
|
|
|
2471
2451
|
"sets": {
|
|
2472
2452
|
"desktop": {
|
|
2473
2453
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2474
|
-
"value": "
|
|
2454
|
+
"value": "48px",
|
|
2475
2455
|
"uuid": "d6aaa2c4-d213-44de-9bae-742d26df8765"
|
|
2476
2456
|
},
|
|
2477
2457
|
"mobile": {
|
|
2478
2458
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2479
|
-
"value": "
|
|
2459
|
+
"value": "52px",
|
|
2480
2460
|
"uuid": "5eab16f9-5537-4a14-958d-d96200c5723f"
|
|
2481
2461
|
}
|
|
2482
2462
|
}
|
|
@@ -2487,12 +2467,12 @@
|
|
|
2487
2467
|
"sets": {
|
|
2488
2468
|
"desktop": {
|
|
2489
2469
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2490
|
-
"value": "
|
|
2470
|
+
"value": "52px",
|
|
2491
2471
|
"uuid": "8cee2b4d-48c8-45aa-803b-5d1cd9027fcf"
|
|
2492
2472
|
},
|
|
2493
2473
|
"mobile": {
|
|
2494
2474
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2495
|
-
"value": "
|
|
2475
|
+
"value": "56px",
|
|
2496
2476
|
"uuid": "94ca9817-988a-4e4f-9163-954d29204049"
|
|
2497
2477
|
}
|
|
2498
2478
|
}
|
|
@@ -2503,12 +2483,12 @@
|
|
|
2503
2483
|
"sets": {
|
|
2504
2484
|
"desktop": {
|
|
2505
2485
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2506
|
-
"value": "
|
|
2486
|
+
"value": "56px",
|
|
2507
2487
|
"uuid": "5b9fb77d-8a2e-4e1c-ba86-475cd66b4202"
|
|
2508
2488
|
},
|
|
2509
2489
|
"mobile": {
|
|
2510
2490
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2511
|
-
"value": "
|
|
2491
|
+
"value": "64px",
|
|
2512
2492
|
"uuid": "97f11dd2-0173-464c-9eef-c260c9e8cf22"
|
|
2513
2493
|
}
|
|
2514
2494
|
}
|
|
@@ -2519,12 +2499,12 @@
|
|
|
2519
2499
|
"sets": {
|
|
2520
2500
|
"desktop": {
|
|
2521
2501
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2522
|
-
"value": "
|
|
2502
|
+
"value": "64px",
|
|
2523
2503
|
"uuid": "48959be8-02f9-45b9-8190-af60c93cbb6c"
|
|
2524
2504
|
},
|
|
2525
2505
|
"mobile": {
|
|
2526
2506
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2527
|
-
"value": "
|
|
2507
|
+
"value": "72px",
|
|
2528
2508
|
"uuid": "cfbf3ec4-f51d-4a50-b81c-765fff84ce14"
|
|
2529
2509
|
}
|
|
2530
2510
|
}
|
|
@@ -8527,5 +8507,59 @@
|
|
|
8527
8507
|
"uuid": "272738b2-a274-4e2e-8582-9c2cc7962a85"
|
|
8528
8508
|
}
|
|
8529
8509
|
}
|
|
8510
|
+
},
|
|
8511
|
+
"thumbnail-opacity-checkerboard-square-size": {
|
|
8512
|
+
"component": "thumbnail",
|
|
8513
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
8514
|
+
"value": "4px",
|
|
8515
|
+
"uuid": "0322f848-009a-45c4-ad4a-17d8f7e41995"
|
|
8516
|
+
},
|
|
8517
|
+
"thumbnail-corner-radius": {
|
|
8518
|
+
"component": "thumbnail",
|
|
8519
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
8520
|
+
"value": "{corner-radius-75}",
|
|
8521
|
+
"uuid": "13681294-e3c6-4898-a17e-943932a53c08"
|
|
8522
|
+
},
|
|
8523
|
+
"action-bar-top-to-content-area": {
|
|
8524
|
+
"component": "action-bar",
|
|
8525
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
8526
|
+
"value": "{spacing-200}",
|
|
8527
|
+
"uuid": "cfa41a43-8fb2-4c3b-a2df-f8658c87b31b"
|
|
8528
|
+
},
|
|
8529
|
+
"action-bar-bottom-to-content-area": {
|
|
8530
|
+
"component": "action-bar",
|
|
8531
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
8532
|
+
"value": "{spacing-200}",
|
|
8533
|
+
"uuid": "3116a00c-0ad3-4ae6-9fbb-f9b5624a2708"
|
|
8534
|
+
},
|
|
8535
|
+
"action-bar-edge-to-content-area": {
|
|
8536
|
+
"component": "action-bar",
|
|
8537
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
8538
|
+
"value": "{spacing-100}",
|
|
8539
|
+
"uuid": "a9fc8786-060e-4663-9381-211621240b2f"
|
|
8540
|
+
},
|
|
8541
|
+
"action-bar-close-button-to-counter": {
|
|
8542
|
+
"component": "action-bar",
|
|
8543
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
8544
|
+
"value": "{text-to-control-50}",
|
|
8545
|
+
"uuid": "bc54e89f-6740-4004-891e-c515f8f79693"
|
|
8546
|
+
},
|
|
8547
|
+
"action-bar-counter-font-size": {
|
|
8548
|
+
"component": "action-bar",
|
|
8549
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
8550
|
+
"value": "{font-size-100}",
|
|
8551
|
+
"uuid": "66540ddb-ec74-487f-8e09-a37b436694b5"
|
|
8552
|
+
},
|
|
8553
|
+
"swatch-group-spacing-spacious": {
|
|
8554
|
+
"component": "swatch-group",
|
|
8555
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
8556
|
+
"value": "6px",
|
|
8557
|
+
"uuid": "b80ef303-eae7-498f-b172-73a098be0f0b"
|
|
8558
|
+
},
|
|
8559
|
+
"swatch-group-border-opacity": {
|
|
8560
|
+
"component": "swatch-group",
|
|
8561
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
8562
|
+
"value": "0.2",
|
|
8563
|
+
"uuid": "19968846-dad0-42eb-b6a8-af65f3a910ff"
|
|
8530
8564
|
}
|
|
8531
8565
|
}
|
package/src/layout.json
CHANGED
|
@@ -302,6 +302,21 @@
|
|
|
302
302
|
}
|
|
303
303
|
}
|
|
304
304
|
},
|
|
305
|
+
"text-to-control-50": {
|
|
306
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
307
|
+
"sets": {
|
|
308
|
+
"desktop": {
|
|
309
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
310
|
+
"value": "4px",
|
|
311
|
+
"uuid": "4b47e7a8-b330-4c6c-a497-9ee9eed0c50a"
|
|
312
|
+
},
|
|
313
|
+
"mobile": {
|
|
314
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
315
|
+
"value": "5px",
|
|
316
|
+
"uuid": "56e2cc0c-7d56-454e-bb4f-4517f412eeac"
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
},
|
|
305
320
|
"text-to-control-75": {
|
|
306
321
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
307
322
|
"sets": {
|
|
@@ -2329,4 +2344,4 @@
|
|
|
2329
2344
|
"value": "{drop-shadow-blur-200}",
|
|
2330
2345
|
"uuid": "f3487a86-3aea-4527-8b5c-287c0bddad6c"
|
|
2331
2346
|
}
|
|
2332
|
-
}
|
|
2347
|
+
}
|