@esri/calcite-design-tokens 1.0.0-beta.0 → 1.0.0-beta.1
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/brand-light.css +1 -1
- package/dist/css/calcite-dark.css +1 -1
- package/dist/css/calcite-headless.css +1 -1
- package/dist/css/calcite-light.css +1 -1
- package/dist/scss/brand-light.scss +6 -2
- package/dist/scss/calcite-dark.scss +33 -2
- package/dist/scss/calcite-headless.scss +385 -8
- package/dist/scss/calcite-light.scss +33 -2
- package/package.json +3 -3
package/dist/css/brand-light.css
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 09 May 2023 17:45:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
$core-font-font-size-6-light: 26px;
|
|
8
|
+
$breakpoint-width-lg-light: 1440px;
|
|
9
|
+
|
|
6
10
|
@mixin calcite-theme-light() {
|
|
7
11
|
--calcite-core-font-font-size-6: 26px;
|
|
8
12
|
--calcite-breakpoint-width-lg: 1440px;
|
|
9
|
-
}
|
|
13
|
+
}
|
|
@@ -1,8 +1,39 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 09 May 2023 17:45:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
$ui-brand-dark: #009af2;
|
|
8
|
+
$ui-brand-hover-dark: #007ac2;
|
|
9
|
+
$ui-brand-press-dark: #00619b;
|
|
10
|
+
$ui-background-1-dark: #353535;
|
|
11
|
+
$ui-foreground-1-dark: #2b2b2b;
|
|
12
|
+
$ui-foreground-2-dark: #202020;
|
|
13
|
+
$ui-foreground-3-dark: #214155;
|
|
14
|
+
$ui-text-1-dark: #ffffff;
|
|
15
|
+
$ui-text-2-dark: #bfbfbf;
|
|
16
|
+
$ui-text-3-dark: #9f9f9f;
|
|
17
|
+
$ui-text-inverse-dark: #151515;
|
|
18
|
+
$ui-text-link-dark: #00A0FF;
|
|
19
|
+
$ui-border-1-dark: #555555;
|
|
20
|
+
$ui-border-2-dark: #4a4a4a;
|
|
21
|
+
$ui-border-3-dark: #404040;
|
|
22
|
+
$ui-border-input-dark: #757575;
|
|
23
|
+
$ui-info-dark: #00A0FF;
|
|
24
|
+
$ui-info-hover-dark: #3db8ff;
|
|
25
|
+
$ui-info-press-dark: #009af2;
|
|
26
|
+
$ui-success-dark: #36DA43;
|
|
27
|
+
$ui-success-hover-dark: #3bed52;
|
|
28
|
+
$ui-success-press-dark: #00b81b;
|
|
29
|
+
$ui-warning-dark: #FFC900;
|
|
30
|
+
$ui-warning-hover-dark: #ffee33;
|
|
31
|
+
$ui-warning-press-dark: #f5d000;
|
|
32
|
+
$ui-danger-dark: #FE583E;
|
|
33
|
+
$ui-danger-hover-dark: #ff0015;
|
|
34
|
+
$ui-danger-press-dark: #d90012;
|
|
35
|
+
$ui-inverse-dark: #f8f8f8;
|
|
36
|
+
|
|
6
37
|
@mixin calcite-theme-dark() {
|
|
7
38
|
--calcite-ui-brand: #009af2;
|
|
8
39
|
--calcite-ui-brand-hover: #007ac2;
|
|
@@ -501,4 +532,4 @@
|
|
|
501
532
|
--calcite-ui-component-fab-border-neutral-solid: #f8f8f8;
|
|
502
533
|
--calcite-ui-component-fab-border-danger-outline-fill: #FE583E;
|
|
503
534
|
--calcite-ui-component-fab-border-danger-solid: #FE583E;
|
|
504
|
-
}
|
|
535
|
+
}
|
|
@@ -1,8 +1,385 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 09 May 2023 17:45:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
$z-index-popup: 900;
|
|
8
|
+
$z-index-modal: 800;
|
|
9
|
+
$z-index-overlay: 700;
|
|
10
|
+
$z-index-dropdown: 600;
|
|
11
|
+
$z-index-toast: 500;
|
|
12
|
+
$z-index-header: 400;
|
|
13
|
+
$z-index-sticky: 300;
|
|
14
|
+
$z-index: 1;
|
|
15
|
+
$z-index-deep: -999999;
|
|
16
|
+
$breakpoint-cols-lg: 24; // columns
|
|
17
|
+
$breakpoint-cols-md: 24; // columns
|
|
18
|
+
$breakpoint-cols-sm: 12; // columns
|
|
19
|
+
$breakpoint-cols-xs: 6; // columns
|
|
20
|
+
$breakpoint-content-fixed: 1440px; // only for lg breakpoint fixed grid width
|
|
21
|
+
$breakpoint-content-fluid: 100%; // for fluid grid widths
|
|
22
|
+
$breakpoint-width-lg: 1440px; // min-width size
|
|
23
|
+
$breakpoint-width-md: 1152px; // min-width size
|
|
24
|
+
$breakpoint-width-sm: 768px; // min-width size
|
|
25
|
+
$breakpoint-width-xs: 476px; // min-width size
|
|
26
|
+
$spacing-none: 0px;
|
|
27
|
+
$spacing-28: 288px;
|
|
28
|
+
$spacing-27: 256px;
|
|
29
|
+
$spacing-26: 224px;
|
|
30
|
+
$spacing-25: 192px;
|
|
31
|
+
$spacing-24: 160px;
|
|
32
|
+
$spacing-23: 144px;
|
|
33
|
+
$spacing-22: 128px;
|
|
34
|
+
$spacing-21: 112px;
|
|
35
|
+
$spacing-20: 96px;
|
|
36
|
+
$spacing-19: 80px;
|
|
37
|
+
$spacing-18: 72px;
|
|
38
|
+
$spacing-17: 64px;
|
|
39
|
+
$spacing-16: 56px;
|
|
40
|
+
$spacing-15: 48px;
|
|
41
|
+
$spacing-14: 44px;
|
|
42
|
+
$spacing-13: 40px;
|
|
43
|
+
$spacing-12: 36px;
|
|
44
|
+
$spacing-11: 32px;
|
|
45
|
+
$spacing-10: 28px;
|
|
46
|
+
$spacing-9: 24px;
|
|
47
|
+
$spacing-8: 20px;
|
|
48
|
+
$spacing-7: 16px;
|
|
49
|
+
$spacing-6: 14px;
|
|
50
|
+
$spacing-5: 12px;
|
|
51
|
+
$spacing-4: 10px;
|
|
52
|
+
$spacing-3: 8px;
|
|
53
|
+
$spacing-2: 6px;
|
|
54
|
+
$spacing-1: 4px;
|
|
55
|
+
$spacing-0: 2px;
|
|
56
|
+
$sizing-none: 0px;
|
|
57
|
+
$sizing-28: 288px;
|
|
58
|
+
$sizing-27: 256px;
|
|
59
|
+
$sizing-26: 224px;
|
|
60
|
+
$sizing-25: 192px;
|
|
61
|
+
$sizing-24: 160px;
|
|
62
|
+
$sizing-23: 144px;
|
|
63
|
+
$sizing-22: 128px;
|
|
64
|
+
$sizing-21: 112px;
|
|
65
|
+
$sizing-20: 96px;
|
|
66
|
+
$sizing-19: 80px;
|
|
67
|
+
$sizing-18: 72px;
|
|
68
|
+
$sizing-17: 64px;
|
|
69
|
+
$sizing-16: 56px;
|
|
70
|
+
$sizing-15: 48px;
|
|
71
|
+
$sizing-14: 44px;
|
|
72
|
+
$sizing-13: 40px;
|
|
73
|
+
$sizing-12: 36px;
|
|
74
|
+
$sizing-11: 32px;
|
|
75
|
+
$sizing-10: 28px;
|
|
76
|
+
$sizing-9: 24px;
|
|
77
|
+
$sizing-8: 20px;
|
|
78
|
+
$sizing-7: 16px;
|
|
79
|
+
$sizing-6: 14px;
|
|
80
|
+
$sizing-5: 12px;
|
|
81
|
+
$sizing-4: 10px;
|
|
82
|
+
$sizing-3: 8px;
|
|
83
|
+
$sizing-2: 6px;
|
|
84
|
+
$sizing-1: 4px;
|
|
85
|
+
$sizing-0: 2px;
|
|
86
|
+
$d-bb-430: #0087D7;
|
|
87
|
+
$d-bb-420: #00A0FF;
|
|
88
|
+
$d-bb-410: #47BBFF;
|
|
89
|
+
$d-rr-430: #F3381B;
|
|
90
|
+
$d-rr-420: #FE583E;
|
|
91
|
+
$d-rr-410: #FF7465;
|
|
92
|
+
$d-yy-430: #F4B000;
|
|
93
|
+
$d-yy-420: #FFC900;
|
|
94
|
+
$d-yy-410: #FFE24D;
|
|
95
|
+
$d-gg-430: #36DA43;
|
|
96
|
+
$d-gg-420: #36DA43;
|
|
97
|
+
$d-gg-410: #44ED51;
|
|
98
|
+
$v-vv-180: #6a0be6;
|
|
99
|
+
$v-vv-160: #8129ff;
|
|
100
|
+
$v-vv-140: #974dff;
|
|
101
|
+
$v-vv-120: #b580ff;
|
|
102
|
+
$v-vr-180: #83009e;
|
|
103
|
+
$v-vr-160: #ac08cc;
|
|
104
|
+
$v-vr-140: #dd33ff;
|
|
105
|
+
$v-vr-120: #ea80ff;
|
|
106
|
+
$v-pk-180: #c00073;
|
|
107
|
+
$v-pk-160: #d11486;
|
|
108
|
+
$v-pk-140: #ff19a4;
|
|
109
|
+
$v-pk-120: #ff66c2;
|
|
110
|
+
$v-rr-180: #b3000f;
|
|
111
|
+
$v-rr-160: #d90012;
|
|
112
|
+
$v-rr-140: #ff0015;
|
|
113
|
+
$v-rr-120: #ff624d;
|
|
114
|
+
$v-ro-180: #c93b00;
|
|
115
|
+
$v-ro-160: #de4300;
|
|
116
|
+
$v-ro-140: #ff4d00;
|
|
117
|
+
$v-ro-120: #ff824d;
|
|
118
|
+
$v-oy-180: #d17300;
|
|
119
|
+
$v-oy-160: #e68600;
|
|
120
|
+
$v-oy-140: #ff9500;
|
|
121
|
+
$v-oy-120: #ffb54d;
|
|
122
|
+
$v-yy-180: #ebba17;
|
|
123
|
+
$v-yy-160: #f5d000;
|
|
124
|
+
$v-yy-140: #ffee33;
|
|
125
|
+
$v-yy-120: #fff766;
|
|
126
|
+
$v-yg-180: #7fab00;
|
|
127
|
+
$v-yg-160: #96cc00;
|
|
128
|
+
$v-yg-140: #bbed3b;
|
|
129
|
+
$v-yg-120: #d7ff73;
|
|
130
|
+
$v-gg-180: #00a118;
|
|
131
|
+
$v-gg-160: #00b81b;
|
|
132
|
+
$v-gg-140: #3bed52;
|
|
133
|
+
$v-gg-120: #73ff84;
|
|
134
|
+
$v-gb-180: #00cfca;
|
|
135
|
+
$v-gb-160: #00e6e2;
|
|
136
|
+
$v-gb-140: #00f7f3;
|
|
137
|
+
$v-gb-120: #59fffc;
|
|
138
|
+
$v-bb-180: #009af2;
|
|
139
|
+
$v-bb-160: #009af2;
|
|
140
|
+
$v-bb-140: #3db8ff;
|
|
141
|
+
$v-bb-120: #59d6ff;
|
|
142
|
+
$h-vv-100: #100026;
|
|
143
|
+
$h-vv-090: #250f43;
|
|
144
|
+
$h-vv-080: #3a1e61;
|
|
145
|
+
$h-vv-070: #4e2c7e;
|
|
146
|
+
$h-vv-060: #633b9b;
|
|
147
|
+
$h-vv-050: #7e5baf;
|
|
148
|
+
$h-vv-040: #987ac3;
|
|
149
|
+
$h-vv-030: #b39ad7;
|
|
150
|
+
$h-vv-020: #cdb9eb;
|
|
151
|
+
$h-vv-010: #e8d9ff;
|
|
152
|
+
$h-vr-100: #200026;
|
|
153
|
+
$h-vr-090: #3c1243;
|
|
154
|
+
$h-vr-080: #572561;
|
|
155
|
+
$h-vr-070: #73377e;
|
|
156
|
+
$h-vr-060: #8e499b;
|
|
157
|
+
$h-vr-050: #a466af;
|
|
158
|
+
$h-vr-040: #b983c3;
|
|
159
|
+
$h-vr-030: #cfa1d7;
|
|
160
|
+
$h-vr-020: #e4beeb;
|
|
161
|
+
$h-vr-010: #fadbff;
|
|
162
|
+
$h-pk-100: #260404;
|
|
163
|
+
$h-pk-090: #590b32;
|
|
164
|
+
$h-pk-080: #851b52;
|
|
165
|
+
$h-pk-070: #ba2f7e;
|
|
166
|
+
$h-pk-060: #e04ea6;
|
|
167
|
+
$h-pk-050: #e673bb;
|
|
168
|
+
$h-pk-040: #eb8dc9;
|
|
169
|
+
$h-pk-030: #f2a5d6;
|
|
170
|
+
$h-pk-020: #fabee4;
|
|
171
|
+
$h-pk-010: #ffd1ef;
|
|
172
|
+
$h-rr-100: #210300;
|
|
173
|
+
$h-rr-090: #4f0e08;
|
|
174
|
+
$h-rr-080: #7c1d13;
|
|
175
|
+
$h-rr-070: #a82b1e;
|
|
176
|
+
$h-rr-060: #d83020;
|
|
177
|
+
$h-rr-050: #e65240;
|
|
178
|
+
$h-rr-040: #f07062;
|
|
179
|
+
$h-rr-030: #f2877b;
|
|
180
|
+
$h-rr-020: #ffaaa1;
|
|
181
|
+
$h-rr-010: #ffc6bf;
|
|
182
|
+
$h-ro-100: #260a00;
|
|
183
|
+
$h-ro-090: #531b07;
|
|
184
|
+
$h-ro-080: #802c0f;
|
|
185
|
+
$h-ro-070: #ad3c16;
|
|
186
|
+
$h-ro-060: #da4d1e;
|
|
187
|
+
$h-ro-050: #e1653c;
|
|
188
|
+
$h-ro-040: #e97e5a;
|
|
189
|
+
$h-ro-030: #f09677;
|
|
190
|
+
$h-ro-020: #f8af95;
|
|
191
|
+
$h-ro-010: #ffc7b3;
|
|
192
|
+
$h-oo-100: #401900;
|
|
193
|
+
$h-oo-090: #6d2f08;
|
|
194
|
+
$h-oo-080: #9a4410;
|
|
195
|
+
$h-oo-070: #c65a18;
|
|
196
|
+
$h-oo-060: #f36f20;
|
|
197
|
+
$h-oo-050: #f58440;
|
|
198
|
+
$h-oo-040: #f89960;
|
|
199
|
+
$h-oo-030: #faae7f;
|
|
200
|
+
$h-oo-020: #fdc39f;
|
|
201
|
+
$h-oo-010: #ffd8bf;
|
|
202
|
+
$h-oy-100: #402300;
|
|
203
|
+
$h-oy-090: #6d3f08;
|
|
204
|
+
$h-oy-080: #9a5b10;
|
|
205
|
+
$h-oy-070: #c67718;
|
|
206
|
+
$h-oy-060: #f89927;
|
|
207
|
+
$h-oy-050: #f9a845;
|
|
208
|
+
$h-oy-040: #fbb664;
|
|
209
|
+
$h-oy-030: #fcc582;
|
|
210
|
+
$h-oy-020: #fed3a1;
|
|
211
|
+
$h-oy-010: #ffe2bf;
|
|
212
|
+
$h-yy-100: #5c4e00;
|
|
213
|
+
$h-yy-090: #8c7500;
|
|
214
|
+
$h-yy-080: #bfa200;
|
|
215
|
+
$h-yy-070: #d9bc00;
|
|
216
|
+
$h-yy-060: #edd317;
|
|
217
|
+
$h-yy-050: #f9e54e;
|
|
218
|
+
$h-yy-040: #fbea6e;
|
|
219
|
+
$h-yy-030: #fcee8d;
|
|
220
|
+
$h-yy-020: #fef3ad;
|
|
221
|
+
$h-yy-010: #fff7cc;
|
|
222
|
+
$h-yg-100: #121a00;
|
|
223
|
+
$h-yg-090: #384813;
|
|
224
|
+
$h-yg-080: #5e7526;
|
|
225
|
+
$h-yg-070: #84a338;
|
|
226
|
+
$h-yg-060: #aad04b;
|
|
227
|
+
$h-yg-050: #b6d860;
|
|
228
|
+
$h-yg-040: #c2e075;
|
|
229
|
+
$h-yg-030: #cde78a;
|
|
230
|
+
$h-yg-020: #d9ef9f;
|
|
231
|
+
$h-yg-010: #e5f7b4;
|
|
232
|
+
$h-gg-100: #001a03;
|
|
233
|
+
$h-gg-090: #0d3f14;
|
|
234
|
+
$h-gg-080: #1a6324;
|
|
235
|
+
$h-gg-070: #288835;
|
|
236
|
+
$h-gg-060: #35ac46;
|
|
237
|
+
$h-gg-050: #50ba5f;
|
|
238
|
+
$h-gg-040: #6bc878;
|
|
239
|
+
$h-gg-030: #87d692;
|
|
240
|
+
$h-gg-020: #a2e4ab;
|
|
241
|
+
$h-gg-010: #bdf2c4;
|
|
242
|
+
$h-gb-100: #002625;
|
|
243
|
+
$h-gb-090: #004d4c;
|
|
244
|
+
$h-gb-080: #007472;
|
|
245
|
+
$h-gb-070: #009b98;
|
|
246
|
+
$h-gb-060: #00bab5;
|
|
247
|
+
$h-gb-050: #28cecb;
|
|
248
|
+
$h-gb-040: #5ae0de;
|
|
249
|
+
$h-gb-030: #8fe6e5;
|
|
250
|
+
$h-gb-020: #afedec;
|
|
251
|
+
$h-gb-010: #cef5f4;
|
|
252
|
+
$h-bb-100: #001726;
|
|
253
|
+
$h-bb-090: #00304d;
|
|
254
|
+
$h-bb-080: #004874;
|
|
255
|
+
$h-bb-070: #00619b;
|
|
256
|
+
$h-bb-060: #007ac2;
|
|
257
|
+
$h-bb-050: #2890ce;
|
|
258
|
+
$h-bb-040: #50a7da;
|
|
259
|
+
$h-bb-030: #77bde7;
|
|
260
|
+
$h-bb-020: #9fd4f3;
|
|
261
|
+
$h-bb-010: #c7eaff;
|
|
262
|
+
$blk-240: #000000;
|
|
263
|
+
$blk-235: #060606;
|
|
264
|
+
$blk-230: #0b0b0b;
|
|
265
|
+
$blk-220: #151515;
|
|
266
|
+
$blk-210: #202020;
|
|
267
|
+
$blk-200: #2b2b2b;
|
|
268
|
+
$blk-190: #353535;
|
|
269
|
+
$blk-180: #404040;
|
|
270
|
+
$blk-170: #4a4a4a;
|
|
271
|
+
$blk-160: #555555;
|
|
272
|
+
$blk-150: #606060;
|
|
273
|
+
$blk-140: #6a6a6a;
|
|
274
|
+
$blk-130: #757575;
|
|
275
|
+
$blk-120: #808080;
|
|
276
|
+
$blk-110: #8a8a8a;
|
|
277
|
+
$blk-100: #949494;
|
|
278
|
+
$blk-090: #9f9f9f;
|
|
279
|
+
$blk-080: #aaaaaa;
|
|
280
|
+
$blk-070: #b5b5b5;
|
|
281
|
+
$blk-060: #bfbfbf;
|
|
282
|
+
$blk-050: #cacaca;
|
|
283
|
+
$blk-040: #d4d4d4;
|
|
284
|
+
$blk-030: #dfdfdf;
|
|
285
|
+
$blk-020: #eaeaea;
|
|
286
|
+
$blk-010: #f3f3f3;
|
|
287
|
+
$blk-005: #f8f8f8;
|
|
288
|
+
$blk-000: #ffffff;
|
|
289
|
+
$opacity-100: 1;
|
|
290
|
+
$opacity-96: 0.96;
|
|
291
|
+
$opacity-92: 0.92;
|
|
292
|
+
$opacity-90: 0.9;
|
|
293
|
+
$opacity-85: 0.85;
|
|
294
|
+
$opacity-80: 0.8;
|
|
295
|
+
$opacity-70: 0.7;
|
|
296
|
+
$opacity-60: 0.6;
|
|
297
|
+
$opacity-50: 0.5;
|
|
298
|
+
$opacity-40: 0.4;
|
|
299
|
+
$opacity-30: 0.3;
|
|
300
|
+
$opacity-20: 0.2;
|
|
301
|
+
$opacity-10: 0.1;
|
|
302
|
+
$opacity-8: 0.08;
|
|
303
|
+
$opacity-4: 0.04;
|
|
304
|
+
$opacity-0: 0;
|
|
305
|
+
$border-border-width-none: 0px;
|
|
306
|
+
$border-border-width-4: 8px;
|
|
307
|
+
$border-border-width-3: 6px;
|
|
308
|
+
$border-border-width-2: 4px;
|
|
309
|
+
$border-border-width-1: 2px;
|
|
310
|
+
$border-border-width-0: 1px;
|
|
311
|
+
$border-border-radius-full: 9999px;
|
|
312
|
+
$border-border-radius-half: 50%;
|
|
313
|
+
$border-border-radius-none: 0px;
|
|
314
|
+
$border-border-radius-6: 24px;
|
|
315
|
+
$border-border-radius-5: 16px;
|
|
316
|
+
$border-border-radius-4: 12px;
|
|
317
|
+
$border-border-radius-3: 8px;
|
|
318
|
+
$border-border-radius-2: 6px;
|
|
319
|
+
$border-border-radius-1: 4px;
|
|
320
|
+
$border-border-radius-0: 2px;
|
|
321
|
+
$text-case-capitalize: capitalize;
|
|
322
|
+
$text-case-lowercase: lowercase;
|
|
323
|
+
$text-case-uppercase: uppercase;
|
|
324
|
+
$text-case-none: none;
|
|
325
|
+
$text-decoration-underline: underline;
|
|
326
|
+
$text-decoration-none: none;
|
|
327
|
+
$paragraph-spacing-normal: 10px;
|
|
328
|
+
$letter-spacing-wide: 0.4px;
|
|
329
|
+
$letter-spacing-normal: 0px;
|
|
330
|
+
$letter-spacing-tight: -0.4px;
|
|
331
|
+
$font-size-15: 120px;
|
|
332
|
+
$font-size-14: 96px;
|
|
333
|
+
$font-size-13: 80px;
|
|
334
|
+
$font-size-12: 72px;
|
|
335
|
+
$font-size-11: 64px;
|
|
336
|
+
$font-size-10: 56px;
|
|
337
|
+
$font-size-9: 48px;
|
|
338
|
+
$font-size-8: 40px;
|
|
339
|
+
$font-size-7: 32px;
|
|
340
|
+
$font-size-6: 24px;
|
|
341
|
+
$font-size-5: 20px;
|
|
342
|
+
$font-size-4: 18px;
|
|
343
|
+
$font-size-3: 16px;
|
|
344
|
+
$font-size-2: 14px;
|
|
345
|
+
$font-size-1: 12px;
|
|
346
|
+
$font-size-0: 10px;
|
|
347
|
+
$line-height-relative-loose: 2; // 2
|
|
348
|
+
$line-height-relative-relaxed: 1.625; // 1.625
|
|
349
|
+
$line-height-relative-normal: 1.5; // 1.5
|
|
350
|
+
$line-height-relative-snug: 1.375; // 1.375
|
|
351
|
+
$line-height-relative-tight: 1.25; // 1.25
|
|
352
|
+
$line-height-relative: auto; // 1
|
|
353
|
+
$line-height-fixed-12: 80px;
|
|
354
|
+
$line-height-fixed-11: 72px;
|
|
355
|
+
$line-height-fixed-10: 64px;
|
|
356
|
+
$line-height-fixed-9: 56px;
|
|
357
|
+
$line-height-fixed-8: 48px;
|
|
358
|
+
$line-height-fixed-7: 40px;
|
|
359
|
+
$line-height-fixed-6: 36px;
|
|
360
|
+
$line-height-fixed-5: 32px;
|
|
361
|
+
$line-height-fixed-4: 28px;
|
|
362
|
+
$line-height-fixed-3: 24px;
|
|
363
|
+
$line-height-fixed-2: 20px;
|
|
364
|
+
$line-height-fixed-1: 16px;
|
|
365
|
+
$line-height-fixed-0: 12px;
|
|
366
|
+
$font-weight-heavy: 900;
|
|
367
|
+
$font-weight-black: 900; // only for Avenir Next World (secondary font family)
|
|
368
|
+
$font-weight-extrabold: 800; // only for Avenir Next World (secondary font family)
|
|
369
|
+
$font-weight-bold: 700;
|
|
370
|
+
$font-weight-demi: 600;
|
|
371
|
+
$font-weight-medium-italic: "Medium Italic";
|
|
372
|
+
$font-weight-medium: 500;
|
|
373
|
+
$font-weight-regular: 400;
|
|
374
|
+
$font-weight-light: 300; // only for Avenir Next World (secondary font family)
|
|
375
|
+
$font-weight-thin: 100;
|
|
376
|
+
$font-weight-ultralight: 200; // only for Avenir Next World (secondary font family)
|
|
377
|
+
$font-family-code: Monaco;
|
|
378
|
+
$font-family-secondary: "Avenir Next World";
|
|
379
|
+
$font-family-primary: "Avenir Next LT Pro";
|
|
380
|
+
$breakpoint-gutter: 16px;
|
|
381
|
+
$breakpoint-margin: 24px;
|
|
382
|
+
|
|
6
383
|
@mixin calcite-theme-headless() {
|
|
7
384
|
--calcite-semantic-ui-color-foreground-current-dark: #214155;
|
|
8
385
|
--calcite-core-z-index-popup: 900;
|
|
@@ -368,16 +745,16 @@
|
|
|
368
745
|
--calcite-core-font-font-weight-black: 900; /* only for Avenir Next World (secondary font family) */
|
|
369
746
|
--calcite-core-font-font-weight-extrabold: 800; /* only for Avenir Next World (secondary font family) */
|
|
370
747
|
--calcite-core-font-font-weight-bold: 700;
|
|
371
|
-
--calcite-core-font-font-weight-demi:
|
|
372
|
-
--calcite-core-font-font-weight-medium-italic: Medium Italic;
|
|
748
|
+
--calcite-core-font-font-weight-demi: 600;
|
|
749
|
+
--calcite-core-font-font-weight-medium-italic: "Medium Italic";
|
|
373
750
|
--calcite-core-font-font-weight-medium: 500;
|
|
374
751
|
--calcite-core-font-font-weight-regular: 400;
|
|
375
752
|
--calcite-core-font-font-weight-light: 300; /* only for Avenir Next World (secondary font family) */
|
|
376
753
|
--calcite-core-font-font-weight-thin: 100;
|
|
377
754
|
--calcite-core-font-font-weight-ultralight: 200; /* only for Avenir Next World (secondary font family) */
|
|
378
755
|
--calcite-core-font-font-family-code: Monaco;
|
|
379
|
-
--calcite-core-font-font-family-secondary: Avenir Next World;
|
|
380
|
-
--calcite-core-font-font-family-primary: Avenir Next LT Pro;
|
|
756
|
+
--calcite-core-font-font-family-secondary: "Avenir Next World";
|
|
757
|
+
--calcite-core-font-font-family-primary: "Avenir Next LT Pro";
|
|
381
758
|
--calcite-slider-histogram-area-active-background-dark: #8DCEF7;
|
|
382
759
|
--calcite-slider-histogram-area-active-background-light: #9BBDDF;
|
|
383
760
|
--calcite-slider-histogram-range-area-active-background-dark: #8DCEF7;
|
|
@@ -1503,9 +1880,9 @@
|
|
|
1503
1880
|
--calcite-accordion-item-icon-size-lg: var(--calcite-core-sizing-9);
|
|
1504
1881
|
--calcite-accordion-item-icon-size-md: var(--calcite-core-sizing-7);
|
|
1505
1882
|
--calcite-accordion-item-icon-size-sm: var(--calcite-core-sizing-7);
|
|
1506
|
-
--calcite-semantic-spacing-xl: var(--calcite-semantic-spacing-base) *10;
|
|
1883
|
+
--calcite-semantic-spacing-xl: "var(--calcite-semantic-spacing-base) *10";
|
|
1507
1884
|
--calcite-semantic-spacing-lg: 16px;
|
|
1508
|
-
--calcite-semantic-spacing-md: var(--calcite-semantic-spacing-base) *6;
|
|
1885
|
+
--calcite-semantic-spacing-md: "var(--calcite-semantic-spacing-base) *6";
|
|
1509
1886
|
--calcite-semantic-spacing-sm: 8px;
|
|
1510
1887
|
--calcite-semantic-spacing-xs: 4px;
|
|
1511
1888
|
--calcite-semantic-ui-border-border-radius: var(--calcite-semantic-border-border-radius-sharp);
|
|
@@ -2589,4 +2966,4 @@
|
|
|
2589
2966
|
--calcite-accordion-item-font-description-light: var(--calcite-semantic-ui-color-text-3-light);
|
|
2590
2967
|
--calcite-accordion-item-font-heading-dark: var(--calcite-semantic-ui-color-text-1-dark);
|
|
2591
2968
|
--calcite-accordion-item-font-heading-light: var(--calcite-semantic-ui-color-text-1-light);
|
|
2592
|
-
}
|
|
2969
|
+
}
|
|
@@ -1,8 +1,39 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 09 May 2023 17:45:26 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
$ui-brand-light: #007ac2;
|
|
8
|
+
$ui-brand-hover-light: #00619b;
|
|
9
|
+
$ui-brand-press-light: #004874;
|
|
10
|
+
$ui-background-1-light: #f8f8f8;
|
|
11
|
+
$ui-foreground-1-light: #ffffff;
|
|
12
|
+
$ui-foreground-2-light: #f3f3f3;
|
|
13
|
+
$ui-foreground-3-light: #c7eaff;
|
|
14
|
+
$ui-text-1-light: #151515;
|
|
15
|
+
$ui-text-2-light: #4a4a4a;
|
|
16
|
+
$ui-text-3-light: #6a6a6a;
|
|
17
|
+
$ui-text-inverse-light: #ffffff;
|
|
18
|
+
$ui-text-link-light: #00619b;
|
|
19
|
+
$ui-border-1-light: #cacaca;
|
|
20
|
+
$ui-border-2-light: #d4d4d4;
|
|
21
|
+
$ui-border-3-light: #dfdfdf;
|
|
22
|
+
$ui-border-input-light: #949494;
|
|
23
|
+
$ui-info-light: #00619b;
|
|
24
|
+
$ui-info-hover-light: #004874;
|
|
25
|
+
$ui-info-press-light: #00304d;
|
|
26
|
+
$ui-success-light: #35ac46;
|
|
27
|
+
$ui-success-hover-light: #288835;
|
|
28
|
+
$ui-success-press-light: #1a6324;
|
|
29
|
+
$ui-warning-light: #edd317;
|
|
30
|
+
$ui-warning-hover-light: #d9bc00;
|
|
31
|
+
$ui-warning-press-light: #bfa200;
|
|
32
|
+
$ui-danger-light: #d83020;
|
|
33
|
+
$ui-danger-hover-light: #a82b1e;
|
|
34
|
+
$ui-danger-press-light: #7c1d13;
|
|
35
|
+
$ui-inverse-light: #353535;
|
|
36
|
+
|
|
6
37
|
@mixin calcite-theme-light() {
|
|
7
38
|
--calcite-ui-brand: #007ac2;
|
|
8
39
|
--calcite-ui-brand-hover: #00619b;
|
|
@@ -504,4 +535,4 @@
|
|
|
504
535
|
--calcite-ui-component-fab-border-neutral-solid: #353535;
|
|
505
536
|
--calcite-ui-component-fab-border-danger-outline-fill: #d83020;
|
|
506
537
|
--calcite-ui-component-fab-border-danger-solid: #d83020;
|
|
507
|
-
}
|
|
538
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@esri/calcite-design-tokens",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.1",
|
|
4
4
|
"description": "Esri's Calcite Design System Tokens",
|
|
5
5
|
"homepage": "https://github.com/Esri/calcite-design-tokens",
|
|
6
6
|
"keywords": [
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
},
|
|
34
34
|
"repository": {
|
|
35
35
|
"type": "git",
|
|
36
|
-
"url": "git://github.com/Esri/calcite-
|
|
36
|
+
"url": "git://github.com/Esri/calcite-design-tokens.git"
|
|
37
37
|
},
|
|
38
38
|
"author": {
|
|
39
39
|
"name": "Esri"
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
],
|
|
63
63
|
"license": "SEE LICENSE IN README.md",
|
|
64
64
|
"bugs": {
|
|
65
|
-
"url": "https://github.com/
|
|
65
|
+
"url": "https://github.com/Esri/calcite-design-tokens/issues"
|
|
66
66
|
},
|
|
67
67
|
"scripts": {
|
|
68
68
|
"build:tokens": "node bin/run.js",
|