@esri/calcite-design-tokens 2.0.1-next.3 → 2.1.0-next.1

package/dist/es6/core.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:21 GMT
+ * Generated on Tue, 19 Dec 2023 05:51:02 GMT
  */
 
 export const calciteColorNeutralBlk000 : string;
@@ -217,9 +217,23 @@ export const calciteContainerSize768 : string;
 export const calciteContainerSize854 : string;
 export const calciteContainerSize1152 : string;
 export const calciteContainerSize1440 : string;
+/** Fallback for Monaco */
+export const calciteFontFamilyAndaleMono : string;
 export const calciteFontFamilyAvenirNextPro : string;
 export const calciteFontFamilyAvenirNextWorld : string;
+/** Fallback for Avenir Next */
+export const calciteFontFamilyAvenir : string;
+/** Fallback for Monaco */
+export const calciteFontFamilyConsolas : string;
+/** Fallback for Avenir Next */
+export const calciteFontFamilyHelveticaNeue : string;
+/** Fallback for Monaco */
+export const calciteFontFamilyLucidaConsole : string;
 export const calciteFontFamilyMonaco : string;
+/** Fallback for Monaco */
+export const calciteFontFamilyMonospace : string;
+/** Fallback for Avenir Next */
+export const calciteFontFamilySansSerif : string;
 /** used in ratings */
 export const calciteFontStyleItalic : string;
 /** only for Avenir Next World (secondary font family) */

package/dist/es6/core.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:21 GMT
+ * Generated on Tue, 19 Dec 2023 05:51:02 GMT
  */
 
 export const calciteColorNeutralBlk000 = "#ffffff";
@@ -194,18 +194,18 @@ export const calciteColorVibrantVioletVVv120 = "#b580ff";
 export const calciteColorVibrantVioletVVv140 = "#974dff";
 export const calciteColorVibrantVioletVVv160 = "#8129ff";
 export const calciteColorVibrantVioletVVv180 = "#6a0be6";
-export const calciteColorDarkGreenDGg410 = "#44ED51";
-export const calciteColorDarkGreenDGg420 = "#36DA43";
-export const calciteColorDarkGreenDGg430 = "#36DA43";
-export const calciteColorDarkYellowDYy410 = "#FFE24D";
-export const calciteColorDarkYellowDYy420 = "#FFC900";
-export const calciteColorDarkYellowDYy430 = "#F4B000";
-export const calciteColorDarkRedDRr410 = "#FF7465";
-export const calciteColorDarkRedDRr420 = "#FE583E";
-export const calciteColorDarkRedDRr430 = "#F3381B";
-export const calciteColorDarkBlueDBb410 = "#47BBFF";
-export const calciteColorDarkBlueDBb420 = "#00A0FF";
-export const calciteColorDarkBlueDBb430 = "#0087D7";
+export const calciteColorDarkGreenDGg410 = "#44ed51";
+export const calciteColorDarkGreenDGg420 = "#36da43";
+export const calciteColorDarkGreenDGg430 = "#36da43";
+export const calciteColorDarkYellowDYy410 = "#ffe24d";
+export const calciteColorDarkYellowDYy420 = "#ffc900";
+export const calciteColorDarkYellowDYy430 = "#f4b000";
+export const calciteColorDarkRedDRr410 = "#ff7465";
+export const calciteColorDarkRedDRr420 = "#fe583e";
+export const calciteColorDarkRedDRr430 = "#f3381b";
+export const calciteColorDarkBlueDBb410 = "#47bbff";
+export const calciteColorDarkBlueDBb420 = "#00a0ff";
+export const calciteColorDarkBlueDBb430 = "#0087d7";
 export const calciteContainerSize0 = "0";
 export const calciteContainerSize154 = "154px";
 export const calciteContainerSize320 = "320px";
@@ -217,9 +217,16 @@ export const calciteContainerSize768 = "768px";
 export const calciteContainerSize854 = "854px";
 export const calciteContainerSize1152 = "1152px";
 export const calciteContainerSize1440 = "1440px";
+export const calciteFontFamilyAndaleMono = "Andale Mono"; // Fallback for Monaco
 export const calciteFontFamilyAvenirNextPro = "Avenir Next LT Pro";
 export const calciteFontFamilyAvenirNextWorld = "Avenir Next World";
