@adobe/spectrum-tokens 13.0.0-beta.40 → 13.0.0-beta.41
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 +86 -0
- package/dist/json/drover.json +21 -13
- package/dist/json/variables.json +100 -32
- package/package.json +1 -1
- package/src/layout-component.json +70 -48
- package/src/layout.json +16 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,91 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 13.0.0-beta.41
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#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)
|
|
8
|
+
|
|
9
|
+
- [Updated S2 Action bar tokens](https://github.com/adobe/spectrum-tokens-studio-data/pull/149)
|
|
10
|
+
|
|
11
|
+
## Design Motivation
|
|
12
|
+
|
|
13
|
+
Thumbnail: updated sizes in order for opacity checkerboards to translate better in implementation.
|
|
14
|
+
|
|
15
|
+
⚠️ 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:
|
|
16
|
+
|
|
17
|
+
| Former thumbnail size | Available thumbnail size |
|
|
18
|
+
| :-------------------- | :--------------------------------------- |
|
|
19
|
+
| size 50 (16 x 16) | size 50 (16 x 16) |
|
|
20
|
+
| size 75 (18 x 18) | size 75 (20 x 20) |
|
|
21
|
+
| size 100 (20 x 20) | size 75 (20 x 20) |
|
|
22
|
+
| size 200 (22 x 22) | size 100 (24 x 24) |
|
|
23
|
+
| size 300 (26 x 26) | size 200 (28 x 28) |
|
|
24
|
+
| size 400 (28 x 28) | size 200 (28 x 28) |
|
|
25
|
+
| size 500 (32 x 32) | size 300 (32 x 32) |
|
|
26
|
+
| size 600 (36 x 36) | size 400 (36 x 36) |
|
|
27
|
+
| size 700 (40 x 40) | size 500 (40 x 40) |
|
|
28
|
+
| size 800 (44 x 44) | size 600 (44 x 44) |
|
|
29
|
+
| size 900 (50 x 50) | size 700 (48 x 48) or size 800 (52 x 52) |
|
|
30
|
+
| size 1000 (56 x 56) | size 900 (56 x 56) |
|
|
31
|
+
| -- | size 1000 (64 x 64) |
|
|
32
|
+
|
|
33
|
+
Action bar: Updated S2 action bar (non-color) in respective desktop and mobile layout sets.
|
|
34
|
+
|
|
35
|
+
## Token Diff
|
|
36
|
+
|
|
37
|
+
_Tokens added (8):_
|
|
38
|
+
|
|
39
|
+
- `action-bar-top-to-content-area`
|
|
40
|
+
- `action-bar-bottom-to-content-area`
|
|
41
|
+
- `action-bar-edge-to-content-area`
|
|
42
|
+
- `action-bar-close-button-to-counter`
|
|
43
|
+
- `action-bar-counter-font-size`
|
|
44
|
+
- `thumbnail-opacity-checkerboard-square-size`
|
|
45
|
+
- `thumbnail-corner-radius`
|
|
46
|
+
- `text-to-control-50`
|
|
47
|
+
|
|
48
|
+
_Tokens updated (2):_
|
|
49
|
+
|
|
50
|
+
- `action-bar-height`
|
|
51
|
+
- `action-bar-top-to-item-counter`
|
|
52
|
+
|
|
53
|
+
_Token values updated (11):_
|
|
54
|
+
|
|
55
|
+
- `thumbnail-size-75`
|
|
56
|
+
- `desktop`: `18px` -> `20px`
|
|
57
|
+
- `mobile`: `22px` -> `24px`
|
|
58
|
+
- `thumbnail-size-100`
|
|
59
|
+
- `desktop`: `20px` -> `24px`
|
|
60
|
+
- `mobile`: `26px` -> `28px`
|
|
61
|
+
- `thumbnail-size-200`
|
|
62
|
+
- `desktop`: `22px` -> `28px`
|
|
63
|
+
- `mobile`: `28px` -> `32px`
|
|
64
|
+
- `thumbnail-size-300`
|
|
65
|
+
- `desktop`: `26px` -> `32px`
|
|
66
|
+
- `mobile`: `32px` -> `36px`
|
|
67
|
+
- `thumbnail-size-400`
|
|
68
|
+
- `desktop`: `28px` -> `36px`
|
|
69
|
+
- `mobile`: `36px` -> `40px`
|
|
70
|
+
- `thumbnail-size-500`
|
|
71
|
+
- `desktop`: `32px` -> `40px`
|
|
72
|
+
- `mobile`: `40px` -> `44px`
|
|
73
|
+
- `thumbnail-size-600`
|
|
74
|
+
- `desktop`: `36px` -> `44px`
|
|
75
|
+
- `mobile`: `46px` -> `48px`
|
|
76
|
+
- `thumbnail-size-700`
|
|
77
|
+
- `desktop`: `40px` -> `48px`
|
|
78
|
+
- `mobile`: `50px` -> `52px`
|
|
79
|
+
- `thumbnail-size-800`
|
|
80
|
+
- `desktop`: `44px` -> `52px`
|
|
81
|
+
- `mobile`: `55px` -> `56px`
|
|
82
|
+
- `thumbnail-size-900`
|
|
83
|
+
- `desktop`: `50px` -> `56px`
|
|
84
|
+
- `mobile`: `62px` -> `64px`
|
|
85
|
+
- `thumbnail-size-1000`
|
|
86
|
+
- `desktop`: `56px` -> `64px`
|
|
87
|
+
- `mobile`: `70px` -> `72px`
|
|
88
|
+
|
|
3
89
|
## 13.0.0-beta.40
|
|
4
90
|
|
|
5
91
|
### Minor Changes
|
package/dist/json/drover.json
CHANGED
|
@@ -1447,8 +1447,13 @@
|
|
|
1447
1447
|
"accordion-top-to-text-spacious-large": "12px",
|
|
1448
1448
|
"accordion-top-to-text-spacious-medium": "12px",
|
|
1449
1449
|
"accordion-top-to-text-spacious-small": "9px",
|
|
1450
|
-
"action-bar-
|
|
1451
|
-
"action-bar-
|
|
1450
|
+
"action-bar-bottom-to-content-area": "12px",
|
|
1451
|
+
"action-bar-close-button-to-counter": "4px",
|
|
1452
|
+
"action-bar-counter-font-size": "14px",
|
|
1453
|
+
"action-bar-edge-to-content-area": "8px",
|
|
1454
|
+
"action-bar-height": "56px",
|
|
1455
|
+
"action-bar-top-to-content-area": "12px",
|
|
1456
|
+
"action-bar-top-to-item-counter": "12px",
|
|
1452
1457
|
"action-button-edge-to-hold-icon-extra-large": "6px",
|
|
1453
1458
|
"action-button-edge-to-hold-icon-extra-small": "3px",
|
|
1454
1459
|
"action-button-edge-to-hold-icon-large": "5px",
|
|
@@ -2280,6 +2285,7 @@
|
|
|
2280
2285
|
"text-to-control-100": "10px",
|
|
2281
2286
|
"text-to-control-200": "11px",
|
|
2282
2287
|
"text-to-control-300": "13px",
|
|
2288
|
+
"text-to-control-50": "4px",
|
|
2283
2289
|
"text-to-control-75": "9px",
|
|
2284
2290
|
"text-to-visual-100": "6px",
|
|
2285
2291
|
"text-to-visual-200": "7px",
|
|
@@ -2290,19 +2296,21 @@
|
|
|
2290
2296
|
"text-underline-gap": "1px",
|
|
2291
2297
|
"text-underline-thickness": "1px",
|
|
2292
2298
|
"thumbnail-border-opacity": "0.1",
|
|
2299
|
+
"thumbnail-corner-radius": "3px",
|
|
2300
|
+
"thumbnail-opacity-checkerboard-square-size": "4px",
|
|
2293
2301
|
"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": "
|
|
2302
|
+
"thumbnail-size-100": "24px",
|
|
2303
|
+
"thumbnail-size-1000": "64px",
|
|
2304
|
+
"thumbnail-size-200": "28px",
|
|
2305
|
+
"thumbnail-size-300": "32px",
|
|
2306
|
+
"thumbnail-size-400": "36px",
|
|
2299
2307
|
"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": "
|
|
2308
|
+
"thumbnail-size-500": "40px",
|
|
2309
|
+
"thumbnail-size-600": "44px",
|
|
2310
|
+
"thumbnail-size-700": "48px",
|
|
2311
|
+
"thumbnail-size-75": "20px",
|
|
2312
|
+
"thumbnail-size-800": "52px",
|
|
2313
|
+
"thumbnail-size-900": "56px",
|
|
2306
2314
|
"title-cjk-line-height": "1.5",
|
|
2307
2315
|
"title-cjk-size-l": "16px",
|
|
2308
2316
|
"title-cjk-size-m": "14px",
|
package/dist/json/variables.json
CHANGED
|
@@ -14354,28 +14354,32 @@
|
|
|
14354
14354
|
}
|
|
14355
14355
|
},
|
|
14356
14356
|
"action-bar-height": {
|
|
14357
|
+
"ref": "{component-height-400}",
|
|
14357
14358
|
"sets": {
|
|
14358
14359
|
"desktop": {
|
|
14359
|
-
"value": "
|
|
14360
|
-
"uuid": "
|
|
14360
|
+
"value": "56px",
|
|
14361
|
+
"uuid": "e146c28f-3349-48fc-8281-6997ab9da222"
|
|
14361
14362
|
},
|
|
14362
14363
|
"mobile": {
|
|
14363
|
-
"value": "
|
|
14364
|
-
"uuid": "
|
|
14364
|
+
"value": "70px",
|
|
14365
|
+
"uuid": "4fcbb85f-afbe-41bc-a979-dc09fb98946a"
|
|
14365
14366
|
}
|
|
14366
|
-
}
|
|
14367
|
+
},
|
|
14368
|
+
"uuid": "e67822de-d0cd-4b49-8e90-6c43523bb4dd"
|
|
14367
14369
|
},
|
|
14368
14370
|
"action-bar-top-to-item-counter": {
|
|
14371
|
+
"ref": "{component-top-to-text-300}",
|
|
14369
14372
|
"sets": {
|
|
14370
14373
|
"desktop": {
|
|
14371
|
-
"value": "
|
|
14372
|
-
"uuid": "
|
|
14374
|
+
"value": "12px",
|
|
14375
|
+
"uuid": "9bf3970e-eb76-4be5-82c4-0df2538df753"
|
|
14373
14376
|
},
|
|
14374
14377
|
"mobile": {
|
|
14375
|
-
"value": "
|
|
14376
|
-
"uuid": "
|
|
14378
|
+
"value": "15px",
|
|
14379
|
+
"uuid": "e0ae8c97-73ee-4b09-839f-5ebfb6eb0d7a"
|
|
14377
14380
|
}
|
|
14378
|
-
}
|
|
14381
|
+
},
|
|
14382
|
+
"uuid": "73f82d09-7927-461c-b7d7-ab0bc6b3e3f9"
|
|
14379
14383
|
},
|
|
14380
14384
|
"swatch-size-extra-small": {
|
|
14381
14385
|
"sets": {
|
|
@@ -15196,11 +15200,11 @@
|
|
|
15196
15200
|
"thumbnail-size-75": {
|
|
15197
15201
|
"sets": {
|
|
15198
15202
|
"desktop": {
|
|
15199
|
-
"value": "
|
|
15203
|
+
"value": "20px",
|
|
15200
15204
|
"uuid": "20706cc7-9d07-4938-8328-debd3ab8d822"
|
|
15201
15205
|
},
|
|
15202
15206
|
"mobile": {
|
|
15203
|
-
"value": "
|
|
15207
|
+
"value": "24px",
|
|
15204
15208
|
"uuid": "852fc55b-beb7-428c-bc0c-452abc204de3"
|
|
15205
15209
|
}
|
|
15206
15210
|
}
|
|
@@ -15208,11 +15212,11 @@
|
|
|
15208
15212
|
"thumbnail-size-100": {
|
|
15209
15213
|
"sets": {
|
|
15210
15214
|
"desktop": {
|
|
15211
|
-
"value": "
|
|
15215
|
+
"value": "24px",
|
|
15212
15216
|
"uuid": "46dd2eca-598a-45e3-8c7d-c6cf17e148bf"
|
|
15213
15217
|
},
|
|
15214
15218
|
"mobile": {
|
|
15215
|
-
"value": "
|
|
15219
|
+
"value": "28px",
|
|
15216
15220
|
"uuid": "545604c8-484f-4697-907c-31e2b2cb46d0"
|
|
15217
15221
|
}
|
|
15218
15222
|
}
|
|
@@ -15220,11 +15224,11 @@
|
|
|
15220
15224
|
"thumbnail-size-200": {
|
|
15221
15225
|
"sets": {
|
|
15222
15226
|
"desktop": {
|
|
15223
|
-
"value": "
|
|
15227
|
+
"value": "28px",
|
|
15224
15228
|
"uuid": "ec457831-d272-4809-a84a-f1e9dcaec495"
|
|
15225
15229
|
},
|
|
15226
15230
|
"mobile": {
|
|
15227
|
-
"value": "
|
|
15231
|
+
"value": "32px",
|
|
15228
15232
|
"uuid": "0e548378-9633-49d2-90d8-b40e1ba7c98e"
|
|
15229
15233
|
}
|
|
15230
15234
|
}
|
|
@@ -15232,11 +15236,11 @@
|
|
|
15232
15236
|
"thumbnail-size-300": {
|
|
15233
15237
|
"sets": {
|
|
15234
15238
|
"desktop": {
|
|
15235
|
-
"value": "
|
|
15239
|
+
"value": "32px",
|
|
15236
15240
|
"uuid": "95c5905f-b209-4e84-881f-13ea85f12d87"
|
|
15237
15241
|
},
|
|
15238
15242
|
"mobile": {
|
|
15239
|
-
"value": "
|
|
15243
|
+
"value": "36px",
|
|
15240
15244
|
"uuid": "8f4dd02c-d3eb-4654-aea4-b3921048cdbe"
|
|
15241
15245
|
}
|
|
15242
15246
|
}
|
|
@@ -15244,11 +15248,11 @@
|
|
|
15244
15248
|
"thumbnail-size-400": {
|
|
15245
15249
|
"sets": {
|
|
15246
15250
|
"desktop": {
|
|
15247
|
-
"value": "
|
|
15251
|
+
"value": "36px",
|
|
15248
15252
|
"uuid": "7ee6d5ae-eb01-49e1-93ba-df3e7c25d876"
|
|
15249
15253
|
},
|
|
15250
15254
|
"mobile": {
|
|
15251
|
-
"value": "
|
|
15255
|
+
"value": "40px",
|
|
15252
15256
|
"uuid": "b0351cf7-f0df-4044-ab26-5b6649ea2e1f"
|
|
15253
15257
|
}
|
|
15254
15258
|
}
|
|
@@ -15256,11 +15260,11 @@
|
|
|
15256
15260
|
"thumbnail-size-500": {
|
|
15257
15261
|
"sets": {
|
|
15258
15262
|
"desktop": {
|
|
15259
|
-
"value": "
|
|
15263
|
+
"value": "40px",
|
|
15260
15264
|
"uuid": "87234a25-8f6d-457c-9d3f-363930fec12c"
|
|
15261
15265
|
},
|
|
15262
15266
|
"mobile": {
|
|
15263
|
-
"value": "
|
|
15267
|
+
"value": "44px",
|
|
15264
15268
|
"uuid": "1798b58e-fce4-411d-ba8d-75006fa4f53e"
|
|
15265
15269
|
}
|
|
15266
15270
|
}
|
|
@@ -15268,11 +15272,11 @@
|
|
|
15268
15272
|
"thumbnail-size-600": {
|
|
15269
15273
|
"sets": {
|
|
15270
15274
|
"desktop": {
|
|
15271
|
-
"value": "
|
|
15275
|
+
"value": "44px",
|
|
15272
15276
|
"uuid": "d533a543-9622-4c43-92a6-82dd5eebcc64"
|
|
15273
15277
|
},
|
|
15274
15278
|
"mobile": {
|
|
15275
|
-
"value": "
|
|
15279
|
+
"value": "48px",
|
|
15276
15280
|
"uuid": "543dcd25-42cc-4198-b4ba-ba5524b08691"
|
|
15277
15281
|
}
|
|
15278
15282
|
}
|
|
@@ -15280,11 +15284,11 @@
|
|
|
15280
15284
|
"thumbnail-size-700": {
|
|
15281
15285
|
"sets": {
|
|
15282
15286
|
"desktop": {
|
|
15283
|
-
"value": "
|
|
15287
|
+
"value": "48px",
|
|
15284
15288
|
"uuid": "d6aaa2c4-d213-44de-9bae-742d26df8765"
|
|
15285
15289
|
},
|
|
15286
15290
|
"mobile": {
|
|
15287
|
-
"value": "
|
|
15291
|
+
"value": "52px",
|
|
15288
15292
|
"uuid": "5eab16f9-5537-4a14-958d-d96200c5723f"
|
|
15289
15293
|
}
|
|
15290
15294
|
}
|
|
@@ -15292,11 +15296,11 @@
|
|
|
15292
15296
|
"thumbnail-size-800": {
|
|
15293
15297
|
"sets": {
|
|
15294
15298
|
"desktop": {
|
|
15295
|
-
"value": "
|
|
15299
|
+
"value": "52px",
|
|
15296
15300
|
"uuid": "8cee2b4d-48c8-45aa-803b-5d1cd9027fcf"
|
|
15297
15301
|
},
|
|
15298
15302
|
"mobile": {
|
|
15299
|
-
"value": "
|
|
15303
|
+
"value": "56px",
|
|
15300
15304
|
"uuid": "94ca9817-988a-4e4f-9163-954d29204049"
|
|
15301
15305
|
}
|
|
15302
15306
|
}
|
|
@@ -15304,11 +15308,11 @@
|
|
|
15304
15308
|
"thumbnail-size-900": {
|
|
15305
15309
|
"sets": {
|
|
15306
15310
|
"desktop": {
|
|
15307
|
-
"value": "
|
|
15311
|
+
"value": "56px",
|
|
15308
15312
|
"uuid": "5b9fb77d-8a2e-4e1c-ba86-475cd66b4202"
|
|
15309
15313
|
},
|
|
15310
15314
|
"mobile": {
|
|
15311
|
-
"value": "
|
|
15315
|
+
"value": "64px",
|
|
15312
15316
|
"uuid": "97f11dd2-0173-464c-9eef-c260c9e8cf22"
|
|
15313
15317
|
}
|
|
15314
15318
|
}
|
|
@@ -15316,11 +15320,11 @@
|
|
|
15316
15320
|
"thumbnail-size-1000": {
|
|
15317
15321
|
"sets": {
|
|
15318
15322
|
"desktop": {
|
|
15319
|
-
"value": "
|
|
15323
|
+
"value": "64px",
|
|
15320
15324
|
"uuid": "48959be8-02f9-45b9-8190-af60c93cbb6c"
|
|
15321
15325
|
},
|
|
15322
15326
|
"mobile": {
|
|
15323
|
-
"value": "
|
|
15327
|
+
"value": "72px",
|
|
15324
15328
|
"uuid": "cfbf3ec4-f51d-4a50-b81c-765fff84ce14"
|
|
15325
15329
|
}
|
|
15326
15330
|
}
|
|
@@ -21021,6 +21025,58 @@
|
|
|
21021
21025
|
}
|
|
21022
21026
|
}
|
|
21023
21027
|
},
|
|
21028
|
+
"thumbnail-opacity-checkerboard-square-size": {
|
|
21029
|
+
"value": "4px",
|
|
21030
|
+
"uuid": "0322f848-009a-45c4-ad4a-17d8f7e41995"
|
|
21031
|
+
},
|
|
21032
|
+
"thumbnail-corner-radius": {
|
|
21033
|
+
"ref": "{corner-radius-75}",
|
|
21034
|
+
"value": "3px",
|
|
21035
|
+
"uuid": "13681294-e3c6-4898-a17e-943932a53c08"
|
|
21036
|
+
},
|
|
21037
|
+
"action-bar-top-to-content-area": {
|
|
21038
|
+
"ref": "{spacing-200}",
|
|
21039
|
+
"value": "12px",
|
|
21040
|
+
"uuid": "cfa41a43-8fb2-4c3b-a2df-f8658c87b31b"
|
|
21041
|
+
},
|
|
21042
|
+
"action-bar-bottom-to-content-area": {
|
|
21043
|
+
"ref": "{spacing-200}",
|
|
21044
|
+
"value": "12px",
|
|
21045
|
+
"uuid": "3116a00c-0ad3-4ae6-9fbb-f9b5624a2708"
|
|
21046
|
+
},
|
|
21047
|
+
"action-bar-edge-to-content-area": {
|
|
21048
|
+
"ref": "{spacing-100}",
|
|
21049
|
+
"value": "8px",
|
|
21050
|
+
"uuid": "a9fc8786-060e-4663-9381-211621240b2f"
|
|
21051
|
+
},
|
|
21052
|
+
"action-bar-close-button-to-counter": {
|
|
21053
|
+
"ref": "{text-to-control-50}",
|
|
21054
|
+
"sets": {
|
|
21055
|
+
"desktop": {
|
|
21056
|
+
"value": "4px",
|
|
21057
|
+
"uuid": "4b47e7a8-b330-4c6c-a497-9ee9eed0c50a"
|
|
21058
|
+
},
|
|
21059
|
+
"mobile": {
|
|
21060
|
+
"value": "5px",
|
|
21061
|
+
"uuid": "56e2cc0c-7d56-454e-bb4f-4517f412eeac"
|
|
21062
|
+
}
|
|
21063
|
+
},
|
|
21064
|
+
"uuid": "bc54e89f-6740-4004-891e-c515f8f79693"
|
|
21065
|
+
},
|
|
21066
|
+
"action-bar-counter-font-size": {
|
|
21067
|
+
"ref": "{font-size-100}",
|
|
21068
|
+
"sets": {
|
|
21069
|
+
"desktop": {
|
|
21070
|
+
"value": "14px",
|
|
21071
|
+
"uuid": "938e2d24-1e90-48f0-a596-595a69103707"
|
|
21072
|
+
},
|
|
21073
|
+
"mobile": {
|
|
21074
|
+
"value": "17px",
|
|
21075
|
+
"uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
|
|
21076
|
+
}
|
|
21077
|
+
},
|
|
21078
|
+
"uuid": "66540ddb-ec74-487f-8e09-a37b436694b5"
|
|
21079
|
+
},
|
|
21024
21080
|
"corner-radius-0": {
|
|
21025
21081
|
"value": "0px",
|
|
21026
21082
|
"uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
|
|
@@ -21264,6 +21320,18 @@
|
|
|
21264
21320
|
}
|
|
21265
21321
|
}
|
|
21266
21322
|
},
|
|
21323
|
+
"text-to-control-50": {
|
|
21324
|
+
"sets": {
|
|
21325
|
+
"desktop": {
|
|
21326
|
+
"value": "4px",
|
|
21327
|
+
"uuid": "4b47e7a8-b330-4c6c-a497-9ee9eed0c50a"
|
|
21328
|
+
},
|
|
21329
|
+
"mobile": {
|
|
21330
|
+
"value": "5px",
|
|
21331
|
+
"uuid": "56e2cc0c-7d56-454e-bb4f-4517f412eeac"
|
|
21332
|
+
}
|
|
21333
|
+
}
|
|
21334
|
+
},
|
|
21267
21335
|
"text-to-control-75": {
|
|
21268
21336
|
"sets": {
|
|
21269
21337
|
"desktop": {
|
package/package.json
CHANGED
|
@@ -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,47 @@
|
|
|
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"
|
|
8530
8552
|
}
|
|
8531
8553
|
}
|
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
|
+
}
|