@esri/calcite-design-tokens 2.0.0-rc.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/breakpoint.css +1 -1
- package/dist/css/classes.css +25 -25
- package/dist/css/core.css +82 -115
- package/dist/css/dark.css +27 -25
- package/dist/css/global.css +29 -36
- package/dist/css/index.css +105 -97
- package/dist/css/light.css +27 -25
- package/dist/docs/core.json +8134 -0
- package/dist/docs/global.json +6617 -0
- package/dist/es6/core.d.ts +286 -319
- package/dist/es6/core.js +287 -320
- package/dist/es6/global.d.ts +101 -106
- package/dist/es6/global.js +116 -121
- package/dist/js/core.d.ts +98 -143
- package/dist/js/core.js +5442 -6029
- package/dist/js/global.d.ts +65 -66
- package/dist/js/global.js +2173 -2081
- package/dist/scss/breakpoints.scss +1 -1
- package/dist/scss/core.scss +82 -115
- package/dist/scss/dark.scss +27 -25
- package/dist/scss/global.scss +94 -0
- package/dist/scss/index.scss +53 -49
- package/dist/scss/light.scss +27 -25
- package/dist/scss/mixins.scss +24 -24
- package/package.json +5 -26
package/dist/js/global.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Sat, 02 Dec 2023 04:05:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default tokens;
|
|
@@ -24,18 +24,6 @@ declare interface DesignToken {
|
|
|
24
24
|
declare const tokens: {
|
|
25
25
|
"semantic": {
|
|
26
26
|
"border": {
|
|
27
|
-
"radius": {
|
|
28
|
-
"default": DesignToken,
|
|
29
|
-
"none": DesignToken,
|
|
30
|
-
"sharp": DesignToken,
|
|
31
|
-
"round": DesignToken,
|
|
32
|
-
"circular": DesignToken,
|
|
33
|
-
"pill": DesignToken,
|
|
34
|
-
"sm": DesignToken,
|
|
35
|
-
"md": DesignToken,
|
|
36
|
-
"lg": DesignToken,
|
|
37
|
-
"xl": DesignToken
|
|
38
|
-
},
|
|
39
27
|
"width": {
|
|
40
28
|
"none": DesignToken,
|
|
41
29
|
"sm": DesignToken,
|
|
@@ -43,34 +31,64 @@ declare const tokens: {
|
|
|
43
31
|
"lg": DesignToken
|
|
44
32
|
}
|
|
45
33
|
},
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
|
|
49
|
-
|
|
34
|
+
"corner": {
|
|
35
|
+
"radius": {
|
|
36
|
+
"default": DesignToken,
|
|
37
|
+
"sharp": DesignToken,
|
|
38
|
+
"round": DesignToken,
|
|
39
|
+
"pill": DesignToken
|
|
40
|
+
}
|
|
50
41
|
},
|
|
51
42
|
"color": {
|
|
43
|
+
"background": {
|
|
44
|
+
"default": DesignToken,
|
|
45
|
+
"none": DesignToken
|
|
46
|
+
},
|
|
47
|
+
"foreground": {
|
|
48
|
+
"1": DesignToken,
|
|
49
|
+
"2": DesignToken,
|
|
50
|
+
"3": DesignToken,
|
|
51
|
+
"current": DesignToken
|
|
52
|
+
},
|
|
53
|
+
"transparent": {
|
|
54
|
+
"default": DesignToken,
|
|
55
|
+
"hover": DesignToken,
|
|
56
|
+
"press": DesignToken,
|
|
57
|
+
"scrim": DesignToken,
|
|
58
|
+
"tint": DesignToken
|
|
59
|
+
},
|
|
52
60
|
"brand": {
|
|
53
61
|
"default": DesignToken,
|
|
54
62
|
"hover": DesignToken,
|
|
55
63
|
"press": DesignToken,
|
|
56
64
|
"underline": DesignToken
|
|
57
65
|
},
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"transparent": {
|
|
66
|
+
"status": {
|
|
67
|
+
"info": {
|
|
61
68
|
"default": DesignToken,
|
|
62
69
|
"hover": DesignToken,
|
|
63
|
-
"press": DesignToken
|
|
64
|
-
"scrim": DesignToken,
|
|
65
|
-
"dismiss": DesignToken
|
|
70
|
+
"press": DesignToken
|
|
66
71
|
},
|
|
67
|
-
"
|
|
72
|
+
"success": {
|
|
73
|
+
"default": DesignToken,
|
|
74
|
+
"hover": DesignToken,
|
|
75
|
+
"press": DesignToken
|
|
76
|
+
},
|
|
77
|
+
"warning": {
|
|
78
|
+
"default": DesignToken,
|
|
79
|
+
"hover": DesignToken,
|
|
80
|
+
"press": DesignToken
|
|
81
|
+
},
|
|
82
|
+
"danger": {
|
|
83
|
+
"default": DesignToken,
|
|
84
|
+
"hover": DesignToken,
|
|
85
|
+
"press": DesignToken
|
|
86
|
+
}
|
|
68
87
|
},
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"current": DesignToken
|
|
88
|
+
"inverse": {
|
|
89
|
+
"default": DesignToken,
|
|
90
|
+
"hover": DesignToken,
|
|
91
|
+
"press": DesignToken
|
|
74
92
|
},
|
|
75
93
|
"text": {
|
|
76
94
|
"1": DesignToken,
|
|
@@ -83,32 +101,9 @@ declare const tokens: {
|
|
|
83
101
|
"1": DesignToken,
|
|
84
102
|
"2": DesignToken,
|
|
85
103
|
"3": DesignToken,
|
|
86
|
-
"input": DesignToken
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
"default": DesignToken,
|
|
90
|
-
"hover": DesignToken,
|
|
91
|
-
"press": DesignToken
|
|
92
|
-
},
|
|
93
|
-
"success": {
|
|
94
|
-
"default": DesignToken,
|
|
95
|
-
"hover": DesignToken,
|
|
96
|
-
"press": DesignToken
|
|
97
|
-
},
|
|
98
|
-
"warning": {
|
|
99
|
-
"default": DesignToken,
|
|
100
|
-
"hover": DesignToken,
|
|
101
|
-
"press": DesignToken
|
|
102
|
-
},
|
|
103
|
-
"danger": {
|
|
104
|
-
"default": DesignToken,
|
|
105
|
-
"hover": DesignToken,
|
|
106
|
-
"press": DesignToken
|
|
107
|
-
},
|
|
108
|
-
"inverse": {
|
|
109
|
-
"default": DesignToken,
|
|
110
|
-
"hover": DesignToken,
|
|
111
|
-
"press": DesignToken
|
|
104
|
+
"input": DesignToken,
|
|
105
|
+
"ghost": DesignToken,
|
|
106
|
+
"white": DesignToken
|
|
112
107
|
}
|
|
113
108
|
},
|
|
114
109
|
"container-size": {
|
|
@@ -137,7 +132,8 @@ declare const tokens: {
|
|
|
137
132
|
},
|
|
138
133
|
"font": {
|
|
139
134
|
"family": {
|
|
140
|
-
"default": DesignToken
|
|
135
|
+
"default": DesignToken,
|
|
136
|
+
"code": DesignToken
|
|
141
137
|
},
|
|
142
138
|
"weight": {
|
|
143
139
|
"light": DesignToken,
|
|
@@ -201,33 +197,36 @@ declare const tokens: {
|
|
|
201
197
|
"full": DesignToken,
|
|
202
198
|
"disabled": DesignToken
|
|
203
199
|
},
|
|
200
|
+
"shadow": {
|
|
201
|
+
"none": DesignToken,
|
|
202
|
+
"sm": DesignToken,
|
|
203
|
+
"md": DesignToken
|
|
204
|
+
},
|
|
204
205
|
"size": {
|
|
206
|
+
"px": DesignToken,
|
|
205
207
|
"xxxs": DesignToken,
|
|
206
208
|
"xxs": DesignToken,
|
|
207
209
|
"xs": DesignToken,
|
|
208
210
|
"sm": DesignToken,
|
|
209
|
-
"sm
|
|
210
|
-
"md-sm": DesignToken,
|
|
211
|
+
"sm+": DesignToken,
|
|
211
212
|
"md": DesignToken,
|
|
212
|
-
"md
|
|
213
|
-
"lg-md": DesignToken,
|
|
213
|
+
"md+": DesignToken,
|
|
214
214
|
"lg": DesignToken,
|
|
215
|
-
"lg-xl": DesignToken,
|
|
216
|
-
"xl-lg": DesignToken,
|
|
217
215
|
"xl": DesignToken,
|
|
218
216
|
"xxl": DesignToken,
|
|
219
217
|
"xxxl": DesignToken
|
|
220
218
|
},
|
|
221
219
|
"spacing": {
|
|
222
|
-
"
|
|
220
|
+
"px": DesignToken,
|
|
223
221
|
"base": DesignToken,
|
|
224
|
-
"
|
|
225
|
-
"double": DesignToken,
|
|
222
|
+
"xxs": DesignToken,
|
|
226
223
|
"xs": DesignToken,
|
|
227
224
|
"sm": DesignToken,
|
|
228
225
|
"md": DesignToken,
|
|
229
226
|
"lg": DesignToken,
|
|
230
|
-
"xl": DesignToken
|
|
227
|
+
"xl": DesignToken,
|
|
228
|
+
"xxl": DesignToken,
|
|
229
|
+
"xxxl": DesignToken
|
|
231
230
|
},
|
|
232
231
|
"typography": {
|
|
233
232
|
"default": {
|