@esri/calcite-design-tokens 2.0.0-rc.0 → 2.0.1-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.
Files changed (25) hide show
  1. package/dist/css/breakpoint.css +1 -1
  2. package/dist/css/classes.css +25 -25
  3. package/dist/css/core.css +82 -115
  4. package/dist/css/dark.css +27 -25
  5. package/dist/css/global.css +29 -36
  6. package/dist/css/index.css +149 -99
  7. package/dist/css/light.css +27 -25
  8. package/dist/docs/core.json +8134 -0
  9. package/dist/docs/global.json +6617 -0
  10. package/dist/es6/core.d.ts +296 -324
  11. package/dist/es6/core.js +287 -320
  12. package/dist/es6/global.d.ts +148 -130
  13. package/dist/es6/global.js +117 -122
  14. package/dist/js/core.d.ts +99 -144
  15. package/dist/js/core.js +5442 -6029
  16. package/dist/js/global.d.ts +66 -67
  17. package/dist/js/global.js +2173 -2081
  18. package/dist/scss/breakpoints.scss +1 -1
  19. package/dist/scss/core.scss +82 -115
  20. package/dist/scss/dark.scss +27 -25
  21. package/dist/scss/global.scss +94 -0
  22. package/dist/scss/index.scss +53 -49
  23. package/dist/scss/light.scss +27 -25
  24. package/dist/scss/mixins.scss +24 -24
  25. package/package.json +5 -26
package/dist/es6/global.js CHANGED
@@ -1,64 +1,57 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
3
+ * Generated on Thu, 07 Dec 2023 19:17:49 GMT
4
4
  */
5
5
 
6
- export const calciteBorderRadius = "0px";
7
- export const calciteBorderRadiusNone = "0px";
8
- export const calciteBorderRadiusSharp = "0px";
9
- export const calciteBorderRadiusRound = "4px";
10
- export const calciteBorderRadiusCircular = "50%";
11
- export const calciteBorderRadiusPill = "100%";
12
- export const calciteBorderRadiusSm = "4px";
13
- export const calciteBorderRadiusMd = "12px";
14
- export const calciteBorderRadiusLg = "16px";
15
- export const calciteBorderRadiusXl = "24px";
16
- export const calciteBorderWidthNone = "0px";
6
+ export const calciteBorderWidthNone = "0";
17
7
  export const calciteBorderWidthSm = "1px";
18
8
  export const calciteBorderWidthMd = "2px";
19
9
  export const calciteBorderWidthLg = "4px";
20
- export const calciteBoxShadowNone = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0%)","type":"dropShadow"};
21
- export const calciteBoxShadowSm = [{"x":"0","y":"2","blur":"8","spread":"0","color":"rgba(#000000, 4%)","type":"dropShadow"},{"x":"0","y":"4","blur":"16","spread":"0","color":"rgba(#000000, 8%)","type":"dropShadow"}];
22
- export const calciteBoxShadowMd = [{"x":"0","y":"4","blur":"20","spread":"0","color":"rgba(#000000, 8%)","type":"dropShadow"},{"x":"0","y":"12","blur":"32","spread":"-2","color":"rgba(#000000, 10%)","type":"dropShadow"}];
10
+ export const calciteCornerRadius = "0";
11
+ export const calciteCornerRadiusSharp = "0";
12
+ export const calciteCornerRadiusRound = "4px";
13
+ export const calciteCornerRadiusPill = "100%";
14
+ export const calciteColorBackground = {"light":"#f8f8f8","dark":"#353535"};
15
+ export const calciteColorBackgroundNone = "rgba(#ffffff, 0%)";
16
+ export const calciteColorForeground1 = {"light":"#ffffff","dark":"#2b2b2b"};
17
+ export const calciteColorForeground2 = {"light":"#f3f3f3","dark":"#202020"};
18
+ export const calciteColorForeground3 = {"light":"#eaeaea","dark":"#151515"};
19
+ export const calciteColorForegroundCurrent = {"light":"#c7eaff","dark":"#214155"};
20
+ export const calciteColorTransparent = {"light":"rgba(0, 0, 0, 0%)","dark":"rgba(255, 255, 255, 0%)"};
21
+ export const calciteColorTransparentHover = {"light":"rgba(0, 0, 0, 4%)","dark":"rgba(255, 255, 255, 4%)"};
22
+ export const calciteColorTransparentPress = {"light":"rgba(0, 0, 0, 8%)","dark":"rgba(255, 255, 255, 8%)"};
23
+ export const calciteColorTransparentScrim = {"light":"rgba(255, 255, 255, 85%)","dark":"rgba(0, 0, 0, 85%)"};
24
+ export const calciteColorTransparentTint = {"light":"rgba(255, 255, 255, 80%)","dark":"rgba(43, 43, 43, 80%)"};
23
25
  export const calciteColorBrand = {"light":"#007ac2","dark":"#009af2"};
