@esri/calcite-design-tokens 2.3.0-next.4 → 3.0.0-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 +1 -1
- package/dist/css/classes.css +1 -1
- package/dist/css/core.css +3 -2
- package/dist/css/dark.css +1 -1
- package/dist/css/global.css +40 -20
- package/dist/css/index.css +1 -1
- package/dist/css/light.css +1 -1
- package/dist/docs/core.json +79 -79
- package/dist/docs/global.json +955 -240
- package/dist/es6/core.d.ts +1 -1
- package/dist/es6/core.js +1 -1
- package/dist/es6/global.d.ts +42 -3
- package/dist/es6/global.js +78 -58
- package/dist/js/core.d.ts +1 -1
- package/dist/js/core.js +157 -157
- package/dist/js/global.d.ts +51 -23
- package/dist/js/global.js +2152 -914
- package/dist/scss/breakpoints.scss +1 -1
- package/dist/scss/core.scss +3 -2
- package/dist/scss/dark.scss +1 -1
- package/dist/scss/global.scss +40 -20
- package/dist/scss/index.scss +1 -1
- package/dist/scss/light.scss +1 -1
- package/dist/scss/mixins.scss +1 -1
- package/package.json +2 -2
package/dist/es6/core.d.ts
CHANGED
package/dist/es6/core.js
CHANGED
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 Mon, 02 Dec 2024 19:42:02 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const calciteBorderWidthNone : string;
|
|
@@ -148,24 +148,63 @@ export const calciteOpacityDisabled : string;
|
|
|
148
148
|
export const calciteShadowNone : { x: string, y: string, blur: string, spread: string, color: string };
|
|
149
149
|
export const calciteShadowSm : { x: string, y: string, blur: string, spread: string, color: string }[];
|
|
150
150
|
export const calciteShadowMd : { x: string, y: string, blur: string, spread: string, color: string }[];
|
|
151
|
+
/** deprecated */
|
|
152
|
+
export const calciteSizeFixedXxxs : string;
|
|
153
|
+
/** deprecated */
|
|
154
|
+
export const calciteSizeFixedXxs : string;
|
|
155
|
+
/** deprecated */
|
|
156
|
+
export const calciteSizeFixedXs : string;
|
|
157
|
+
/** deprecated */
|
|
158
|
+
export const calciteSizeFixedSm : string;
|
|
159
|
+
/** deprecated */
|
|
160
|
+
export const calciteSizeFixedSmPlus : string;
|
|
161
|
+
/** deprecated */
|
|
162
|
+
export const calciteSizeFixedMd : string;
|
|
163
|
+
/** deprecated */
|
|
164
|
+
export const calciteSizeFixedMdPlus : string;
|
|
165
|
+
/** deprecated */
|
|
166
|
+
export const calciteSizeFixedLg : string;
|
|
167
|
+
/** deprecated */
|
|
168
|
+
export const calciteSizeFixedXl : string;
|
|
169
|
+
/** deprecated */
|
|
170
|
+
export const calciteSizeFixedXxl : string;
|
|
171
|
+
/** deprecated */
|
|
172
|
+
export const calciteSizeFixedXxxl : string;
|
|
151
173
|
export const calciteSizePx : string;
|
|
152
174
|
export const calciteSizeXxxs : string;
|
|
153
175
|
export const calciteSizeXxs : string;
|
|
154
176
|
export const calciteSizeXs : string;
|
|
155
177
|
export const calciteSizeSm : string;
|
|
156
|
-
export const calciteSizeSmPlus : string;
|
|
157
178
|
export const calciteSizeMd : string;
|
|
158
|
-
export const calciteSizeMdPlus : string;
|
|
159
179
|
export const calciteSizeLg : string;
|
|
160
180
|
export const calciteSizeXl : string;
|
|
161
181
|
export const calciteSizeXxl : string;
|
|
162
182
|
export const calciteSizeXxxl : string;
|
|
183
|
+
/** deprecated */
|
|
184
|
+
export const calciteSpacingFixedXxs : string;
|
|
185
|
+
/** deprecated */
|
|
186
|
+
export const calciteSpacingFixedXs : string;
|
|
187
|
+
/** deprecated */
|
|
188
|
+
export const calciteSpacingFixedSm : string;
|
|
189
|
+
/** deprecated */
|
|
190
|
+
export const calciteSpacingFixedMd : string;
|
|
191
|
+
/** deprecated */
|
|
192
|
+
export const calciteSpacingFixedLg : string;
|
|
193
|
+
/** deprecated */
|
|
194
|
+
export const calciteSpacingFixedXl : string;
|
|
195
|
+
/** deprecated */
|
|
196
|
+
export const calciteSpacingFixedXxl : string;
|
|
197
|
+
/** deprecated */
|
|
198
|
+
export const calciteSpacingFixedXxxl : string;
|
|
199
|
+
export const calciteSpacingNone : string;
|
|
163
200
|
export const calciteSpacingPx : string;
|
|
164
201
|
export const calciteSpacingBase : string;
|
|
165
202
|
export const calciteSpacingXxs : string;
|
|
166
203
|
export const calciteSpacingXs : string;
|
|
167
204
|
export const calciteSpacingSm : string;
|
|
205
|
+
export const calciteSpacingSmPlus : string;
|
|
168
206
|
export const calciteSpacingMd : string;
|
|
207
|
+
export const calciteSpacingMdPlus : string;
|
|
169
208
|
export const calciteSpacingLg : string;
|
|
170
209
|
export const calciteSpacingXl : string;
|
|
171
210
|
export const calciteSpacingXxl : 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 Mon, 02 Dec 2024 19:42:02 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const calciteBorderWidthNone = "0";
|
|
@@ -90,11 +90,11 @@ export const calciteFontLineHeightFixedBase = "16px";
|
|
|
90
90
|
export const calciteFontLineHeightFixedLg = "20px";
|
|
91
91
|
export const calciteFontLineHeightFixedXl = "24px";
|
|
92
92
|
export const calciteFontLineHeightRelative = "auto"; // 1
|
|
93
|
-
export const calciteFontLineHeightRelativeTight = "
|
|
94
|
-
export const calciteFontLineHeightRelativeSnug = "
|
|
95
|
-
export const calciteFontLineHeightRelativeNormal = "
|
|
96
|
-
export const calciteFontLineHeightRelativeRelaxed = "
|
|
97
|
-
export const calciteFontLineHeightRelativeLoose = "
|
|
93
|
+
export const calciteFontLineHeightRelativeTight = "1.25"; // 1.25
|
|
94
|
+
export const calciteFontLineHeightRelativeSnug = "1.375"; // 1.375
|
|
95
|
+
export const calciteFontLineHeightRelativeNormal = "1.5"; // 1.5
|
|
96
|
+
export const calciteFontLineHeightRelativeRelaxed = "1.625"; // 1.625
|
|
97
|
+
export const calciteFontLineHeightRelativeLoose = "2"; // 2
|
|
98
98
|
export const calciteFontLetterSpacingTight = "-0.4"; // Deprecated
|
|
99
99
|
export const calciteFontLetterSpacingNormal = "0"; // Deprecated
|
|
100
100
|
export const calciteFontLetterSpacingWide = "0.4"; // Deprecated
|
|
@@ -113,28 +113,48 @@ export const calciteOpacityDisabled = "0.5";
|
|
|
113
113
|
export const calciteShadowNone = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0)"};
|
|
114
114
|
export const calciteShadowSm = [{"x":"0","y":"2","blur":"8","spread":"0","color":"rgba(#000000, 0.04)"},{"x":"0","y":"4","blur":"16","spread":"0","color":"rgba(#000000, 0.08)"}];
|
|
115
115
|
export const calciteShadowMd = [{"x":"0","y":"4","blur":"20","spread":"0","color":"rgba(#000000, 0.08)"},{"x":"0","y":"12","blur":"32","spread":"-2","color":"rgba(#000000, 0.1)"}];
|
|
116
|
+
export const calciteSizeFixedXxxs = "2px"; // deprecated
|
|
117
|
+
export const calciteSizeFixedXxs = "4px"; // deprecated
|
|
118
|
+
export const calciteSizeFixedXs = "6px"; // deprecated
|
|
119
|
+
export const calciteSizeFixedSm = "8px"; // deprecated
|
|
120
|
+
export const calciteSizeFixedSmPlus = "10px"; // deprecated
|
|
121
|
+
export const calciteSizeFixedMd = "12px"; // deprecated
|
|
122
|
+
export const calciteSizeFixedMdPlus = "14px"; // deprecated
|
|
123
|
+
export const calciteSizeFixedLg = "16px"; // deprecated
|
|
124
|
+
export const calciteSizeFixedXl = "20px"; // deprecated
|
|
125
|
+
export const calciteSizeFixedXxl = "24px"; // deprecated
|
|
126
|
+
export const calciteSizeFixedXxxl = "32px"; // deprecated
|
|
116
127
|
export const calciteSizePx = "1px";
|
|
117
|
-
export const calciteSizeXxxs = "
|
|
118
|
-
export const calciteSizeXxs = "
|
|
119
|
-
export const calciteSizeXs = "
|
|
120
|
-
export const calciteSizeSm = "
|
|
121
|
-
export const
|
|
122
|
-
export const
|
|
123
|
-
export const
|
|
124
|
-
export const
|
|
125
|
-
export const
|
|
126
|
-
export const
|
|
127
|
-
export const
|
|
128
|
+
export const calciteSizeXxxs = "0.75rem";
|
|
129
|
+
export const calciteSizeXxs = "0.875rem";
|
|
130
|
+
export const calciteSizeXs = "1rem";
|
|
131
|
+
export const calciteSizeSm = "1.5rem";
|
|
132
|
+
export const calciteSizeMd = "2rem";
|
|
133
|
+
export const calciteSizeLg = "2.75rem";
|
|
134
|
+
export const calciteSizeXl = "3rem";
|
|
135
|
+
export const calciteSizeXxl = "4rem";
|
|
136
|
+
export const calciteSizeXxxl = "6rem";
|
|
137
|
+
export const calciteSpacingFixedXxs = "4px"; // deprecated
|
|
138
|
+
export const calciteSpacingFixedXs = "6px"; // deprecated
|
|
139
|
+
export const calciteSpacingFixedSm = "8px"; // deprecated
|
|
140
|
+
export const calciteSpacingFixedMd = "12px"; // deprecated
|
|
141
|
+
export const calciteSpacingFixedLg = "14px"; // deprecated
|
|
142
|
+
export const calciteSpacingFixedXl = "16px"; // deprecated
|
|
143
|
+
export const calciteSpacingFixedXxl = "20px"; // deprecated
|
|
144
|
+
export const calciteSpacingFixedXxxl = "32px"; // deprecated
|
|
145
|
+
export const calciteSpacingNone = "0";
|
|
128
146
|
export const calciteSpacingPx = "1px";
|
|
129
147
|
export const calciteSpacingBase = "2px";
|
|
130
|
-
export const calciteSpacingXxs = "
|
|
131
|
-
export const calciteSpacingXs = "
|
|
132
|
-
export const calciteSpacingSm = "
|
|
133
|
-
export const
|
|
134
|
-
export const
|
|
135
|
-
export const
|
|
136
|
-
export const
|
|
137
|
-
export const
|
|
148
|
+
export const calciteSpacingXxs = "0.25rem";
|
|
149
|
+
export const calciteSpacingXs = "0.375rem";
|
|
150
|
+
export const calciteSpacingSm = "0.5rem";
|
|
151
|
+
export const calciteSpacingSmPlus = "0.625rem";
|
|
152
|
+
export const calciteSpacingMd = "0.75rem";
|
|
153
|
+
export const calciteSpacingMdPlus = "0.875rem";
|
|
154
|
+
export const calciteSpacingLg = "1rem";
|
|
155
|
+
export const calciteSpacingXl = "1.25rem";
|
|
156
|
+
export const calciteSpacingXxl = "1.5rem";
|
|
157
|
+
export const calciteSpacingXxxl = "2rem";
|
|
138
158
|
export const calciteTypography = {"fontFamily":["Avenir Next","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
|
|
139
159
|
export const calciteTypographyLightMinus3h = {"fontSize":"10px","fontWeight":"300","lineHeight":"12px"};
|
|
140
160
|
export const calciteTypographyLightMinus2h = {"fontSize":"12px","fontWeight":"300"};
|
|
@@ -156,41 +176,41 @@ export const calciteTypographyBoldMinus2h = {"fontWeight":"600","fontSize":"12px
|
|
|
156
176
|
export const calciteTypographyBoldMinus1h = {"fontWeight":"600"};
|
|
157
177
|
export const calciteTypographyBold0h = {"fontWeight":"600","lineHeight":"20px","fontSize":"16px"};
|
|
158
178
|
export const calciteTypographyBold1h = {"fontWeight":"600","lineHeight":"24px","fontSize":"18px"};
|
|
159
|
-
export const calciteTypographyWrapLight0 = {"fontWeight":"300","lineHeight":"
|
|
160
|
-
export const calciteTypographyWrapLight1 = {"fontWeight":"300","lineHeight":"
|
|
161
|
-
export const calciteTypographyWrapLight2 = {"fontWeight":"300","lineHeight":"
|
|
162
|
-
export const calciteTypographyWrapLight3 = {"fontWeight":"300","lineHeight":"
|
|
163
|
-
export const calciteTypographyWrapLightMinus2 = {"fontWeight":"300","lineHeight":"
|
|
164
|
-
export const calciteTypographyWrapLightMinus1 = {"fontWeight":"300","lineHeight":"
|
|
165
|
-
export const calciteTypographyWrapRegular0 = {"lineHeight":"
|
|
166
|
-
export const calciteTypographyWrapRegular1 = {"lineHeight":"
|
|
167
|
-
export const calciteTypographyWrapRegular2 = {"lineHeight":"
|
|
168
|
-
export const calciteTypographyWrapRegular3 = {"lineHeight":"
|
|
169
|
-
export const calciteTypographyWrapRegularMinus2 = {"lineHeight":"
|
|
170
|
-
export const calciteTypographyWrapRegularMinus1 = {"lineHeight":"
|
|
171
|
-
export const calciteTypographyWrapMedium0 = {"fontWeight":"500","lineHeight":"
|
|
172
|
-
export const calciteTypographyWrapMedium1 = {"fontWeight":"500","lineHeight":"
|
|
173
|
-
export const calciteTypographyWrapMedium2 = {"fontWeight":"500","lineHeight":"
|
|
174
|
-
export const calciteTypographyWrapMedium3 = {"fontWeight":"500","lineHeight":"
|
|
175
|
-
export const calciteTypographyWrapMediumMinus2 = {"fontWeight":"500","lineHeight":"
|
|
176
|
-
export const calciteTypographyWrapMediumMinus1 = {"fontWeight":"500","lineHeight":"
|
|
177
|
-
export const calciteTypographyWrapBold0 = {"fontWeight":"600","lineHeight":"
|
|
178
|
-
export const calciteTypographyWrapBold1 = {"fontWeight":"600","lineHeight":"
|
|
179
|
-
export const calciteTypographyWrapBold2 = {"fontWeight":"600","lineHeight":"
|
|
180
|
-
export const calciteTypographyWrapBold3 = {"fontWeight":"600","lineHeight":"
|
|
181
|
-
export const calciteTypographyWrapBoldMinus2 = {"fontWeight":"600","lineHeight":"
|
|
182
|
-
export const calciteTypographyWrapBoldMinus1 = {"fontWeight":"600","lineHeight":"
|
|
183
|
-
export const calciteTypographyHierarchyDisplay1 = {"fontWeight":"600","lineHeight":"
|
|
184
|
-
export const calciteTypographyHierarchyDisplay2 = {"fontWeight":"600","lineHeight":"
|
|
185
|
-
export const calciteTypographyHierarchyHeading1 = {"fontWeight":"500","lineHeight":"
|
|
186
|
-
export const calciteTypographyHierarchyHeading2 = {"fontWeight":"500","lineHeight":"
|
|
187
|
-
export const calciteTypographyHierarchyHeading3 = {"fontWeight":"500","lineHeight":"
|
|
188
|
-
export const calciteTypographyHierarchyHeading4 = {"fontWeight":"500","lineHeight":"
|
|
189
|
-
export const calciteTypographyHierarchyHeading5 = {"fontWeight":"500","lineHeight":"
|
|
190
|
-
export const calciteTypographyHierarchyBodySnug = {"lineHeight":"
|
|
179
|
+
export const calciteTypographyWrapLight0 = {"fontWeight":"300","lineHeight":"1.375","fontSize":"16px"};
|
|
180
|
+
export const calciteTypographyWrapLight1 = {"fontWeight":"300","lineHeight":"1.375","fontSize":"18px"};
|
|
181
|
+
export const calciteTypographyWrapLight2 = {"fontWeight":"300","lineHeight":"1.375","fontSize":"20px"};
|
|
182
|
+
export const calciteTypographyWrapLight3 = {"fontWeight":"300","lineHeight":"1.25","fontSize":"24px"};
|
|
183
|
+
export const calciteTypographyWrapLightMinus2 = {"fontWeight":"300","lineHeight":"1.375","fontSize":"12px"};
|
|
184
|
+
export const calciteTypographyWrapLightMinus1 = {"fontWeight":"300","lineHeight":"1.375"};
|
|
185
|
+
export const calciteTypographyWrapRegular0 = {"lineHeight":"1.375","fontSize":"16px"};
|
|
186
|
+
export const calciteTypographyWrapRegular1 = {"lineHeight":"1.375","fontSize":"18px"};
|
|
187
|
+
export const calciteTypographyWrapRegular2 = {"lineHeight":"1.375","fontSize":"20px"};
|
|
188
|
+
export const calciteTypographyWrapRegular3 = {"lineHeight":"1.375","fontSize":"24px"};
|
|
189
|
+
export const calciteTypographyWrapRegularMinus2 = {"lineHeight":"1.375","fontSize":"12px"};
|
|
190
|
+
export const calciteTypographyWrapRegularMinus1 = {"lineHeight":"1.375"};
|
|
191
|
+
export const calciteTypographyWrapMedium0 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"16px"};
|
|
192
|
+
export const calciteTypographyWrapMedium1 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"18px"};
|
|
193
|
+
export const calciteTypographyWrapMedium2 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"20px"};
|
|
194
|
+
export const calciteTypographyWrapMedium3 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"24px"};
|
|
195
|
+
export const calciteTypographyWrapMediumMinus2 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"12px"};
|
|
196
|
+
export const calciteTypographyWrapMediumMinus1 = {"fontWeight":"500","lineHeight":"1.375"};
|
|
197
|
+
export const calciteTypographyWrapBold0 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"16px"};
|
|
198
|
+
export const calciteTypographyWrapBold1 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"18px"};
|
|
199
|
+
export const calciteTypographyWrapBold2 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"20px"};
|
|
200
|
+
export const calciteTypographyWrapBold3 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"24px"};
|
|
201
|
+
export const calciteTypographyWrapBoldMinus2 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"12px"};
|
|
202
|
+
export const calciteTypographyWrapBoldMinus1 = {"fontWeight":"600","lineHeight":"1.375"};
|
|
203
|
+
export const calciteTypographyHierarchyDisplay1 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"24px"};
|
|
204
|
+
export const calciteTypographyHierarchyDisplay2 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"20px"};
|
|
205
|
+
export const calciteTypographyHierarchyHeading1 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"24px"};
|
|
206
|
+
export const calciteTypographyHierarchyHeading2 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"20px"};
|
|
207
|
+
export const calciteTypographyHierarchyHeading3 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"18px"};
|
|
208
|
+
export const calciteTypographyHierarchyHeading4 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"16px"};
|
|
209
|
+
export const calciteTypographyHierarchyHeading5 = {"fontWeight":"500","lineHeight":"1.375"};
|
|
210
|
+
export const calciteTypographyHierarchyBodySnug = {"lineHeight":"1.375"};
|
|
191
211
|
export const calciteTypographyHierarchyBody = {"fontFamily":["Avenir Next","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
|
|
192
212
|
export const calciteTypographyHierarchyOverline = {"lineHeight":"12px","textCase":"uppercase","fontWeight":"600"};
|
|
193
|
-
export const calciteTypographyHierarchyCaption = {"lineHeight":"
|
|
213
|
+
export const calciteTypographyHierarchyCaption = {"lineHeight":"1.375","fontSize":"12px"};
|
|
194
214
|
export const calciteZIndexDeep = "-999999";
|
|
195
215
|
export const calciteZIndex = "1";
|
|
196
216
|
export const calciteZIndexSticky = "300";
|