@esri/calcite-design-tokens 2.3.0-next.4 → 3.0.0-next.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.
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Nov 2024 19:58:46 GMT
3
+ * Generated on Wed, 27 Nov 2024 23:28:00 GMT
4
4
  */
5
5
 
6
6
  export const calciteColorNeutralBlk000 : string;
package/dist/es6/core.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Nov 2024 19:58:46 GMT
3
+ * Generated on Wed, 27 Nov 2024 23:28:00 GMT
4
4
  */
5
5
 
6
6
  export const calciteColorNeutralBlk000 = "#ffffff";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Nov 2024 19:58:49 GMT
3
+ * Generated on Wed, 27 Nov 2024 23:28: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;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Nov 2024 19:58:49 GMT
3
+ * Generated on Wed, 27 Nov 2024 23:28: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 = "125%"; // 1.25
94
- export const calciteFontLineHeightRelativeSnug = "137.5%"; // 1.375
95
- export const calciteFontLineHeightRelativeNormal = "150%"; // 1.5
96
- export const calciteFontLineHeightRelativeRelaxed = "162.5%"; // 1.625
97
- export const calciteFontLineHeightRelativeLoose = "200%"; // 2
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 = "2px";
118
- export const calciteSizeXxs = "4px";
119
- export const calciteSizeXs = "6px";
120
- export const calciteSizeSm = "8px";
121
- export const calciteSizeSmPlus = "10px";
122
- export const calciteSizeMd = "12px";
123
- export const calciteSizeMdPlus = "14px";
124
- export const calciteSizeLg = "16px";
125
- export const calciteSizeXl = "20px";
126
- export const calciteSizeXxl = "24px";
127
- export const calciteSizeXxxl = "32px";
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 = "4px";
131
- export const calciteSpacingXs = "6px";
132
- export const calciteSpacingSm = "8px";
133
- export const calciteSpacingMd = "12px";
134
- export const calciteSpacingLg = "14px";
135
- export const calciteSpacingXl = "16px";
136
- export const calciteSpacingXxl = "20px";
137
- export const calciteSpacingXxxl = "32px";
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":"137.5%","fontSize":"16px"};
160
- export const calciteTypographyWrapLight1 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"18px"};
161
- export const calciteTypographyWrapLight2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"20px"};
162
- export const calciteTypographyWrapLight3 = {"fontWeight":"300","lineHeight":"125%","fontSize":"24px"};
163
- export const calciteTypographyWrapLightMinus2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"12px"};
164
- export const calciteTypographyWrapLightMinus1 = {"fontWeight":"300","lineHeight":"137.5%"};
165
- export const calciteTypographyWrapRegular0 = {"lineHeight":"137.5%","fontSize":"16px"};
166
- export const calciteTypographyWrapRegular1 = {"lineHeight":"137.5%","fontSize":"18px"};
167
- export const calciteTypographyWrapRegular2 = {"lineHeight":"137.5%","fontSize":"20px"};
168
- export const calciteTypographyWrapRegular3 = {"lineHeight":"137.5%","fontSize":"24px"};
169
- export const calciteTypographyWrapRegularMinus2 = {"lineHeight":"137.5%","fontSize":"12px"};
170
- export const calciteTypographyWrapRegularMinus1 = {"lineHeight":"137.5%"};
171
- export const calciteTypographyWrapMedium0 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
172
- export const calciteTypographyWrapMedium1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
173
- export const calciteTypographyWrapMedium2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
174
- export const calciteTypographyWrapMedium3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
175
- export const calciteTypographyWrapMediumMinus2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"12px"};
176
- export const calciteTypographyWrapMediumMinus1 = {"fontWeight":"500","lineHeight":"137.5%"};
177
- export const calciteTypographyWrapBold0 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"16px"};
178
- export const calciteTypographyWrapBold1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"18px"};
179
- export const calciteTypographyWrapBold2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
180
- export const calciteTypographyWrapBold3 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
181
- export const calciteTypographyWrapBoldMinus2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"12px"};
182
- export const calciteTypographyWrapBoldMinus1 = {"fontWeight":"600","lineHeight":"137.5%"};
183
- export const calciteTypographyHierarchyDisplay1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
184
- export const calciteTypographyHierarchyDisplay2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
185
- export const calciteTypographyHierarchyHeading1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
186
- export const calciteTypographyHierarchyHeading2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
187
- export const calciteTypographyHierarchyHeading3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
188
- export const calciteTypographyHierarchyHeading4 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
189
- export const calciteTypographyHierarchyHeading5 = {"fontWeight":"500","lineHeight":"137.5%"};
190
- export const calciteTypographyHierarchyBodySnug = {"lineHeight":"137.5%"};
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":"137.5%","fontSize":"12px"};
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";
package/dist/js/core.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 27 Nov 2024 19:58:46 GMT
3
+ * Generated on Wed, 27 Nov 2024 23:28:00 GMT
4
4
  */
5
5
 
6
6
  export default tokens;