24
26
  export const calciteColorBrandHover = {"light":"#00619b","dark":"#007ac2"};
25
27
  export const calciteColorBrandPress = {"light":"#004874","dark":"#00619b"};
26
28
  export const calciteColorBrandUnderline = {"light":"rgba(0, 97, 155, 40%)","dark":"rgba(0, 160, 255, 40%)"};
27
- export const calciteColorBackground = {"light":"#f8f8f8","dark":"#353535"};
28
- export const calciteColorBackgroundTransparent = {"light":"rgba(255, 255, 255, 0%)","dark":"rgba(0, 0, 0, 0%)"};
29
- export const calciteColorBackgroundTransparentHover = {"light":"rgba(0, 0, 0, 4%)","dark":"rgba(255, 255, 255, 4%)"};
30
- export const calciteColorBackgroundTransparentPress = {"light":"rgba(0, 0, 0, 8%)","dark":"rgba(255, 255, 255, 8%)"};
31
- export const calciteColorBackgroundTransparentScrim = {"light":"rgba(255, 255, 255, 85%)","dark":"rgba(0, 0, 0, 85%)"};
32
- export const calciteColorBackgroundTransparentDismiss = {"light":"rgba(255, 255, 255, 80%)","dark":"rgba(43, 43, 43, 80%)"};
33
- export const calciteColorBackgroundNone = "rgba(#ffffff, 0%)";
34
- export const calciteColorForeground_1 = {"light":"#ffffff","dark":"#2b2b2b"};
35
- export const calciteColorForeground_2 = {"light":"#f3f3f3","dark":"#202020"};
36
- export const calciteColorForeground_3 = {"light":"#eaeaea","dark":"#151515"};
37
- export const calciteColorForegroundCurrent = {"light":"#c7eaff","dark":"#214155"};
38
- export const calciteColorText_1 = {"light":"#151515","dark":"#ffffff"};
39
- export const calciteColorText_2 = {"light":"#4a4a4a","dark":"#bfbfbf"};
40
- export const calciteColorText_3 = {"light":"#6a6a6a","dark":"#9f9f9f"};
41
- export const calciteColorTextInverse = {"light":"#ffffff","dark":"#151515"};
42
- export const calciteColorTextLink = {"light":"#00619b","dark":"#00A0FF"};
43
- export const calciteColorBorder_1 = {"light":"#cacaca","dark":"#555555"};
44
- export const calciteColorBorder_2 = {"light":"#d4d4d4","dark":"#4a4a4a"};
45
- export const calciteColorBorder_3 = {"light":"#dfdfdf","dark":"#404040"};
46
- export const calciteColorBorderInput = {"light":"#949494","dark":"#757575"};
47
- export const calciteColorInfo = {"light":"#00619b","dark":"#00A0FF"};
48
- export const calciteColorInfoHover = {"light":"#004874","dark":"#3db8ff"};
49
- export const calciteColorInfoPress = {"light":"#00304d","dark":"#009af2"};
50
- export const calciteColorSuccess = {"light":"#35ac46","dark":"#36DA43"};
51
- export const calciteColorSuccessHover = {"light":"#288835","dark":"#3bed52"};
52
- export const calciteColorSuccessPress = {"light":"#1a6324","dark":"#00b81b"};
53
- export const calciteColorWarning = {"light":"#edd317","dark":"#FFC900"};
54
- export const calciteColorWarningHover = {"light":"#d9bc00","dark":"#ffee33"};
55
- export const calciteColorWarningPress = {"light":"#bfa200","dark":"#f5d000"};
56
- export const calciteColorDanger = {"light":"#d83020","dark":"#FE583E"};
57
- export const calciteColorDangerHover = {"light":"#a82b1e","dark":"#ff0015"};
58
- export const calciteColorDangerPress = {"light":"#7c1d13","dark":"#d90012"};
29
+ export const calciteColorStatusInfo = {"light":"#00619b","dark":"#00A0FF"};
30
+ export const calciteColorStatusInfoHover = {"light":"#004874","dark":"#3db8ff"};
31
+ export const calciteColorStatusInfoPress = {"light":"#00304d","dark":"#009af2"};
32
+ export const calciteColorStatusSuccess = {"light":"#35ac46","dark":"#36DA43"};
33
+ export const calciteColorStatusSuccessHover = {"light":"#288835","dark":"#3bed52"};
34
+ export const calciteColorStatusSuccessPress = {"light":"#1a6324","dark":"#00b81b"};
35
+ export const calciteColorStatusWarning = {"light":"#edd317","dark":"#FFC900"};
36
+ export const calciteColorStatusWarningHover = {"light":"#d9bc00","dark":"#ffee33"};
37
+ export const calciteColorStatusWarningPress = {"light":"#bfa200","dark":"#f5d000"};
38
+ export const calciteColorStatusDanger = {"light":"#d83020","dark":"#FE583E"};
39
+ export const calciteColorStatusDangerHover = {"light":"#a82b1e","dark":"#ff0015"};
40
+ export const calciteColorStatusDangerPress = {"light":"#7c1d13","dark":"#d90012"};
59
41
  export const calciteColorInverse = {"light":"#353535","dark":"#f8f8f8"};
