@adobe/spectrum-tokens 13.0.0-beta.7 → 13.0.0-beta.9
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 +63 -0
- package/dist/json/drover.json +19 -12
- package/dist/json/variables.json +163 -35
- package/package.json +1 -1
- package/src/color-aliases.json +41 -1
- package/src/layout.json +41 -26
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,68 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 13.0.0-beta.9
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- cf09c84: Updated workflow-icon-size-50, 75, 100, 200, 300 with Spectrum 2 values in mobile and desktop.
|
|
8
|
+
Updated component-top-to-workflow and text-to-visual padding.
|
|
9
|
+
Added 3 new non-color tokens for S2 component downstates in Tokens Studio.
|
|
10
|
+
|
|
11
|
+
## Design Motivation
|
|
12
|
+
|
|
13
|
+
Spectrum 2 icons have a different workflow icon sizing with base sizes 20 px (desktop), 24 px (mobile).
|
|
14
|
+
|
|
15
|
+
Updated padding values due to new workflow icon sizes in S2.
|
|
16
|
+
|
|
17
|
+
These tokens are used to calculate the perspective transform in CSS to achieve the effect of a component scaling down for down states in Spectrum 2. This is not applicable to all components.
|
|
18
|
+
|
|
19
|
+
## Tokens Diff
|
|
20
|
+
|
|
21
|
+
_Tokens added (3):_
|
|
22
|
+
|
|
23
|
+
- `component-size-difference-down`
|
|
24
|
+
- `component-size-minimum-perspective-down`
|
|
25
|
+
- `component-size-width-ratio-down`
|
|
26
|
+
|
|
27
|
+
_Token values updated (15):_
|
|
28
|
+
|
|
29
|
+
- `component-top-to-workflow-icon-100`
|
|
30
|
+
- `component-top-to-workflow-icon-200`
|
|
31
|
+
- `component-top-to-workflow-icon-300`
|
|
32
|
+
- `component-top-to-workflow-icon-50`
|
|
33
|
+
- `component-top-to-workflow-icon-75`
|
|
34
|
+
- `text-to-visual-100`
|
|
35
|
+
- `text-to-visual-200`
|
|
36
|
+
- `text-to-visual-300`
|
|
37
|
+
- `text-to-visual-50`
|
|
38
|
+
- `text-to-visual-75`
|
|
39
|
+
- `workflow-icon-size-100`
|
|
40
|
+
- `workflow-icon-size-200`
|
|
41
|
+
- `workflow-icon-size-300`
|
|
42
|
+
- `workflow-icon-size-50`
|
|
43
|
+
- `workflow-icon-size-75`
|
|
44
|
+
|
|
45
|
+
## 13.0.0-beta.8
|
|
46
|
+
|
|
47
|
+
### Minor Changes
|
|
48
|
+
|
|
49
|
+
- 507f3c2: Added new and updating existing background layer tokens to S2 set in Tokens Studio and S2/Variables. Also reordered token organization to reflect proper usage based on [S2 guidelines](https://s2.spectrum.corp.adobe.com/page/background-layers/#editing-contexts).
|
|
50
|
+
|
|
51
|
+
## Design Motivation
|
|
52
|
+
|
|
53
|
+
In Spectrum 2, background layers are used differently depending on the primary context of the page. We now have a full set of tokens to help users distinguish between primary purposes, editing vs browsing.
|
|
54
|
+
|
|
55
|
+
## Token Diff
|
|
56
|
+
|
|
57
|
+
_Tokens added (2):_
|
|
58
|
+
|
|
59
|
+
- `background-elevated-color`
|
|
60
|
+
- `background-pasteboard-color`
|
|
61
|
+
|
|
62
|
+
_Token values updated (1):_
|
|
63
|
+
|
|
64
|
+
- `background-base-color`
|
|
65
|
+
|
|
3
66
|
## 13.0.0-beta.7
|
|
4
67
|
|
|
5
68
|
### Minor Changes
|
package/dist/json/drover.json
CHANGED
|
@@ -38,9 +38,11 @@
|
|
|
38
38
|
"accent-content-color-key-focus": "rgb(39, 77, 234)",
|
|
39
39
|
"accent-content-color-selected": "rgb(39, 77, 234)",
|
|
40
40
|
"accent-visual-color": "rgb(75, 117, 255)",
|
|
41
|
-
"background-base-color": "rgb(
|
|
41
|
+
"background-base-color": "rgb(255, 255, 255)",
|
|
42
|
+
"background-elevated-color": "rgb(255, 255, 255)",
|
|
42
43
|
"background-layer-1-color": "rgb(248, 248, 248)",
|
|
43
44
|
"background-layer-2-color": "rgb(255, 255, 255)",
|
|
45
|
+
"background-pasteboard-color": "rgb(233, 233, 233)",
|
|
44
46
|
"black": "rgb(0, 0, 0)",
|
|
45
47
|
"blue-100": "rgb(245, 249, 255)",
|
|
46
48
|
"blue-1000": "rgb(39, 77, 234)",
|
|
@@ -588,8 +590,10 @@
|
|
|
588
590
|
"accent-content-color-selected": "rgb(105, 149, 254)",
|
|
589
591
|
"accent-visual-color": "rgb(86, 129, 255)",
|
|
590
592
|
"background-base-color": "rgb(17, 17, 17)",
|
|
593
|
+
"background-elevated-color": "rgb(34, 34, 34)",
|
|
591
594
|
"background-layer-1-color": "rgb(27, 27, 27)",
|
|
592
595
|
"background-layer-2-color": "rgb(34, 34, 34)",
|
|
596
|
+
"background-pasteboard-color": "rgb(17, 17, 17)",
|
|
593
597
|
"black": "rgb(0, 0, 0)",
|
|
594
598
|
"blue-100": "rgb(14, 23, 63)",
|
|
595
599
|
"blue-1000": "rgb(105, 149, 254)",
|
|
@@ -1397,6 +1401,9 @@
|
|
|
1397
1401
|
"component-pill-edge-to-visual-only-200": "10px",
|
|
1398
1402
|
"component-pill-edge-to-visual-only-300": "13px",
|
|
1399
1403
|
"component-pill-edge-to-visual-only-75": "4px",
|
|
1404
|
+
"component-size-difference-down": "-2px",
|
|
1405
|
+
"component-size-minimum-perspective-down": "24px",
|
|
1406
|
+
"component-size-width-ratio-down": "0.3333",
|
|
1400
1407
|
"component-to-menu-extra-large": "8px",
|
|
1401
1408
|
"component-to-menu-large": "7px",
|
|
1402
1409
|
"component-to-menu-medium": "6px",
|
|
@@ -1406,9 +1413,9 @@
|
|
|
1406
1413
|
"component-top-to-text-300": "12px",
|
|
1407
1414
|
"component-top-to-text-50": "3px",
|
|
1408
1415
|
"component-top-to-text-75": "4px",
|
|
1409
|
-
"component-top-to-workflow-icon-100": "
|
|
1410
|
-
"component-top-to-workflow-icon-200": "
|
|
1411
|
-
"component-top-to-workflow-icon-300": "
|
|
1416
|
+
"component-top-to-workflow-icon-100": "6px",
|
|
1417
|
+
"component-top-to-workflow-icon-200": "9px",
|
|
1418
|
+
"component-top-to-workflow-icon-300": "11px",
|
|
1412
1419
|
"component-top-to-workflow-icon-50": "3px",
|
|
1413
1420
|
"component-top-to-workflow-icon-75": "4px",
|
|
1414
1421
|
"contextual-help-body-size": "14px",
|
|
@@ -1883,11 +1890,11 @@
|
|
|
1883
1890
|
"text-to-control-200": "11px",
|
|
1884
1891
|
"text-to-control-300": "13px",
|
|
1885
1892
|
"text-to-control-75": "9px",
|
|
1886
|
-
"text-to-visual-100": "
|
|
1887
|
-
"text-to-visual-200": "
|
|
1888
|
-
"text-to-visual-300": "
|
|
1889
|
-
"text-to-visual-50": "
|
|
1890
|
-
"text-to-visual-75": "
|
|
1893
|
+
"text-to-visual-100": "6px",
|
|
1894
|
+
"text-to-visual-200": "7px",
|
|
1895
|
+
"text-to-visual-300": "8px",
|
|
1896
|
+
"text-to-visual-50": "5px",
|
|
1897
|
+
"text-to-visual-75": "5px",
|
|
1891
1898
|
"text-underline-gap": "1px",
|
|
1892
1899
|
"text-underline-thickness": "1px",
|
|
1893
1900
|
"thumbnail-border-opacity": "0.1",
|
|
@@ -1913,9 +1920,9 @@
|
|
|
1913
1920
|
"tooltip-tip-height": "4px",
|
|
1914
1921
|
"tooltip-tip-width": "8px",
|
|
1915
1922
|
"tray-top-to-content-area": "4px",
|
|
1916
|
-
"workflow-icon-size-100": "
|
|
1917
|
-
"workflow-icon-size-200": "
|
|
1918
|
-
"workflow-icon-size-300": "
|
|
1923
|
+
"workflow-icon-size-100": "20px",
|
|
1924
|
+
"workflow-icon-size-200": "22px",
|
|
1925
|
+
"workflow-icon-size-300": "26px",
|
|
1919
1926
|
"workflow-icon-size-50": "14px",
|
|
1920
1927
|
"workflow-icon-size-75": "16px"
|
|
1921
1928
|
}
|
package/dist/json/variables.json
CHANGED
|
@@ -71,19 +71,19 @@
|
|
|
71
71
|
"background-base-color": {
|
|
72
72
|
"sets": {
|
|
73
73
|
"light": {
|
|
74
|
-
"ref": "{gray-
|
|
74
|
+
"ref": "{gray-25}",
|
|
75
75
|
"sets": {
|
|
76
|
-
"light": {
|
|
77
|
-
"value": "rgb(233, 233, 233)",
|
|
78
|
-
"uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
|
|
79
|
-
},
|
|
80
76
|
"dark": {
|
|
81
|
-
"value": "rgb(
|
|
82
|
-
"uuid": "
|
|
77
|
+
"value": "rgb(17, 17, 17)",
|
|
78
|
+
"uuid": "ac61b090-d356-4f7f-ac6d-b4f20617c9e3"
|
|
79
|
+
},
|
|
80
|
+
"light": {
|
|
81
|
+
"value": "rgb(255, 255, 255)",
|
|
82
|
+
"uuid": "a8c6363c-5297-41e3-ad76-1b6d0d3a3cc9"
|
|
83
83
|
},
|
|
84
84
|
"wireframe": {
|
|
85
|
-
"value": "rgb(
|
|
86
|
-
"uuid": "
|
|
85
|
+
"value": "rgb(255, 255, 255)",
|
|
86
|
+
"uuid": "0906f3b2-74a9-4012-9e26-4d8f68f0eba9"
|
|
87
87
|
}
|
|
88
88
|
},
|
|
89
89
|
"uuid": "e0d8739d-18dd-44bc-92ea-e443882a780b"
|
|
@@ -4144,6 +4144,122 @@
|
|
|
4144
4144
|
},
|
|
4145
4145
|
"uuid": "393cb93a-3d0a-4118-a2ee-451fdc871b0f"
|
|
4146
4146
|
},
|
|
4147
|
+
"background-elevated-color": {
|
|
4148
|
+
"sets": {
|
|
4149
|
+
"dark": {
|
|
4150
|
+
"ref": "{gray-75}",
|
|
4151
|
+
"sets": {
|
|
4152
|
+
"light": {
|
|
4153
|
+
"value": "rgb(243, 243, 243)",
|
|
4154
|
+
"uuid": "01cd6c7e-f2eb-4b5d-9e2a-30940e1ab37b"
|
|
4155
|
+
},
|
|
4156
|
+
"dark": {
|
|
4157
|
+
"value": "rgb(34, 34, 34)",
|
|
4158
|
+
"uuid": "1666d544-ad1b-445a-9a57-d2277fb752eb"
|
|
4159
|
+
},
|
|
4160
|
+
"wireframe": {
|
|
4161
|
+
"value": "rgb(253, 253, 254)",
|
|
4162
|
+
"uuid": "4b6e738d-ac71-4d34-83eb-cd45e511b144"
|
|
4163
|
+
}
|
|
4164
|
+
},
|
|
4165
|
+
"uuid": "4c19885d-0411-43dc-8f4a-db81905728e6"
|
|
4166
|
+
},
|
|
4167
|
+
"light": {
|
|
4168
|
+
"ref": "{gray-25}",
|
|
4169
|
+
"sets": {
|
|
4170
|
+
"dark": {
|
|
4171
|
+
"value": "rgb(17, 17, 17)",
|
|
4172
|
+
"uuid": "ac61b090-d356-4f7f-ac6d-b4f20617c9e3"
|
|
4173
|
+
},
|
|
4174
|
+
"light": {
|
|
4175
|
+
"value": "rgb(255, 255, 255)",
|
|
4176
|
+
"uuid": "a8c6363c-5297-41e3-ad76-1b6d0d3a3cc9"
|
|
4177
|
+
},
|
|
4178
|
+
"wireframe": {
|
|
4179
|
+
"value": "rgb(255, 255, 255)",
|
|
4180
|
+
"uuid": "0906f3b2-74a9-4012-9e26-4d8f68f0eba9"
|
|
4181
|
+
}
|
|
4182
|
+
},
|
|
4183
|
+
"uuid": "2275e0fa-69a3-4542-9ec6-919e44035118"
|
|
4184
|
+
},
|
|
4185
|
+
"wireframe": {
|
|
4186
|
+
"ref": "{gray-25}",
|
|
4187
|
+
"sets": {
|
|
4188
|
+
"dark": {
|
|
4189
|
+
"value": "rgb(17, 17, 17)",
|
|
4190
|
+
"uuid": "ac61b090-d356-4f7f-ac6d-b4f20617c9e3"
|
|
4191
|
+
},
|
|
4192
|
+
"light": {
|
|
4193
|
+
"value": "rgb(255, 255, 255)",
|
|
4194
|
+
"uuid": "a8c6363c-5297-41e3-ad76-1b6d0d3a3cc9"
|
|
4195
|
+
},
|
|
4196
|
+
"wireframe": {
|
|
4197
|
+
"value": "rgb(255, 255, 255)",
|
|
4198
|
+
"uuid": "0906f3b2-74a9-4012-9e26-4d8f68f0eba9"
|
|
4199
|
+
}
|
|
4200
|
+
},
|
|
4201
|
+
"uuid": "d9cb27b8-5535-4e3a-8ca5-6eda69b934af"
|
|
4202
|
+
}
|
|
4203
|
+
}
|
|
4204
|
+
},
|
|
4205
|
+
"background-pasteboard-color": {
|
|
4206
|
+
"sets": {
|
|
4207
|
+
"dark": {
|
|
4208
|
+
"ref": "{gray-25}",
|
|
4209
|
+
"sets": {
|
|
4210
|
+
"dark": {
|
|
4211
|
+
"value": "rgb(17, 17, 17)",
|
|
4212
|
+
"uuid": "ac61b090-d356-4f7f-ac6d-b4f20617c9e3"
|
|
4213
|
+
},
|
|
4214
|
+
"light": {
|
|
4215
|
+
"value": "rgb(255, 255, 255)",
|
|
4216
|
+
"uuid": "a8c6363c-5297-41e3-ad76-1b6d0d3a3cc9"
|
|
4217
|
+
},
|
|
4218
|
+
"wireframe": {
|
|
4219
|
+
"value": "rgb(255, 255, 255)",
|
|
4220
|
+
"uuid": "0906f3b2-74a9-4012-9e26-4d8f68f0eba9"
|
|
4221
|
+
}
|
|
4222
|
+
},
|
|
4223
|
+
"uuid": "6a7c5092-c262-49b0-b5ec-5b8b4fa66d1e"
|
|
4224
|
+
},
|
|
4225
|
+
"light": {
|
|
4226
|
+
"ref": "{gray-100}",
|
|
4227
|
+
"sets": {
|
|
4228
|
+
"light": {
|
|
4229
|
+
"value": "rgb(233, 233, 233)",
|
|
4230
|
+
"uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
|
|
4231
|
+
},
|
|
4232
|
+
"dark": {
|
|
4233
|
+
"value": "rgb(44, 44, 44)",
|
|
4234
|
+
"uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
|
|
4235
|
+
},
|
|
4236
|
+
"wireframe": {
|
|
4237
|
+
"value": "rgb(244, 246, 252)",
|
|
4238
|
+
"uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
|
|
4239
|
+
}
|
|
4240
|
+
},
|
|
4241
|
+
"uuid": "4938710b-5a69-49eb-8517-6f5556c23298"
|
|
4242
|
+
},
|
|
4243
|
+
"wireframe": {
|
|
4244
|
+
"ref": "{gray-100}",
|
|
4245
|
+
"sets": {
|
|
4246
|
+
"light": {
|
|
4247
|
+
"value": "rgb(233, 233, 233)",
|
|
4248
|
+
"uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
|
|
4249
|
+
},
|
|
4250
|
+
"dark": {
|
|
4251
|
+
"value": "rgb(44, 44, 44)",
|
|
4252
|
+
"uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
|
|
4253
|
+
},
|
|
4254
|
+
"wireframe": {
|
|
4255
|
+
"value": "rgb(244, 246, 252)",
|
|
4256
|
+
"uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
|
|
4257
|
+
}
|
|
4258
|
+
},
|
|
4259
|
+
"uuid": "6a60aa01-d789-4d39-9867-2264e66d419c"
|
|
4260
|
+
}
|
|
4261
|
+
}
|
|
4262
|
+
},
|
|
4147
4263
|
"swatch-border-color": {
|
|
4148
4264
|
"ref": "{gray-900}",
|
|
4149
4265
|
"sets": {
|
|
@@ -15711,7 +15827,7 @@
|
|
|
15711
15827
|
"uuid": "1423caf1-75ca-4ca8-aa6a-22dcf3655b0e"
|
|
15712
15828
|
},
|
|
15713
15829
|
"mobile": {
|
|
15714
|
-
"value": "
|
|
15830
|
+
"value": "16px",
|
|
15715
15831
|
"uuid": "4c4cb541-7d42-4bb4-9c86-7197c4600896"
|
|
15716
15832
|
}
|
|
15717
15833
|
}
|
|
@@ -15723,7 +15839,7 @@
|
|
|
15723
15839
|
"uuid": "85cdef34-0682-45eb-ac06-98c76883cdf7"
|
|
15724
15840
|
},
|
|
15725
15841
|
"mobile": {
|
|
15726
|
-
"value": "
|
|
15842
|
+
"value": "18px",
|
|
15727
15843
|
"uuid": "b720c214-babe-426d-9629-9ec60d5e8622"
|
|
15728
15844
|
}
|
|
15729
15845
|
}
|
|
@@ -15731,11 +15847,11 @@
|
|
|
15731
15847
|
"workflow-icon-size-100": {
|
|
15732
15848
|
"sets": {
|
|
15733
15849
|
"desktop": {
|
|
15734
|
-
"value": "
|
|
15850
|
+
"value": "20px",
|
|
15735
15851
|
"uuid": "40abc60f-ab65-41ef-b724-a0f0bdd94d14"
|
|
15736
15852
|
},
|
|
15737
15853
|
"mobile": {
|
|
15738
|
-
"value": "
|
|
15854
|
+
"value": "24px",
|
|
15739
15855
|
"uuid": "9e882a20-b8e1-4e9b-89f9-26f21db3cd78"
|
|
15740
15856
|
}
|
|
15741
15857
|
}
|
|
@@ -15743,11 +15859,11 @@
|
|
|
15743
15859
|
"workflow-icon-size-200": {
|
|
15744
15860
|
"sets": {
|
|
15745
15861
|
"desktop": {
|
|
15746
|
-
"value": "
|
|
15862
|
+
"value": "22px",
|
|
15747
15863
|
"uuid": "6392e605-932e-456d-be53-149b624a04e2"
|
|
15748
15864
|
},
|
|
15749
15865
|
"mobile": {
|
|
15750
|
-
"value": "
|
|
15866
|
+
"value": "28px",
|
|
15751
15867
|
"uuid": "9948e083-8c75-48f7-8e58-32c75ec76116"
|
|
15752
15868
|
}
|
|
15753
15869
|
}
|
|
@@ -15755,11 +15871,11 @@
|
|
|
15755
15871
|
"workflow-icon-size-300": {
|
|
15756
15872
|
"sets": {
|
|
15757
15873
|
"desktop": {
|
|
15758
|
-
"value": "
|
|
15874
|
+
"value": "26px",
|
|
15759
15875
|
"uuid": "25908278-79d3-47f4-9b53-adbdd1c13e2a"
|
|
15760
15876
|
},
|
|
15761
15877
|
"mobile": {
|
|
15762
|
-
"value": "
|
|
15878
|
+
"value": "30px",
|
|
15763
15879
|
"uuid": "df0dc6c3-59fc-4ee0-87a9-c3d49a07cf9c"
|
|
15764
15880
|
}
|
|
15765
15881
|
}
|
|
@@ -15815,11 +15931,11 @@
|
|
|
15815
15931
|
"text-to-visual-50": {
|
|
15816
15932
|
"sets": {
|
|
15817
15933
|
"desktop": {
|
|
15818
|
-
"value": "
|
|
15934
|
+
"value": "5px",
|
|
15819
15935
|
"uuid": "ff1fadc2-9ec0-456f-a054-4512e51c85c8"
|
|
15820
15936
|
},
|
|
15821
15937
|
"mobile": {
|
|
15822
|
-
"value": "
|
|
15938
|
+
"value": "7px",
|
|
15823
15939
|
"uuid": "8588bf80-96df-40fb-8b6f-61d06899f8dd"
|
|
15824
15940
|
}
|
|
15825
15941
|
}
|
|
@@ -15827,11 +15943,11 @@
|
|
|
15827
15943
|
"text-to-visual-75": {
|
|
15828
15944
|
"sets": {
|
|
15829
15945
|
"desktop": {
|
|
15830
|
-
"value": "
|
|
15946
|
+
"value": "5px",
|
|
15831
15947
|
"uuid": "50763a0d-c6eb-47f0-8b56-4c86ee22a430"
|
|
15832
15948
|
},
|
|
15833
15949
|
"mobile": {
|
|
15834
|
-
"value": "
|
|
15950
|
+
"value": "7px",
|
|
15835
15951
|
"uuid": "77dc4cd4-8e4e-4873-b6f3-d573eb7fc315"
|
|
15836
15952
|
}
|
|
15837
15953
|
}
|
|
@@ -15839,11 +15955,11 @@
|
|
|
15839
15955
|
"text-to-visual-100": {
|
|
15840
15956
|
"sets": {
|
|
15841
15957
|
"desktop": {
|
|
15842
|
-
"value": "
|
|
15958
|
+
"value": "6px",
|
|
15843
15959
|
"uuid": "1d601d0a-d6d0-4711-9fb9-71898c2bcc9a"
|
|
15844
15960
|
},
|
|
15845
15961
|
"mobile": {
|
|
15846
|
-
"value": "
|
|
15962
|
+
"value": "8px",
|
|
15847
15963
|
"uuid": "09d55113-8d94-429f-b0c8-ffabe8ccba27"
|
|
15848
15964
|
}
|
|
15849
15965
|
}
|
|
@@ -15851,11 +15967,11 @@
|
|
|
15851
15967
|
"text-to-visual-200": {
|
|
15852
15968
|
"sets": {
|
|
15853
15969
|
"desktop": {
|
|
15854
|
-
"value": "
|
|
15970
|
+
"value": "7px",
|
|
15855
15971
|
"uuid": "7ce11af3-b94b-4239-a310-f8d09635779a"
|
|
15856
15972
|
},
|
|
15857
15973
|
"mobile": {
|
|
15858
|
-
"value": "
|
|
15974
|
+
"value": "9px",
|
|
15859
15975
|
"uuid": "dc4ec555-72eb-4328-aba4-e8d594102f45"
|
|
15860
15976
|
}
|
|
15861
15977
|
}
|
|
@@ -15863,11 +15979,11 @@
|
|
|
15863
15979
|
"text-to-visual-300": {
|
|
15864
15980
|
"sets": {
|
|
15865
15981
|
"desktop": {
|
|
15866
|
-
"value": "
|
|
15982
|
+
"value": "8px",
|
|
15867
15983
|
"uuid": "4366909e-3bfb-481c-abdc-4ae71f965bc3"
|
|
15868
15984
|
},
|
|
15869
15985
|
"mobile": {
|
|
15870
|
-
"value": "
|
|
15986
|
+
"value": "11px",
|
|
15871
15987
|
"uuid": "205f0c77-6588-4cc7-927f-3ba767200bac"
|
|
15872
15988
|
}
|
|
15873
15989
|
}
|
|
@@ -16355,7 +16471,7 @@
|
|
|
16355
16471
|
"uuid": "0fafc819-d65b-4952-849a-b3c426e9a4a9"
|
|
16356
16472
|
},
|
|
16357
16473
|
"mobile": {
|
|
16358
|
-
"value": "
|
|
16474
|
+
"value": "5px",
|
|
16359
16475
|
"uuid": "24853983-c1b0-422d-84b6-05b9313066ed"
|
|
16360
16476
|
}
|
|
16361
16477
|
}
|
|
@@ -16367,7 +16483,7 @@
|
|
|
16367
16483
|
"uuid": "2bc8b2ca-9792-4034-a604-43ce28ce8ede"
|
|
16368
16484
|
},
|
|
16369
16485
|
"mobile": {
|
|
16370
|
-
"value": "
|
|
16486
|
+
"value": "6px",
|
|
16371
16487
|
"uuid": "9d1b0ef4-5433-43fe-aa33-0274ff29f6f3"
|
|
16372
16488
|
}
|
|
16373
16489
|
}
|
|
@@ -16375,11 +16491,11 @@
|
|
|
16375
16491
|
"component-top-to-workflow-icon-100": {
|
|
16376
16492
|
"sets": {
|
|
16377
16493
|
"desktop": {
|
|
16378
|
-
"value": "
|
|
16494
|
+
"value": "6px",
|
|
16379
16495
|
"uuid": "c3a280b0-bc84-4a7c-8048-c689f8deef86"
|
|
16380
16496
|
},
|
|
16381
16497
|
"mobile": {
|
|
16382
|
-
"value": "
|
|
16498
|
+
"value": "8px",
|
|
16383
16499
|
"uuid": "a3d3f9e9-a784-445a-a052-22f84b832512"
|
|
16384
16500
|
}
|
|
16385
16501
|
}
|
|
@@ -16387,11 +16503,11 @@
|
|
|
16387
16503
|
"component-top-to-workflow-icon-200": {
|
|
16388
16504
|
"sets": {
|
|
16389
16505
|
"desktop": {
|
|
16390
|
-
"value": "
|
|
16506
|
+
"value": "9px",
|
|
16391
16507
|
"uuid": "ef82b92a-2cbd-4b70-920c-4b999b018e07"
|
|
16392
16508
|
},
|
|
16393
16509
|
"mobile": {
|
|
16394
|
-
"value": "
|
|
16510
|
+
"value": "11px",
|
|
16395
16511
|
"uuid": "259c0cf5-d321-4a6b-a3ae-b8c58fc1c9d6"
|
|
16396
16512
|
}
|
|
16397
16513
|
}
|
|
@@ -16399,11 +16515,11 @@
|
|
|
16399
16515
|
"component-top-to-workflow-icon-300": {
|
|
16400
16516
|
"sets": {
|
|
16401
16517
|
"desktop": {
|
|
16402
|
-
"value": "
|
|
16518
|
+
"value": "11px",
|
|
16403
16519
|
"uuid": "72d6ae5c-e133-4e7f-bc96-3e4c28d586fd"
|
|
16404
16520
|
},
|
|
16405
16521
|
"mobile": {
|
|
16406
|
-
"value": "
|
|
16522
|
+
"value": "15px",
|
|
16407
16523
|
"uuid": "bac14298-68f0-4fb6-a152-c95ab19fd27f"
|
|
16408
16524
|
}
|
|
16409
16525
|
}
|
|
@@ -17360,6 +17476,18 @@
|
|
|
17360
17476
|
}
|
|
17361
17477
|
}
|
|
17362
17478
|
},
|
|
17479
|
+
"component-size-width-ratio-down": {
|
|
17480
|
+
"value": "0.3333",
|
|
17481
|
+
"uuid": "4ee7342c-f2ef-4554-af0f-011052ff6177"
|
|
17482
|
+
},
|
|
17483
|
+
"component-size-minimum-perspective-down": {
|
|
17484
|
+
"value": "24px",
|
|
17485
|
+
"uuid": "103daec0-9711-4422-84d1-62ab77afa00d"
|
|
17486
|
+
},
|
|
17487
|
+
"component-size-difference-down": {
|
|
17488
|
+
"value": "-2px",
|
|
17489
|
+
"uuid": "9ef4a0a5-b81c-4f54-8927-286ece29a824"
|
|
17490
|
+
},
|
|
17363
17491
|
"accent-color-100": {
|
|
17364
17492
|
"ref": "{blue-100}",
|
|
17365
17493
|
"sets": {
|
package/package.json
CHANGED
package/src/color-aliases.json
CHANGED
|
@@ -68,8 +68,8 @@
|
|
|
68
68
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
|
|
69
69
|
"sets": {
|
|
70
70
|
"light": {
|
|
71
|
+
"value": "{gray-25}",
|
|
71
72
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
72
|
-
"value": "{gray-100}",
|
|
73
73
|
"uuid": "e0d8739d-18dd-44bc-92ea-e443882a780b"
|
|
74
74
|
},
|
|
75
75
|
"dark": {
|
|
@@ -1458,5 +1458,45 @@
|
|
|
1458
1458
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
1459
1459
|
"value": "{negative-color-1000}",
|
|
1460
1460
|
"uuid": "393cb93a-3d0a-4118-a2ee-451fdc871b0f"
|
|
1461
|
+
},
|
|
1462
|
+
"background-elevated-color": {
|
|
1463
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
|
|
1464
|
+
"sets": {
|
|
1465
|
+
"dark": {
|
|
1466
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
1467
|
+
"value": "{gray-75}",
|
|
1468
|
+
"uuid": "4c19885d-0411-43dc-8f4a-db81905728e6"
|
|
1469
|
+
},
|
|
1470
|
+
"light": {
|
|
1471
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
1472
|
+
"value": "{gray-25}",
|
|
1473
|
+
"uuid": "2275e0fa-69a3-4542-9ec6-919e44035118"
|
|
1474
|
+
},
|
|
1475
|
+
"wireframe": {
|
|
1476
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
1477
|
+
"value": "{gray-25}",
|
|
1478
|
+
"uuid": "d9cb27b8-5535-4e3a-8ca5-6eda69b934af"
|
|
1479
|
+
}
|
|
1480
|
+
}
|
|
1481
|
+
},
|
|
1482
|
+
"background-pasteboard-color": {
|
|
1483
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
|
|
1484
|
+
"sets": {
|
|
1485
|
+
"dark": {
|
|
1486
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
1487
|
+
"value": "{gray-25}",
|
|
1488
|
+
"uuid": "6a7c5092-c262-49b0-b5ec-5b8b4fa66d1e"
|
|
1489
|
+
},
|
|
1490
|
+
"light": {
|
|
1491
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
1492
|
+
"value": "{gray-100}",
|
|
1493
|
+
"uuid": "4938710b-5a69-49eb-8517-6f5556c23298"
|
|
1494
|
+
},
|
|
1495
|
+
"wireframe": {
|
|
1496
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
1497
|
+
"value": "{gray-100}",
|
|
1498
|
+
"uuid": "6a60aa01-d789-4d39-9867-2264e66d419c"
|
|
1499
|
+
}
|
|
1500
|
+
}
|
|
1461
1501
|
}
|
|
1462
1502
|
}
|
package/src/layout.json
CHANGED
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
},
|
|
105
105
|
"mobile": {
|
|
106
106
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
107
|
-
"value": "
|
|
107
|
+
"value": "16px",
|
|
108
108
|
"uuid": "4c4cb541-7d42-4bb4-9c86-7197c4600896"
|
|
109
109
|
}
|
|
110
110
|
}
|
|
@@ -119,7 +119,7 @@
|
|
|
119
119
|
},
|
|
120
120
|
"mobile": {
|
|
121
121
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
122
|
-
"value": "
|
|
122
|
+
"value": "18px",
|
|
123
123
|
"uuid": "b720c214-babe-426d-9629-9ec60d5e8622"
|
|
124
124
|
}
|
|
125
125
|
}
|
|
@@ -129,12 +129,12 @@
|
|
|
129
129
|
"sets": {
|
|
130
130
|
"desktop": {
|
|
131
131
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
132
|
-
"value": "
|
|
132
|
+
"value": "20px",
|
|
133
133
|
"uuid": "40abc60f-ab65-41ef-b724-a0f0bdd94d14"
|
|
134
134
|
},
|
|
135
135
|
"mobile": {
|
|
136
136
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
137
|
-
"value": "
|
|
137
|
+
"value": "24px",
|
|
138
138
|
"uuid": "9e882a20-b8e1-4e9b-89f9-26f21db3cd78"
|
|
139
139
|
}
|
|
140
140
|
}
|
|
@@ -144,12 +144,12 @@
|
|
|
144
144
|
"sets": {
|
|
145
145
|
"desktop": {
|
|
146
146
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
147
|
-
"value": "
|
|
147
|
+
"value": "22px",
|
|
148
148
|
"uuid": "6392e605-932e-456d-be53-149b624a04e2"
|
|
149
149
|
},
|
|
150
150
|
"mobile": {
|
|
151
151
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
152
|
-
"value": "
|
|
152
|
+
"value": "28px",
|
|
153
153
|
"uuid": "9948e083-8c75-48f7-8e58-32c75ec76116"
|
|
154
154
|
}
|
|
155
155
|
}
|
|
@@ -159,12 +159,12 @@
|
|
|
159
159
|
"sets": {
|
|
160
160
|
"desktop": {
|
|
161
161
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
162
|
-
"value": "
|
|
162
|
+
"value": "26px",
|
|
163
163
|
"uuid": "25908278-79d3-47f4-9b53-adbdd1c13e2a"
|
|
164
164
|
},
|
|
165
165
|
"mobile": {
|
|
166
166
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
167
|
-
"value": "
|
|
167
|
+
"value": "30px",
|
|
168
168
|
"uuid": "df0dc6c3-59fc-4ee0-87a9-c3d49a07cf9c"
|
|
169
169
|
}
|
|
170
170
|
}
|
|
@@ -234,12 +234,12 @@
|
|
|
234
234
|
"sets": {
|
|
235
235
|
"desktop": {
|
|
236
236
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
237
|
-
"value": "
|
|
237
|
+
"value": "5px",
|
|
238
238
|
"uuid": "ff1fadc2-9ec0-456f-a054-4512e51c85c8"
|
|
239
239
|
},
|
|
240
240
|
"mobile": {
|
|
241
241
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
242
|
-
"value": "
|
|
242
|
+
"value": "7px",
|
|
243
243
|
"uuid": "8588bf80-96df-40fb-8b6f-61d06899f8dd"
|
|
244
244
|
}
|
|
245
245
|
}
|
|
@@ -249,12 +249,12 @@
|
|
|
249
249
|
"sets": {
|
|
250
250
|
"desktop": {
|
|
251
251
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
252
|
-
"value": "
|
|
252
|
+
"value": "5px",
|
|
253
253
|
"uuid": "50763a0d-c6eb-47f0-8b56-4c86ee22a430"
|
|
254
254
|
},
|
|
255
255
|
"mobile": {
|
|
256
256
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
257
|
-
"value": "
|
|
257
|
+
"value": "7px",
|
|
258
258
|
"uuid": "77dc4cd4-8e4e-4873-b6f3-d573eb7fc315"
|
|
259
259
|
}
|
|
260
260
|
}
|
|
@@ -264,12 +264,12 @@
|
|
|
264
264
|
"sets": {
|
|
265
265
|
"desktop": {
|
|
266
266
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
267
|
-
"value": "
|
|
267
|
+
"value": "6px",
|
|
268
268
|
"uuid": "1d601d0a-d6d0-4711-9fb9-71898c2bcc9a"
|
|
269
269
|
},
|
|
270
270
|
"mobile": {
|
|
271
271
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
272
|
-
"value": "
|
|
272
|
+
"value": "8px",
|
|
273
273
|
"uuid": "09d55113-8d94-429f-b0c8-ffabe8ccba27"
|
|
274
274
|
}
|
|
275
275
|
}
|
|
@@ -279,12 +279,12 @@
|
|
|
279
279
|
"sets": {
|
|
280
280
|
"desktop": {
|
|
281
281
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
282
|
-
"value": "
|
|
282
|
+
"value": "7px",
|
|
283
283
|
"uuid": "7ce11af3-b94b-4239-a310-f8d09635779a"
|
|
284
284
|
},
|
|
285
285
|
"mobile": {
|
|
286
286
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
287
|
-
"value": "
|
|
287
|
+
"value": "9px",
|
|
288
288
|
"uuid": "dc4ec555-72eb-4328-aba4-e8d594102f45"
|
|
289
289
|
}
|
|
290
290
|
}
|
|
@@ -294,12 +294,12 @@
|
|
|
294
294
|
"sets": {
|
|
295
295
|
"desktop": {
|
|
296
296
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
297
|
-
"value": "
|
|
297
|
+
"value": "8px",
|
|
298
298
|
"uuid": "4366909e-3bfb-481c-abdc-4ae71f965bc3"
|
|
299
299
|
},
|
|
300
300
|
"mobile": {
|
|
301
301
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
302
|
-
"value": "
|
|
302
|
+
"value": "11px",
|
|
303
303
|
"uuid": "205f0c77-6588-4cc7-927f-3ba767200bac"
|
|
304
304
|
}
|
|
305
305
|
}
|
|
@@ -909,7 +909,7 @@
|
|
|
909
909
|
},
|
|
910
910
|
"mobile": {
|
|
911
911
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
912
|
-
"value": "
|
|
912
|
+
"value": "5px",
|
|
913
913
|
"uuid": "24853983-c1b0-422d-84b6-05b9313066ed"
|
|
914
914
|
}
|
|
915
915
|
}
|
|
@@ -924,7 +924,7 @@
|
|
|
924
924
|
},
|
|
925
925
|
"mobile": {
|
|
926
926
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
927
|
-
"value": "
|
|
927
|
+
"value": "6px",
|
|
928
928
|
"uuid": "9d1b0ef4-5433-43fe-aa33-0274ff29f6f3"
|
|
929
929
|
}
|
|
930
930
|
}
|
|
@@ -934,12 +934,12 @@
|
|
|
934
934
|
"sets": {
|
|
935
935
|
"desktop": {
|
|
936
936
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
937
|
-
"value": "
|
|
937
|
+
"value": "6px",
|
|
938
938
|
"uuid": "c3a280b0-bc84-4a7c-8048-c689f8deef86"
|
|
939
939
|
},
|
|
940
940
|
"mobile": {
|
|
941
941
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
942
|
-
"value": "
|
|
942
|
+
"value": "8px",
|
|
943
943
|
"uuid": "a3d3f9e9-a784-445a-a052-22f84b832512"
|
|
944
944
|
}
|
|
945
945
|
}
|
|
@@ -949,12 +949,12 @@
|
|
|
949
949
|
"sets": {
|
|
950
950
|
"desktop": {
|
|
951
951
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
952
|
-
"value": "
|
|
952
|
+
"value": "9px",
|
|
953
953
|
"uuid": "ef82b92a-2cbd-4b70-920c-4b999b018e07"
|
|
954
954
|
},
|
|
955
955
|
"mobile": {
|
|
956
956
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
957
|
-
"value": "
|
|
957
|
+
"value": "11px",
|
|
958
958
|
"uuid": "259c0cf5-d321-4a6b-a3ae-b8c58fc1c9d6"
|
|
959
959
|
}
|
|
960
960
|
}
|
|
@@ -964,12 +964,12 @@
|
|
|
964
964
|
"sets": {
|
|
965
965
|
"desktop": {
|
|
966
966
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
967
|
-
"value": "
|
|
967
|
+
"value": "11px",
|
|
968
968
|
"uuid": "72d6ae5c-e133-4e7f-bc96-3e4c28d586fd"
|
|
969
969
|
},
|
|
970
970
|
"mobile": {
|
|
971
971
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
972
|
-
"value": "
|
|
972
|
+
"value": "15px",
|
|
973
973
|
"uuid": "bac14298-68f0-4fb6-a152-c95ab19fd27f"
|
|
974
974
|
}
|
|
975
975
|
}
|
|
@@ -2163,5 +2163,20 @@
|
|
|
2163
2163
|
"uuid": "d396d74a-425d-4f06-837f-349f81ebf486"
|
|
2164
2164
|
}
|
|
2165
2165
|
}
|
|
2166
|
+
},
|
|
2167
|
+
"component-size-width-ratio-down": {
|
|
2168
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
|
|
2169
|
+
"value": "0.3333",
|
|
2170
|
+
"uuid": "4ee7342c-f2ef-4554-af0f-011052ff6177"
|
|
2171
|
+
},
|
|
2172
|
+
"component-size-minimum-perspective-down": {
|
|
2173
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2174
|
+
"value": "24px",
|
|
2175
|
+
"uuid": "103daec0-9711-4422-84d1-62ab77afa00d"
|
|
2176
|
+
},
|
|
2177
|
+
"component-size-difference-down": {
|
|
2178
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2179
|
+
"value": "-2px",
|
|
2180
|
+
"uuid": "9ef4a0a5-b81c-4f54-8927-286ece29a824"
|
|
2166
2181
|
}
|
|
2167
2182
|
}
|