+export const calciteFontFamilyAvenir = "Avenir"; // Fallback for Avenir Next
+export const calciteFontFamilyConsolas = "Consolas"; // Fallback for Monaco
+export const calciteFontFamilyHelveticaNeue = "Helvetica Neue"; // Fallback for Avenir Next
+export const calciteFontFamilyLucidaConsole = "Lucida Console"; // Fallback for Monaco
 export const calciteFontFamilyMonaco = "Monaco";
+export const calciteFontFamilyMonospace = "monospace"; // Fallback for Monaco
+export const calciteFontFamilySansSerif = "sans-serif"; // Fallback for Avenir Next
 export const calciteFontStyleItalic = "italic"; // used in ratings
 export const calciteFontWeightUltralight = "200"; // only for Avenir Next World (secondary font family)
 export const calciteFontWeightThin = "100";
@@ -238,27 +245,27 @@ export const calciteFontTextCaseNone = "none";
 export const calciteFontTextCaseUppercase = "uppercase";
 export const calciteFontTextCaseLowercase = "lowercase";
 export const calciteFontTextCaseCapitalize = "capitalize";
-export const calciteOpacity0 = "0%";
-export const calciteOpacity4 = "4%";
-export const calciteOpacity8 = "8%";
-export const calciteOpacity10 = "10%";
-export const calciteOpacity20 = "20%";
-export const calciteOpacity30 = "30%";
-export const calciteOpacity40 = "40%";
-export const calciteOpacity50 = "50%";
-export const calciteOpacity60 = "60%";
-export const calciteOpacity70 = "70%";
-export const calciteOpacity80 = "80%";
-export const calciteOpacity85 = "85%";
-export const calciteOpacity90 = "90%";
-export const calciteOpacity92 = "92%";
-export const calciteOpacity96 = "96%";
-export const calciteOpacity100 = "100%";
-export const calciteShadow0 = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0%)"};
-export const calciteShadow1 = {"x":"0","y":"2","blur":"8","spread":"0","color":"rgba(#000000, 4%)"};
-export const calciteShadow2 = {"x":"0","y":"4","blur":"16","spread":"0","color":"rgba(#000000, 8%)"};
-export const calciteShadow3 = {"x":"0","y":"4","blur":"20","spread":"0","color":"rgba(#000000, 8%)"};
-export const calciteShadow4 = {"x":"0","y":"12","blur":"32","spread":"-2","color":"rgba(#000000, 10%)"};
+export const calciteOpacity0 = "0";
+export const calciteOpacity4 = "0.04";
+export const calciteOpacity8 = "0.08";
+export const calciteOpacity10 = "0.1";
+export const calciteOpacity20 = "0.2";
+export const calciteOpacity30 = "0.3";
+export const calciteOpacity40 = "0.4";
+export const calciteOpacity50 = "0.5";
+export const calciteOpacity60 = "0.6";
+export const calciteOpacity70 = "0.7";
+export const calciteOpacity80 = "0.8";
+export const calciteOpacity85 = "0.85";
+export const calciteOpacity90 = "0.9";
+export const calciteOpacity92 = "0.92";
+export const calciteOpacity96 = "0.96";
+export const calciteOpacity100 = "1";
+export const calciteShadow0 = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0)"};
+export const calciteShadow1 = {"x":"0","y":"2","blur":"8","spread":"0","color":"rgba(#000000, 0.04)"};
+export const calciteShadow2 = {"x":"0","y":"4","blur":"16","spread":"0","color":"rgba(#000000, 0.08)"};
+export const calciteShadow3 = {"x":"0","y":"4","blur":"20","spread":"0","color":"rgba(#000000, 0.08)"};
+export const calciteShadow4 = {"x":"0","y":"12","blur":"32","spread":"-2","color":"rgba(#000000, 0.1)"};
 export const calciteSize1 = "1px";
 export const calciteSize2 = "2px";
 export const calciteSize4 = "4px";

package/dist/es6/global.d.ts

@@ -1,16 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:22 GMT
+ * Generated on Tue, 19 Dec 2023 05:51:04 GMT
  */
 
 export const calciteBorderWidthNone : string;
 export const calciteBorderWidthSm : string;
 export const calciteBorderWidthMd : string;
 export const calciteBorderWidthLg : string;