60
42
  export const calciteColorInverseHover = {"light":"#2b2b2b","dark":"#ffffff"};
61
43
  export const calciteColorInversePress = {"light":"#202020","dark":"#f3f3f3"};
44
+ export const calciteColorText1 = {"light":"#151515","dark":"#ffffff"};
45
+ export const calciteColorText2 = {"light":"#4a4a4a","dark":"#bfbfbf"};
46
+ export const calciteColorText3 = {"light":"#6a6a6a","dark":"#9f9f9f"};
47
+ export const calciteColorTextInverse = {"light":"#ffffff","dark":"#151515"};
48
+ export const calciteColorTextLink = {"light":"#00619b","dark":"#00A0FF"};
49
+ export const calciteColorBorder1 = {"light":"#cacaca","dark":"#555555"};
50
+ export const calciteColorBorder2 = {"light":"#d4d4d4","dark":"#4a4a4a"};
51
+ export const calciteColorBorder3 = {"light":"#dfdfdf","dark":"#404040"};
52
+ export const calciteColorBorderInput = {"light":"#949494","dark":"#757575"};
53
+ export const calciteColorBorderGhost = {"light":"rgba(0, 0, 0, 30%)","dark":"rgba(117, 117, 117, 30%)"};
54
+ export const calciteColorBorderWhite = {"light":"#ffffff","dark":"#f8f8f8"};
62
55
  export const calciteContainerSizeHeightXxs = {"min":"0","max":"154px"}; // Small handheld devices and mini-windows
63
56
  export const calciteContainerSizeHeightXs = {"min":"155px","max":"328px"}; // Handheld devices
