@adobe/spectrum-tokens 14.12.0 → 14.13.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 +95 -0
- package/LICENSE +1 -1
- package/dist/json/drover.json +14 -5
- package/dist/json/variables.json +95 -10
- package/package.json +1 -1
- package/src/layout-component.json +24 -0
- package/src/layout.json +95 -15
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,100 @@
|
|
|
1
1
|
# [**@adobe/spectrum-tokens**](https://github.com/adobe/spectrum-design-data)
|
|
2
2
|
|
|
3
|
+
## 14.13.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1152](https://github.com/adobe/spectrum-design-data/pull/1152) [`2573230`](https://github.com/adobe/spectrum-design-data/commit/2573230d0ccd39214adae0fde0c4a52e997445ca) Thanks [@GarthDB](https://github.com/GarthDB)! - ## Token sync from Spectrum Tokens Studio
|
|
8
|
+
|
|
9
|
+
**Original implementer:** @NateBaldwinDesign
|
|
10
|
+
|
|
11
|
+
### Design motivation
|
|
12
|
+
|
|
13
|
+
Updated `base-padding-horizontal` tokens to follow S2 Web 2.0 design team's recommendations. Original values looked irregular when applied to Buttons. New values work for Buttons and all other base components per their review.
|
|
14
|
+
|
|
15
|
+
### Token changes
|
|
16
|
+
|
|
17
|
+
## Tokens Changed (24)
|
|
18
|
+
|
|
19
|
+
**Original Branch:** `396f5f8b`
|
|
20
|
+
**New Branch:** `f84bce21`
|
|
21
|
+
|
|
22
|
+
<details open><summary><strong>Added (9)</strong></summary>
|
|
23
|
+
|
|
24
|
+
- `group-gap-extra-large-spacious`
|
|
25
|
+
- `group-gap-extra-small-spacious`
|
|
26
|
+
- `group-gap-large-spacious`
|
|
27
|
+
- `group-gap-medium-spacious`
|
|
28
|
+
- `group-gap-small-spacious`
|
|
29
|
+
- `form-item-gap-extra-large`
|
|
30
|
+
- `form-item-gap-large`
|
|
31
|
+
- `form-item-gap-medium`
|
|
32
|
+
- `form-item-gap-small`
|
|
33
|
+
</details>
|
|
34
|
+
|
|
35
|
+
### Updated (15)
|
|
36
|
+
|
|
37
|
+
<details open><summary><strong>Added Properties (5)</strong></summary>
|
|
38
|
+
|
|
39
|
+
- `base-padding-horizontal-2x-large`
|
|
40
|
+
- `desktop.schema`: `dimension.json`
|
|
41
|
+
- `desktop.value`: `18px`
|
|
42
|
+
- `desktop.uuid`: `1a49e758-b070-4d85-97c5-0f9cc786999b`
|
|
43
|
+
- `mobile.schema`: `dimension.json`
|
|
44
|
+
- `mobile.value`: `14px`
|
|
45
|
+
- `mobile.uuid`: `4f4ff59b-d91a-46fa-9388-b5ae49445d6f`
|
|
46
|
+
- `base-padding-horizontal-extra-large`
|
|
47
|
+
- `desktop.schema`: `dimension.json`
|
|
48
|
+
- `desktop.value`: `16px`
|
|
49
|
+
- `desktop.uuid`: `b32fb20b-31a7-43da-ba38-b9a177d0cffa`
|
|
50
|
+
- `mobile.schema`: `dimension.json`
|
|
51
|
+
- `mobile.value`: `12px`
|
|
52
|
+
- `mobile.uuid`: `698fa3d4-32dc-4cd2-bb79-d320effd8674`
|
|
53
|
+
- `base-padding-horizontal-large`
|
|
54
|
+
- `desktop.schema`: `dimension.json`
|
|
55
|
+
- `desktop.value`: `14px`
|
|
56
|
+
- `desktop.uuid`: `ece70425-e509-45cc-8336-76fc8afdb921`
|
|
57
|
+
- `mobile.schema`: `dimension.json`
|
|
58
|
+
- `mobile.value`: `12px`
|
|
59
|
+
- `mobile.uuid`: `38e5af78-cb3e-4ff4-9849-28f9d4c56a38`
|
|
60
|
+
- `base-padding-horizontal-medium`
|
|
61
|
+
- `desktop.schema`: `dimension.json`
|
|
62
|
+
- `desktop.value`: `12px`
|
|
63
|
+
- `desktop.uuid`: `52a75511-eb1b-4de2-a1bb-959365d8dc1a`
|
|
64
|
+
- `mobile.schema`: `dimension.json`
|
|
65
|
+
- `mobile.value`: `10px`
|
|
66
|
+
- `mobile.uuid`: `71731484-e759-4a5f-89ed-9fe04ac19aed`
|
|
67
|
+
- `base-padding-horizontal-small` - `desktop.schema`: `dimension.json` - `desktop.value`: `10px` - `desktop.uuid`: `ba072414-2cdd-4773-86a5-11ca47c08e23` - `mobile.schema`: `dimension.json` - `mobile.value`: `8px` - `mobile.uuid`: `6b43633d-8f29-4c24-b26e-687d6f161bce`
|
|
68
|
+
</details>
|
|
69
|
+
<details open><summary><strong>Deleted Properties (5)</strong></summary>
|
|
70
|
+
|
|
71
|
+
- `base-padding-horizontal-2x-large`
|
|
72
|
+
- `value`: -> `14px`
|
|
73
|
+
- `base-padding-horizontal-extra-large`
|
|
74
|
+
- `value`: -> `12px`
|
|
75
|
+
- `base-padding-horizontal-large`
|
|
76
|
+
- `value`: -> `12px`
|
|
77
|
+
- `base-padding-horizontal-medium`
|
|
78
|
+
- `value`: -> `10px`
|
|
79
|
+
- `base-padding-horizontal-small` - `value`: -> `8px`
|
|
80
|
+
</details>
|
|
81
|
+
<details open><summary><strong>Updated Properties (5)</strong></summary>
|
|
82
|
+
|
|
83
|
+
- `base-padding-horizontal-2x-large`
|
|
84
|
+
- `schema`: `dimension.json` -> `scale-set.json`
|
|
85
|
+
- `base-padding-horizontal-extra-large`
|
|
86
|
+
- `schema`: `dimension.json` -> `scale-set.json`
|
|
87
|
+
- `base-padding-horizontal-large`
|
|
88
|
+
- `schema`: `dimension.json` -> `scale-set.json`
|
|
89
|
+
- `base-padding-horizontal-medium`
|
|
90
|
+
- `schema`: `dimension.json` -> `scale-set.json`
|
|
91
|
+
- `base-padding-horizontal-small` - `schema`: `dimension.json` -> `scale-set.json`
|
|
92
|
+
</details>
|
|
93
|
+
|
|
94
|
+
### References
|
|
95
|
+
- Tokens Studio PR: https://github.com/adobe/spectrum-tokens-studio-data/pull/306
|
|
96
|
+
- Spectrum Tokens PR: https://github.com/adobe/spectrum-design-data/pull/1150
|
|
97
|
+
|
|
3
98
|
## 14.12.0
|
|
4
99
|
|
|
5
100
|
### Minor Changes
|
package/LICENSE
CHANGED
|
@@ -186,7 +186,7 @@ file or class name and description of purpose be included on the
|
|
|
186
186
|
same "printed page" as the copyright notice for easier
|
|
187
187
|
identification within third-party archives.
|
|
188
188
|
|
|
189
|
-
Copyright
|
|
189
|
+
Copyright 2026 Adobe
|
|
190
190
|
|
|
191
191
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
192
192
|
you may not use this file except in compliance with the License.
|
package/dist/json/drover.json
CHANGED
|
@@ -1799,12 +1799,12 @@
|
|
|
1799
1799
|
"base-gap-large": "6px",
|
|
1800
1800
|
"base-gap-medium": "6px",
|
|
1801
1801
|
"base-gap-small": "4px",
|
|
1802
|
-
"base-padding-horizontal-2x-large": "
|
|
1803
|
-
"base-padding-horizontal-extra-large": "
|
|
1802
|
+
"base-padding-horizontal-2x-large": "18px",
|
|
1803
|
+
"base-padding-horizontal-extra-large": "16px",
|
|
1804
1804
|
"base-padding-horizontal-extra-small": "8px",
|
|
1805
|
-
"base-padding-horizontal-large": "
|
|
1806
|
-
"base-padding-horizontal-medium": "
|
|
1807
|
-
"base-padding-horizontal-small": "
|
|
1805
|
+
"base-padding-horizontal-large": "14px",
|
|
1806
|
+
"base-padding-horizontal-medium": "12px",
|
|
1807
|
+
"base-padding-horizontal-small": "10px",
|
|
1808
1808
|
"base-padding-horizontal-uniform-2x-large": "15px",
|
|
1809
1809
|
"base-padding-horizontal-uniform-2x-small": "2px",
|
|
1810
1810
|
"base-padding-horizontal-uniform-extra-large": "13px",
|
|
@@ -2337,16 +2337,25 @@
|
|
|
2337
2337
|
"font-size-75": "12px",
|
|
2338
2338
|
"font-size-800": "32px",
|
|
2339
2339
|
"font-size-900": "36px",
|
|
2340
|
+
"form-item-gap-extra-large": "6px",
|
|
2341
|
+
"form-item-gap-large": "6px",
|
|
2342
|
+
"form-item-gap-medium": "6px",
|
|
2343
|
+
"form-item-gap-small": "4px",
|
|
2340
2344
|
"gradient-stop-2-avatar": 0.6666,
|
|
2341
2345
|
"gradient-stop-2-genai": 0.3333,
|
|
2342
2346
|
"gradient-stop-2-premium": 0.6666,
|
|
2343
2347
|
"gripper-icon-size-100": "24px",
|
|
2344
2348
|
"group-gap-compact": "2px",
|
|
2345
2349
|
"group-gap-extra-large": "16px",
|
|
2350
|
+
"group-gap-extra-large-spacious": "24px",
|
|
2346
2351
|
"group-gap-extra-small": "4px",
|
|
2352
|
+
"group-gap-extra-small-spacious": "8px",
|
|
2347
2353
|
"group-gap-large": "12px",
|
|
2354
|
+
"group-gap-large-spacious": "20px",
|
|
2348
2355
|
"group-gap-medium": "8px",
|
|
2356
|
+
"group-gap-medium-spacious": "16px",
|
|
2349
2357
|
"group-gap-small": "6px",
|
|
2358
|
+
"group-gap-small-spacious": "12px",
|
|
2350
2359
|
"heading-cjk-line-height": 1.5,
|
|
2351
2360
|
"heading-cjk-size-l": "25px",
|
|
2352
2361
|
"heading-cjk-size-m": "20px",
|
package/dist/json/variables.json
CHANGED
|
@@ -21155,6 +21155,26 @@
|
|
|
21155
21155
|
"value": "4px",
|
|
21156
21156
|
"uuid": "a4ddc1a6-1367-4153-bb7c-c217d16d10f4"
|
|
21157
21157
|
},
|
|
21158
|
+
"form-item-gap-extra-large": {
|
|
21159
|
+
"ref": "{base-gap-extra-large}",
|
|
21160
|
+
"value": "6px",
|
|
21161
|
+
"uuid": "a70d4855-0c3f-4b59-9f63-16334cd06134"
|
|
21162
|
+
},
|
|
21163
|
+
"form-item-gap-large": {
|
|
21164
|
+
"ref": "{base-gap-large}",
|
|
21165
|
+
"value": "6px",
|
|
21166
|
+
"uuid": "61cc3354-d256-482f-91d7-e4361cc4da9d"
|
|
21167
|
+
},
|
|
21168
|
+
"form-item-gap-medium": {
|
|
21169
|
+
"ref": "{base-gap-medium}",
|
|
21170
|
+
"value": "6px",
|
|
21171
|
+
"uuid": "56c23cee-9c0b-4851-ae72-a7287151b2fb"
|
|
21172
|
+
},
|
|
21173
|
+
"form-item-gap-small": {
|
|
21174
|
+
"ref": "{base-gap-small}",
|
|
21175
|
+
"value": "4px",
|
|
21176
|
+
"uuid": "33bbbb47-23c6-4390-9577-42be709ceb98"
|
|
21177
|
+
},
|
|
21158
21178
|
"gripper-icon-size-100": {
|
|
21159
21179
|
"value": "24px",
|
|
21160
21180
|
"uuid": "e6f95e88-636d-4d3a-8966-8c811dc697d6"
|
|
@@ -28234,28 +28254,68 @@
|
|
|
28234
28254
|
"uuid": "1247c1ab-9e31-482a-832c-d32911a1e698"
|
|
28235
28255
|
},
|
|
28236
28256
|
"base-padding-horizontal-2x-large": {
|
|
28237
|
-
"
|
|
28238
|
-
|
|
28257
|
+
"sets": {
|
|
28258
|
+
"desktop": {
|
|
28259
|
+
"value": "18px",
|
|
28260
|
+
"uuid": "1a49e758-b070-4d85-97c5-0f9cc786999b"
|
|
28261
|
+
},
|
|
28262
|
+
"mobile": {
|
|
28263
|
+
"value": "14px",
|
|
28264
|
+
"uuid": "4f4ff59b-d91a-46fa-9388-b5ae49445d6f"
|
|
28265
|
+
}
|
|
28266
|
+
}
|
|
28239
28267
|
},
|
|
28240
28268
|
"base-padding-horizontal-extra-large": {
|
|
28241
|
-
"
|
|
28242
|
-
|
|
28269
|
+
"sets": {
|
|
28270
|
+
"desktop": {
|
|
28271
|
+
"value": "16px",
|
|
28272
|
+
"uuid": "b32fb20b-31a7-43da-ba38-b9a177d0cffa"
|
|
28273
|
+
},
|
|
28274
|
+
"mobile": {
|
|
28275
|
+
"value": "12px",
|
|
28276
|
+
"uuid": "698fa3d4-32dc-4cd2-bb79-d320effd8674"
|
|
28277
|
+
}
|
|
28278
|
+
}
|
|
28243
28279
|
},
|
|
28244
28280
|
"base-padding-horizontal-extra-small": {
|
|
28245
28281
|
"value": "8px",
|
|
28246
28282
|
"uuid": "e1030243-729a-4afe-a6d5-47b8e620e2ce"
|
|
28247
28283
|
},
|
|
28248
28284
|
"base-padding-horizontal-large": {
|
|
28249
|
-
"
|
|
28250
|
-
|
|
28285
|
+
"sets": {
|
|
28286
|
+
"desktop": {
|
|
28287
|
+
"value": "14px",
|
|
28288
|
+
"uuid": "ece70425-e509-45cc-8336-76fc8afdb921"
|
|
28289
|
+
},
|
|
28290
|
+
"mobile": {
|
|
28291
|
+
"value": "12px",
|
|
28292
|
+
"uuid": "38e5af78-cb3e-4ff4-9849-28f9d4c56a38"
|
|
28293
|
+
}
|
|
28294
|
+
}
|
|
28251
28295
|
},
|
|
28252
28296
|
"base-padding-horizontal-medium": {
|
|
28253
|
-
"
|
|
28254
|
-
|
|
28297
|
+
"sets": {
|
|
28298
|
+
"desktop": {
|
|
28299
|
+
"value": "12px",
|
|
28300
|
+
"uuid": "52a75511-eb1b-4de2-a1bb-959365d8dc1a"
|
|
28301
|
+
},
|
|
28302
|
+
"mobile": {
|
|
28303
|
+
"value": "10px",
|
|
28304
|
+
"uuid": "71731484-e759-4a5f-89ed-9fe04ac19aed"
|
|
28305
|
+
}
|
|
28306
|
+
}
|
|
28255
28307
|
},
|
|
28256
28308
|
"base-padding-horizontal-small": {
|
|
28257
|
-
"
|
|
28258
|
-
|
|
28309
|
+
"sets": {
|
|
28310
|
+
"desktop": {
|
|
28311
|
+
"value": "10px",
|
|
28312
|
+
"uuid": "ba072414-2cdd-4773-86a5-11ca47c08e23"
|
|
28313
|
+
},
|
|
28314
|
+
"mobile": {
|
|
28315
|
+
"value": "8px",
|
|
28316
|
+
"uuid": "6b43633d-8f29-4c24-b26e-687d6f161bce"
|
|
28317
|
+
}
|
|
28318
|
+
}
|
|
28259
28319
|
},
|
|
28260
28320
|
"base-padding-horizontal-uniform-2x-large": {
|
|
28261
28321
|
"ref": "{base-padding-vertical-2x-large}",
|
|
@@ -30298,26 +30358,51 @@
|
|
|
30298
30358
|
"value": "16px",
|
|
30299
30359
|
"uuid": "89e74f93-9124-41a8-96b0-0fcc5ce9ab08"
|
|
30300
30360
|
},
|
|
30361
|
+
"group-gap-extra-large-spacious": {
|
|
30362
|
+
"ref": "{spacing-400}",
|
|
30363
|
+
"value": "24px",
|
|
30364
|
+
"uuid": "44df5dc7-cd4a-455c-a662-640963b956be"
|
|
30365
|
+
},
|
|
30301
30366
|
"group-gap-extra-small": {
|
|
30302
30367
|
"ref": "{spacing-75}",
|
|
30303
30368
|
"value": "4px",
|
|
30304
30369
|
"uuid": "c3ada312-da94-4779-bbf0-0fde3beb8121"
|
|
30305
30370
|
},
|
|
30371
|
+
"group-gap-extra-small-spacious": {
|
|
30372
|
+
"ref": "{spacing-100}",
|
|
30373
|
+
"value": "8px",
|
|
30374
|
+
"uuid": "6ef5ec39-cff9-4689-8603-d89a9f12d6a5"
|
|
30375
|
+
},
|
|
30306
30376
|
"group-gap-large": {
|
|
30307
30377
|
"ref": "{spacing-200}",
|
|
30308
30378
|
"value": "12px",
|
|
30309
30379
|
"uuid": "fd40a531-eee6-48b2-8212-a33d012a2173"
|
|
30310
30380
|
},
|
|
30381
|
+
"group-gap-large-spacious": {
|
|
30382
|
+
"ref": "{spacing-350}",
|
|
30383
|
+
"value": "20px",
|
|
30384
|
+
"uuid": "74977a77-fecf-4840-99c0-a55cfad9c7e0"
|
|
30385
|
+
},
|
|
30311
30386
|
"group-gap-medium": {
|
|
30312
30387
|
"ref": "{spacing-100}",
|
|
30313
30388
|
"value": "8px",
|
|
30314
30389
|
"uuid": "6f2ccc0b-42ff-4f1a-a789-527427440d13"
|
|
30315
30390
|
},
|
|
30391
|
+
"group-gap-medium-spacious": {
|
|
30392
|
+
"ref": "{spacing-300}",
|
|
30393
|
+
"value": "16px",
|
|
30394
|
+
"uuid": "ac8268b8-7975-4b8b-8043-33900765ae32"
|
|
30395
|
+
},
|
|
30316
30396
|
"group-gap-small": {
|
|
30317
30397
|
"ref": "{spacing-85}",
|
|
30318
30398
|
"value": "6px",
|
|
30319
30399
|
"uuid": "ce1865aa-9f33-492a-80c6-981fd503d70c"
|
|
30320
30400
|
},
|
|
30401
|
+
"group-gap-small-spacious": {
|
|
30402
|
+
"ref": "{spacing-200}",
|
|
30403
|
+
"value": "12px",
|
|
30404
|
+
"uuid": "13e12260-c5e2-4579-8b28-db919f4d4612"
|
|
30405
|
+
},
|
|
30321
30406
|
"label-to-description-0": {
|
|
30322
30407
|
"value": "0px",
|
|
30323
30408
|
"uuid": "4a00c810-c099-4de1-85b8-aaa7ed9538bb"
|
package/package.json
CHANGED
|
@@ -4777,6 +4777,30 @@
|
|
|
4777
4777
|
"value": "4px",
|
|
4778
4778
|
"uuid": "a4ddc1a6-1367-4153-bb7c-c217d16d10f4"
|
|
4779
4779
|
},
|
|
4780
|
+
"form-item-gap-extra-large": {
|
|
4781
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
4782
|
+
"component": "form-item",
|
|
4783
|
+
"value": "{base-gap-extra-large}",
|
|
4784
|
+
"uuid": "a70d4855-0c3f-4b59-9f63-16334cd06134"
|
|
4785
|
+
},
|
|
4786
|
+
"form-item-gap-large": {
|
|
4787
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
4788
|
+
"component": "form-item",
|
|
4789
|
+
"value": "{base-gap-large}",
|
|
4790
|
+
"uuid": "61cc3354-d256-482f-91d7-e4361cc4da9d"
|
|
4791
|
+
},
|
|
4792
|
+
"form-item-gap-medium": {
|
|
4793
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
4794
|
+
"component": "form-item",
|
|
4795
|
+
"value": "{base-gap-medium}",
|
|
4796
|
+
"uuid": "56c23cee-9c0b-4851-ae72-a7287151b2fb"
|
|
4797
|
+
},
|
|
4798
|
+
"form-item-gap-small": {
|
|
4799
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
4800
|
+
"component": "form-item",
|
|
4801
|
+
"value": "{base-gap-small}",
|
|
4802
|
+
"uuid": "33bbbb47-23c6-4390-9577-42be709ceb98"
|
|
4803
|
+
},
|
|
4780
4804
|
"gripper-icon-size-100": {
|
|
4781
4805
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4782
4806
|
"component": "gripper-icon",
|
package/src/layout.json
CHANGED
|
@@ -191,16 +191,38 @@
|
|
|
191
191
|
"description": "Spacing between child elements for base UI elements at small size"
|
|
192
192
|
},
|
|
193
193
|
"base-padding-horizontal-2x-large": {
|
|
194
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/
|
|
195
|
-
"value": "14px",
|
|
194
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
196
195
|
"uuid": "3eb3e963-b4b8-462f-b4e2-a48c657e2fd2",
|
|
197
|
-
"description": "Horizontal internal spacing for base UI elements at 2x-large size"
|
|
196
|
+
"description": "Horizontal internal spacing for base UI elements at 2x-large size",
|
|
197
|
+
"sets": {
|
|
198
|
+
"desktop": {
|
|
199
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
200
|
+
"value": "18px",
|
|
201
|
+
"uuid": "1a49e758-b070-4d85-97c5-0f9cc786999b"
|
|
202
|
+
},
|
|
203
|
+
"mobile": {
|
|
204
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
205
|
+
"value": "14px",
|
|
206
|
+
"uuid": "4f4ff59b-d91a-46fa-9388-b5ae49445d6f"
|
|
207
|
+
}
|
|
208
|
+
}
|
|
198
209
|
},
|
|
199
210
|
"base-padding-horizontal-extra-large": {
|
|
200
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/
|
|
201
|
-
"value": "12px",
|
|
211
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
202
212
|
"uuid": "26cedd5b-5c67-4da7-974f-806b20064a5b",
|
|
203
|
-
"description": "Horizontal internal spacing for base UI elements at extra-large size"
|
|
213
|
+
"description": "Horizontal internal spacing for base UI elements at extra-large size",
|
|
214
|
+
"sets": {
|
|
215
|
+
"desktop": {
|
|
216
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
217
|
+
"value": "16px",
|
|
218
|
+
"uuid": "b32fb20b-31a7-43da-ba38-b9a177d0cffa"
|
|
219
|
+
},
|
|
220
|
+
"mobile": {
|
|
221
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
222
|
+
"value": "12px",
|
|
223
|
+
"uuid": "698fa3d4-32dc-4cd2-bb79-d320effd8674"
|
|
224
|
+
}
|
|
225
|
+
}
|
|
204
226
|
},
|
|
205
227
|
"base-padding-horizontal-extra-small": {
|
|
206
228
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
@@ -209,22 +231,55 @@
|
|
|
209
231
|
"description": "Horizontal internal spacing for base UI elements at extra-small size"
|
|
210
232
|
},
|
|
211
233
|
"base-padding-horizontal-large": {
|
|
212
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/
|
|
213
|
-
"value": "12px",
|
|
234
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
214
235
|
"uuid": "ef179042-3ad8-4db5-8e23-983134f5906c",
|
|
215
|
-
"description": "Horizontal internal spacing for base UI elements at large size"
|
|
236
|
+
"description": "Horizontal internal spacing for base UI elements at large size",
|
|
237
|
+
"sets": {
|
|
238
|
+
"desktop": {
|
|
239
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
240
|
+
"value": "14px",
|
|
241
|
+
"uuid": "ece70425-e509-45cc-8336-76fc8afdb921"
|
|
242
|
+
},
|
|
243
|
+
"mobile": {
|
|
244
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
245
|
+
"value": "12px",
|
|
246
|
+
"uuid": "38e5af78-cb3e-4ff4-9849-28f9d4c56a38"
|
|
247
|
+
}
|
|
248
|
+
}
|
|
216
249
|
},
|
|
217
250
|
"base-padding-horizontal-medium": {
|
|
218
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/
|
|
219
|
-
"value": "10px",
|
|
251
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
220
252
|
"uuid": "4043f679-9ec2-4eef-b934-19f60d7e74f5",
|
|
221
|
-
"description": "Horizontal internal spacing for base UI elements at medium size"
|
|
253
|
+
"description": "Horizontal internal spacing for base UI elements at medium size",
|
|
254
|
+
"sets": {
|
|
255
|
+
"desktop": {
|
|
256
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
257
|
+
"value": "12px",
|
|
258
|
+
"uuid": "52a75511-eb1b-4de2-a1bb-959365d8dc1a"
|
|
259
|
+
},
|
|
260
|
+
"mobile": {
|
|
261
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
262
|
+
"value": "10px",
|
|
263
|
+
"uuid": "71731484-e759-4a5f-89ed-9fe04ac19aed"
|
|
264
|
+
}
|
|
265
|
+
}
|
|
222
266
|
},
|
|
223
267
|
"base-padding-horizontal-small": {
|
|
224
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/
|
|
225
|
-
"value": "8px",
|
|
268
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
226
269
|
"uuid": "0732ae91-c85b-45ab-8a57-e21622768db3",
|
|
227
|
-
"description": "Horizontal internal spacing for base UI elements at small size"
|
|
270
|
+
"description": "Horizontal internal spacing for base UI elements at small size",
|
|
271
|
+
"sets": {
|
|
272
|
+
"desktop": {
|
|
273
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
274
|
+
"value": "10px",
|
|
275
|
+
"uuid": "ba072414-2cdd-4773-86a5-11ca47c08e23"
|
|
276
|
+
},
|
|
277
|
+
"mobile": {
|
|
278
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
279
|
+
"value": "8px",
|
|
280
|
+
"uuid": "6b43633d-8f29-4c24-b26e-687d6f161bce"
|
|
281
|
+
}
|
|
282
|
+
}
|
|
228
283
|
},
|
|
229
284
|
"base-padding-horizontal-uniform-2x-large": {
|
|
230
285
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -3142,30 +3197,55 @@
|
|
|
3142
3197
|
"uuid": "89e74f93-9124-41a8-96b0-0fcc5ce9ab08",
|
|
3143
3198
|
"description": "Spacing between child elements at extra-large size"
|
|
3144
3199
|
},
|
|
3200
|
+
"group-gap-extra-large-spacious": {
|
|
3201
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3202
|
+
"value": "{spacing-400}",
|
|
3203
|
+
"uuid": "44df5dc7-cd4a-455c-a662-640963b956be"
|
|
3204
|
+
},
|
|
3145
3205
|
"group-gap-extra-small": {
|
|
3146
3206
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3147
3207
|
"value": "{spacing-75}",
|
|
3148
3208
|
"uuid": "c3ada312-da94-4779-bbf0-0fde3beb8121",
|
|
3149
3209
|
"description": "Spacing between child elements at extra-small size"
|
|
3150
3210
|
},
|
|
3211
|
+
"group-gap-extra-small-spacious": {
|
|
3212
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3213
|
+
"value": "{spacing-100}",
|
|
3214
|
+
"uuid": "6ef5ec39-cff9-4689-8603-d89a9f12d6a5"
|
|
3215
|
+
},
|
|
3151
3216
|
"group-gap-large": {
|
|
3152
3217
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3153
3218
|
"value": "{spacing-200}",
|
|
3154
3219
|
"uuid": "fd40a531-eee6-48b2-8212-a33d012a2173",
|
|
3155
3220
|
"description": "Spacing between child elements at large size"
|
|
3156
3221
|
},
|
|
3222
|
+
"group-gap-large-spacious": {
|
|
3223
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3224
|
+
"value": "{spacing-350}",
|
|
3225
|
+
"uuid": "74977a77-fecf-4840-99c0-a55cfad9c7e0"
|
|
3226
|
+
},
|
|
3157
3227
|
"group-gap-medium": {
|
|
3158
3228
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3159
3229
|
"value": "{spacing-100}",
|
|
3160
3230
|
"uuid": "6f2ccc0b-42ff-4f1a-a789-527427440d13",
|
|
3161
3231
|
"description": "Spacing between child elements at medium size"
|
|
3162
3232
|
},
|
|
3233
|
+
"group-gap-medium-spacious": {
|
|
3234
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3235
|
+
"value": "{spacing-300}",
|
|
3236
|
+
"uuid": "ac8268b8-7975-4b8b-8043-33900765ae32"
|
|
3237
|
+
},
|
|
3163
3238
|
"group-gap-small": {
|
|
3164
3239
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3165
3240
|
"value": "{spacing-85}",
|
|
3166
3241
|
"uuid": "ce1865aa-9f33-492a-80c6-981fd503d70c",
|
|
3167
3242
|
"description": "Spacing between child elements at small size"
|
|
3168
3243
|
},
|
|
3244
|
+
"group-gap-small-spacious": {
|
|
3245
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3246
|
+
"value": "{spacing-200}",
|
|
3247
|
+
"uuid": "13e12260-c5e2-4579-8b28-db919f4d4612"
|
|
3248
|
+
},
|
|
3169
3249
|
"label-to-description-0": {
|
|
3170
3250
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
3171
3251
|
"value": "0px",
|