-export const calciteCornerRadius : string;
-export const calciteCornerRadiusSharp : string;
-export const calciteCornerRadiusRound : string;
-export const calciteCornerRadiusPill : string;
 export const calciteColorBackground : { light: string, dark: string };
 export const calciteColorBackgroundNone : string;
 export const calciteColorForeground1 : { light: string, dark: string };
@@ -82,8 +78,14 @@ export const calciteContainerSizeGutter : string;
 export const calciteContainerSizeContentFluid : string;
 /** only for lg breakpoint fixed grid width */
 export const calciteContainerSizeContentFixed : string;
-export const calciteFontFamily : string;
-export const calciteFontFamilyCode : string;
+export const calciteCornerRadius : string;
+export const calciteCornerRadiusSharp : string;
+export const calciteCornerRadiusRound : string;
+export const calciteCornerRadiusPill : string;
+/** Primary font with fallbacks */
+export const calciteFontFamily : string[];
+/** Font family for code with fallbacks */
+export const calciteFontFamilyCode : string[];
 /** For Avenir Next World (secondary font family) */
 export const calciteFontWeightLight : string;
 /** 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" */
@@ -157,7 +159,7 @@ export const calciteSpacingLg : string;
 export const calciteSpacingXl : string;
 export const calciteSpacingXxl : string;
 export const calciteSpacingXxxl : string;