64
57
  export const calciteContainerSizeHeightSm = {"min":"329px","max":"504px"}; // Small tablets
@@ -76,6 +69,7 @@ export const calciteContainerSizeGutter = "16px";
76
69
  export const calciteContainerSizeContentFluid = "100%"; // for fluid grid widths
77
70
  export const calciteContainerSizeContentFixed = "1440px"; // only for lg breakpoint fixed grid width
78
71
  export const calciteFontFamily = "Avenir Next LT Pro";
72
+ export const calciteFontFamilyCode = "Monaco";
79
73
  export const calciteFontWeightLight = "300"; // For Avenir Next World (secondary font family)
80
74
  export const calciteFontWeightNormal = "400"; // 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"
81
75
  export const calciteFontWeightRegular = "400";
@@ -100,10 +94,10 @@ export const calciteFontLineHeightRelativeSnug = "137.5%"; // 1.375
100
94
  export const calciteFontLineHeightRelativeNormal = "150%"; // 1.5
101
95
  export const calciteFontLineHeightRelativeRelaxed = "162.5%"; // 1.625
102
96
  export const calciteFontLineHeightRelativeLoose = "200%"; // 2
103
- export const calciteFontLetterSpacingTight = "-0.4px";
104
- export const calciteFontLetterSpacingNormal = "0px";
105
- export const calciteFontLetterSpacingWide = "0.4px";
106
- export const calciteFontParagraphSpacingNormal = "10px";
97
+ export const calciteFontLetterSpacingTight = "-0.4";
98
+ export const calciteFontLetterSpacingNormal = "0";
99
+ export const calciteFontLetterSpacingWide = "0.4";
100
+ export const calciteFontParagraphSpacingNormal = "4px";
107
101
  export const calciteFontTextDecorationNone = "none";
108
102
  export const calciteFontTextDecorationUnderline = "underline";
109
103
  export const calciteFontTextCaseNone = "none";
@@ -115,84 +109,85 @@ export const calciteOpacityHalf = "50%";
115
109
  export const calciteOpacityDark = "85%";
116
110
  export const calciteOpacityFull = "100%";
117
111
  export const calciteOpacityDisabled = "50%";
112
+ export const calciteShadowNone = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0%)"};
113
+ export const calciteShadowSm = [{"x":"0","y":"2","blur":"8","spread":"0","color":"rgba(#000000, 4%)"},{"x":"0","y":"4","blur":"16","spread":"0","color":"rgba(#000000, 8%)"}];
114
+ export const calciteShadowMd = [{"x":"0","y":"4","blur":"20","spread":"0","color":"rgba(#000000, 8%)"},{"x":"0","y":"12","blur":"32","spread":"-2","color":"rgba(#000000, 10%)"}];
115
+ export const calciteSizePx = "1px";
118
116
  export const calciteSizeXxxs = "2px";
119
117
  export const calciteSizeXxs = "4px";
120
118
  export const calciteSizeXs = "6px";
121
119
  export const calciteSizeSm = "8px";
122
- export const calciteSizeSmMd = "10px";
123
- export const calciteSizeMdSm = "12px";
124
- export const calciteSizeMd = "14px";
125
- export const calciteSizeMdLg = "16px";
126
- export const calciteSizeLgMd = "20px";
127
- export const calciteSizeLg = "24px";
128
- export const calciteSizeLgXl = "32px";
129
- export const calciteSizeXlLg = "44px";
130
- export const calciteSizeXl = "48px";
131
- export const calciteSizeXxl = "64px";
132
- export const calciteSizeXxxl = "96px";
133
- export const calciteSpacingNone = "0px";
120
+ export const calciteSizeSmPlus = "10px";
121
+ export const calciteSizeMd = "12px";
122
+ export const calciteSizeMdPlus = "14px";
123
+ export const calciteSizeLg = "16px";
124
+ export const calciteSizeXl = "20px";
125
+ export const calciteSizeXxl = "24px";
126
+ export const calciteSizeXxxl = "32px";
127
+ export const calciteSpacingPx = "1px";
134
128
  export const calciteSpacingBase = "2px";
