@adobe/spectrum-tokens 13.0.0-beta.14 → 13.0.0-beta.15
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 +62 -0
- package/dist/json/drover.json +23 -7
- package/dist/json/variables.json +182 -14
- package/package.json +1 -1
- package/src/layout-component.json +134 -14
- package/src/semantic-color-palette.json +21 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,67 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 13.0.0-beta.15
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- c7c1d81: Added new semantic color aliases to Tokens Studio, in the S2 color tokens, alias sets for both light and dark themes.
|
|
8
|
+
|
|
9
|
+
New non-color tokens for S2 tag component added to both desktop and mobile layout.component sets.
|
|
10
|
+
|
|
11
|
+
## Design Motivation
|
|
12
|
+
|
|
13
|
+
New values for tag component for S2. New negative-subdued background tokens were needed for negative and not selected tag components.
|
|
14
|
+
|
|
15
|
+
## Token Diff
|
|
16
|
+
|
|
17
|
+
_Tokens added (12):_
|
|
18
|
+
|
|
19
|
+
- `negative-subdued-background-color-default`
|
|
20
|
+
- `negative-subdued-background-color-down`
|
|
21
|
+
- `negative-subdued-background-color-hover`
|
|
22
|
+
- `negative-subdued-background-color-key-focus`
|
|
23
|
+
- `switch-handle-selected-size-extra-large`
|
|
24
|
+
- `switch-handle-selected-size-large`
|
|
25
|
+
- `switch-handle-selected-size-medium`
|
|
26
|
+
- `switch-handle-selected-size-small`
|
|
27
|
+
- `switch-handle-size-extra-large`
|
|
28
|
+
- `switch-handle-size-large`
|
|
29
|
+
- `switch-handle-size-medium`
|
|
30
|
+
- `switch-handle-size-small`
|
|
31
|
+
|
|
32
|
+
_Token values updated (8):_
|
|
33
|
+
|
|
34
|
+
- `switch-control-height-extra-large`
|
|
35
|
+
- `switch-control-height-large`
|
|
36
|
+
- `switch-control-height-medium`
|
|
37
|
+
- `switch-control-height-small`
|
|
38
|
+
- `switch-control-width-extra-large`
|
|
39
|
+
- `switch-control-width-large`
|
|
40
|
+
- `switch-control-width-medium`
|
|
41
|
+
- `switch-control-width-small`
|
|
42
|
+
|
|
43
|
+
- 4b78009: Updated values and added new tokens for Switch.
|
|
44
|
+
|
|
45
|
+
## Design Motivation
|
|
46
|
+
|
|
47
|
+
Added new tokens: switch-handle-size-_ and switch-handle-selected-size-_ for both desktop and mobile.
|
|
48
|
+
Update token values on: switch-control-width-_ and switch-control-height-_ for both desktop and mobile.
|
|
49
|
+
|
|
50
|
+
The design for Switch in S2 has changed and now has a border when it's not selected. New handle sizes are added and control sizes have been updated.
|
|
51
|
+
|
|
52
|
+
## Token Diff
|
|
53
|
+
|
|
54
|
+
_Token values updated (8):_
|
|
55
|
+
|
|
56
|
+
- `switch-control-height-extra-large`
|
|
57
|
+
- `switch-control-height-large`
|
|
58
|
+
- `switch-control-height-medium`
|
|
59
|
+
- `switch-control-height-small`
|
|
60
|
+
- `switch-control-width-extra-large`
|
|
61
|
+
- `switch-control-width-large`
|
|
62
|
+
- `switch-control-width-medium`
|
|
63
|
+
- `switch-control-width-small`
|
|
64
|
+
|
|
3
65
|
## 13.0.0-beta.14
|
|
4
66
|
|
|
5
67
|
### Minor Changes
|
package/dist/json/drover.json
CHANGED
|
@@ -320,6 +320,10 @@
|
|
|
320
320
|
"negative-content-color-down": "rgb(183, 40, 24)",
|
|
321
321
|
"negative-content-color-hover": "rgb(183, 40, 24)",
|
|
322
322
|
"negative-content-color-key-focus": "rgb(183, 40, 24)",
|
|
323
|
+
"negative-subdued-background-color-default": "rgb(255, 235, 232)",
|
|
324
|
+
"negative-subdued-background-color-down": "rgb(255, 214, 209)",
|
|
325
|
+
"negative-subdued-background-color-hover": "rgb(255, 214, 209)",
|
|
326
|
+
"negative-subdued-background-color-key-focus": "rgb(255, 214, 209)",
|
|
323
327
|
"negative-visual-color": "rgb(240, 56, 35)",
|
|
324
328
|
"neutral-background-color-default": "rgb(41, 41, 41)",
|
|
325
329
|
"neutral-background-color-down": "rgb(19, 19, 19)",
|
|
@@ -871,6 +875,10 @@
|
|
|
871
875
|
"negative-content-color-down": "rgb(255, 103, 86)",
|
|
872
876
|
"negative-content-color-hover": "rgb(255, 103, 86)",
|
|
873
877
|
"negative-content-color-key-focus": "rgb(255, 103, 86)",
|
|
878
|
+
"negative-subdued-background-color-default": "rgb(68, 13, 5)",
|
|
879
|
+
"negative-subdued-background-color-down": "rgb(87, 17, 7)",
|
|
880
|
+
"negative-subdued-background-color-hover": "rgb(87, 17, 7)",
|
|
881
|
+
"negative-subdued-background-color-key-focus": "rgb(87, 17, 7)",
|
|
874
882
|
"negative-visual-color": "rgb(205, 46, 29)",
|
|
875
883
|
"neutral-background-color-default": "rgb(219, 219, 219)",
|
|
876
884
|
"neutral-background-color-down": "rgb(242, 242, 242)",
|
|
@@ -1756,14 +1764,22 @@
|
|
|
1756
1764
|
"swatch-slash-thickness-large": "5px",
|
|
1757
1765
|
"swatch-slash-thickness-medium": "4px",
|
|
1758
1766
|
"swatch-slash-thickness-small": "3px",
|
|
1759
|
-
"switch-control-height-extra-large": "
|
|
1760
|
-
"switch-control-height-large": "
|
|
1761
|
-
"switch-control-height-medium": "
|
|
1762
|
-
"switch-control-height-small": "
|
|
1763
|
-
"switch-control-width-extra-large": "
|
|
1764
|
-
"switch-control-width-large": "
|
|
1767
|
+
"switch-control-height-extra-large": "20px",
|
|
1768
|
+
"switch-control-height-large": "18px",
|
|
1769
|
+
"switch-control-height-medium": "16px",
|
|
1770
|
+
"switch-control-height-small": "14px",
|
|
1771
|
+
"switch-control-width-extra-large": "34px",
|
|
1772
|
+
"switch-control-width-large": "30px",
|
|
1765
1773
|
"switch-control-width-medium": "26px",
|
|
1766
|
-
"switch-control-width-small": "
|
|
1774
|
+
"switch-control-width-small": "22px",
|
|
1775
|
+
"switch-handle-selected-size-extra-large": "14px",
|
|
1776
|
+
"switch-handle-selected-size-large": "12px",
|
|
1777
|
+
"switch-handle-selected-size-medium": "10px",
|
|
1778
|
+
"switch-handle-selected-size-small": "8px",
|
|
1779
|
+
"switch-handle-size-extra-large": "12px",
|
|
1780
|
+
"switch-handle-size-large": "10px",
|
|
1781
|
+
"switch-handle-size-medium": "8px",
|
|
1782
|
+
"switch-handle-size-small": "6px",
|
|
1767
1783
|
"switch-top-to-control-extra-large": "15px",
|
|
1768
1784
|
"switch-top-to-control-large": "12px",
|
|
1769
1785
|
"switch-top-to-control-medium": "9px",
|
package/dist/json/variables.json
CHANGED
|
@@ -9903,11 +9903,11 @@
|
|
|
9903
9903
|
"switch-control-width-small": {
|
|
9904
9904
|
"sets": {
|
|
9905
9905
|
"desktop": {
|
|
9906
|
-
"value": "
|
|
9906
|
+
"value": "22px",
|
|
9907
9907
|
"uuid": "f4d6fe1a-70bd-473a-9fa5-477865ea898e"
|
|
9908
9908
|
},
|
|
9909
9909
|
"mobile": {
|
|
9910
|
-
"value": "
|
|
9910
|
+
"value": "30px",
|
|
9911
9911
|
"uuid": "ca939c4d-9369-498c-81cb-61df1397f657"
|
|
9912
9912
|
}
|
|
9913
9913
|
}
|
|
@@ -9919,7 +9919,7 @@
|
|
|
9919
9919
|
"uuid": "d329eda6-f13d-4a44-b962-ff06c371ed93"
|
|
9920
9920
|
},
|
|
9921
9921
|
"mobile": {
|
|
9922
|
-
"value": "
|
|
9922
|
+
"value": "34px",
|
|
9923
9923
|
"uuid": "ec2f3b6b-80db-4c43-bdd2-caee98796775"
|
|
9924
9924
|
}
|
|
9925
9925
|
}
|
|
@@ -9927,11 +9927,11 @@
|
|
|
9927
9927
|
"switch-control-width-large": {
|
|
9928
9928
|
"sets": {
|
|
9929
9929
|
"desktop": {
|
|
9930
|
-
"value": "
|
|
9930
|
+
"value": "30px",
|
|
9931
9931
|
"uuid": "cef839a5-2ba7-4e47-9a85-d94260a8ff10"
|
|
9932
9932
|
},
|
|
9933
9933
|
"mobile": {
|
|
9934
|
-
"value": "
|
|
9934
|
+
"value": "38px",
|
|
9935
9935
|
"uuid": "5c7bdcc9-63f8-4c4b-b26f-97b39f53dbea"
|
|
9936
9936
|
}
|
|
9937
9937
|
}
|
|
@@ -9939,7 +9939,7 @@
|
|
|
9939
9939
|
"switch-control-width-extra-large": {
|
|
9940
9940
|
"sets": {
|
|
9941
9941
|
"desktop": {
|
|
9942
|
-
"value": "
|
|
9942
|
+
"value": "34px",
|
|
9943
9943
|
"uuid": "f3102afd-e5df-4912-9203-8226ce37fed5"
|
|
9944
9944
|
},
|
|
9945
9945
|
"mobile": {
|
|
@@ -9951,11 +9951,11 @@
|
|
|
9951
9951
|
"switch-control-height-small": {
|
|
9952
9952
|
"sets": {
|
|
9953
9953
|
"desktop": {
|
|
9954
|
-
"value": "
|
|
9954
|
+
"value": "14px",
|
|
9955
9955
|
"uuid": "3bf75a24-5e95-4c18-9da2-b7088377fe21"
|
|
9956
9956
|
},
|
|
9957
9957
|
"mobile": {
|
|
9958
|
-
"value": "
|
|
9958
|
+
"value": "18px",
|
|
9959
9959
|
"uuid": "a1dbcaf0-bbcf-444d-9d22-7f86db20303a"
|
|
9960
9960
|
}
|
|
9961
9961
|
}
|
|
@@ -9963,11 +9963,11 @@
|
|
|
9963
9963
|
"switch-control-height-medium": {
|
|
9964
9964
|
"sets": {
|
|
9965
9965
|
"desktop": {
|
|
9966
|
-
"value": "
|
|
9966
|
+
"value": "16px",
|
|
9967
9967
|
"uuid": "f97f0f1b-c0c2-410f-b116-86d30f4d52cf"
|
|
9968
9968
|
},
|
|
9969
9969
|
"mobile": {
|
|
9970
|
-
"value": "
|
|
9970
|
+
"value": "20px",
|
|
9971
9971
|
"uuid": "0d5f13f2-4d5b-4c30-b3a3-fa4fcc33b928"
|
|
9972
9972
|
}
|
|
9973
9973
|
}
|
|
@@ -9975,11 +9975,11 @@
|
|
|
9975
9975
|
"switch-control-height-large": {
|
|
9976
9976
|
"sets": {
|
|
9977
9977
|
"desktop": {
|
|
9978
|
-
"value": "
|
|
9978
|
+
"value": "18px",
|
|
9979
9979
|
"uuid": "8301bfca-a086-4efd-a22f-1d348cbd6dcf"
|
|
9980
9980
|
},
|
|
9981
9981
|
"mobile": {
|
|
9982
|
-
"value": "
|
|
9982
|
+
"value": "22px",
|
|
9983
9983
|
"uuid": "91b828ce-8ff9-4d32-958e-a8a23ef9b345"
|
|
9984
9984
|
}
|
|
9985
9985
|
}
|
|
@@ -9987,11 +9987,11 @@
|
|
|
9987
9987
|
"switch-control-height-extra-large": {
|
|
9988
9988
|
"sets": {
|
|
9989
9989
|
"desktop": {
|
|
9990
|
-
"value": "
|
|
9990
|
+
"value": "20px",
|
|
9991
9991
|
"uuid": "2372d602-78ce-45a7-9dff-152152e55117"
|
|
9992
9992
|
},
|
|
9993
9993
|
"mobile": {
|
|
9994
|
-
"value": "
|
|
9994
|
+
"value": "26px",
|
|
9995
9995
|
"uuid": "b7ae7b32-b347-4e09-9978-3b0b92a4dbab"
|
|
9996
9996
|
}
|
|
9997
9997
|
}
|
|
@@ -15587,6 +15587,102 @@
|
|
|
15587
15587
|
"value": "1px",
|
|
15588
15588
|
"uuid": "53fef925-59e3-4df5-9ac2-e2b4d34d9bca"
|
|
15589
15589
|
},
|
|
15590
|
+
"switch-handle-size-small": {
|
|
15591
|
+
"sets": {
|
|
15592
|
+
"desktop": {
|
|
15593
|
+
"value": "6px",
|
|
15594
|
+
"uuid": "459a9b8c-b59b-4c9c-bc2d-c840d463040a"
|
|
15595
|
+
},
|
|
15596
|
+
"mobile": {
|
|
15597
|
+
"value": "10px",
|
|
15598
|
+
"uuid": "8ccf8d0c-13a8-48da-a6dd-790ad728083f"
|
|
15599
|
+
}
|
|
15600
|
+
}
|
|
15601
|
+
},
|
|
15602
|
+
"switch-handle-selected-size-small": {
|
|
15603
|
+
"sets": {
|
|
15604
|
+
"desktop": {
|
|
15605
|
+
"value": "8px",
|
|
15606
|
+
"uuid": "507c0319-747b-448c-8962-5a73097ddfe2"
|
|
15607
|
+
},
|
|
15608
|
+
"mobile": {
|
|
15609
|
+
"value": "12px",
|
|
15610
|
+
"uuid": "14b85a33-6501-4366-90d3-e0c5375c522b"
|
|
15611
|
+
}
|
|
15612
|
+
}
|
|
15613
|
+
},
|
|
15614
|
+
"switch-handle-selected-size-medium": {
|
|
15615
|
+
"sets": {
|
|
15616
|
+
"desktop": {
|
|
15617
|
+
"value": "10px",
|
|
15618
|
+
"uuid": "29e7e1f1-d789-4d3c-9288-a139c7ae07ad"
|
|
15619
|
+
},
|
|
15620
|
+
"mobile": {
|
|
15621
|
+
"value": "14px",
|
|
15622
|
+
"uuid": "12f8e465-8241-4b1a-91f8-27e91e5a01bf"
|
|
15623
|
+
}
|
|
15624
|
+
}
|
|
15625
|
+
},
|
|
15626
|
+
"switch-handle-selected-size-large": {
|
|
15627
|
+
"sets": {
|
|
15628
|
+
"desktop": {
|
|
15629
|
+
"value": "12px",
|
|
15630
|
+
"uuid": "83d7ed85-236a-4266-a57f-d33a5f1785ff"
|
|
15631
|
+
},
|
|
15632
|
+
"mobile": {
|
|
15633
|
+
"value": "16px",
|
|
15634
|
+
"uuid": "eadbe025-3d4a-4874-89ad-b6f667a62837"
|
|
15635
|
+
}
|
|
15636
|
+
}
|
|
15637
|
+
},
|
|
15638
|
+
"switch-handle-selected-size-extra-large": {
|
|
15639
|
+
"sets": {
|
|
15640
|
+
"desktop": {
|
|
15641
|
+
"value": "14px",
|
|
15642
|
+
"uuid": "272949bf-1503-4e7b-80d5-859c1ce57169"
|
|
15643
|
+
},
|
|
15644
|
+
"mobile": {
|
|
15645
|
+
"value": "20px",
|
|
15646
|
+
"uuid": "63c42c0c-3976-4d4e-a86f-0234a3a72243"
|
|
15647
|
+
}
|
|
15648
|
+
}
|
|
15649
|
+
},
|
|
15650
|
+
"switch-handle-size-medium": {
|
|
15651
|
+
"sets": {
|
|
15652
|
+
"desktop": {
|
|
15653
|
+
"value": "8px",
|
|
15654
|
+
"uuid": "6b885dfc-af50-4c44-8ee5-bf6b03624203"
|
|
15655
|
+
},
|
|
15656
|
+
"mobile": {
|
|
15657
|
+
"value": "12px",
|
|
15658
|
+
"uuid": "6263739c-dd33-4670-819a-d3aa0b9056b4"
|
|
15659
|
+
}
|
|
15660
|
+
}
|
|
15661
|
+
},
|
|
15662
|
+
"switch-handle-size-large": {
|
|
15663
|
+
"sets": {
|
|
15664
|
+
"desktop": {
|
|
15665
|
+
"value": "10px",
|
|
15666
|
+
"uuid": "2216638d-6dc7-4bfa-8364-99fe8eab2b3b"
|
|
15667
|
+
},
|
|
15668
|
+
"mobile": {
|
|
15669
|
+
"value": "14px",
|
|
15670
|
+
"uuid": "91764817-6e5d-4273-b856-6751e40eb548"
|
|
15671
|
+
}
|
|
15672
|
+
}
|
|
15673
|
+
},
|
|
15674
|
+
"switch-handle-size-extra-large": {
|
|
15675
|
+
"sets": {
|
|
15676
|
+
"desktop": {
|
|
15677
|
+
"value": "12px",
|
|
15678
|
+
"uuid": "cfa167e1-39e9-4d05-b757-bdd616830358"
|
|
15679
|
+
},
|
|
15680
|
+
"mobile": {
|
|
15681
|
+
"value": "18px",
|
|
15682
|
+
"uuid": "daee9fb3-c94c-4f91-90d5-99e40034c1fd"
|
|
15683
|
+
}
|
|
15684
|
+
}
|
|
15685
|
+
},
|
|
15590
15686
|
"corner-radius-0": {
|
|
15591
15687
|
"value": "0px",
|
|
15592
15688
|
"uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
|
|
@@ -18846,6 +18942,78 @@
|
|
|
18846
18942
|
},
|
|
18847
18943
|
"uuid": "de206438-991f-4580-8aa1-1488acb03a09"
|
|
18848
18944
|
},
|
|
18945
|
+
"negative-subdued-background-color-default": {
|
|
18946
|
+
"ref": "{negative-color-200}",
|
|
18947
|
+
"sets": {
|
|
18948
|
+
"light": {
|
|
18949
|
+
"value": "rgb(255, 235, 232)",
|
|
18950
|
+
"uuid": "a1f7b6a3-4195-44dc-a772-9a04d3cf859c"
|
|
18951
|
+
},
|
|
18952
|
+
"dark": {
|
|
18953
|
+
"value": "rgb(68, 13, 5)",
|
|
18954
|
+
"uuid": "b18ca77b-898e-4e09-88e2-8901de3e9172"
|
|
18955
|
+
},
|
|
18956
|
+
"wireframe": {
|
|
18957
|
+
"value": "rgb(235, 239, 248)",
|
|
18958
|
+
"uuid": "1d78cfc4-2c54-450e-9c5a-e3d3a40bcf32"
|
|
18959
|
+
}
|
|
18960
|
+
},
|
|
18961
|
+
"uuid": "a553db3e-a051-4023-87eb-da6545b983b2"
|
|
18962
|
+
},
|
|
18963
|
+
"negative-subdued-background-color-hover": {
|
|
18964
|
+
"ref": "{negative-color-300}",
|
|
18965
|
+
"sets": {
|
|
18966
|
+
"light": {
|
|
18967
|
+
"value": "rgb(255, 214, 209)",
|
|
18968
|
+
"uuid": "3a393af6-c7f2-45bb-a4bc-9b55518c71ac"
|
|
18969
|
+
},
|
|
18970
|
+
"dark": {
|
|
18971
|
+
"value": "rgb(87, 17, 7)",
|
|
18972
|
+
"uuid": "fcfcf026-be31-4a05-b833-6757cacb8b05"
|
|
18973
|
+
},
|
|
18974
|
+
"wireframe": {
|
|
18975
|
+
"value": "rgb(216, 224, 242)",
|
|
18976
|
+
"uuid": "c020ab70-b666-478b-aaf2-8e06c033f307"
|
|
18977
|
+
}
|
|
18978
|
+
},
|
|
18979
|
+
"uuid": "9513cf13-8537-443f-81ce-f9d88292ba32"
|
|
18980
|
+
},
|
|
18981
|
+
"negative-subdued-background-color-down": {
|
|
18982
|
+
"ref": "{negative-color-300}",
|
|
18983
|
+
"sets": {
|
|
18984
|
+
"light": {
|
|
18985
|
+
"value": "rgb(255, 214, 209)",
|
|
18986
|
+
"uuid": "3a393af6-c7f2-45bb-a4bc-9b55518c71ac"
|
|
18987
|
+
},
|
|
18988
|
+
"dark": {
|
|
18989
|
+
"value": "rgb(87, 17, 7)",
|
|
18990
|
+
"uuid": "fcfcf026-be31-4a05-b833-6757cacb8b05"
|
|
18991
|
+
},
|
|
18992
|
+
"wireframe": {
|
|
18993
|
+
"value": "rgb(216, 224, 242)",
|
|
18994
|
+
"uuid": "c020ab70-b666-478b-aaf2-8e06c033f307"
|
|
18995
|
+
}
|
|
18996
|
+
},
|
|
18997
|
+
"uuid": "1eea917c-52e7-4295-b0e1-d33c2e73a137"
|
|
18998
|
+
},
|
|
18999
|
+
"negative-subdued-background-color-key-focus": {
|
|
19000
|
+
"ref": "{negative-color-300}",
|
|
19001
|
+
"sets": {
|
|
19002
|
+
"light": {
|
|
19003
|
+
"value": "rgb(255, 214, 209)",
|
|
19004
|
+
"uuid": "3a393af6-c7f2-45bb-a4bc-9b55518c71ac"
|
|
19005
|
+
},
|
|
19006
|
+
"dark": {
|
|
19007
|
+
"value": "rgb(87, 17, 7)",
|
|
19008
|
+
"uuid": "fcfcf026-be31-4a05-b833-6757cacb8b05"
|
|
19009
|
+
},
|
|
19010
|
+
"wireframe": {
|
|
19011
|
+
"value": "rgb(216, 224, 242)",
|
|
19012
|
+
"uuid": "c020ab70-b666-478b-aaf2-8e06c033f307"
|
|
19013
|
+
}
|
|
19014
|
+
},
|
|
19015
|
+
"uuid": "4b6aaf76-e0ab-4be0-81c0-d5f64cacee88"
|
|
19016
|
+
},
|
|
18849
19017
|
"default-font-family": {
|
|
18850
19018
|
"ref": "{sans-serif-font-family}",
|
|
18851
19019
|
"value": "Adobe Clean",
|
package/package.json
CHANGED
|
@@ -133,12 +133,12 @@
|
|
|
133
133
|
"sets": {
|
|
134
134
|
"desktop": {
|
|
135
135
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
136
|
-
"value": "
|
|
136
|
+
"value": "22px",
|
|
137
137
|
"uuid": "f4d6fe1a-70bd-473a-9fa5-477865ea898e"
|
|
138
138
|
},
|
|
139
139
|
"mobile": {
|
|
140
140
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
141
|
-
"value": "
|
|
141
|
+
"value": "30px",
|
|
142
142
|
"uuid": "ca939c4d-9369-498c-81cb-61df1397f657"
|
|
143
143
|
}
|
|
144
144
|
}
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
},
|
|
155
155
|
"mobile": {
|
|
156
156
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
157
|
-
"value": "
|
|
157
|
+
"value": "34px",
|
|
158
158
|
"uuid": "ec2f3b6b-80db-4c43-bdd2-caee98796775"
|
|
159
159
|
}
|
|
160
160
|
}
|
|
@@ -165,12 +165,12 @@
|
|
|
165
165
|
"sets": {
|
|
166
166
|
"desktop": {
|
|
167
167
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
168
|
-
"value": "
|
|
168
|
+
"value": "30px",
|
|
169
169
|
"uuid": "cef839a5-2ba7-4e47-9a85-d94260a8ff10"
|
|
170
170
|
},
|
|
171
171
|
"mobile": {
|
|
172
172
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
173
|
-
"value": "
|
|
173
|
+
"value": "38px",
|
|
174
174
|
"uuid": "5c7bdcc9-63f8-4c4b-b26f-97b39f53dbea"
|
|
175
175
|
}
|
|
176
176
|
}
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
"sets": {
|
|
182
182
|
"desktop": {
|
|
183
183
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
184
|
-
"value": "
|
|
184
|
+
"value": "34px",
|
|
185
185
|
"uuid": "f3102afd-e5df-4912-9203-8226ce37fed5"
|
|
186
186
|
},
|
|
187
187
|
"mobile": {
|
|
@@ -197,12 +197,12 @@
|
|
|
197
197
|
"sets": {
|
|
198
198
|
"desktop": {
|
|
199
199
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
200
|
-
"value": "
|
|
200
|
+
"value": "14px",
|
|
201
201
|
"uuid": "3bf75a24-5e95-4c18-9da2-b7088377fe21"
|
|
202
202
|
},
|
|
203
203
|
"mobile": {
|
|
204
204
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
205
|
-
"value": "
|
|
205
|
+
"value": "18px",
|
|
206
206
|
"uuid": "a1dbcaf0-bbcf-444d-9d22-7f86db20303a"
|
|
207
207
|
}
|
|
208
208
|
}
|
|
@@ -213,12 +213,12 @@
|
|
|
213
213
|
"sets": {
|
|
214
214
|
"desktop": {
|
|
215
215
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
216
|
-
"value": "
|
|
216
|
+
"value": "16px",
|
|
217
217
|
"uuid": "f97f0f1b-c0c2-410f-b116-86d30f4d52cf"
|
|
218
218
|
},
|
|
219
219
|
"mobile": {
|
|
220
220
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
221
|
-
"value": "
|
|
221
|
+
"value": "20px",
|
|
222
222
|
"uuid": "0d5f13f2-4d5b-4c30-b3a3-fa4fcc33b928"
|
|
223
223
|
}
|
|
224
224
|
}
|
|
@@ -229,12 +229,12 @@
|
|
|
229
229
|
"sets": {
|
|
230
230
|
"desktop": {
|
|
231
231
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
232
|
-
"value": "
|
|
232
|
+
"value": "18px",
|
|
233
233
|
"uuid": "8301bfca-a086-4efd-a22f-1d348cbd6dcf"
|
|
234
234
|
},
|
|
235
235
|
"mobile": {
|
|
236
236
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
237
|
-
"value": "
|
|
237
|
+
"value": "22px",
|
|
238
238
|
"uuid": "91b828ce-8ff9-4d32-958e-a8a23ef9b345"
|
|
239
239
|
}
|
|
240
240
|
}
|
|
@@ -245,12 +245,12 @@
|
|
|
245
245
|
"sets": {
|
|
246
246
|
"desktop": {
|
|
247
247
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
248
|
-
"value": "
|
|
248
|
+
"value": "20px",
|
|
249
249
|
"uuid": "2372d602-78ce-45a7-9dff-152152e55117"
|
|
250
250
|
},
|
|
251
251
|
"mobile": {
|
|
252
252
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
253
|
-
"value": "
|
|
253
|
+
"value": "26px",
|
|
254
254
|
"uuid": "b7ae7b32-b347-4e09-9978-3b0b92a4dbab"
|
|
255
255
|
}
|
|
256
256
|
}
|
|
@@ -6925,5 +6925,125 @@
|
|
|
6925
6925
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6926
6926
|
"value": "1px",
|
|
6927
6927
|
"uuid": "53fef925-59e3-4df5-9ac2-e2b4d34d9bca"
|
|
6928
|
+
},
|
|
6929
|
+
"switch-handle-size-small": {
|
|
6930
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
6931
|
+
"sets": {
|
|
6932
|
+
"desktop": {
|
|
6933
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6934
|
+
"value": "6px",
|
|
6935
|
+
"uuid": "459a9b8c-b59b-4c9c-bc2d-c840d463040a"
|
|
6936
|
+
},
|
|
6937
|
+
"mobile": {
|
|
6938
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6939
|
+
"value": "10px",
|
|
6940
|
+
"uuid": "8ccf8d0c-13a8-48da-a6dd-790ad728083f"
|
|
6941
|
+
}
|
|
6942
|
+
}
|
|
6943
|
+
},
|
|
6944
|
+
"switch-handle-selected-size-small": {
|
|
6945
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
6946
|
+
"sets": {
|
|
6947
|
+
"desktop": {
|
|
6948
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6949
|
+
"value": "8px",
|
|
6950
|
+
"uuid": "507c0319-747b-448c-8962-5a73097ddfe2"
|
|
6951
|
+
},
|
|
6952
|
+
"mobile": {
|
|
6953
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6954
|
+
"value": "12px",
|
|
6955
|
+
"uuid": "14b85a33-6501-4366-90d3-e0c5375c522b"
|
|
6956
|
+
}
|
|
6957
|
+
}
|
|
6958
|
+
},
|
|
6959
|
+
"switch-handle-selected-size-medium": {
|
|
6960
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
6961
|
+
"sets": {
|
|
6962
|
+
"desktop": {
|
|
6963
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6964
|
+
"value": "10px",
|
|
6965
|
+
"uuid": "29e7e1f1-d789-4d3c-9288-a139c7ae07ad"
|
|
6966
|
+
},
|
|
6967
|
+
"mobile": {
|
|
6968
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6969
|
+
"value": "14px",
|
|
6970
|
+
"uuid": "12f8e465-8241-4b1a-91f8-27e91e5a01bf"
|
|
6971
|
+
}
|
|
6972
|
+
}
|
|
6973
|
+
},
|
|
6974
|
+
"switch-handle-selected-size-large": {
|
|
6975
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
6976
|
+
"sets": {
|
|
6977
|
+
"desktop": {
|
|
6978
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6979
|
+
"value": "12px",
|
|
6980
|
+
"uuid": "83d7ed85-236a-4266-a57f-d33a5f1785ff"
|
|
6981
|
+
},
|
|
6982
|
+
"mobile": {
|
|
6983
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6984
|
+
"value": "16px",
|
|
6985
|
+
"uuid": "eadbe025-3d4a-4874-89ad-b6f667a62837"
|
|
6986
|
+
}
|
|
6987
|
+
}
|
|
6988
|
+
},
|
|
6989
|
+
"switch-handle-selected-size-extra-large": {
|
|
6990
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
6991
|
+
"sets": {
|
|
6992
|
+
"desktop": {
|
|
6993
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6994
|
+
"value": "14px",
|
|
6995
|
+
"uuid": "272949bf-1503-4e7b-80d5-859c1ce57169"
|
|
6996
|
+
},
|
|
6997
|
+
"mobile": {
|
|
6998
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
6999
|
+
"value": "20px",
|
|
7000
|
+
"uuid": "63c42c0c-3976-4d4e-a86f-0234a3a72243"
|
|
7001
|
+
}
|
|
7002
|
+
}
|
|
7003
|
+
},
|
|
7004
|
+
"switch-handle-size-medium": {
|
|
7005
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
7006
|
+
"sets": {
|
|
7007
|
+
"desktop": {
|
|
7008
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7009
|
+
"value": "8px",
|
|
7010
|
+
"uuid": "6b885dfc-af50-4c44-8ee5-bf6b03624203"
|
|
7011
|
+
},
|
|
7012
|
+
"mobile": {
|
|
7013
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7014
|
+
"value": "12px",
|
|
7015
|
+
"uuid": "6263739c-dd33-4670-819a-d3aa0b9056b4"
|
|
7016
|
+
}
|
|
7017
|
+
}
|
|
7018
|
+
},
|
|
7019
|
+
"switch-handle-size-large": {
|
|
7020
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
7021
|
+
"sets": {
|
|
7022
|
+
"desktop": {
|
|
7023
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7024
|
+
"value": "10px",
|
|
7025
|
+
"uuid": "2216638d-6dc7-4bfa-8364-99fe8eab2b3b"
|
|
7026
|
+
},
|
|
7027
|
+
"mobile": {
|
|
7028
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7029
|
+
"value": "14px",
|
|
7030
|
+
"uuid": "91764817-6e5d-4273-b856-6751e40eb548"
|
|
7031
|
+
}
|
|
7032
|
+
}
|
|
7033
|
+
},
|
|
7034
|
+
"switch-handle-size-extra-large": {
|
|
7035
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
|
|
7036
|
+
"sets": {
|
|
7037
|
+
"desktop": {
|
|
7038
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7039
|
+
"value": "12px",
|
|
7040
|
+
"uuid": "cfa167e1-39e9-4d05-b757-bdd616830358"
|
|
7041
|
+
},
|
|
7042
|
+
"mobile": {
|
|
7043
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
|
|
7044
|
+
"value": "18px",
|
|
7045
|
+
"uuid": "daee9fb3-c94c-4f91-90d5-99e40034c1fd"
|
|
7046
|
+
}
|
|
7047
|
+
}
|
|
6928
7048
|
}
|
|
6929
7049
|
}
|
|
@@ -398,5 +398,25 @@
|
|
|
398
398
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
399
399
|
"value": "{green-1600}",
|
|
400
400
|
"uuid": "de206438-991f-4580-8aa1-1488acb03a09"
|
|
401
|
+
},
|
|
402
|
+
"negative-subdued-background-color-default": {
|
|
403
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
404
|
+
"value": "{negative-color-200}",
|
|
405
|
+
"uuid": "a553db3e-a051-4023-87eb-da6545b983b2"
|
|
406
|
+
},
|
|
407
|
+
"negative-subdued-background-color-hover": {
|
|
408
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
409
|
+
"value": "{negative-color-300}",
|
|
410
|
+
"uuid": "9513cf13-8537-443f-81ce-f9d88292ba32"
|
|
411
|
+
},
|
|
412
|
+
"negative-subdued-background-color-down": {
|
|
413
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
414
|
+
"value": "{negative-color-300}",
|
|
415
|
+
"uuid": "1eea917c-52e7-4295-b0e1-d33c2e73a137"
|
|
416
|
+
},
|
|
417
|
+
"negative-subdued-background-color-key-focus": {
|
|
418
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
419
|
+
"value": "{negative-color-300}",
|
|
420
|
+
"uuid": "4b6aaf76-e0ab-4be0-81c0-d5f64cacee88"
|
|
401
421
|
}
|
|
402
|
-
}
|
|
422
|
+
}
|