@adobe/spectrum-tokens 12.0.0-beta.17 → 12.0.0-beta.18
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 +2 -2
- package/dist/json/variables.json +196 -140
- package/package.json +1 -1
- package/src/component-layout.json +112 -80
- package/src/layout.json +84 -60
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
# [12.0.0-beta.
|
|
1
|
+
# [12.0.0-beta.18](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.17...v12.0.0-beta.18) (2022-04-21)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Bug Fixes
|
|
5
5
|
|
|
6
|
-
*
|
|
6
|
+
* correct nested sets, they were missing another sets object ([68dfd60](https://github.com/adobe/spectrum-tokens/commit/68dfd60f6d930d042788c8616e214aa15042aaab))
|
package/dist/json/variables.json
CHANGED
|
@@ -6936,19 +6936,23 @@
|
|
|
6936
6936
|
"checkbox-control-size-small": {
|
|
6937
6937
|
"sets": {
|
|
6938
6938
|
"spectrum": {
|
|
6939
|
-
"
|
|
6940
|
-
"
|
|
6941
|
-
|
|
6942
|
-
|
|
6943
|
-
"
|
|
6939
|
+
"sets": {
|
|
6940
|
+
"desktop": {
|
|
6941
|
+
"value": "12px"
|
|
6942
|
+
},
|
|
6943
|
+
"mobile": {
|
|
6944
|
+
"value": "16px"
|
|
6945
|
+
}
|
|
6944
6946
|
}
|
|
6945
6947
|
},
|
|
6946
6948
|
"express": {
|
|
6947
|
-
"
|
|
6948
|
-
"
|
|
6949
|
-
|
|
6950
|
-
|
|
6951
|
-
"
|
|
6949
|
+
"sets": {
|
|
6950
|
+
"desktop": {
|
|
6951
|
+
"value": "14px"
|
|
6952
|
+
},
|
|
6953
|
+
"mobile": {
|
|
6954
|
+
"value": "18px"
|
|
6955
|
+
}
|
|
6952
6956
|
}
|
|
6953
6957
|
}
|
|
6954
6958
|
}
|
|
@@ -6956,19 +6960,23 @@
|
|
|
6956
6960
|
"checkbox-control-size-medium": {
|
|
6957
6961
|
"sets": {
|
|
6958
6962
|
"spectrum": {
|
|
6959
|
-
"
|
|
6960
|
-
"
|
|
6961
|
-
|
|
6962
|
-
|
|
6963
|
-
"
|
|
6963
|
+
"sets": {
|
|
6964
|
+
"desktop": {
|
|
6965
|
+
"value": "14px"
|
|
6966
|
+
},
|
|
6967
|
+
"mobile": {
|
|
6968
|
+
"value": "18px"
|
|
6969
|
+
}
|
|
6964
6970
|
}
|
|
6965
6971
|
},
|
|
6966
6972
|
"express": {
|
|
6967
|
-
"
|
|
6968
|
-
"
|
|
6969
|
-
|
|
6970
|
-
|
|
6971
|
-
"
|
|
6973
|
+
"sets": {
|
|
6974
|
+
"desktop": {
|
|
6975
|
+
"value": "16px"
|
|
6976
|
+
},
|
|
6977
|
+
"mobile": {
|
|
6978
|
+
"value": "20px"
|
|
6979
|
+
}
|
|
6972
6980
|
}
|
|
6973
6981
|
}
|
|
6974
6982
|
}
|
|
@@ -6976,19 +6984,23 @@
|
|
|
6976
6984
|
"checkbox-control-size-large": {
|
|
6977
6985
|
"sets": {
|
|
6978
6986
|
"spectrum": {
|
|
6979
|
-
"
|
|
6980
|
-
"
|
|
6981
|
-
|
|
6982
|
-
|
|
6983
|
-
"
|
|
6987
|
+
"sets": {
|
|
6988
|
+
"desktop": {
|
|
6989
|
+
"value": "16px"
|
|
6990
|
+
},
|
|
6991
|
+
"mobile": {
|
|
6992
|
+
"value": "20px"
|
|
6993
|
+
}
|
|
6984
6994
|
}
|
|
6985
6995
|
},
|
|
6986
6996
|
"express": {
|
|
6987
|
-
"
|
|
6988
|
-
"
|
|
6989
|
-
|
|
6990
|
-
|
|
6991
|
-
"
|
|
6997
|
+
"sets": {
|
|
6998
|
+
"desktop": {
|
|
6999
|
+
"value": "18px"
|
|
7000
|
+
},
|
|
7001
|
+
"mobile": {
|
|
7002
|
+
"value": "22px"
|
|
7003
|
+
}
|
|
6992
7004
|
}
|
|
6993
7005
|
}
|
|
6994
7006
|
}
|
|
@@ -6996,19 +7008,23 @@
|
|
|
6996
7008
|
"checkbox-control-size-extra-large": {
|
|
6997
7009
|
"sets": {
|
|
6998
7010
|
"spectrum": {
|
|
6999
|
-
"
|
|
7000
|
-
"
|
|
7001
|
-
|
|
7002
|
-
|
|
7003
|
-
"
|
|
7011
|
+
"sets": {
|
|
7012
|
+
"desktop": {
|
|
7013
|
+
"value": "18px"
|
|
7014
|
+
},
|
|
7015
|
+
"mobile": {
|
|
7016
|
+
"value": "22px"
|
|
7017
|
+
}
|
|
7004
7018
|
}
|
|
7005
7019
|
},
|
|
7006
7020
|
"express": {
|
|
7007
|
-
"
|
|
7008
|
-
"
|
|
7009
|
-
|
|
7010
|
-
|
|
7011
|
-
"
|
|
7021
|
+
"sets": {
|
|
7022
|
+
"desktop": {
|
|
7023
|
+
"value": "20px"
|
|
7024
|
+
},
|
|
7025
|
+
"mobile": {
|
|
7026
|
+
"value": "26px"
|
|
7027
|
+
}
|
|
7012
7028
|
}
|
|
7013
7029
|
}
|
|
7014
7030
|
}
|
|
@@ -7016,19 +7032,23 @@
|
|
|
7016
7032
|
"checkbox-top-to-control-small": {
|
|
7017
7033
|
"sets": {
|
|
7018
7034
|
"spectrum": {
|
|
7019
|
-
"
|
|
7020
|
-
"
|
|
7021
|
-
|
|
7022
|
-
|
|
7023
|
-
"
|
|
7035
|
+
"sets": {
|
|
7036
|
+
"desktop": {
|
|
7037
|
+
"value": "6px"
|
|
7038
|
+
},
|
|
7039
|
+
"mobile": {
|
|
7040
|
+
"value": "7px"
|
|
7041
|
+
}
|
|
7024
7042
|
}
|
|
7025
7043
|
},
|
|
7026
7044
|
"express": {
|
|
7027
|
-
"
|
|
7028
|
-
"
|
|
7029
|
-
|
|
7030
|
-
|
|
7031
|
-
"
|
|
7045
|
+
"sets": {
|
|
7046
|
+
"desktop": {
|
|
7047
|
+
"value": "5px"
|
|
7048
|
+
},
|
|
7049
|
+
"mobile": {
|
|
7050
|
+
"value": "6px"
|
|
7051
|
+
}
|
|
7032
7052
|
}
|
|
7033
7053
|
}
|
|
7034
7054
|
}
|
|
@@ -7036,19 +7056,23 @@
|
|
|
7036
7056
|
"checkbox-top-to-control-medium": {
|
|
7037
7057
|
"sets": {
|
|
7038
7058
|
"spectrum": {
|
|
7039
|
-
"
|
|
7040
|
-
"
|
|
7041
|
-
|
|
7042
|
-
|
|
7043
|
-
"
|
|
7059
|
+
"sets": {
|
|
7060
|
+
"desktop": {
|
|
7061
|
+
"value": "9px"
|
|
7062
|
+
},
|
|
7063
|
+
"mobile": {
|
|
7064
|
+
"value": "11px"
|
|
7065
|
+
}
|
|
7044
7066
|
}
|
|
7045
7067
|
},
|
|
7046
7068
|
"express": {
|
|
7047
|
-
"
|
|
7048
|
-
"
|
|
7049
|
-
|
|
7050
|
-
|
|
7051
|
-
"
|
|
7069
|
+
"sets": {
|
|
7070
|
+
"desktop": {
|
|
7071
|
+
"value": "8px"
|
|
7072
|
+
},
|
|
7073
|
+
"mobile": {
|
|
7074
|
+
"value": "10px"
|
|
7075
|
+
}
|
|
7052
7076
|
}
|
|
7053
7077
|
}
|
|
7054
7078
|
}
|
|
@@ -7056,19 +7080,23 @@
|
|
|
7056
7080
|
"checkbox-top-to-control-large": {
|
|
7057
7081
|
"sets": {
|
|
7058
7082
|
"spectrum": {
|
|
7059
|
-
"
|
|
7060
|
-
"
|
|
7061
|
-
|
|
7062
|
-
|
|
7063
|
-
"
|
|
7083
|
+
"sets": {
|
|
7084
|
+
"desktop": {
|
|
7085
|
+
"value": "12px"
|
|
7086
|
+
},
|
|
7087
|
+
"mobile": {
|
|
7088
|
+
"value": "15px"
|
|
7089
|
+
}
|
|
7064
7090
|
}
|
|
7065
7091
|
},
|
|
7066
7092
|
"express": {
|
|
7067
|
-
"
|
|
7068
|
-
"
|
|
7069
|
-
|
|
7070
|
-
|
|
7071
|
-
"
|
|
7093
|
+
"sets": {
|
|
7094
|
+
"desktop": {
|
|
7095
|
+
"value": "11px"
|
|
7096
|
+
},
|
|
7097
|
+
"mobile": {
|
|
7098
|
+
"value": "14px"
|
|
7099
|
+
}
|
|
7072
7100
|
}
|
|
7073
7101
|
}
|
|
7074
7102
|
}
|
|
@@ -7076,19 +7104,23 @@
|
|
|
7076
7104
|
"checkbox-top-to-control-extra-large": {
|
|
7077
7105
|
"sets": {
|
|
7078
7106
|
"spectrum": {
|
|
7079
|
-
"
|
|
7080
|
-
"
|
|
7081
|
-
|
|
7082
|
-
|
|
7083
|
-
"
|
|
7107
|
+
"sets": {
|
|
7108
|
+
"desktop": {
|
|
7109
|
+
"value": "15px"
|
|
7110
|
+
},
|
|
7111
|
+
"mobile": {
|
|
7112
|
+
"value": "19px"
|
|
7113
|
+
}
|
|
7084
7114
|
}
|
|
7085
7115
|
},
|
|
7086
7116
|
"express": {
|
|
7087
|
-
"
|
|
7088
|
-
"
|
|
7089
|
-
|
|
7090
|
-
|
|
7091
|
-
"
|
|
7117
|
+
"sets": {
|
|
7118
|
+
"desktop": {
|
|
7119
|
+
"value": "14px"
|
|
7120
|
+
},
|
|
7121
|
+
"mobile": {
|
|
7122
|
+
"value": "17px"
|
|
7123
|
+
}
|
|
7092
7124
|
}
|
|
7093
7125
|
}
|
|
7094
7126
|
}
|
|
@@ -7625,19 +7657,23 @@
|
|
|
7625
7657
|
"corner-radius-75": {
|
|
7626
7658
|
"sets": {
|
|
7627
7659
|
"spectrum": {
|
|
7628
|
-
"
|
|
7629
|
-
"
|
|
7630
|
-
|
|
7631
|
-
|
|
7632
|
-
"
|
|
7660
|
+
"sets": {
|
|
7661
|
+
"desktop": {
|
|
7662
|
+
"value": "2px"
|
|
7663
|
+
},
|
|
7664
|
+
"mobile": {
|
|
7665
|
+
"value": "2px"
|
|
7666
|
+
}
|
|
7633
7667
|
}
|
|
7634
7668
|
},
|
|
7635
7669
|
"express": {
|
|
7636
|
-
"
|
|
7637
|
-
"
|
|
7638
|
-
|
|
7639
|
-
|
|
7640
|
-
"
|
|
7670
|
+
"sets": {
|
|
7671
|
+
"desktop": {
|
|
7672
|
+
"value": "3px"
|
|
7673
|
+
},
|
|
7674
|
+
"mobile": {
|
|
7675
|
+
"value": "4px"
|
|
7676
|
+
}
|
|
7641
7677
|
}
|
|
7642
7678
|
}
|
|
7643
7679
|
}
|
|
@@ -7645,19 +7681,23 @@
|
|
|
7645
7681
|
"corner-radius-100": {
|
|
7646
7682
|
"sets": {
|
|
7647
7683
|
"spectrum": {
|
|
7648
|
-
"
|
|
7649
|
-
"
|
|
7650
|
-
|
|
7651
|
-
|
|
7652
|
-
"
|
|
7684
|
+
"sets": {
|
|
7685
|
+
"desktop": {
|
|
7686
|
+
"value": "4px"
|
|
7687
|
+
},
|
|
7688
|
+
"mobile": {
|
|
7689
|
+
"value": "5px"
|
|
7690
|
+
}
|
|
7653
7691
|
}
|
|
7654
7692
|
},
|
|
7655
7693
|
"express": {
|
|
7656
|
-
"
|
|
7657
|
-
"
|
|
7658
|
-
|
|
7659
|
-
|
|
7660
|
-
"
|
|
7694
|
+
"sets": {
|
|
7695
|
+
"desktop": {
|
|
7696
|
+
"value": "6px"
|
|
7697
|
+
},
|
|
7698
|
+
"mobile": {
|
|
7699
|
+
"value": "8px"
|
|
7700
|
+
}
|
|
7661
7701
|
}
|
|
7662
7702
|
}
|
|
7663
7703
|
}
|
|
@@ -7665,19 +7705,23 @@
|
|
|
7665
7705
|
"corner-radius-200": {
|
|
7666
7706
|
"sets": {
|
|
7667
7707
|
"spectrum": {
|
|
7668
|
-
"
|
|
7669
|
-
"
|
|
7670
|
-
|
|
7671
|
-
|
|
7672
|
-
"
|
|
7708
|
+
"sets": {
|
|
7709
|
+
"desktop": {
|
|
7710
|
+
"value": "8px"
|
|
7711
|
+
},
|
|
7712
|
+
"mobile": {
|
|
7713
|
+
"value": "10px"
|
|
7714
|
+
}
|
|
7673
7715
|
}
|
|
7674
7716
|
},
|
|
7675
7717
|
"express": {
|
|
7676
|
-
"
|
|
7677
|
-
"
|
|
7678
|
-
|
|
7679
|
-
|
|
7680
|
-
"
|
|
7718
|
+
"sets": {
|
|
7719
|
+
"desktop": {
|
|
7720
|
+
"value": "12px"
|
|
7721
|
+
},
|
|
7722
|
+
"mobile": {
|
|
7723
|
+
"value": "16px"
|
|
7724
|
+
}
|
|
7681
7725
|
}
|
|
7682
7726
|
}
|
|
7683
7727
|
}
|
|
@@ -7685,19 +7729,23 @@
|
|
|
7685
7729
|
"drop-shadow-x": {
|
|
7686
7730
|
"sets": {
|
|
7687
7731
|
"spectrum": {
|
|
7688
|
-
"
|
|
7689
|
-
"
|
|
7690
|
-
|
|
7691
|
-
|
|
7692
|
-
"
|
|
7732
|
+
"sets": {
|
|
7733
|
+
"desktop": {
|
|
7734
|
+
"value": "0px"
|
|
7735
|
+
},
|
|
7736
|
+
"mobile": {
|
|
7737
|
+
"value": "0px"
|
|
7738
|
+
}
|
|
7693
7739
|
}
|
|
7694
7740
|
},
|
|
7695
7741
|
"express": {
|
|
7696
|
-
"
|
|
7697
|
-
"
|
|
7698
|
-
|
|
7699
|
-
|
|
7700
|
-
"
|
|
7742
|
+
"sets": {
|
|
7743
|
+
"desktop": {
|
|
7744
|
+
"value": "0px"
|
|
7745
|
+
},
|
|
7746
|
+
"mobile": {
|
|
7747
|
+
"value": "0px"
|
|
7748
|
+
}
|
|
7701
7749
|
}
|
|
7702
7750
|
}
|
|
7703
7751
|
}
|
|
@@ -7705,19 +7753,23 @@
|
|
|
7705
7753
|
"drop-shadow-y": {
|
|
7706
7754
|
"sets": {
|
|
7707
7755
|
"spectrum": {
|
|
7708
|
-
"
|
|
7709
|
-
"
|
|
7710
|
-
|
|
7711
|
-
|
|
7712
|
-
"
|
|
7756
|
+
"sets": {
|
|
7757
|
+
"desktop": {
|
|
7758
|
+
"value": "1px"
|
|
7759
|
+
},
|
|
7760
|
+
"mobile": {
|
|
7761
|
+
"value": "2px"
|
|
7762
|
+
}
|
|
7713
7763
|
}
|
|
7714
7764
|
},
|
|
7715
7765
|
"express": {
|
|
7716
|
-
"
|
|
7717
|
-
"
|
|
7718
|
-
|
|
7719
|
-
|
|
7720
|
-
"
|
|
7766
|
+
"sets": {
|
|
7767
|
+
"desktop": {
|
|
7768
|
+
"value": "4px"
|
|
7769
|
+
},
|
|
7770
|
+
"mobile": {
|
|
7771
|
+
"value": "4px"
|
|
7772
|
+
}
|
|
7721
7773
|
}
|
|
7722
7774
|
}
|
|
7723
7775
|
}
|
|
@@ -7725,19 +7777,23 @@
|
|
|
7725
7777
|
"drop-shadow-blur": {
|
|
7726
7778
|
"sets": {
|
|
7727
7779
|
"spectrum": {
|
|
7728
|
-
"
|
|
7729
|
-
"
|
|
7730
|
-
|
|
7731
|
-
|
|
7732
|
-
"
|
|
7780
|
+
"sets": {
|
|
7781
|
+
"desktop": {
|
|
7782
|
+
"value": "4px"
|
|
7783
|
+
},
|
|
7784
|
+
"mobile": {
|
|
7785
|
+
"value": "6px"
|
|
7786
|
+
}
|
|
7733
7787
|
}
|
|
7734
7788
|
},
|
|
7735
7789
|
"express": {
|
|
7736
|
-
"
|
|
7737
|
-
"
|
|
7738
|
-
|
|
7739
|
-
|
|
7740
|
-
"
|
|
7790
|
+
"sets": {
|
|
7791
|
+
"desktop": {
|
|
7792
|
+
"value": "16px"
|
|
7793
|
+
},
|
|
7794
|
+
"mobile": {
|
|
7795
|
+
"value": "16px"
|
|
7796
|
+
}
|
|
7741
7797
|
}
|
|
7742
7798
|
}
|
|
7743
7799
|
}
|
package/package.json
CHANGED
|
@@ -45,19 +45,23 @@
|
|
|
45
45
|
"checkbox-control-size-small": {
|
|
46
46
|
"sets": {
|
|
47
47
|
"spectrum": {
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
"
|
|
48
|
+
"sets": {
|
|
49
|
+
"desktop": {
|
|
50
|
+
"value": "12px"
|
|
51
|
+
},
|
|
52
|
+
"mobile": {
|
|
53
|
+
"value": "16px"
|
|
54
|
+
}
|
|
53
55
|
}
|
|
54
56
|
},
|
|
55
57
|
"express": {
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
"
|
|
58
|
+
"sets": {
|
|
59
|
+
"desktop": {
|
|
60
|
+
"value": "14px"
|
|
61
|
+
},
|
|
62
|
+
"mobile": {
|
|
63
|
+
"value": "18px"
|
|
64
|
+
}
|
|
61
65
|
}
|
|
62
66
|
}
|
|
63
67
|
}
|
|
@@ -65,19 +69,23 @@
|
|
|
65
69
|
"checkbox-control-size-medium": {
|
|
66
70
|
"sets": {
|
|
67
71
|
"spectrum": {
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
"
|
|
72
|
+
"sets": {
|
|
73
|
+
"desktop": {
|
|
74
|
+
"value": "14px"
|
|
75
|
+
},
|
|
76
|
+
"mobile": {
|
|
77
|
+
"value": "18px"
|
|
78
|
+
}
|
|
73
79
|
}
|
|
74
80
|
},
|
|
75
81
|
"express": {
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
"
|
|
82
|
+
"sets": {
|
|
83
|
+
"desktop": {
|
|
84
|
+
"value": "16px"
|
|
85
|
+
},
|
|
86
|
+
"mobile": {
|
|
87
|
+
"value": "20px"
|
|
88
|
+
}
|
|
81
89
|
}
|
|
82
90
|
}
|
|
83
91
|
}
|
|
@@ -85,19 +93,23 @@
|
|
|
85
93
|
"checkbox-control-size-large": {
|
|
86
94
|
"sets": {
|
|
87
95
|
"spectrum": {
|
|
88
|
-
"
|
|
89
|
-
"
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
"
|
|
96
|
+
"sets": {
|
|
97
|
+
"desktop": {
|
|
98
|
+
"value": "16px"
|
|
99
|
+
},
|
|
100
|
+
"mobile": {
|
|
101
|
+
"value": "20px"
|
|
102
|
+
}
|
|
93
103
|
}
|
|
94
104
|
},
|
|
95
105
|
"express": {
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
"
|
|
106
|
+
"sets": {
|
|
107
|
+
"desktop": {
|
|
108
|
+
"value": "18px"
|
|
109
|
+
},
|
|
110
|
+
"mobile": {
|
|
111
|
+
"value": "22px"
|
|
112
|
+
}
|
|
101
113
|
}
|
|
102
114
|
}
|
|
103
115
|
}
|
|
@@ -105,19 +117,23 @@
|
|
|
105
117
|
"checkbox-control-size-extra-large": {
|
|
106
118
|
"sets": {
|
|
107
119
|
"spectrum": {
|
|
108
|
-
"
|
|
109
|
-
"
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
"
|
|
120
|
+
"sets": {
|
|
121
|
+
"desktop": {
|
|
122
|
+
"value": "18px"
|
|
123
|
+
},
|
|
124
|
+
"mobile": {
|
|
125
|
+
"value": "22px"
|
|
126
|
+
}
|
|
113
127
|
}
|
|
114
128
|
},
|
|
115
129
|
"express": {
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
"
|
|
130
|
+
"sets": {
|
|
131
|
+
"desktop": {
|
|
132
|
+
"value": "20px"
|
|
133
|
+
},
|
|
134
|
+
"mobile": {
|
|
135
|
+
"value": "26px"
|
|
136
|
+
}
|
|
121
137
|
}
|
|
122
138
|
}
|
|
123
139
|
}
|
|
@@ -125,19 +141,23 @@
|
|
|
125
141
|
"checkbox-top-to-control-small": {
|
|
126
142
|
"sets": {
|
|
127
143
|
"spectrum": {
|
|
128
|
-
"
|
|
129
|
-
"
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
"
|
|
144
|
+
"sets": {
|
|
145
|
+
"desktop": {
|
|
146
|
+
"value": "6px"
|
|
147
|
+
},
|
|
148
|
+
"mobile": {
|
|
149
|
+
"value": "7px"
|
|
150
|
+
}
|
|
133
151
|
}
|
|
134
152
|
},
|
|
135
153
|
"express": {
|
|
136
|
-
"
|
|
137
|
-
"
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
"
|
|
154
|
+
"sets": {
|
|
155
|
+
"desktop": {
|
|
156
|
+
"value": "5px"
|
|
157
|
+
},
|
|
158
|
+
"mobile": {
|
|
159
|
+
"value": "6px"
|
|
160
|
+
}
|
|
141
161
|
}
|
|
142
162
|
}
|
|
143
163
|
}
|
|
@@ -145,19 +165,23 @@
|
|
|
145
165
|
"checkbox-top-to-control-medium": {
|
|
146
166
|
"sets": {
|
|
147
167
|
"spectrum": {
|
|
148
|
-
"
|
|
149
|
-
"
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
"
|
|
168
|
+
"sets": {
|
|
169
|
+
"desktop": {
|
|
170
|
+
"value": "9px"
|
|
171
|
+
},
|
|
172
|
+
"mobile": {
|
|
173
|
+
"value": "11px"
|
|
174
|
+
}
|
|
153
175
|
}
|
|
154
176
|
},
|
|
155
177
|
"express": {
|
|
156
|
-
"
|
|
157
|
-
"
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
"
|
|
178
|
+
"sets": {
|
|
179
|
+
"desktop": {
|
|
180
|
+
"value": "8px"
|
|
181
|
+
},
|
|
182
|
+
"mobile": {
|
|
183
|
+
"value": "10px"
|
|
184
|
+
}
|
|
161
185
|
}
|
|
162
186
|
}
|
|
163
187
|
}
|
|
@@ -165,19 +189,23 @@
|
|
|
165
189
|
"checkbox-top-to-control-large": {
|
|
166
190
|
"sets": {
|
|
167
191
|
"spectrum": {
|
|
168
|
-
"
|
|
169
|
-
"
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
"
|
|
192
|
+
"sets": {
|
|
193
|
+
"desktop": {
|
|
194
|
+
"value": "12px"
|
|
195
|
+
},
|
|
196
|
+
"mobile": {
|
|
197
|
+
"value": "15px"
|
|
198
|
+
}
|
|
173
199
|
}
|
|
174
200
|
},
|
|
175
201
|
"express": {
|
|
176
|
-
"
|
|
177
|
-
"
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
"
|
|
202
|
+
"sets": {
|
|
203
|
+
"desktop": {
|
|
204
|
+
"value": "11px"
|
|
205
|
+
},
|
|
206
|
+
"mobile": {
|
|
207
|
+
"value": "14px"
|
|
208
|
+
}
|
|
181
209
|
}
|
|
182
210
|
}
|
|
183
211
|
}
|
|
@@ -185,19 +213,23 @@
|
|
|
185
213
|
"checkbox-top-to-control-extra-large": {
|
|
186
214
|
"sets": {
|
|
187
215
|
"spectrum": {
|
|
188
|
-
"
|
|
189
|
-
"
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
"
|
|
216
|
+
"sets": {
|
|
217
|
+
"desktop": {
|
|
218
|
+
"value": "15px"
|
|
219
|
+
},
|
|
220
|
+
"mobile": {
|
|
221
|
+
"value": "19px"
|
|
222
|
+
}
|
|
193
223
|
}
|
|
194
224
|
},
|
|
195
225
|
"express": {
|
|
196
|
-
"
|
|
197
|
-
"
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
"
|
|
226
|
+
"sets": {
|
|
227
|
+
"desktop": {
|
|
228
|
+
"value": "14px"
|
|
229
|
+
},
|
|
230
|
+
"mobile": {
|
|
231
|
+
"value": "17px"
|
|
232
|
+
}
|
|
201
233
|
}
|
|
202
234
|
}
|
|
203
235
|
}
|
package/src/layout.json
CHANGED
|
@@ -2,19 +2,23 @@
|
|
|
2
2
|
"corner-radius-75": {
|
|
3
3
|
"sets": {
|
|
4
4
|
"spectrum": {
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
"
|
|
5
|
+
"sets": {
|
|
6
|
+
"desktop": {
|
|
7
|
+
"value": "2px"
|
|
8
|
+
},
|
|
9
|
+
"mobile": {
|
|
10
|
+
"value": "2px"
|
|
11
|
+
}
|
|
10
12
|
}
|
|
11
13
|
},
|
|
12
14
|
"express": {
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
"
|
|
15
|
+
"sets": {
|
|
16
|
+
"desktop": {
|
|
17
|
+
"value": "3px"
|
|
18
|
+
},
|
|
19
|
+
"mobile": {
|
|
20
|
+
"value": "4px"
|
|
21
|
+
}
|
|
18
22
|
}
|
|
19
23
|
}
|
|
20
24
|
}
|
|
@@ -22,19 +26,23 @@
|
|
|
22
26
|
"corner-radius-100": {
|
|
23
27
|
"sets": {
|
|
24
28
|
"spectrum": {
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
"
|
|
29
|
+
"sets": {
|
|
30
|
+
"desktop": {
|
|
31
|
+
"value": "4px"
|
|
32
|
+
},
|
|
33
|
+
"mobile": {
|
|
34
|
+
"value": "5px"
|
|
35
|
+
}
|
|
30
36
|
}
|
|
31
37
|
},
|
|
32
38
|
"express": {
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
"
|
|
39
|
+
"sets": {
|
|
40
|
+
"desktop": {
|
|
41
|
+
"value": "6px"
|
|
42
|
+
},
|
|
43
|
+
"mobile": {
|
|
44
|
+
"value": "8px"
|
|
45
|
+
}
|
|
38
46
|
}
|
|
39
47
|
}
|
|
40
48
|
}
|
|
@@ -42,19 +50,23 @@
|
|
|
42
50
|
"corner-radius-200": {
|
|
43
51
|
"sets": {
|
|
44
52
|
"spectrum": {
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"
|
|
53
|
+
"sets": {
|
|
54
|
+
"desktop": {
|
|
55
|
+
"value": "8px"
|
|
56
|
+
},
|
|
57
|
+
"mobile": {
|
|
58
|
+
"value": "10px"
|
|
59
|
+
}
|
|
50
60
|
}
|
|
51
61
|
},
|
|
52
62
|
"express": {
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
"
|
|
63
|
+
"sets": {
|
|
64
|
+
"desktop": {
|
|
65
|
+
"value": "12px"
|
|
66
|
+
},
|
|
67
|
+
"mobile": {
|
|
68
|
+
"value": "16px"
|
|
69
|
+
}
|
|
58
70
|
}
|
|
59
71
|
}
|
|
60
72
|
}
|
|
@@ -62,19 +74,23 @@
|
|
|
62
74
|
"drop-shadow-x": {
|
|
63
75
|
"sets": {
|
|
64
76
|
"spectrum": {
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
"
|
|
77
|
+
"sets": {
|
|
78
|
+
"desktop": {
|
|
79
|
+
"value": "0px"
|
|
80
|
+
},
|
|
81
|
+
"mobile": {
|
|
82
|
+
"value": "0px"
|
|
83
|
+
}
|
|
70
84
|
}
|
|
71
85
|
},
|
|
72
86
|
"express": {
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
"
|
|
87
|
+
"sets": {
|
|
88
|
+
"desktop": {
|
|
89
|
+
"value": "0px"
|
|
90
|
+
},
|
|
91
|
+
"mobile": {
|
|
92
|
+
"value": "0px"
|
|
93
|
+
}
|
|
78
94
|
}
|
|
79
95
|
}
|
|
80
96
|
}
|
|
@@ -82,19 +98,23 @@
|
|
|
82
98
|
"drop-shadow-y": {
|
|
83
99
|
"sets": {
|
|
84
100
|
"spectrum": {
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
"
|
|
101
|
+
"sets": {
|
|
102
|
+
"desktop": {
|
|
103
|
+
"value": "1px"
|
|
104
|
+
},
|
|
105
|
+
"mobile": {
|
|
106
|
+
"value": "2px"
|
|
107
|
+
}
|
|
90
108
|
}
|
|
91
109
|
},
|
|
92
110
|
"express": {
|
|
93
|
-
"
|
|
94
|
-
"
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
"
|
|
111
|
+
"sets": {
|
|
112
|
+
"desktop": {
|
|
113
|
+
"value": "4px"
|
|
114
|
+
},
|
|
115
|
+
"mobile": {
|
|
116
|
+
"value": "4px"
|
|
117
|
+
}
|
|
98
118
|
}
|
|
99
119
|
}
|
|
100
120
|
}
|
|
@@ -102,19 +122,23 @@
|
|
|
102
122
|
"drop-shadow-blur": {
|
|
103
123
|
"sets": {
|
|
104
124
|
"spectrum": {
|
|
105
|
-
"
|
|
106
|
-
"
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
"
|
|
125
|
+
"sets": {
|
|
126
|
+
"desktop": {
|
|
127
|
+
"value": "4px"
|
|
128
|
+
},
|
|
129
|
+
"mobile": {
|
|
130
|
+
"value": "6px"
|
|
131
|
+
}
|
|
110
132
|
}
|
|
111
133
|
},
|
|
112
134
|
"express": {
|
|
113
|
-
"
|
|
114
|
-
"
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
"
|
|
135
|
+
"sets": {
|
|
136
|
+
"desktop": {
|
|
137
|
+
"value": "16px"
|
|
138
|
+
},
|
|
139
|
+
"mobile": {
|
|
140
|
+
"value": "16px"
|
|
141
|
+
}
|
|
118
142
|
}
|
|
119
143
|
}
|
|
120
144
|
}
|