135
- export const calciteSpacingHalf = "6px";
136
- export const calciteSpacingDouble = "20px";
137
- export const calciteSpacingXs = "4px";
129
+ export const calciteSpacingXxs = "4px";
130
+ export const calciteSpacingXs = "6px";
138
131
  export const calciteSpacingSm = "8px";
139
132
  export const calciteSpacingMd = "12px";
140
- export const calciteSpacingLg = "16px";
141
- export const calciteSpacingXl = "20px";
142
- export const calciteTypography = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0px","lineHeight":"16px","paragraphSpacing":"10px","textCase":"none","textDecoration":"none"};
143
- export const calciteTypographyLight__3h = {"fontSize":"10px","fontWeight":"300","lineHeight":"12px"};
144
- export const calciteTypographyLight__2h = {"fontSize":"12px","fontWeight":"300"};
145
- export const calciteTypographyLight__1h = {"fontWeight":"300"};
146
- export const calciteTypographyLight_0h = {"fontSize":"16px","fontWeight":"300","lineHeight":"20px"};
147
- export const calciteTypographyLight_1h = {"fontSize":"18px","fontWeight":"300","lineHeight":"24px"};
148
- export const calciteTypographyRegular__3h = {"lineHeight":"12px","fontSize":"10px"};
149
- export const calciteTypographyRegular__2h = {"fontSize":"12px"};
150
- export const calciteTypographyRegular__1h = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0px","lineHeight":"16px","paragraphSpacing":"10px","textCase":"none","textDecoration":"none"};
151
- export const calciteTypographyRegular_0h = {"lineHeight":"20px","fontSize":"16px"};
152
- export const calciteTypographyRegular_1h = {"lineHeight":"24px","fontSize":"18px"};
153
- export const calciteTypographyMedium__3h = {"fontWeight":"500","lineHeight":"12px","fontSize":"10px"};
154
- export const calciteTypographyMedium__2h = {"fontWeight":"500","fontSize":"12px"};
155
- export const calciteTypographyMedium__1h = {"fontWeight":"500"};
156
- export const calciteTypographyMedium_0h = {"fontWeight":"500","lineHeight":"20px","fontSize":"16px"};
157
- export const calciteTypographyMedium_1h = {"fontWeight":"500","lineHeight":"24px","fontSize":"18px"};
158
- export const calciteTypographyBold__3h = {"fontWeight":"600","lineHeight":"12px","fontSize":"10px"};
159
- export const calciteTypographyBold__2h = {"fontWeight":"600","fontSize":"12px"};
160
- export const calciteTypographyBold__1h = {"fontWeight":"600"};
161
- export const calciteTypographyBold_0h = {"fontWeight":"600","lineHeight":"20px","fontSize":"16px"};
162
- export const calciteTypographyBold_1h = {"fontWeight":"600","lineHeight":"24px","fontSize":"18px"};
163
- export const calciteTypographyWrapLight_0 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"16px"};
164
- export const calciteTypographyWrapLight_1 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"18px"};
165
- export const calciteTypographyWrapLight_2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"20px"};
166
- export const calciteTypographyWrapLight_3 = {"fontWeight":"300","lineHeight":"125%","fontSize":"24px"};
167
- export const calciteTypographyWrapLight__2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"12px"};
168
- export const calciteTypographyWrapLight__1 = {"fontWeight":"300","lineHeight":"137.5%"};
169
- export const calciteTypographyWrapRegular_0 = {"lineHeight":"137.5%","fontSize":"16px"};
170
- export const calciteTypographyWrapRegular_1 = {"lineHeight":"137.5%","fontSize":"18px"};
171
- export const calciteTypographyWrapRegular_2 = {"lineHeight":"137.5%","fontSize":"20px"};
172
- export const calciteTypographyWrapRegular_3 = {"lineHeight":"137.5%","fontSize":"24px"};
173
- export const calciteTypographyWrapRegular__2 = {"lineHeight":"137.5%","fontSize":"12px"};
174
- export const calciteTypographyWrapRegular__1 = {"lineHeight":"137.5%"};
175
- export const calciteTypographyWrapMedium_0 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
176
- export const calciteTypographyWrapMedium_1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
177
- export const calciteTypographyWrapMedium_2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
178
- export const calciteTypographyWrapMedium_3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
179
- export const calciteTypographyWrapMedium__2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"12px"};
180
- export const calciteTypographyWrapMedium__1 = {"fontWeight":"500","lineHeight":"137.5%"};
181
- export const calciteTypographyWrapBold_0 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"16px"};
182
- export const calciteTypographyWrapBold_1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"18px"};
183
- export const calciteTypographyWrapBold_2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
184
- export const calciteTypographyWrapBold_3 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
185
- export const calciteTypographyWrapBold__2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"12px"};
186
- export const calciteTypographyWrapBold__1 = {"fontWeight":"600","lineHeight":"137.5%"};
187
- export const calciteTypographyHierarchyDisplay_1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
188
- export const calciteTypographyHierarchyDisplay_2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
189
- export const calciteTypographyHierarchyHeading_1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
190
- export const calciteTypographyHierarchyHeading_2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
191
- export const calciteTypographyHierarchyHeading_3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
192
- export const calciteTypographyHierarchyHeading_4 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
193
- export const calciteTypographyHierarchyHeading_5 = {"fontWeight":"500","lineHeight":"137.5%"};
133
+ export const calciteSpacingLg = "14px";
134
+ export const calciteSpacingXl = "16px";
135
+ export const calciteSpacingXxl = "20px";
136
+ export const calciteSpacingXxxl = "32px";
137
+ export const calciteTypography = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
138
+ export const calciteTypographyLightMinus3h = {"fontSize":"10px","fontWeight":"300","lineHeight":"12px"};
139
+ export const calciteTypographyLightMinus2h = {"fontSize":"12px","fontWeight":"300"};
140
+ export const calciteTypographyLightMinus1h = {"fontWeight":"300"};
141
+ export const calciteTypographyLight0h = {"fontSize":"16px","fontWeight":"300","lineHeight":"20px"};
142
+ export const calciteTypographyLight1h = {"fontSize":"18px","fontWeight":"300","lineHeight":"24px"};
143
+ export const calciteTypographyRegularMinus3h = {"lineHeight":"12px","fontSize":"10px"};
144
+ export const calciteTypographyRegularMinus2h = {"fontSize":"12px"};
145
+ export const calciteTypographyRegularMinus1h = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
146
+ export const calciteTypographyRegular0h = {"lineHeight":"20px","fontSize":"16px"};
147
+ export const calciteTypographyRegular1h = {"lineHeight":"24px","fontSize":"18px"};
148
+ export const calciteTypographyMediumMinus3h = {"fontWeight":"500","lineHeight":"12px","fontSize":"10px"};
149
+ export const calciteTypographyMediumMinus2h = {"fontWeight":"500","fontSize":"12px"};
150
+ export const calciteTypographyMediumMinus1h = {"fontWeight":"500"};
151
+ export const calciteTypographyMedium0h = {"fontWeight":"500","lineHeight":"20px","fontSize":"16px"};
152
+ export const calciteTypographyMedium1h = {"fontWeight":"500","lineHeight":"24px","fontSize":"18px"};
153
+ export const calciteTypographyBoldMinus3h = {"fontWeight":"600","lineHeight":"12px","fontSize":"10px"};
154
+ export const calciteTypographyBoldMinus2h = {"fontWeight":"600","fontSize":"12px"};
155
+ export const calciteTypographyBoldMinus1h = {"fontWeight":"600"};
156
+ export const calciteTypographyBold0h = {"fontWeight":"600","lineHeight":"20px","fontSize":"16px"};
157
+ export const calciteTypographyBold1h = {"fontWeight":"600","lineHeight":"24px","fontSize":"18px"};
158
+ export const calciteTypographyWrapLight0 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"16px"};
159
+ export const calciteTypographyWrapLight1 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"18px"};
160
+ export const calciteTypographyWrapLight2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"20px"};
161
+ export const calciteTypographyWrapLight3 = {"fontWeight":"300","lineHeight":"125%","fontSize":"24px"};
162
+ export const calciteTypographyWrapLightMinus2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"12px"};
163
+ export const calciteTypographyWrapLightMinus1 = {"fontWeight":"300","lineHeight":"137.5%"};
164
+ export const calciteTypographyWrapRegular0 = {"lineHeight":"137.5%","fontSize":"16px"};
165
+ export const calciteTypographyWrapRegular1 = {"lineHeight":"137.5%","fontSize":"18px"};
166
+ export const calciteTypographyWrapRegular2 = {"lineHeight":"137.5%","fontSize":"20px"};
167
+ export const calciteTypographyWrapRegular3 = {"lineHeight":"137.5%","fontSize":"24px"};
168
+ export const calciteTypographyWrapRegularMinus2 = {"lineHeight":"137.5%","fontSize":"12px"};
169
+ export const calciteTypographyWrapRegularMinus1 = {"lineHeight":"137.5%"};
170
+ export const calciteTypographyWrapMedium0 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
171
+ export const calciteTypographyWrapMedium1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
172
+ export const calciteTypographyWrapMedium2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
173
+ export const calciteTypographyWrapMedium3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
174
+ export const calciteTypographyWrapMediumMinus2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"12px"};
175
+ export const calciteTypographyWrapMediumMinus1 = {"fontWeight":"500","lineHeight":"137.5%"};
176
+ export const calciteTypographyWrapBold0 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"16px"};
177
+ export const calciteTypographyWrapBold1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"18px"};
178
+ export const calciteTypographyWrapBold2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
179
+ export const calciteTypographyWrapBold3 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
180
+ export const calciteTypographyWrapBoldMinus2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"12px"};
181
+ export const calciteTypographyWrapBoldMinus1 = {"fontWeight":"600","lineHeight":"137.5%"};
182
+ export const calciteTypographyHierarchyDisplay1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
183
+ export const calciteTypographyHierarchyDisplay2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
184
+ export const calciteTypographyHierarchyHeading1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
185
+ export const calciteTypographyHierarchyHeading2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
186
+ export const calciteTypographyHierarchyHeading3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
187
+ export const calciteTypographyHierarchyHeading4 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
188
+ export const calciteTypographyHierarchyHeading5 = {"fontWeight":"500","lineHeight":"137.5%"};
194
189
  export const calciteTypographyHierarchyBodySnug = {"lineHeight":"137.5%"};
195
- export const calciteTypographyHierarchyBody = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0px","lineHeight":"16px","paragraphSpacing":"10px","textCase":"none","textDecoration":"none"};
190
+ export const calciteTypographyHierarchyBody = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
196
191
  export const calciteTypographyHierarchyOverline = {"lineHeight":"12px","textCase":"uppercase","fontWeight":"700"};
197
192
  export const calciteTypographyHierarchyCaption = {"lineHeight":"137.5%","fontSize":"12px"};
198
193
  export const calciteZIndexDeep = "-999999";
@@ -204,4 +199,4 @@ export const calciteZIndexDropdown = "600";
204
199
  export const calciteZIndexOverlay = "700";
205
200
  export const calciteZIndexModal = "800";
206
201
  export const calciteZIndexPopup = "900";
207
- export const calciteZIndexTooltip = "901";
202
+ export const calciteZIndexTooltip = "901";
package/dist/js/core.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
3
+ * Generated on Thu, 07 Dec 2023 19:17:48 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
- "half": DesignToken,
430
- "full": DesignToken
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
+ }