@adobe/spectrum-tokens 13.0.0-beta.24 → 13.0.0-beta.25
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 +52 -0
- package/dist/json/drover.json +14 -4
- package/dist/json/variables.json +111 -40
- package/package.json +1 -1
- package/src/color-component.json +8 -6
- package/src/layout-component.json +150 -58
- package/src/layout.json +4 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,57 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 13.0.0-beta.25
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- e79ddd6: S2 Combo box, In-field button and In-field progress circle updates
|
|
8
|
+
|
|
9
|
+
## Motivation and context
|
|
10
|
+
|
|
11
|
+
These changes occurred as a result of scaling things for S2 design language and experiences.
|
|
12
|
+
|
|
13
|
+
## Token Diff
|
|
14
|
+
|
|
15
|
+
_Tokens added (15):_
|
|
16
|
+
|
|
17
|
+
- `combo-box-visual-to-field-button`
|
|
18
|
+
- `combo-box-visual-to-field-button-extra-large`
|
|
19
|
+
- `combo-box-visual-to-field-button-large`
|
|
20
|
+
- `combo-box-visual-to-field-button-medium`
|
|
21
|
+
- `combo-box-visual-to-field-button-quiet`
|
|
22
|
+
- `combo-box-visual-to-field-button-small`
|
|
23
|
+
- `in-field-button-edge-to-fill-extra-large`
|
|
24
|
+
- `in-field-button-edge-to-fill-large`
|
|
25
|
+
- `in-field-button-edge-to-fill-medium`
|
|
26
|
+
- `in-field-button-edge-to-fill-small`
|
|
27
|
+
- `in-field-progress-circle-edge-to-fill`
|
|
28
|
+
- `in-field-progress-circle-size-100`
|
|
29
|
+
- `in-field-progress-circle-size-200`
|
|
30
|
+
- `in-field-progress-circle-size-300`
|
|
31
|
+
- `in-field-progress-circle-size-75`
|
|
32
|
+
|
|
33
|
+
_Newly deprecated tokens (6):_
|
|
34
|
+
|
|
35
|
+
- `combo-box-quiet-minimum-width-multiplier`
|
|
36
|
+
- `combo-box-visual-to-field-button-small`
|
|
37
|
+
- `combo-box-visual-to-field-button-medium`
|
|
38
|
+
- `combo-box-visual-to-field-button-large`
|
|
39
|
+
- `combo-box-visual-to-field-button-extra-large`
|
|
40
|
+
- `in-field-button-edge-to-fill`
|
|
41
|
+
|
|
42
|
+
- e79ddd6: S2 Color loupe tokens update
|
|
43
|
+
|
|
44
|
+
## Design Motivation
|
|
45
|
+
|
|
46
|
+
These changes occurred as a result of scaling things for S2 design language and experiences.
|
|
47
|
+
|
|
48
|
+
## Token Diff
|
|
49
|
+
|
|
50
|
+
_Newly deprecated tokens (2):_
|
|
51
|
+
|
|
52
|
+
- `color-loupe-drop-shadow-blur`
|
|
53
|
+
- `color-loupe-drop-shadow-y`
|
|
54
|
+
|
|
3
55
|
## 13.0.0-beta.24
|
|
4
56
|
|
|
5
57
|
### Major Changes
|
package/dist/json/drover.json
CHANGED
|
@@ -1399,11 +1399,12 @@
|
|
|
1399
1399
|
"color-wheel-minimum-width": "175px",
|
|
1400
1400
|
"color-wheel-width": "192px",
|
|
1401
1401
|
"combo-box-minimum-width-multiplier": "2.5",
|
|
1402
|
-
"combo-box-visual-to-field-button
|
|
1403
|
-
"combo-box-visual-to-field-button-large": "
|
|
1404
|
-
"combo-box-visual-to-field-button-
|
|
1402
|
+
"combo-box-visual-to-field-button": "0px",
|
|
1403
|
+
"combo-box-visual-to-field-button-extra-large": "0px",
|
|
1404
|
+
"combo-box-visual-to-field-button-large": "0px",
|
|
1405
|
+
"combo-box-visual-to-field-button-medium": "0px",
|
|
1405
1406
|
"combo-box-visual-to-field-button-quiet": "0px",
|
|
1406
|
-
"combo-box-visual-to-field-button-small": "
|
|
1407
|
+
"combo-box-visual-to-field-button-small": "0px",
|
|
1407
1408
|
"component-bottom-to-text-100": "9px",
|
|
1408
1409
|
"component-bottom-to-text-200": "11px",
|
|
1409
1410
|
"component-bottom-to-text-300": "14px",
|
|
@@ -1677,6 +1678,10 @@
|
|
|
1677
1678
|
"in-field-button-edge-to-disclosure-icon-stacked-medium": "9px",
|
|
1678
1679
|
"in-field-button-edge-to-disclosure-icon-stacked-small": "7px",
|
|
1679
1680
|
"in-field-button-edge-to-fill": "0px",
|
|
1681
|
+
"in-field-button-edge-to-fill-extra-large": "8px",
|
|
1682
|
+
"in-field-button-edge-to-fill-large": "8px",
|
|
1683
|
+
"in-field-button-edge-to-fill-medium": "6px",
|
|
1684
|
+
"in-field-button-edge-to-fill-small": "4px",
|
|
1680
1685
|
"in-field-button-fill-stacked-inner-border-rounding": "0px",
|
|
1681
1686
|
"in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": "5px",
|
|
1682
1687
|
"in-field-button-inner-edge-to-disclosure-icon-stacked-large": "4px",
|
|
@@ -1691,6 +1696,11 @@
|
|
|
1691
1696
|
"in-field-button-width-stacked-large": "36px",
|
|
1692
1697
|
"in-field-button-width-stacked-medium": "28px",
|
|
1693
1698
|
"in-field-button-width-stacked-small": "20px",
|
|
1699
|
+
"in-field-progress-circle-edge-to-fill": "1px",
|
|
1700
|
+
"in-field-progress-circle-size-100": "20px",
|
|
1701
|
+
"in-field-progress-circle-size-200": "22px",
|
|
1702
|
+
"in-field-progress-circle-size-300": "26px",
|
|
1703
|
+
"in-field-progress-circle-size-75": "16px",
|
|
1694
1704
|
"in-line-alert-minimum-width": "240px",
|
|
1695
1705
|
"line-height-100": "1.3",
|
|
1696
1706
|
"line-height-200": "1.5",
|
package/dist/json/variables.json
CHANGED
|
@@ -5042,10 +5042,12 @@
|
|
|
5042
5042
|
"uuid": "918b8089-d89f-45d2-8c9c-f3f13f81b0b9"
|
|
5043
5043
|
},
|
|
5044
5044
|
"color-loupe-drop-shadow-y": {
|
|
5045
|
+
"ref": "{drop-shadow-elevated-y}",
|
|
5045
5046
|
"value": "2px",
|
|
5046
5047
|
"uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b"
|
|
5047
5048
|
},
|
|
5048
5049
|
"color-loupe-drop-shadow-blur": {
|
|
5050
|
+
"ref": "{drop-shadow-elevated-blur}",
|
|
5049
5051
|
"value": "8px",
|
|
5050
5052
|
"uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d"
|
|
5051
5053
|
},
|
|
@@ -12287,54 +12289,27 @@
|
|
|
12287
12289
|
"uuid": "4798728b-9a97-4ce1-b703-0182b1513e8b"
|
|
12288
12290
|
},
|
|
12289
12291
|
"combo-box-visual-to-field-button-small": {
|
|
12290
|
-
"
|
|
12291
|
-
|
|
12292
|
-
|
|
12293
|
-
"uuid": "5d054a3e-e4bb-4ca3-b84a-51b3d7fa2cb8"
|
|
12294
|
-
},
|
|
12295
|
-
"mobile": {
|
|
12296
|
-
"value": "9px",
|
|
12297
|
-
"uuid": "4ccba158-da29-43a1-bbba-6531ecf98807"
|
|
12298
|
-
}
|
|
12299
|
-
}
|
|
12292
|
+
"ref": "{combo-box-visual-to-field-button}",
|
|
12293
|
+
"value": "0px",
|
|
12294
|
+
"uuid": "5d054a3e-e4bb-4ca3-b84a-51b3d7fa2cb8"
|
|
12300
12295
|
},
|
|
12301
12296
|
"combo-box-visual-to-field-button-medium": {
|
|
12302
|
-
"
|
|
12303
|
-
|
|
12304
|
-
|
|
12305
|
-
"uuid": "c5a4baf2-effe-4d9a-92f3-b4ead5440d36"
|
|
12306
|
-
},
|
|
12307
|
-
"mobile": {
|
|
12308
|
-
"value": "10px",
|
|
12309
|
-
"uuid": "fefb7088-21e0-4cdf-a8a4-af2a6dcc2a1a"
|
|
12310
|
-
}
|
|
12311
|
-
}
|
|
12297
|
+
"ref": "{combo-box-visual-to-field-button}",
|
|
12298
|
+
"value": "0px",
|
|
12299
|
+
"uuid": "c5a4baf2-effe-4d9a-92f3-b4ead5440d36"
|
|
12312
12300
|
},
|
|
12313
12301
|
"combo-box-visual-to-field-button-large": {
|
|
12314
|
-
"
|
|
12315
|
-
|
|
12316
|
-
|
|
12317
|
-
"uuid": "356c4912-69c7-4a95-956b-c1aa78cb02cb"
|
|
12318
|
-
},
|
|
12319
|
-
"mobile": {
|
|
12320
|
-
"value": "11px",
|
|
12321
|
-
"uuid": "1a529788-8b87-4eef-aa07-a4ffb955761c"
|
|
12322
|
-
}
|
|
12323
|
-
}
|
|
12302
|
+
"ref": "{combo-box-visual-to-field-button}",
|
|
12303
|
+
"value": "0px",
|
|
12304
|
+
"uuid": "356c4912-69c7-4a95-956b-c1aa78cb02cb"
|
|
12324
12305
|
},
|
|
12325
12306
|
"combo-box-visual-to-field-button-extra-large": {
|
|
12326
|
-
"
|
|
12327
|
-
|
|
12328
|
-
|
|
12329
|
-
"uuid": "4a4ee415-1f25-4d36-928c-5ece0ce4abcc"
|
|
12330
|
-
},
|
|
12331
|
-
"mobile": {
|
|
12332
|
-
"value": "13px",
|
|
12333
|
-
"uuid": "50ecd11d-6710-46e9-b1c6-923bb1d9f494"
|
|
12334
|
-
}
|
|
12335
|
-
}
|
|
12307
|
+
"ref": "{combo-box-visual-to-field-button}",
|
|
12308
|
+
"value": "0px",
|
|
12309
|
+
"uuid": "4a4ee415-1f25-4d36-928c-5ece0ce4abcc"
|
|
12336
12310
|
},
|
|
12337
12311
|
"combo-box-visual-to-field-button-quiet": {
|
|
12312
|
+
"ref": "{combo-box-visual-to-field-button}",
|
|
12338
12313
|
"value": "0px",
|
|
12339
12314
|
"uuid": "292cbbe1-1ba4-4369-9768-2051c07e6406"
|
|
12340
12315
|
},
|
|
@@ -16991,6 +16966,102 @@
|
|
|
16991
16966
|
}
|
|
16992
16967
|
}
|
|
16993
16968
|
},
|
|
16969
|
+
"combo-box-visual-to-field-button": {
|
|
16970
|
+
"value": "0px",
|
|
16971
|
+
"uuid": "6c3c7201-2f5b-455a-bcbf-5e3d783887bf"
|
|
16972
|
+
},
|
|
16973
|
+
"in-field-button-edge-to-fill-small": {
|
|
16974
|
+
"sets": {
|
|
16975
|
+
"desktop": {
|
|
16976
|
+
"value": "4px",
|
|
16977
|
+
"uuid": "0171b422-021a-4f25-bbe3-7d6ca6459166"
|
|
16978
|
+
},
|
|
16979
|
+
"mobile": {
|
|
16980
|
+
"value": "5px",
|
|
16981
|
+
"uuid": "a2143caf-07e6-4d45-977c-3d79d69c335e"
|
|
16982
|
+
}
|
|
16983
|
+
}
|
|
16984
|
+
},
|
|
16985
|
+
"in-field-button-edge-to-fill-medium": {
|
|
16986
|
+
"value": "6px",
|
|
16987
|
+
"uuid": "86f41898-b794-4f7e-ae41-9eb84c2c7a5b"
|
|
16988
|
+
},
|
|
16989
|
+
"in-field-button-edge-to-fill-large": {
|
|
16990
|
+
"value": "8px",
|
|
16991
|
+
"uuid": "44e97486-53ce-4bb0-a778-0f9262dfe27e"
|
|
16992
|
+
},
|
|
16993
|
+
"in-field-button-edge-to-fill-extra-large": {
|
|
16994
|
+
"sets": {
|
|
16995
|
+
"desktop": {
|
|
16996
|
+
"value": "8px",
|
|
16997
|
+
"uuid": "4b212f73-7a28-4d95-b06b-6d3f0d7e5cf9"
|
|
16998
|
+
},
|
|
16999
|
+
"mobile": {
|
|
17000
|
+
"value": "10px",
|
|
17001
|
+
"uuid": "61cf3878-48bd-4785-ad71-ec35c4f99656"
|
|
17002
|
+
}
|
|
17003
|
+
}
|
|
17004
|
+
},
|
|
17005
|
+
"in-field-progress-circle-edge-to-fill": {
|
|
17006
|
+
"sets": {
|
|
17007
|
+
"desktop": {
|
|
17008
|
+
"value": "1px",
|
|
17009
|
+
"uuid": "b49756fe-40d5-439a-ba07-4e5eb07e7cc5"
|
|
17010
|
+
},
|
|
17011
|
+
"mobile": {
|
|
17012
|
+
"value": "2px",
|
|
17013
|
+
"uuid": "1263a125-9e9d-4eb4-8b71-024899dcf623"
|
|
17014
|
+
}
|
|
17015
|
+
}
|
|
17016
|
+
},
|
|
17017
|
+
"in-field-progress-circle-size-75": {
|
|
17018
|
+
"sets": {
|
|
17019
|
+
"desktop": {
|
|
17020
|
+
"value": "16px",
|
|
17021
|
+
"uuid": "dbb4f6bf-ddfb-4184-babe-63815cad7202"
|
|
17022
|
+
},
|
|
17023
|
+
"mobile": {
|
|
17024
|
+
"value": "18px",
|
|
17025
|
+
"uuid": "c43c89a6-2ae5-4d29-99ab-2c64e153d4e7"
|
|
17026
|
+
}
|
|
17027
|
+
}
|
|
17028
|
+
},
|
|
17029
|
+
"in-field-progress-circle-size-100": {
|
|
17030
|
+
"sets": {
|
|
17031
|
+
"desktop": {
|
|
17032
|
+
"value": "20px",
|
|
17033
|
+
"uuid": "ef5f40e8-d6e9-45a7-b8cf-1689e44e713c"
|
|
17034
|
+
},
|
|
17035
|
+
"mobile": {
|
|
17036
|
+
"value": "24px",
|
|
17037
|
+
"uuid": "c522b33c-93b8-491f-b4df-c241f5b5ade8"
|
|
17038
|
+
}
|
|
17039
|
+
}
|
|
17040
|
+
},
|
|
17041
|
+
"in-field-progress-circle-size-200": {
|
|
17042
|
+
"sets": {
|
|
17043
|
+
"desktop": {
|
|
17044
|
+
"value": "22px",
|
|
17045
|
+
"uuid": "86567889-978e-4dfe-8412-42c8f33c3f44"
|
|
17046
|
+
},
|
|
17047
|
+
"mobile": {
|
|
17048
|
+
"value": "28px",
|
|
17049
|
+
"uuid": "85377238-7488-42e0-99ce-f4fd73316d24"
|
|
17050
|
+
}
|
|
17051
|
+
}
|
|
17052
|
+
},
|
|
17053
|
+
"in-field-progress-circle-size-300": {
|
|
17054
|
+
"sets": {
|
|
17055
|
+
"desktop": {
|
|
17056
|
+
"value": "26px",
|
|
17057
|
+
"uuid": "32d0a47d-c4bb-4955-aef0-28e07f429b92"
|
|
17058
|
+
},
|
|
17059
|
+
"mobile": {
|
|
17060
|
+
"value": "30px",
|
|
17061
|
+
"uuid": "9e740bd1-b98a-416a-be82-20e222cab3b1"
|
|
17062
|
+
}
|
|
17063
|
+
}
|
|
17064
|
+
},
|
|
16994
17065
|
"corner-radius-0": {
|
|
16995
17066
|
"value": "0px",
|
|
16996
17067
|
"uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
|
package/package.json
CHANGED
package/src/color-component.json
CHANGED
|
@@ -106,15 +106,17 @@
|
|
|
106
106
|
},
|
|
107
107
|
"color-loupe-drop-shadow-y": {
|
|
108
108
|
"component": "color-loupe",
|
|
109
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/
|
|
110
|
-
"value": "
|
|
111
|
-
"uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b"
|
|
109
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
110
|
+
"value": "{drop-shadow-elevated-y}",
|
|
111
|
+
"uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b",
|
|
112
|
+
"deprecated": true
|
|
112
113
|
},
|
|
113
114
|
"color-loupe-drop-shadow-blur": {
|
|
114
115
|
"component": "color-loupe",
|
|
115
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/
|
|
116
|
-
"value": "
|
|
117
|
-
"uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d"
|
|
116
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
117
|
+
"value": "{drop-shadow-elevated-blur}",
|
|
118
|
+
"uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d",
|
|
119
|
+
"deprecated": true
|
|
118
120
|
},
|
|
119
121
|
"color-loupe-inner-border": {
|
|
120
122
|
"component": "color-loupe",
|
|
@@ -2284,77 +2284,48 @@
|
|
|
2284
2284
|
"component": "combo-box",
|
|
2285
2285
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
|
|
2286
2286
|
"value": "2",
|
|
2287
|
-
"uuid": "4798728b-9a97-4ce1-b703-0182b1513e8b"
|
|
2287
|
+
"uuid": "4798728b-9a97-4ce1-b703-0182b1513e8b",
|
|
2288
|
+
"deprecated": true
|
|
2288
2289
|
},
|
|
2289
2290
|
"combo-box-visual-to-field-button-small": {
|
|
2290
2291
|
"component": "combo-box",
|
|
2291
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/
|
|
2292
|
-
"
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
"uuid": "5d054a3e-e4bb-4ca3-b84a-51b3d7fa2cb8"
|
|
2297
|
-
},
|
|
2298
|
-
"mobile": {
|
|
2299
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2300
|
-
"value": "9px",
|
|
2301
|
-
"uuid": "4ccba158-da29-43a1-bbba-6531ecf98807"
|
|
2302
|
-
}
|
|
2303
|
-
}
|
|
2292
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
2293
|
+
"value": "{combo-box-visual-to-field-button}",
|
|
2294
|
+
"uuid": "5d054a3e-e4bb-4ca3-b84a-51b3d7fa2cb8",
|
|
2295
|
+
"deprecated": true,
|
|
2296
|
+
"deprecated_comment": "Replaced with combo-box-visual-to-field-button"
|
|
2304
2297
|
},
|
|
2305
2298
|
"combo-box-visual-to-field-button-medium": {
|
|
2306
2299
|
"component": "combo-box",
|
|
2307
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/
|
|
2308
|
-
"
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
"uuid": "c5a4baf2-effe-4d9a-92f3-b4ead5440d36"
|
|
2313
|
-
},
|
|
2314
|
-
"mobile": {
|
|
2315
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2316
|
-
"value": "10px",
|
|
2317
|
-
"uuid": "fefb7088-21e0-4cdf-a8a4-af2a6dcc2a1a"
|
|
2318
|
-
}
|
|
2319
|
-
}
|
|
2300
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
2301
|
+
"value": "{combo-box-visual-to-field-button}",
|
|
2302
|
+
"uuid": "c5a4baf2-effe-4d9a-92f3-b4ead5440d36",
|
|
2303
|
+
"deprecated": true,
|
|
2304
|
+
"deprecated_comment": "Replaced with combo-box-visual-to-field-button"
|
|
2320
2305
|
},
|
|
2321
2306
|
"combo-box-visual-to-field-button-large": {
|
|
2322
2307
|
"component": "combo-box",
|
|
2323
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/
|
|
2324
|
-
"
|
|
2325
|
-
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
"uuid": "356c4912-69c7-4a95-956b-c1aa78cb02cb"
|
|
2329
|
-
},
|
|
2330
|
-
"mobile": {
|
|
2331
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2332
|
-
"value": "11px",
|
|
2333
|
-
"uuid": "1a529788-8b87-4eef-aa07-a4ffb955761c"
|
|
2334
|
-
}
|
|
2335
|
-
}
|
|
2308
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
2309
|
+
"value": "{combo-box-visual-to-field-button}",
|
|
2310
|
+
"uuid": "356c4912-69c7-4a95-956b-c1aa78cb02cb",
|
|
2311
|
+
"deprecated": true,
|
|
2312
|
+
"deprecated_comment": "Replaced with combo-box-visual-to-field-button"
|
|
2336
2313
|
},
|
|
2337
2314
|
"combo-box-visual-to-field-button-extra-large": {
|
|
2338
2315
|
"component": "combo-box",
|
|
2339
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/
|
|
2340
|
-
"
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
|
|
2344
|
-
"uuid": "4a4ee415-1f25-4d36-928c-5ece0ce4abcc"
|
|
2345
|
-
},
|
|
2346
|
-
"mobile": {
|
|
2347
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
2348
|
-
"value": "13px",
|
|
2349
|
-
"uuid": "50ecd11d-6710-46e9-b1c6-923bb1d9f494"
|
|
2350
|
-
}
|
|
2351
|
-
}
|
|
2316
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
2317
|
+
"value": "{combo-box-visual-to-field-button}",
|
|
2318
|
+
"uuid": "4a4ee415-1f25-4d36-928c-5ece0ce4abcc",
|
|
2319
|
+
"deprecated": true,
|
|
2320
|
+
"deprecated_comment": "Replaced with combo-box-visual-to-field-button"
|
|
2352
2321
|
},
|
|
2353
2322
|
"combo-box-visual-to-field-button-quiet": {
|
|
2354
2323
|
"component": "combo-box",
|
|
2355
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/
|
|
2356
|
-
"value": "
|
|
2357
|
-
"uuid": "292cbbe1-1ba4-4369-9768-2051c07e6406"
|
|
2324
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
2325
|
+
"value": "{combo-box-visual-to-field-button}",
|
|
2326
|
+
"uuid": "292cbbe1-1ba4-4369-9768-2051c07e6406",
|
|
2327
|
+
"deprecated": true,
|
|
2328
|
+
"deprecated_comment": "Replaced with combo-box-visual-to-field-button"
|
|
2358
2329
|
},
|
|
2359
2330
|
"thumbnail-size-50": {
|
|
2360
2331
|
"component": "thumbnail",
|
|
@@ -6233,7 +6204,8 @@
|
|
|
6233
6204
|
"in-field-button-edge-to-fill": {
|
|
6234
6205
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6235
6206
|
"value": "0px",
|
|
6236
|
-
"uuid": "5bffe992-2982-49e8-aa3a-e4e93c884f43"
|
|
6207
|
+
"uuid": "5bffe992-2982-49e8-aa3a-e4e93c884f43",
|
|
6208
|
+
"deprecated": true
|
|
6237
6209
|
},
|
|
6238
6210
|
"in-field-button-stacked-inner-edge-to-fill": {
|
|
6239
6211
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
@@ -7550,5 +7522,125 @@
|
|
|
7550
7522
|
"uuid": "b2788159-dd2d-4f94-9282-d8cdbba41807"
|
|
7551
7523
|
}
|
|
7552
7524
|
}
|
|
7525
|
+
},
|
|
7526
|
+
"combo-box-visual-to-field-button": {
|
|
7527
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7528
|
+
"value": "0px",
|
|
7529
|
+
"uuid": "6c3c7201-2f5b-455a-bcbf-5e3d783887bf"
|
|
7530
|
+
},
|
|
7531
|
+
"in-field-button-edge-to-fill-small": {
|
|
7532
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
7533
|
+
"sets": {
|
|
7534
|
+
"desktop": {
|
|
7535
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7536
|
+
"value": "4px",
|
|
7537
|
+
"uuid": "0171b422-021a-4f25-bbe3-7d6ca6459166"
|
|
7538
|
+
},
|
|
7539
|
+
"mobile": {
|
|
7540
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7541
|
+
"value": "5px",
|
|
7542
|
+
"uuid": "a2143caf-07e6-4d45-977c-3d79d69c335e"
|
|
7543
|
+
}
|
|
7544
|
+
}
|
|
7545
|
+
},
|
|
7546
|
+
"in-field-button-edge-to-fill-medium": {
|
|
7547
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7548
|
+
"value": "6px",
|
|
7549
|
+
"uuid": "86f41898-b794-4f7e-ae41-9eb84c2c7a5b"
|
|
7550
|
+
},
|
|
7551
|
+
"in-field-button-edge-to-fill-large": {
|
|
7552
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7553
|
+
"value": "8px",
|
|
7554
|
+
"uuid": "44e97486-53ce-4bb0-a778-0f9262dfe27e"
|
|
7555
|
+
},
|
|
7556
|
+
"in-field-button-edge-to-fill-extra-large": {
|
|
7557
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
7558
|
+
"sets": {
|
|
7559
|
+
"desktop": {
|
|
7560
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7561
|
+
"value": "8px",
|
|
7562
|
+
"uuid": "4b212f73-7a28-4d95-b06b-6d3f0d7e5cf9"
|
|
7563
|
+
},
|
|
7564
|
+
"mobile": {
|
|
7565
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7566
|
+
"value": "10px",
|
|
7567
|
+
"uuid": "61cf3878-48bd-4785-ad71-ec35c4f99656"
|
|
7568
|
+
}
|
|
7569
|
+
}
|
|
7570
|
+
},
|
|
7571
|
+
"in-field-progress-circle-edge-to-fill": {
|
|
7572
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
7573
|
+
"sets": {
|
|
7574
|
+
"desktop": {
|
|
7575
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7576
|
+
"value": "1px",
|
|
7577
|
+
"uuid": "b49756fe-40d5-439a-ba07-4e5eb07e7cc5"
|
|
7578
|
+
},
|
|
7579
|
+
"mobile": {
|
|
7580
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7581
|
+
"value": "2px",
|
|
7582
|
+
"uuid": "1263a125-9e9d-4eb4-8b71-024899dcf623"
|
|
7583
|
+
}
|
|
7584
|
+
}
|
|
7585
|
+
},
|
|
7586
|
+
"in-field-progress-circle-size-75": {
|
|
7587
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
7588
|
+
"sets": {
|
|
7589
|
+
"desktop": {
|
|
7590
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7591
|
+
"value": "16px",
|
|
7592
|
+
"uuid": "dbb4f6bf-ddfb-4184-babe-63815cad7202"
|
|
7593
|
+
},
|
|
7594
|
+
"mobile": {
|
|
7595
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7596
|
+
"value": "18px",
|
|
7597
|
+
"uuid": "c43c89a6-2ae5-4d29-99ab-2c64e153d4e7"
|
|
7598
|
+
}
|
|
7599
|
+
}
|
|
7600
|
+
},
|
|
7601
|
+
"in-field-progress-circle-size-100": {
|
|
7602
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
7603
|
+
"sets": {
|
|
7604
|
+
"desktop": {
|
|
7605
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7606
|
+
"value": "20px",
|
|
7607
|
+
"uuid": "ef5f40e8-d6e9-45a7-b8cf-1689e44e713c"
|
|
7608
|
+
},
|
|
7609
|
+
"mobile": {
|
|
7610
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7611
|
+
"value": "24px",
|
|
7612
|
+
"uuid": "c522b33c-93b8-491f-b4df-c241f5b5ade8"
|
|
7613
|
+
}
|
|
7614
|
+
}
|
|
7615
|
+
},
|
|
7616
|
+
"in-field-progress-circle-size-200": {
|
|
7617
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
7618
|
+
"sets": {
|
|
7619
|
+
"desktop": {
|
|
7620
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7621
|
+
"value": "22px",
|
|
7622
|
+
"uuid": "86567889-978e-4dfe-8412-42c8f33c3f44"
|
|
7623
|
+
},
|
|
7624
|
+
"mobile": {
|
|
7625
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7626
|
+
"value": "28px",
|
|
7627
|
+
"uuid": "85377238-7488-42e0-99ce-f4fd73316d24"
|
|
7628
|
+
}
|
|
7629
|
+
}
|
|
7630
|
+
},
|
|
7631
|
+
"in-field-progress-circle-size-300": {
|
|
7632
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
7633
|
+
"sets": {
|
|
7634
|
+
"desktop": {
|
|
7635
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7636
|
+
"value": "26px",
|
|
7637
|
+
"uuid": "32d0a47d-c4bb-4955-aef0-28e07f429b92"
|
|
7638
|
+
},
|
|
7639
|
+
"mobile": {
|
|
7640
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7641
|
+
"value": "30px",
|
|
7642
|
+
"uuid": "9e740bd1-b98a-416a-be82-20e222cab3b1"
|
|
7643
|
+
}
|
|
7644
|
+
}
|
|
7553
7645
|
}
|
|
7554
|
-
}
|
|
7646
|
+
}
|
package/src/layout.json
CHANGED
|
@@ -63,12 +63,14 @@
|
|
|
63
63
|
"drop-shadow-y": {
|
|
64
64
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
65
65
|
"value": "{drop-shadow-y-100}",
|
|
66
|
-
"uuid": "c530129f-248c-4e36-ba7f-05d6d6a53962"
|
|
66
|
+
"uuid": "c530129f-248c-4e36-ba7f-05d6d6a53962",
|
|
67
|
+
"deprecated": true
|
|
67
68
|
},
|
|
68
69
|
"drop-shadow-blur": {
|
|
69
70
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
70
71
|
"value": "{drop-shadow-blur-100}",
|
|
71
|
-
"uuid": "ac20a6da-31a7-4c8b-b361-0ad820cd8429"
|
|
72
|
+
"uuid": "ac20a6da-31a7-4c8b-b361-0ad820cd8429",
|
|
73
|
+
"deprecated": true
|
|
72
74
|
},
|
|
73
75
|
"android-elevation": {
|
|
74
76
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|