@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/core.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;
|
|
@@ -23,108 +23,6 @@ declare interface DesignToken {
|
|
|
23
23
|
|
|
24
24
|
declare const tokens: {
|
|
25
25
|
"core": {
|
|
26
|
-
"font": {
|
|
27
|
-
"family": {
|
|
28
|
-
"primary": DesignToken,
|
|
29
|
-
"secondary": DesignToken,
|
|
30
|
-
"code": DesignToken
|
|
31
|
-
},
|
|
32
|
-
"style": {
|
|
33
|
-
"italic": DesignToken
|
|
34
|
-
},
|
|
35
|
-
"weight": {
|
|
36
|
-
"ultralight": DesignToken,
|
|
37
|
-
"thin": DesignToken,
|
|
38
|
-
"light": DesignToken,
|
|
39
|
-
"regular": DesignToken,
|
|
40
|
-
"medium": DesignToken,
|
|
41
|
-
"medium-italic": DesignToken,
|
|
42
|
-
"demi": DesignToken,
|
|
43
|
-
"bold": DesignToken,
|
|
44
|
-
"extrabold": DesignToken,
|
|
45
|
-
"black": DesignToken,
|
|
46
|
-
"heavy": DesignToken
|
|
47
|
-
},
|
|
48
|
-
"line-height": {
|
|
49
|
-
"fixed": {
|
|
50
|
-
"0": DesignToken,
|
|
51
|
-
"1": DesignToken,
|
|
52
|
-
"2": DesignToken,
|
|
53
|
-
"3": DesignToken,
|
|
54
|
-
"4": DesignToken,
|
|
55
|
-
"5": DesignToken,
|
|
56
|
-
"6": DesignToken,
|
|
57
|
-
"7": DesignToken,
|
|
58
|
-
"8": DesignToken,
|
|
59
|
-
"9": DesignToken,
|
|
60
|
-
"10": DesignToken,
|
|
61
|
-
"11": DesignToken,
|
|
62
|
-
"12": DesignToken
|
|
63
|
-
},
|
|
64
|
-
"relative": {
|
|
65
|
-
"default": DesignToken,
|
|
66
|
-
"tight": DesignToken,
|
|
67
|
-
"snug": DesignToken,
|
|
68
|
-
"normal": DesignToken,
|
|
69
|
-
"relaxed": DesignToken,
|
|
70
|
-
"loose": DesignToken
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
"size": {
|
|
74
|
-
"0": DesignToken,
|
|
75
|
-
"1": DesignToken,
|
|
76
|
-
"2": DesignToken,
|
|
77
|
-
"3": DesignToken,
|
|
78
|
-
"4": DesignToken,
|
|
79
|
-
"5": DesignToken,
|
|
80
|
-
"6": DesignToken,
|
|
81
|
-
"7": DesignToken,
|
|
82
|
-
"8": DesignToken,
|
|
83
|
-
"9": DesignToken,
|
|
84
|
-
"10": DesignToken,
|
|
85
|
-
"11": DesignToken,
|
|
86
|
-
"12": DesignToken,
|
|
87
|
-
"13": DesignToken,
|
|
88
|
-
"14": DesignToken,
|
|
89
|
-
"15": DesignToken
|
|
90
|
-
},
|
|
91
|
-
"letter-spacing": {
|
|
92
|
-
"tight": DesignToken,
|
|
93
|
-
"normal": DesignToken,
|
|
94
|
-
"wide": DesignToken
|
|
95
|
-
},
|
|
96
|
-
"paragraph-spacing": {
|
|
97
|
-
"normal": DesignToken
|
|
98
|
-
},
|
|
99
|
-
"text-decoration": {
|
|
100
|
-
"none": DesignToken,
|
|
101
|
-
"underline": DesignToken
|
|
102
|
-
},
|
|
103
|
-
"text-case": {
|
|
104
|
-
"none": DesignToken,
|
|
105
|
-
"uppercase": DesignToken,
|
|
106
|
-
"lowercase": DesignToken,
|
|
107
|
-
"capitalize": DesignToken
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
"opacity": {
|
|
111
|
-
"0": DesignToken,
|
|
112
|
-
"4": DesignToken,
|
|
113
|
-
"8": DesignToken,
|
|
114
|
-
"10": DesignToken,
|
|
115
|
-
"20": DesignToken,
|
|
116
|
-
"30": DesignToken,
|
|
117
|
-
"40": DesignToken,
|
|
118
|
-
"50": DesignToken,
|
|
119
|
-
"60": DesignToken,
|
|
120
|
-
"70": DesignToken,
|
|
121
|
-
"80": DesignToken,
|
|
122
|
-
"85": DesignToken,
|
|
123
|
-
"90": DesignToken,
|
|
124
|
-
"92": DesignToken,
|
|
125
|
-
"96": DesignToken,
|
|
126
|
-
"100": DesignToken
|
|
127
|
-
},
|
|
128
26
|
"color": {
|
|
129
27
|
"neutral": {
|
|
130
28
|
"blk-000": DesignToken,
|
|
@@ -392,57 +290,122 @@ declare const tokens: {
|
|
|
392
290
|
}
|
|
393
291
|
}
|
|
394
292
|
},
|
|
293
|
+
"container-size": {
|
|
294
|
+
"0": DesignToken,
|
|
295
|
+
"154": DesignToken,
|
|
296
|
+
"320": DesignToken,
|
|
297
|
+
"328": DesignToken,
|
|
298
|
+
"476": DesignToken,
|
|
299
|
+
"504": DesignToken,
|
|
300
|
+
"678": DesignToken,
|
|
301
|
+
"768": DesignToken,
|
|
302
|
+
"854": DesignToken,
|
|
303
|
+
"1152": DesignToken,
|
|
304
|
+
"1440": DesignToken
|
|
305
|
+
},
|
|
306
|
+
"font": {
|
|
307
|
+
"family": {
|
|
308
|
+
"avenirNextPro": DesignToken,
|
|
309
|
+
"avenirNextWorld": DesignToken,
|
|
310
|
+
"monaco": DesignToken
|
|
311
|
+
},
|
|
312
|
+
"style": {
|
|
313
|
+
"italic": DesignToken
|
|
314
|
+
},
|
|
315
|
+
"weight": {
|
|
316
|
+
"ultralight": DesignToken,
|
|
317
|
+
"thin": DesignToken,
|
|
318
|
+
"light": DesignToken,
|
|
319
|
+
"regular": DesignToken,
|
|
320
|
+
"medium": DesignToken,
|
|
321
|
+
"medium-italic": DesignToken,
|
|
322
|
+
"demi": DesignToken,
|
|
323
|
+
"bold": DesignToken,
|
|
324
|
+
"extrabold": DesignToken,
|
|
325
|
+
"black": DesignToken,
|
|
326
|
+
"heavy": DesignToken
|
|
327
|
+
},
|
|
328
|
+
"text-decoration": {
|
|
329
|
+
"none": DesignToken,
|
|
330
|
+
"underline": DesignToken
|
|
331
|
+
},
|
|
332
|
+
"text-case": {
|
|
333
|
+
"none": DesignToken,
|
|
334
|
+
"uppercase": DesignToken,
|
|
335
|
+
"lowercase": DesignToken,
|
|
336
|
+
"capitalize": DesignToken
|
|
337
|
+
}
|
|
338
|
+
},
|
|
339
|
+
"opacity": {
|
|
340
|
+
"0": DesignToken,
|
|
341
|
+
"4": DesignToken,
|
|
342
|
+
"8": DesignToken,
|
|
343
|
+
"10": DesignToken,
|
|
344
|
+
"20": DesignToken,
|
|
345
|
+
"30": DesignToken,
|
|
346
|
+
"40": DesignToken,
|
|
347
|
+
"50": DesignToken,
|
|
348
|
+
"60": DesignToken,
|
|
349
|
+
"70": DesignToken,
|
|
350
|
+
"80": DesignToken,
|
|
351
|
+
"85": DesignToken,
|
|
352
|
+
"90": DesignToken,
|
|
353
|
+
"92": DesignToken,
|
|
354
|
+
"96": DesignToken,
|
|
355
|
+
"100": DesignToken
|
|
356
|
+
},
|
|
357
|
+
"shadow": {
|
|
358
|
+
"0": DesignToken,
|
|
359
|
+
"1": DesignToken,
|
|
360
|
+
"2": DesignToken,
|
|
361
|
+
"3": DesignToken,
|
|
362
|
+
"4": DesignToken
|
|
363
|
+
},
|
|
395
364
|
"size": {
|
|
396
365
|
"default": {
|
|
397
|
-
"0": DesignToken,
|
|
398
366
|
"1": DesignToken,
|
|
399
367
|
"2": DesignToken,
|
|
400
|
-
"3": DesignToken,
|
|
401
368
|
"4": DesignToken,
|
|
402
|
-
"5": DesignToken,
|
|
403
369
|
"6": DesignToken,
|
|
404
|
-
"7": DesignToken,
|
|
405
370
|
"8": DesignToken,
|
|
406
|
-
"9": DesignToken,
|
|
407
371
|
"10": DesignToken,
|
|
408
|
-
"11": DesignToken,
|
|
409
372
|
"12": DesignToken,
|
|
410
|
-
"13": DesignToken,
|
|
411
373
|
"14": DesignToken,
|
|
412
|
-
"15": DesignToken,
|
|
413
374
|
"16": DesignToken,
|
|
414
|
-
"17": DesignToken,
|
|
415
|
-
"18": DesignToken,
|
|
416
|
-
"19": DesignToken,
|
|
417
375
|
"20": DesignToken,
|
|
418
|
-
"21": DesignToken,
|
|
419
|
-
"22": DesignToken,
|
|
420
|
-
"23": DesignToken,
|
|
421
376
|
"24": DesignToken,
|
|
422
|
-
"25": DesignToken,
|
|
423
|
-
"26": DesignToken,
|
|
424
|
-
"27": DesignToken,
|
|
425
377
|
"28": DesignToken,
|
|
378
|
+
"32": DesignToken,
|
|
379
|
+
"36": DesignToken,
|
|
380
|
+
"40": DesignToken,
|
|
381
|
+
"44": DesignToken,
|
|
382
|
+
"48": DesignToken,
|
|
383
|
+
"56": DesignToken,
|
|
384
|
+
"64": DesignToken,
|
|
385
|
+
"72": DesignToken,
|
|
386
|
+
"80": DesignToken,
|
|
387
|
+
"96": DesignToken,
|
|
388
|
+
"112": DesignToken,
|
|
389
|
+
"128": DesignToken,
|
|
390
|
+
"144": DesignToken,
|
|
391
|
+
"160": DesignToken,
|
|
392
|
+
"192": DesignToken,
|
|
393
|
+
"224": DesignToken,
|
|
394
|
+
"256": DesignToken,
|
|
395
|
+
"288": DesignToken,
|
|
426
396
|
"none": DesignToken
|
|
427
397
|
},
|
|
428
398
|
"relative": {
|
|
429
|
-
"
|
|
430
|
-
"
|
|
399
|
+
"50": DesignToken,
|
|
400
|
+
"100": DesignToken,
|
|
401
|
+
"125": DesignToken,
|
|
402
|
+
"137": DesignToken,
|
|
403
|
+
"150": DesignToken,
|
|
404
|
+
"162": DesignToken,
|
|
405
|
+
"200": DesignToken,
|
|
406
|
+
"auto": DesignToken
|
|
431
407
|
}
|
|
432
408
|
},
|
|
433
|
-
"container-size": {
|
|
434
|
-
"0": DesignToken,
|
|
435
|
-
"154": DesignToken,
|
|
436
|
-
"320": DesignToken,
|
|
437
|
-
"328": DesignToken,
|
|
438
|
-
"476": DesignToken,
|
|
439
|
-
"504": DesignToken,
|
|
440
|
-
"678": DesignToken,
|
|
441
|
-
"768": DesignToken,
|
|
442
|
-
"854": DesignToken,
|
|
443
|
-
"1152": DesignToken,
|
|
444
|
-
"1440": DesignToken
|
|
445
|
-
},
|
|
446
409
|
"z-index": {
|
|
447
410
|
"0": DesignToken,
|
|
448
411
|
"1": DesignToken,
|
|
@@ -453,14 +416,6 @@ declare const tokens: {
|
|
|
453
416
|
"7": DesignToken,
|
|
454
417
|
"8": DesignToken,
|
|
455
418
|
"9": DesignToken
|
|
456
|
-
},
|
|
457
|
-
"box-shadow": {
|
|
458
|
-
"0": DesignToken,
|
|
459
|
-
"1": DesignToken,
|
|
460
|
-
"2": DesignToken,
|
|
461
|
-
"3": DesignToken,
|
|
462
|
-
"4": DesignToken,
|
|
463
|
-
"none": DesignToken
|
|
464
419
|
}
|
|
465
420
|
}
|
|
466
421
|
}
|