@esri/calcite-design-tokens 1.1.1-next.2 → 2.0.0

package/dist/es6/global.d.ts

@@ -0,0 +1,202 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 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 };
+export const calciteColorForeground2 : { light: string, dark: string };
+export const calciteColorForeground3 : { light: string, dark: string };
+export const calciteColorForegroundCurrent : { light: string, dark: string };
+export const calciteColorTransparent : { light: string, dark: string };
+export const calciteColorTransparentHover : { light: string, dark: string };
+export const calciteColorTransparentPress : { light: string, dark: string };
+export const calciteColorTransparentScrim : { light: string, dark: string };
+export const calciteColorTransparentTint : { light: string, dark: string };
+export const calciteColorBrand : { light: string, dark: string };
+export const calciteColorBrandHover : { light: string, dark: string };
+export const calciteColorBrandPress : { light: string, dark: string };
+export const calciteColorBrandUnderline : { light: string, dark: string };
+export const calciteColorStatusInfo : { light: string, dark: string };
+export const calciteColorStatusInfoHover : { light: string, dark: string };
+export const calciteColorStatusInfoPress : { light: string, dark: string };
+export const calciteColorStatusSuccess : { light: string, dark: string };
+export const calciteColorStatusSuccessHover : { light: string, dark: string };
+export const calciteColorStatusSuccessPress : { light: string, dark: string };
+export const calciteColorStatusWarning : { light: string, dark: string };
+export const calciteColorStatusWarningHover : { light: string, dark: string };
+export const calciteColorStatusWarningPress : { light: string, dark: string };
+export const calciteColorStatusDanger : { light: string, dark: string };
+export const calciteColorStatusDangerHover : { light: string, dark: string };
+export const calciteColorStatusDangerPress : { light: string, dark: string };
+export const calciteColorInverse : { light: string, dark: string };
+export const calciteColorInverseHover : { light: string, dark: string };
+export const calciteColorInversePress : { light: string, dark: string };
+export const calciteColorText1 : { light: string, dark: string };
+export const calciteColorText2 : { light: string, dark: string };
+export const calciteColorText3 : { light: string, dark: string };
+export const calciteColorTextInverse : { light: string, dark: string };
+export const calciteColorTextLink : { light: string, dark: string };
+export const calciteColorBorder1 : { light: string, dark: string };
+export const calciteColorBorder2 : { light: string, dark: string };
+export const calciteColorBorder3 : { light: string, dark: string };
+export const calciteColorBorderInput : { light: string, dark: string };
+export const calciteColorBorderGhost : { light: string, dark: string };
+export const calciteColorBorderWhite : { light: string, dark: string };
+export const calciteContainerSizeHeightXxs : { min: string, max: string }; // Small handheld devices and mini-windows
+export const calciteContainerSizeHeightXs : { min: string, max: string }; // Handheld devices
+export const calciteContainerSizeHeightSm : { min: string, max: string }; // Small tablets
+export const calciteContainerSizeHeightMd : { min: string, max: string }; // Small laptops
+export const calciteContainerSizeHeightLg : { min: string, max: string }; // Large laptops and desktop computers
+export const calciteContainerSizeHeightXl : { min: string }; // Projectors and televisions
+export const calciteContainerSizeWidthXxs : { min: string, max: string }; // Small handheld devices and mini-windows
+export const calciteContainerSizeWidthXs : { min: string, max: string }; // Handheld devices
+export const calciteContainerSizeWidthSm : { min: string, max: string }; // Small tablets
+export const calciteContainerSizeWidthMd : { min: string, max: string }; // Small laptops
+export const calciteContainerSizeWidthLg : { min: string, max: string }; // Large laptops and desktop computers
+export const calciteContainerSizeWidthXl : { min: string }; // Projectors and televisions
+export const calciteContainerSizeMargin : string;
+export const calciteContainerSizeGutter : string;
+export const calciteContainerSizeContentFluid : string; // for fluid grid widths
+export const calciteContainerSizeContentFixed : string; // only for lg breakpoint fixed grid width
+export const calciteFontFamily : string;
+export const calciteFontFamilyCode : string;
+export const calciteFontWeightLight : string; // For Avenir Next World (secondary font family)
+export const calciteFontWeightNormal : 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"
+export const calciteFontWeightRegular : string;
+export const calciteFontWeightMedium : string;
+export const calciteFontWeightSemibold : string;
+export const calciteFontWeightBold : string;
+export const calciteFontSizeXs : string;
+export const calciteFontSizeSm : string;
+export const calciteFontSize : string;
+export const calciteFontSizeMd : string;
+export const calciteFontSizeLg : string;
+export const calciteFontSizeXl : string;
+export const calciteFontSizeXxl : string;
+export const calciteFontStyleEmphasis : string; // used in ratings
+export const calciteFontLineHeightFixedSm : string;
+export const calciteFontLineHeightFixedBase : string;
+export const calciteFontLineHeightFixedLg : string;
+export const calciteFontLineHeightFixedXl : string;
+export const calciteFontLineHeightRelative : string; // 1
+export const calciteFontLineHeightRelativeTight : string; // 1.25
+export const calciteFontLineHeightRelativeSnug : string; // 1.375
+export const calciteFontLineHeightRelativeNormal : string; // 1.5
+export const calciteFontLineHeightRelativeRelaxed : string; // 1.625
+export const calciteFontLineHeightRelativeLoose : string; // 2
+export const calciteFontLetterSpacingTight : string;
+export const calciteFontLetterSpacingNormal : string;
+export const calciteFontLetterSpacingWide : string;
+export const calciteFontParagraphSpacingNormal : string;
+export const calciteFontTextDecorationNone : string;
+export const calciteFontTextDecorationUnderline : string;
+export const calciteFontTextCaseNone : string;
+export const calciteFontTextCaseUppercase : string;
+export const calciteFontTextCaseLowercase : string;
+export const calciteFontTextCaseCapitalize : string;
+export const calciteOpacityLight : string;
+export const calciteOpacityHalf : string;
+export const calciteOpacityDark : string;
+export const calciteOpacityFull : string;
+export const calciteOpacityDisabled : string;
+export const calciteShadowNone : { x: string, y: string, blur: string, spread: string, color: string };
+export const calciteShadowSm : { x: string, y: string, blur: string, spread: string, color: string }[];
+export const calciteShadowMd : { x: string, y: string, blur: string, spread: string, color: string }[];
+export const calciteSizePx : string;
+export const calciteSizeXxxs : string;
+export const calciteSizeXxs : string;
+export const calciteSizeXs : string;
+export const calciteSizeSm : string;
+export const calciteSizeSmPlus : string;
+export const calciteSizeMd : string;
+export const calciteSizeMdPlus : string;
+export const calciteSizeLg : string;
+export const calciteSizeXl : string;
+export const calciteSizeXxl : string;
+export const calciteSizeXxxl : string;
+export const calciteSpacingPx : string;
+export const calciteSpacingBase : string;
+export const calciteSpacingXxs : string;
+export const calciteSpacingXs : string;
+export const calciteSpacingSm : string;
+export const calciteSpacingMd : string;
+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 calciteTypographyLightMinus3h : { fontSize: string, fontWeight: string, lineHeight: string };
+export const calciteTypographyLightMinus2h : { fontSize: string, fontWeight: string };
+export const calciteTypographyLightMinus1h : { fontWeight: string };
+export const calciteTypographyLight0h : { fontSize: string, fontWeight: string, lineHeight: 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 calciteTypographyRegular0h : { lineHeight: string, fontSize: string };
+export const calciteTypographyRegular1h : { lineHeight: string, fontSize: string };
+export const calciteTypographyMediumMinus3h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyMediumMinus2h : { fontWeight: string, fontSize: string };
+export const calciteTypographyMediumMinus1h : { fontWeight: string };
+export const calciteTypographyMedium0h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyMedium1h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyBoldMinus3h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyBoldMinus2h : { fontWeight: string, fontSize: string };
+export const calciteTypographyBoldMinus1h : { fontWeight: string };
+export const calciteTypographyBold0h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyBold1h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLight0 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLight1 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLight2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLight3 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLightMinus2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLightMinus1 : { fontWeight: string, lineHeight: string };
+export const calciteTypographyWrapRegular0 : { lineHeight: string, fontSize: string };
+export const calciteTypographyWrapRegular1 : { lineHeight: string, fontSize: string };
+export const calciteTypographyWrapRegular2 : { lineHeight: string, fontSize: string };
+export const calciteTypographyWrapRegular3 : { lineHeight: string, fontSize: string };
+export const calciteTypographyWrapRegularMinus2 : { lineHeight: string, fontSize: string };
+export const calciteTypographyWrapRegularMinus1 : { lineHeight: string };
+export const calciteTypographyWrapMedium0 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapMedium1 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapMedium2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapMedium3 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapMediumMinus2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapMediumMinus1 : { fontWeight: string, lineHeight: string };
+export const calciteTypographyWrapBold0 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapBold1 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapBold2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapBold3 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapBoldMinus2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapBoldMinus1 : { fontWeight: string, lineHeight: string };
+export const calciteTypographyHierarchyDisplay1 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyHierarchyDisplay2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyHierarchyHeading1 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyHierarchyHeading2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyHierarchyHeading3 : { fontWeight: string, lineHeight: string, fontSize: string };
+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 calciteTypographyHierarchyOverline : { lineHeight: string, textCase: string, fontWeight: string };
+export const calciteTypographyHierarchyCaption : { lineHeight: string, fontSize: string };
+export const calciteZIndexDeep : string;
+export const calciteZIndex : string;
+export const calciteZIndexSticky : string;
+export const calciteZIndexHeader : string;
+export const calciteZIndexToast : string;
+export const calciteZIndexDropdown : string;
+export const calciteZIndexOverlay : string;
+export const calciteZIndexModal : string;
+export const calciteZIndexPopup : string;
+export const calciteZIndexTooltip : string;

package/dist/es6/global.js

@@ -0,0 +1,202 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 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 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 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 calciteColorStatusInfoHover = {"light":"#004874","dark":"#3db8ff"};
+export const calciteColorStatusInfoPress = {"light":"#00304d","dark":"#009af2"};
+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 calciteColorStatusWarningHover = {"light":"#d9bc00","dark":"#ffee33"};
+export const calciteColorStatusWarningPress = {"light":"#bfa200","dark":"#f5d000"};
+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"};
+export const calciteColorInverseHover = {"light":"#2b2b2b","dark":"#ffffff"};
+export const calciteColorInversePress = {"light":"#202020","dark":"#f3f3f3"};
+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 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 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
+export const calciteContainerSizeHeightSm = {"min":"329px","max":"504px"}; // Small tablets
+export const calciteContainerSizeHeightMd = {"min":"505px","max":"678px"}; // Small laptops
+export const calciteContainerSizeHeightLg = {"min":"679px","max":"854px"}; // Large laptops and desktop computers
+export const calciteContainerSizeHeightXl = {"min":"855px"}; // Projectors and televisions
+export const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
+export const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
+export const calciteContainerSizeWidthSm = {"min":"477px","max":"768px"}; // Small tablets
+export const calciteContainerSizeWidthMd = {"min":"769px","max":"1152px"}; // Small laptops
+export const calciteContainerSizeWidthLg = {"min":"1153px","max":"1440px"}; // Large laptops and desktop computers
+export const calciteContainerSizeWidthXl = {"min":"1441px"}; // Projectors and televisions
+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 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";
+export const calciteFontWeightMedium = "500";
+export const calciteFontWeightSemibold = "600";
+export const calciteFontWeightBold = "700";
+export const calciteFontSizeXs = "10px";
+export const calciteFontSizeSm = "12px";
+export const calciteFontSize = "14px";
+export const calciteFontSizeMd = "16px";
+export const calciteFontSizeLg = "18px";
+export const calciteFontSizeXl = "20px";
+export const calciteFontSizeXxl = "24px";
+export const calciteFontStyleEmphasis = "italic"; // used in ratings
+export const calciteFontLineHeightFixedSm = "12px";
+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 calciteFontLetterSpacingTight = "-0.4";
+export const calciteFontLetterSpacingNormal = "0";
+export const calciteFontLetterSpacingWide = "0.4";
+export const calciteFontParagraphSpacingNormal = "4px";
+export const calciteFontTextDecorationNone = "none";
+export const calciteFontTextDecorationUnderline = "underline";
+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 calciteSizePx = "1px";
+export const calciteSizeXxxs = "2px";
+export const calciteSizeXxs = "4px";
+export const calciteSizeXs = "6px";
+export const calciteSizeSm = "8px";
+export const calciteSizeSmPlus = "10px";
+export const calciteSizeMd = "12px";
+export const calciteSizeMdPlus = "14px";
+export const calciteSizeLg = "16px";
+export const calciteSizeXl = "20px";
+export const calciteSizeXxl = "24px";
+export const calciteSizeXxxl = "32px";
+export const calciteSpacingPx = "1px";
+export const calciteSpacingBase = "2px";
+export const calciteSpacingXxs = "4px";
+export const calciteSpacingXs = "6px";
+export const calciteSpacingSm = "8px";
+export const calciteSpacingMd = "12px";
+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 calciteTypographyLightMinus3h = {"fontSize":"10px","fontWeight":"300","lineHeight":"12px"};
+export const calciteTypographyLightMinus2h = {"fontSize":"12px","fontWeight":"300"};
+export const calciteTypographyLightMinus1h = {"fontWeight":"300"};
+export const calciteTypographyLight0h = {"fontSize":"16px","fontWeight":"300","lineHeight":"20px"};
+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 calciteTypographyRegular0h = {"lineHeight":"20px","fontSize":"16px"};
+export const calciteTypographyRegular1h = {"lineHeight":"24px","fontSize":"18px"};
+export const calciteTypographyMediumMinus3h = {"fontWeight":"500","lineHeight":"12px","fontSize":"10px"};
+export const calciteTypographyMediumMinus2h = {"fontWeight":"500","fontSize":"12px"};
+export const calciteTypographyMediumMinus1h = {"fontWeight":"500"};
+export const calciteTypographyMedium0h = {"fontWeight":"500","lineHeight":"20px","fontSize":"16px"};
+export const calciteTypographyMedium1h = {"fontWeight":"500","lineHeight":"24px","fontSize":"18px"};
+export const calciteTypographyBoldMinus3h = {"fontWeight":"600","lineHeight":"12px","fontSize":"10px"};
+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 calciteTypographyHierarchyOverline = {"lineHeight":"12px","textCase":"uppercase","fontWeight":"700"};
+export const calciteTypographyHierarchyCaption = {"lineHeight":"137.5%","fontSize":"12px"};
+export const calciteZIndexDeep = "-999999";
+export const calciteZIndex = "1";
+export const calciteZIndexSticky = "300";
+export const calciteZIndexHeader = "400";
+export const calciteZIndexToast = "500";
+export const calciteZIndexDropdown = "600";
+export const calciteZIndexOverlay = "700";
+export const calciteZIndexModal = "800";
+export const calciteZIndexPopup = "900";
+export const calciteZIndexTooltip = "901";