-export const calciteTypography : { fontFamily: string, fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
+export const calciteTypography : { fontFamily: string[], fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
 export const calciteTypographyLightMinus3h : { fontSize: string, fontWeight: string, lineHeight: string };
 export const calciteTypographyLightMinus2h : { fontSize: string, fontWeight: string };
 export const calciteTypographyLightMinus1h : { fontWeight: string };
@@ -165,7 +167,7 @@ export const calciteTypographyLight0h : { fontSize: string, fontWeight: string,
 export const calciteTypographyLight1h : { fontSize: string, fontWeight: string, lineHeight: string };
 export const calciteTypographyRegularMinus3h : { lineHeight: string, fontSize: string };
 export const calciteTypographyRegularMinus2h : { fontSize: string };
-export const calciteTypographyRegularMinus1h : { fontFamily: string, fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
+export const calciteTypographyRegularMinus1h : { fontFamily: string[], fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
 export const calciteTypographyRegular0h : { lineHeight: string, fontSize: string };
 export const calciteTypographyRegular1h : { lineHeight: string, fontSize: string };
 export const calciteTypographyMediumMinus3h : { fontWeight: string, lineHeight: string, fontSize: string };
@@ -210,7 +212,7 @@ export const calciteTypographyHierarchyHeading3 : { fontWeight: string, lineHeig
 export const calciteTypographyHierarchyHeading4 : { fontWeight: string, lineHeight: string, fontSize: string };
 export const calciteTypographyHierarchyHeading5 : { fontWeight: string, lineHeight: string };
 export const calciteTypographyHierarchyBodySnug : { lineHeight: string };
-export const calciteTypographyHierarchyBody : { fontFamily: string, fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
+export const calciteTypographyHierarchyBody : { fontFamily: string[], fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
 export const calciteTypographyHierarchyOverline : { lineHeight: string, textCase: string, fontWeight: string };
 export const calciteTypographyHierarchyCaption : { lineHeight: string, fontSize: string };
 export const calciteZIndexDeep : string;

package/dist/es6/global.js

@@ -1,41 +1,37 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:22 GMT
+ * Generated on Tue, 19 Dec 2023 05:51:04 GMT
  */
 
 export const calciteBorderWidthNone = "0";
 export const calciteBorderWidthSm = "1px";
 export const calciteBorderWidthMd = "2px";
 export const calciteBorderWidthLg = "4px";
-export const calciteCornerRadius = "0";
-export const calciteCornerRadiusSharp = "0";
-export const calciteCornerRadiusRound = "4px";
-export const calciteCornerRadiusPill = "100%";
 export const calciteColorBackground = {"light":"#f8f8f8","dark":"#353535"};
-export const calciteColorBackgroundNone = "rgba(#ffffff, 0%)";
+export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
 export const calciteColorForeground1 = {"light":"#ffffff","dark":"#2b2b2b"};
 export const calciteColorForeground2 = {"light":"#f3f3f3","dark":"#202020"};
 export const calciteColorForeground3 = {"light":"#eaeaea","dark":"#151515"};
 export const calciteColorForegroundCurrent = {"light":"#c7eaff","dark":"#214155"};
-export const calciteColorTransparent = {"light":"rgba(0, 0, 0, 0%)","dark":"rgba(255, 255, 255, 0%)"};
-export const calciteColorTransparentHover = {"light":"rgba(0, 0, 0, 4%)","dark":"rgba(255, 255, 255, 4%)"};
-export const calciteColorTransparentPress = {"light":"rgba(0, 0, 0, 8%)","dark":"rgba(255, 255, 255, 8%)"};
-export const calciteColorTransparentScrim = {"light":"rgba(255, 255, 255, 85%)","dark":"rgba(0, 0, 0, 85%)"};
-export const calciteColorTransparentTint = {"light":"rgba(255, 255, 255, 80%)","dark":"rgba(43, 43, 43, 80%)"};
+export const calciteColorTransparent = {"light":"rgba(0, 0, 0, 0)","dark":"rgba(255, 255, 255, 0)"};
+export const calciteColorTransparentHover = {"light":"rgba(0, 0, 0, 0.04)","dark":"rgba(255, 255, 255, 0.04)"};
+export const calciteColorTransparentPress = {"light":"rgba(0, 0, 0, 0.08)","dark":"rgba(255, 255, 255, 0.08)"};
+export const calciteColorTransparentScrim = {"light":"rgba(255, 255, 255, 0.85)","dark":"rgba(0, 0, 0, 0.85)"};
+export const calciteColorTransparentTint = {"light":"rgba(255, 255, 255, 0.8)","dark":"rgba(43, 43, 43, 0.8)"};
 export const calciteColorBrand = {"light":"#007ac2","dark":"#009af2"};
 export const calciteColorBrandHover = {"light":"#00619b","dark":"#007ac2"};
 export const calciteColorBrandPress = {"light":"#004874","dark":"#00619b"};
-export const calciteColorBrandUnderline = {"light":"rgba(0, 97, 155, 40%)","dark":"rgba(0, 160, 255, 40%)"};
-export const calciteColorStatusInfo = {"light":"#00619b","dark":"#00A0FF"};
+export const calciteColorBrandUnderline = {"light":"rgba(0, 97, 155, 0.4)","dark":"rgba(0, 160, 255, 0.4)"};
+export const calciteColorStatusInfo = {"light":"#00619b","dark":"#00a0ff"};
 export const calciteColorStatusInfoHover = {"light":"#004874","dark":"#3db8ff"};
 export const calciteColorStatusInfoPress = {"light":"#00304d","dark":"#009af2"};
-export const calciteColorStatusSuccess = {"light":"#35ac46","dark":"#36DA43"};
+export const calciteColorStatusSuccess = {"light":"#35ac46","dark":"#36da43"};
 export const calciteColorStatusSuccessHover = {"light":"#288835","dark":"#3bed52"};
 export const calciteColorStatusSuccessPress = {"light":"#1a6324","dark":"#00b81b"};
-export const calciteColorStatusWarning = {"light":"#edd317","dark":"#FFC900"};
+export const calciteColorStatusWarning = {"light":"#edd317","dark":"#ffc900"};
 export const calciteColorStatusWarningHover = {"light":"#d9bc00","dark":"#ffee33"};
 export const calciteColorStatusWarningPress = {"light":"#bfa200","dark":"#f5d000"};
-export const calciteColorStatusDanger = {"light":"#d83020","dark":"#FE583E"};
+export const calciteColorStatusDanger = {"light":"#d83020","dark":"#fe583e"};
 export const calciteColorStatusDangerHover = {"light":"#a82b1e","dark":"#ff0015"};
 export const calciteColorStatusDangerPress = {"light":"#7c1d13","dark":"#d90012"};
 export const calciteColorInverse = {"light":"#353535","dark":"#f8f8f8"};
@@ -45,12 +41,12 @@ export const calciteColorText1 = {"light":"#151515","dark":"#ffffff"};
 export const calciteColorText2 = {"light":"#4a4a4a","dark":"#bfbfbf"};
 export const calciteColorText3 = {"light":"#6a6a6a","dark":"#9f9f9f"};
 export const calciteColorTextInverse = {"light":"#ffffff","dark":"#151515"};
-export const calciteColorTextLink = {"light":"#00619b","dark":"#00A0FF"};
+export const calciteColorTextLink = {"light":"#00619b","dark":"#00a0ff"};
 export const calciteColorBorder1 = {"light":"#cacaca","dark":"#555555"};
 export const calciteColorBorder2 = {"light":"#d4d4d4","dark":"#4a4a4a"};
 export const calciteColorBorder3 = {"light":"#dfdfdf","dark":"#404040"};
 export const calciteColorBorderInput = {"light":"#949494","dark":"#757575"};
-export const calciteColorBorderGhost = {"light":"rgba(0, 0, 0, 30%)","dark":"rgba(117, 117, 117, 30%)"};
+export const calciteColorBorderGhost = {"light":"rgba(0, 0, 0, 0.3)","dark":"rgba(117, 117, 117, 0.3)"};
 export const calciteColorBorderWhite = {"light":"#ffffff","dark":"#f8f8f8"};
 export const calciteContainerSizeHeightXxs = {"min":"0","max":"154px"}; // Small handheld devices and mini-windows
 export const calciteContainerSizeHeightXs = {"min":"155px","max":"328px"}; // Handheld devices
@@ -68,8 +64,12 @@ export const calciteContainerSizeMargin = "24px";
 export const calciteContainerSizeGutter = "16px";
 export const calciteContainerSizeContentFluid = "100%"; // for fluid grid widths
 export const calciteContainerSizeContentFixed = "1440px"; // only for lg breakpoint fixed grid width
-export const calciteFontFamily = "Avenir Next LT Pro";
-export const calciteFontFamilyCode = "Monaco";
+export const calciteCornerRadius = "0";
+export const calciteCornerRadiusSharp = "0";
+export const calciteCornerRadiusRound = "4px";
+export const calciteCornerRadiusPill = "100%";
+export const calciteFontFamily = ["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"]; // Primary font with fallbacks
+export const calciteFontFamilyCode = ["Monaco","Consolas","Andale Mono","Lucida Console","monospace"]; // Font family for code with fallbacks
 export const calciteFontWeightLight = "300"; // For Avenir Next World (secondary font family)
 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"
 export const calciteFontWeightRegular = "400";
@@ -89,11 +89,11 @@ export const calciteFontLineHeightFixedBase = "16px";
 export const calciteFontLineHeightFixedLg = "20px";
 export const calciteFontLineHeightFixedXl = "24px";
 export const calciteFontLineHeightRelative = "auto"; // 1
-export const calciteFontLineHeightRelativeTight = "125%"; // 1.25
-export const calciteFontLineHeightRelativeSnug = "137.5%"; // 1.375
-export const calciteFontLineHeightRelativeNormal = "150%"; // 1.5
-export const calciteFontLineHeightRelativeRelaxed = "162.5%"; // 1.625
-export const calciteFontLineHeightRelativeLoose = "200%"; // 2
+export const calciteFontLineHeightRelativeTight = "1.25"; // 1.25
+export const calciteFontLineHeightRelativeSnug = "1.375"; // 1.375
+export const calciteFontLineHeightRelativeNormal = "1.5"; // 1.5
+export const calciteFontLineHeightRelativeRelaxed = "1.625"; // 1.625
+export const calciteFontLineHeightRelativeLoose = "2"; // 2
 export const calciteFontLetterSpacingTight = "-0.4";
 export const calciteFontLetterSpacingNormal = "0";
 export const calciteFontLetterSpacingWide = "0.4";
@@ -104,14 +104,14 @@ export const calciteFontTextCaseNone = "none";
 export const calciteFontTextCaseUppercase = "uppercase";
 export const calciteFontTextCaseLowercase = "lowercase";
 export const calciteFontTextCaseCapitalize = "capitalize";
-export const calciteOpacityLight = "40%";
-export const calciteOpacityHalf = "50%";
-export const calciteOpacityDark = "85%";
-export const calciteOpacityFull = "100%";
-export const calciteOpacityDisabled = "50%";
-export const calciteShadowNone = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0%)"};
-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%)"}];
-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%)"}];
+export const calciteOpacityLight = "0.4";
+export const calciteOpacityHalf = "0.5";
+export const calciteOpacityDark = "0.85";
+export const calciteOpacityFull = "1";
+export const calciteOpacityDisabled = "0.5";
+export const calciteShadowNone = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0)"};
+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)"}];
+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)"}];
 export const calciteSizePx = "1px";
 export const calciteSizeXxxs = "2px";
 export const calciteSizeXxs = "4px";
@@ -134,7 +134,7 @@ export const calciteSpacingLg = "14px";
 export const calciteSpacingXl = "16px";
 export const calciteSpacingXxl = "20px";
 export const calciteSpacingXxxl = "32px";
-export const calciteTypography = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
+export const calciteTypography = {"fontFamily":["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
 export const calciteTypographyLightMinus3h = {"fontSize":"10px","fontWeight":"300","lineHeight":"12px"};
 export const calciteTypographyLightMinus2h = {"fontSize":"12px","fontWeight":"300"};
 export const calciteTypographyLightMinus1h = {"fontWeight":"300"};
@@ -142,7 +142,7 @@ export const calciteTypographyLight0h = {"fontSize":"16px","fontWeight":"300","l
 export const calciteTypographyLight1h = {"fontSize":"18px","fontWeight":"300","lineHeight":"24px"};
 export const calciteTypographyRegularMinus3h = {"lineHeight":"12px","fontSize":"10px"};
 export const calciteTypographyRegularMinus2h = {"fontSize":"12px"};
-export const calciteTypographyRegularMinus1h = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
+export const calciteTypographyRegularMinus1h = {"fontFamily":["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
 export const calciteTypographyRegular0h = {"lineHeight":"20px","fontSize":"16px"};
 export const calciteTypographyRegular1h = {"lineHeight":"24px","fontSize":"18px"};
 export const calciteTypographyMediumMinus3h = {"fontWeight":"500","lineHeight":"12px","fontSize":"10px"};
@@ -155,41 +155,41 @@ export const calciteTypographyBoldMinus2h = {"fontWeight":"600","fontSize":"12px
 export const calciteTypographyBoldMinus1h = {"fontWeight":"600"};
 export const calciteTypographyBold0h = {"fontWeight":"600","lineHeight":"20px","fontSize":"16px"};
 export const calciteTypographyBold1h = {"fontWeight":"600","lineHeight":"24px","fontSize":"18px"};
-export const calciteTypographyWrapLight0 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"16px"};
-export const calciteTypographyWrapLight1 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"18px"};
-export const calciteTypographyWrapLight2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyWrapLight3 = {"fontWeight":"300","lineHeight":"125%","fontSize":"24px"};
-export const calciteTypographyWrapLightMinus2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"12px"};
-export const calciteTypographyWrapLightMinus1 = {"fontWeight":"300","lineHeight":"137.5%"};
-export const calciteTypographyWrapRegular0 = {"lineHeight":"137.5%","fontSize":"16px"};
-export const calciteTypographyWrapRegular1 = {"lineHeight":"137.5%","fontSize":"18px"};
-export const calciteTypographyWrapRegular2 = {"lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyWrapRegular3 = {"lineHeight":"137.5%","fontSize":"24px"};
-export const calciteTypographyWrapRegularMinus2 = {"lineHeight":"137.5%","fontSize":"12px"};
-export const calciteTypographyWrapRegularMinus1 = {"lineHeight":"137.5%"};
-export const calciteTypographyWrapMedium0 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
-export const calciteTypographyWrapMedium1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
-export const calciteTypographyWrapMedium2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyWrapMedium3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
-export const calciteTypographyWrapMediumMinus2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"12px"};
-export const calciteTypographyWrapMediumMinus1 = {"fontWeight":"500","lineHeight":"137.5%"};
-export const calciteTypographyWrapBold0 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"16px"};
-export const calciteTypographyWrapBold1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"18px"};
-export const calciteTypographyWrapBold2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyWrapBold3 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
-export const calciteTypographyWrapBoldMinus2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"12px"};
-export const calciteTypographyWrapBoldMinus1 = {"fontWeight":"600","lineHeight":"137.5%"};
-export const calciteTypographyHierarchyDisplay1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
-export const calciteTypographyHierarchyDisplay2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyHierarchyHeading1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
-export const calciteTypographyHierarchyHeading2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyHierarchyHeading3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
-export const calciteTypographyHierarchyHeading4 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
-export const calciteTypographyHierarchyHeading5 = {"fontWeight":"500","lineHeight":"137.5%"};
-export const calciteTypographyHierarchyBodySnug = {"lineHeight":"137.5%"};
-export const calciteTypographyHierarchyBody = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
+export const calciteTypographyWrapLight0 = {"fontWeight":"300","lineHeight":"1.375","fontSize":"16px"};
+export const calciteTypographyWrapLight1 = {"fontWeight":"300","lineHeight":"1.375","fontSize":"18px"};
+export const calciteTypographyWrapLight2 = {"fontWeight":"300","lineHeight":"1.375","fontSize":"20px"};
+export const calciteTypographyWrapLight3 = {"fontWeight":"300","lineHeight":"1.25","fontSize":"24px"};
+export const calciteTypographyWrapLightMinus2 = {"fontWeight":"300","lineHeight":"1.375","fontSize":"12px"};
+export const calciteTypographyWrapLightMinus1 = {"fontWeight":"300","lineHeight":"1.375"};
+export const calciteTypographyWrapRegular0 = {"lineHeight":"1.375","fontSize":"16px"};
+export const calciteTypographyWrapRegular1 = {"lineHeight":"1.375","fontSize":"18px"};
+export const calciteTypographyWrapRegular2 = {"lineHeight":"1.375","fontSize":"20px"};
+export const calciteTypographyWrapRegular3 = {"lineHeight":"1.375","fontSize":"24px"};
+export const calciteTypographyWrapRegularMinus2 = {"lineHeight":"1.375","fontSize":"12px"};
+export const calciteTypographyWrapRegularMinus1 = {"lineHeight":"1.375"};
+export const calciteTypographyWrapMedium0 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"16px"};
+export const calciteTypographyWrapMedium1 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"18px"};
+export const calciteTypographyWrapMedium2 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"20px"};
+export const calciteTypographyWrapMedium3 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"24px"};
+export const calciteTypographyWrapMediumMinus2 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"12px"};
+export const calciteTypographyWrapMediumMinus1 = {"fontWeight":"500","lineHeight":"1.375"};
+export const calciteTypographyWrapBold0 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"16px"};
+export const calciteTypographyWrapBold1 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"18px"};
+export const calciteTypographyWrapBold2 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"20px"};
+export const calciteTypographyWrapBold3 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"24px"};
+export const calciteTypographyWrapBoldMinus2 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"12px"};
+export const calciteTypographyWrapBoldMinus1 = {"fontWeight":"600","lineHeight":"1.375"};
+export const calciteTypographyHierarchyDisplay1 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"24px"};
+export const calciteTypographyHierarchyDisplay2 = {"fontWeight":"600","lineHeight":"1.375","fontSize":"20px"};
+export const calciteTypographyHierarchyHeading1 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"24px"};
+export const calciteTypographyHierarchyHeading2 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"20px"};
+export const calciteTypographyHierarchyHeading3 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"18px"};
+export const calciteTypographyHierarchyHeading4 = {"fontWeight":"500","lineHeight":"1.375","fontSize":"16px"};
+export const calciteTypographyHierarchyHeading5 = {"fontWeight":"500","lineHeight":"1.375"};
+export const calciteTypographyHierarchyBodySnug = {"lineHeight":"1.375"};
+export const calciteTypographyHierarchyBody = {"fontFamily":["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
 export const calciteTypographyHierarchyOverline = {"lineHeight":"12px","textCase":"uppercase","fontWeight":"700"};
-export const calciteTypographyHierarchyCaption = {"lineHeight":"137.5%","fontSize":"12px"};
+export const calciteTypographyHierarchyCaption = {"lineHeight":"1.375","fontSize":"12px"};
 export const calciteZIndexDeep = "-999999";
 export const calciteZIndex = "1";
 export const calciteZIndexSticky = "300";

package/dist/js/core.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:20 GMT
+ * Generated on Tue, 19 Dec 2023 05:51:01 GMT
  */
 
 export default tokens;
@@ -305,9 +305,16 @@ declare const tokens: {
     },
     "font": {
       "family": {
+        "andaleMono": DesignToken,
         "avenirNextPro": DesignToken,
         "avenirNextWorld": DesignToken,
-        "monaco": DesignToken
+        "avenir": DesignToken,
+        "consolas": DesignToken,
+        "helveticaNeue": DesignToken,
+        "lucidaConsole": DesignToken,
+        "monaco": DesignToken,
+        "monospace": DesignToken,
+        "sansSerif": DesignToken
       },
       "style": {
         "italic": DesignToken