@esri/calcite-design-tokens 2.0.0 → 2.0.1-next.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/breakpoint.css +24 -24
- package/dist/css/classes.css +156 -211
- package/dist/css/core.css +308 -305
- package/dist/css/dark.css +42 -42
- package/dist/css/global.css +92 -90
- package/dist/css/index.css +207 -170
- package/dist/css/light.css +42 -42
- package/dist/docs/core.json +604 -2199
- package/dist/docs/global.json +398 -1422
- package/dist/es6/core.d.ts +12 -7
- package/dist/es6/core.js +2 -2
- package/dist/es6/global.d.ts +48 -25
- package/dist/es6/global.js +2 -2
- package/dist/js/core.d.ts +2 -2
- package/dist/js/core.js +6490 -7541
- package/dist/js/global.d.ts +2 -2
- package/dist/js/global.js +5654 -6478
- package/dist/scss/breakpoints.scss +11 -22
- package/dist/scss/core.scss +14 -14
- package/dist/scss/dark.scss +6 -6
- package/dist/scss/global.scss +6 -4
- package/dist/scss/index.scss +81 -85
- package/dist/scss/light.scss +1 -1
- package/dist/scss/mixins.scss +171 -226
- package/package.json +2 -2
package/dist/es6/core.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 07 Dec 2023 23:40:51 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const calciteColorNeutralBlk000 : string;
|
|
@@ -220,17 +220,22 @@ export const calciteContainerSize1440 : string;
|
|
|
220
220
|
export const calciteFontFamilyAvenirNextPro : string;
|
|
221
221
|
export const calciteFontFamilyAvenirNextWorld : string;
|
|
222
222
|
export const calciteFontFamilyMonaco : string;
|
|
223
|
-
|
|
224
|
-
export const
|
|
223
|
+
/** used in ratings */
|
|
224
|
+
export const calciteFontStyleItalic : string;
|
|
225
|
+
/** only for Avenir Next World (secondary font family) */
|
|
226
|
+
export const calciteFontWeightUltralight : string;
|
|
225
227
|
export const calciteFontWeightThin : string;
|
|
226
|
-
|
|
228
|
+
/** only for Avenir Next World (secondary font family) */
|
|
229
|
+
export const calciteFontWeightLight : string;
|
|
227
230
|
export const calciteFontWeightRegular : string;
|
|
228
231
|
export const calciteFontWeightMedium : string;
|
|
229
232
|
export const calciteFontWeightMediumItalic : string;
|
|
230
233
|
export const calciteFontWeightDemi : string;
|
|
231
234
|
export const calciteFontWeightBold : string;
|
|
232
|
-
|
|
233
|
-
export const
|
|
235
|
+
/** only for Avenir Next World (secondary font family) */
|
|
236
|
+
export const calciteFontWeightExtrabold : string;
|
|
237
|
+
/** only for Avenir Next World (secondary font family) */
|
|
238
|
+
export const calciteFontWeightBlack : string;
|
|
234
239
|
export const calciteFontWeightHeavy : string;
|
|
235
240
|
export const calciteFontTextDecorationNone : string;
|
|
236
241
|
export const calciteFontTextDecorationUnderline : string;
|
|
@@ -306,4 +311,4 @@ export const calciteZIndex5 : string;
|
|
|
306
311
|
export const calciteZIndex6 : string;
|
|
307
312
|
export const calciteZIndex7 : string;
|
|
308
313
|
export const calciteZIndex8 : string;
|
|
309
|
-
export const calciteZIndex9 : string;
|
|
314
|
+
export const calciteZIndex9 : string;
|
package/dist/es6/core.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 07 Dec 2023 23:40:51 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const calciteColorNeutralBlk000 = "#ffffff";
|
|
@@ -306,4 +306,4 @@ export const calciteZIndex5 = "500";
|
|
|
306
306
|
export const calciteZIndex6 = "600";
|
|
307
307
|
export const calciteZIndex7 = "700";
|
|
308
308
|
export const calciteZIndex8 = "800";
|
|
309
|
-
export const calciteZIndex9 = "900";
|
|
309
|
+
export const calciteZIndex9 = "900";
|
package/dist/es6/global.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 07 Dec 2023 23:40:52 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const calciteBorderWidthNone : string;
|
|
@@ -52,26 +52,42 @@ export const calciteColorBorder3 : { light: string, dark: string };
|
|
|
52
52
|
export const calciteColorBorderInput : { light: string, dark: string };
|
|
53
53
|
export const calciteColorBorderGhost : { light: string, dark: string };
|
|
54
54
|
export const calciteColorBorderWhite : { light: string, dark: string };
|
|
55
|
-
|
|
56
|
-
export const
|
|
57
|
-
|
|
58
|
-
export const
|
|
59
|
-
|
|
60
|
-
export const
|
|
61
|
-
|
|
62
|
-
export const
|
|
63
|
-
|
|
64
|
-
export const
|
|
65
|
-
|
|
66
|
-
export const
|
|
55
|
+
/** Small handheld devices and mini-windows */
|
|
56
|
+
export const calciteContainerSizeHeightXxs : { min: string, max: string };
|
|
57
|
+
/** Handheld devices */
|
|
58
|
+
export const calciteContainerSizeHeightXs : { min: string, max: string };
|
|
59
|
+
/** Small tablets */
|
|
60
|
+
export const calciteContainerSizeHeightSm : { min: string, max: string };
|
|
61
|
+
/** Small laptops */
|
|
62
|
+
export const calciteContainerSizeHeightMd : { min: string, max: string };
|
|
63
|
+
/** Large laptops and desktop computers */
|
|
64
|
+
export const calciteContainerSizeHeightLg : { min: string, max: string };
|
|
65
|
+
/** Projectors and televisions */
|
|
66
|
+
export const calciteContainerSizeHeightXl : { min: string };
|
|
67
|
+
/** Small handheld devices and mini-windows */
|
|
68
|
+
export const calciteContainerSizeWidthXxs : { min: string, max: string };
|
|
69
|
+
/** Handheld devices */
|
|
70
|
+
export const calciteContainerSizeWidthXs : { min: string, max: string };
|
|
71
|
+
/** Small tablets */
|
|
72
|
+
export const calciteContainerSizeWidthSm : { min: string, max: string };
|
|
73
|
+
/** Small laptops */
|
|
74
|
+
export const calciteContainerSizeWidthMd : { min: string, max: string };
|
|
75
|
+
/** Large laptops and desktop computers */
|
|
76
|
+
export const calciteContainerSizeWidthLg : { min: string, max: string };
|
|
77
|
+
/** Projectors and televisions */
|
|
78
|
+
export const calciteContainerSizeWidthXl : { min: string };
|
|
67
79
|
export const calciteContainerSizeMargin : string;
|
|
68
80
|
export const calciteContainerSizeGutter : string;
|
|
69
|
-
|
|
70
|
-
export const
|
|
81
|
+
/** for fluid grid widths */
|
|
82
|
+
export const calciteContainerSizeContentFluid : string;
|
|
83
|
+
/** only for lg breakpoint fixed grid width */
|
|
84
|
+
export const calciteContainerSizeContentFixed : string;
|
|
71
85
|
export const calciteFontFamily : string;
|
|
72
86
|
export const calciteFontFamilyCode : string;
|
|
73
|
-
|
|
74
|
-
export const
|
|
87
|
+
/** For Avenir Next World (secondary font family) */
|
|
88
|
+
export const calciteFontWeightLight : string;
|
|
89
|
+
/** For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
|
|
90
|
+
export const calciteFontWeightNormal : string;
|
|
75
91
|
export const calciteFontWeightRegular : string;
|
|
76
92
|
export const calciteFontWeightMedium : string;
|
|
77
93
|
export const calciteFontWeightSemibold : string;
|
|
@@ -83,17 +99,24 @@ export const calciteFontSizeMd : string;
|
|
|
83
99
|
export const calciteFontSizeLg : string;
|
|
84
100
|
export const calciteFontSizeXl : string;
|
|
85
101
|
export const calciteFontSizeXxl : string;
|
|
86
|
-
|
|
102
|
+
/** used in ratings */
|
|
103
|
+
export const calciteFontStyleEmphasis : string;
|
|
87
104
|
export const calciteFontLineHeightFixedSm : string;
|
|
88
105
|
export const calciteFontLineHeightFixedBase : string;
|
|
89
106
|
export const calciteFontLineHeightFixedLg : string;
|
|
90
107
|
export const calciteFontLineHeightFixedXl : string;
|
|
91
|
-
|
|
92
|
-
export const
|
|
93
|
-
|
|
94
|
-
export const
|
|
95
|
-
|
|
96
|
-
export const
|
|
108
|
+
/** 1 */
|
|
109
|
+
export const calciteFontLineHeightRelative : string;
|
|
110
|
+
/** 1.25 */
|
|
111
|
+
export const calciteFontLineHeightRelativeTight : string;
|
|
112
|
+
/** 1.375 */
|
|
113
|
+
export const calciteFontLineHeightRelativeSnug : string;
|
|
114
|
+
/** 1.5 */
|
|
115
|
+
export const calciteFontLineHeightRelativeNormal : string;
|
|
116
|
+
/** 1.625 */
|
|
117
|
+
export const calciteFontLineHeightRelativeRelaxed : string;
|
|
118
|
+
/** 2 */
|
|
119
|
+
export const calciteFontLineHeightRelativeLoose : string;
|
|
97
120
|
export const calciteFontLetterSpacingTight : string;
|
|
98
121
|
export const calciteFontLetterSpacingNormal : string;
|
|
99
122
|
export const calciteFontLetterSpacingWide : string;
|
|
@@ -199,4 +222,4 @@ export const calciteZIndexDropdown : string;
|
|
|
199
222
|
export const calciteZIndexOverlay : string;
|
|
200
223
|
export const calciteZIndexModal : string;
|
|
201
224
|
export const calciteZIndexPopup : string;
|
|
202
|
-
export const calciteZIndexTooltip : string;
|
|
225
|
+
export const calciteZIndexTooltip : string;
|
package/dist/es6/global.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 07 Dec 2023 23:40:52 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const calciteBorderWidthNone = "0";
|
|
@@ -199,4 +199,4 @@ export const calciteZIndexDropdown = "600";
|
|
|
199
199
|
export const calciteZIndexOverlay = "700";
|
|
200
200
|
export const calciteZIndexModal = "800";
|
|
201
201
|
export const calciteZIndexPopup = "900";
|
|
202
|
-
export const calciteZIndexTooltip = "901";
|
|
202
|
+
export const calciteZIndexTooltip = "901";
|
package/dist/js/core.d.ts
CHANGED