@esri/calcite-design-tokens 2.0.0-rc.0 → 2.0.0

package/dist/es6/global.d.ts

@@ -1,64 +1,57 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 
-export const calciteBorderRadius : string;
-export const calciteBorderRadiusNone : string;
-export const calciteBorderRadiusSharp : string;
-export const calciteBorderRadiusRound : string;
-export const calciteBorderRadiusCircular : string;
-export const calciteBorderRadiusPill : string;
-export const calciteBorderRadiusSm : string;
-export const calciteBorderRadiusMd : string;
-export const calciteBorderRadiusLg : string;
-export const calciteBorderRadiusXl : string;
 export const calciteBorderWidthNone : string;
 export const calciteBorderWidthSm : string;
 export const calciteBorderWidthMd : string;
 export const calciteBorderWidthLg : string;
-export const calciteBoxShadowNone : { x: string, y: string, blur: string, spread: string, color: string, type: string };
-export const calciteBoxShadowSm : { x: string, y: string, blur: string, spread: string, color: string, type: string }[];
-export const calciteBoxShadowMd : { x: string, y: string, blur: string, spread: string, color: string, type: 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 calciteColorBackground : { light: string, dark: string };
-export const calciteColorBackgroundTransparent : { light: string, dark: string };
-export const calciteColorBackgroundTransparentHover : { light: string, dark: string };
-export const calciteColorBackgroundTransparentPress : { light: string, dark: string };
-export const calciteColorBackgroundTransparentScrim : { light: string, dark: string };
-export const calciteColorBackgroundTransparentDismiss : { light: string, dark: string };
-export const calciteColorBackgroundNone : string;
-export const calciteColorForeground_1 : { light: string, dark: string };
-export const calciteColorForeground_2 : { light: string, dark: string };
-export const calciteColorForeground_3 : { light: string, dark: string };
-export const calciteColorForegroundCurrent : { light: string, dark: string };
-export const calciteColorText_1 : { light: string, dark: string };
-export const calciteColorText_2 : { light: string, dark: string };
-export const calciteColorText_3 : { light: string, dark: string };
-export const calciteColorTextInverse : { light: string, dark: string };
-export const calciteColorTextLink : { light: string, dark: string };
-export const calciteColorBorder_1 : { light: string, dark: string };
-export const calciteColorBorder_2 : { light: string, dark: string };
-export const calciteColorBorder_3 : { light: string, dark: string };
-export const calciteColorBorderInput : { light: string, dark: string };
-export const calciteColorInfo : { light: string, dark: string };
-export const calciteColorInfoHover : { light: string, dark: string };
-export const calciteColorInfoPress : { light: string, dark: string };
-export const calciteColorSuccess : { light: string, dark: string };
-export const calciteColorSuccessHover : { light: string, dark: string };
-export const calciteColorSuccessPress : { light: string, dark: string };
-export const calciteColorWarning : { light: string, dark: string };
-export const calciteColorWarningHover : { light: string, dark: string };
-export const calciteColorWarningPress : { light: string, dark: string };
-export const calciteColorDanger : { light: string, dark: string };
-export const calciteColorDangerHover : { light: string, dark: string };
-export const calciteColorDangerPress : { 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
@@ -76,6 +69,7 @@ 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;
@@ -115,82 +109,83 @@ 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 calciteSizeSmMd : string;
-export const calciteSizeMdSm : string;
+export const calciteSizeSmPlus : string;
 export const calciteSizeMd : string;
-export const calciteSizeMdLg : string;
-export const calciteSizeLgMd : string;
+export const calciteSizeMdPlus : string;
 export const calciteSizeLg : string;
-export const calciteSizeLgXl : string;
-export const calciteSizeXlLg : string;
 export const calciteSizeXl : string;
 export const calciteSizeXxl : string;
 export const calciteSizeXxxl : string;
-export const calciteSpacingNone : string;
+export const calciteSpacingPx : string;
 export const calciteSpacingBase : string;
-export const calciteSpacingHalf : string;
-export const calciteSpacingDouble : 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 calciteTypographyLight__3h : { fontSize: string, fontWeight: string, lineHeight: string };
-export const calciteTypographyLight__2h : { fontSize: string, fontWeight: string };
-export const calciteTypographyLight__1h : { fontWeight: string };
-export const calciteTypographyLight_0h : { fontSize: string, fontWeight: string, lineHeight: string };
-export const calciteTypographyLight_1h : { fontSize: string, fontWeight: string, lineHeight: string };
-export const calciteTypographyRegular__3h : { lineHeight: string, fontSize: string };
-export const calciteTypographyRegular__2h : { fontSize: string };
-export const calciteTypographyRegular__1h : { fontFamily: string, fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
-export const calciteTypographyRegular_0h : { lineHeight: string, fontSize: string };
-export const calciteTypographyRegular_1h : { lineHeight: string, fontSize: string };
-export const calciteTypographyMedium__3h : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyMedium__2h : { fontWeight: string, fontSize: string };
-export const calciteTypographyMedium__1h : { fontWeight: string };
-export const calciteTypographyMedium_0h : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyMedium_1h : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyBold__3h : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyBold__2h : { fontWeight: string, fontSize: string };
-export const calciteTypographyBold__1h : { fontWeight: string };
-export const calciteTypographyBold_0h : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyBold_1h : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapLight_0 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapLight_1 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapLight_2 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapLight_3 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapLight__2 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapLight__1 : { fontWeight: string, lineHeight: string };
-export const calciteTypographyWrapRegular_0 : { lineHeight: string, fontSize: string };
-export const calciteTypographyWrapRegular_1 : { lineHeight: string, fontSize: string };
-export const calciteTypographyWrapRegular_2 : { lineHeight: string, fontSize: string };
-export const calciteTypographyWrapRegular_3 : { lineHeight: string, fontSize: string };
-export const calciteTypographyWrapRegular__2 : { lineHeight: string, fontSize: string };
-export const calciteTypographyWrapRegular__1 : { lineHeight: string };
-export const calciteTypographyWrapMedium_0 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapMedium_1 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapMedium_2 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapMedium_3 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapMedium__2 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapMedium__1 : { fontWeight: string, lineHeight: string };
-export const calciteTypographyWrapBold_0 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapBold_1 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapBold_2 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapBold_3 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapBold__2 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyWrapBold__1 : { fontWeight: string, lineHeight: string };
-export const calciteTypographyHierarchyDisplay_1 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyHierarchyDisplay_2 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyHierarchyHeading_1 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyHierarchyHeading_2 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyHierarchyHeading_3 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyHierarchyHeading_4 : { fontWeight: string, lineHeight: string, fontSize: string };
-export const calciteTypographyHierarchyHeading_5 : { fontWeight: string, lineHeight: 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 };

package/dist/es6/global.js

@@ -1,64 +1,57 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 
-export const calciteBorderRadius = "0px";
-export const calciteBorderRadiusNone = "0px";
-export const calciteBorderRadiusSharp = "0px";
-export const calciteBorderRadiusRound = "4px";
-export const calciteBorderRadiusCircular = "50%";
-export const calciteBorderRadiusPill = "100%";
-export const calciteBorderRadiusSm = "4px";
-export const calciteBorderRadiusMd = "12px";
-export const calciteBorderRadiusLg = "16px";
-export const calciteBorderRadiusXl = "24px";
-export const calciteBorderWidthNone = "0px";
+export const calciteBorderWidthNone = "0";
 export const calciteBorderWidthSm = "1px";
 export const calciteBorderWidthMd = "2px";
 export const calciteBorderWidthLg = "4px";
-export const calciteBoxShadowNone = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0%)","type":"dropShadow"};
-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"}];
-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"}];
+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 calciteColorBackground = {"light":"#f8f8f8","dark":"#353535"};
-export const calciteColorBackgroundTransparent = {"light":"rgba(255, 255, 255, 0%)","dark":"rgba(0, 0, 0, 0%)"};
-export const calciteColorBackgroundTransparentHover = {"light":"rgba(0, 0, 0, 4%)","dark":"rgba(255, 255, 255, 4%)"};
-export const calciteColorBackgroundTransparentPress = {"light":"rgba(0, 0, 0, 8%)","dark":"rgba(255, 255, 255, 8%)"};
-export const calciteColorBackgroundTransparentScrim = {"light":"rgba(255, 255, 255, 85%)","dark":"rgba(0, 0, 0, 85%)"};
-export const calciteColorBackgroundTransparentDismiss = {"light":"rgba(255, 255, 255, 80%)","dark":"rgba(43, 43, 43, 80%)"};
-export const calciteColorBackgroundNone = "rgba(#ffffff, 0%)";
-export const calciteColorForeground_1 = {"light":"#ffffff","dark":"#2b2b2b"};
-export const calciteColorForeground_2 = {"light":"#f3f3f3","dark":"#202020"};
-export const calciteColorForeground_3 = {"light":"#eaeaea","dark":"#151515"};
-export const calciteColorForegroundCurrent = {"light":"#c7eaff","dark":"#214155"};
-export const calciteColorText_1 = {"light":"#151515","dark":"#ffffff"};
-export const calciteColorText_2 = {"light":"#4a4a4a","dark":"#bfbfbf"};
-export const calciteColorText_3 = {"light":"#6a6a6a","dark":"#9f9f9f"};
-export const calciteColorTextInverse = {"light":"#ffffff","dark":"#151515"};
-export const calciteColorTextLink = {"light":"#00619b","dark":"#00A0FF"};
-export const calciteColorBorder_1 = {"light":"#cacaca","dark":"#555555"};
-export const calciteColorBorder_2 = {"light":"#d4d4d4","dark":"#4a4a4a"};
-export const calciteColorBorder_3 = {"light":"#dfdfdf","dark":"#404040"};
-export const calciteColorBorderInput = {"light":"#949494","dark":"#757575"};
-export const calciteColorInfo = {"light":"#00619b","dark":"#00A0FF"};
-export const calciteColorInfoHover = {"light":"#004874","dark":"#3db8ff"};
-export const calciteColorInfoPress = {"light":"#00304d","dark":"#009af2"};
-export const calciteColorSuccess = {"light":"#35ac46","dark":"#36DA43"};
-export const calciteColorSuccessHover = {"light":"#288835","dark":"#3bed52"};
-export const calciteColorSuccessPress = {"light":"#1a6324","dark":"#00b81b"};
-export const calciteColorWarning = {"light":"#edd317","dark":"#FFC900"};
-export const calciteColorWarningHover = {"light":"#d9bc00","dark":"#ffee33"};
-export const calciteColorWarningPress = {"light":"#bfa200","dark":"#f5d000"};
-export const calciteColorDanger = {"light":"#d83020","dark":"#FE583E"};
-export const calciteColorDangerHover = {"light":"#a82b1e","dark":"#ff0015"};
-export const calciteColorDangerPress = {"light":"#7c1d13","dark":"#d90012"};
+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
@@ -76,6 +69,7 @@ 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";
@@ -100,10 +94,10 @@ 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.4px";
-export const calciteFontLetterSpacingNormal = "0px";
-export const calciteFontLetterSpacingWide = "0.4px";
-export const calciteFontParagraphSpacingNormal = "10px";
+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";
@@ -115,84 +109,85 @@ 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 calciteSizeSmMd = "10px";
-export const calciteSizeMdSm = "12px";
-export const calciteSizeMd = "14px";
-export const calciteSizeMdLg = "16px";
-export const calciteSizeLgMd = "20px";
-export const calciteSizeLg = "24px";
-export const calciteSizeLgXl = "32px";
-export const calciteSizeXlLg = "44px";
-export const calciteSizeXl = "48px";
-export const calciteSizeXxl = "64px";
-export const calciteSizeXxxl = "96px";
-export const calciteSpacingNone = "0px";
+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 calciteSpacingHalf = "6px";
-export const calciteSpacingDouble = "20px";
-export const calciteSpacingXs = "4px";
+export const calciteSpacingXxs = "4px";
+export const calciteSpacingXs = "6px";
 export const calciteSpacingSm = "8px";
 export const calciteSpacingMd = "12px";
-export const calciteSpacingLg = "16px";
-export const calciteSpacingXl = "20px";
-export const calciteTypography = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0px","lineHeight":"16px","paragraphSpacing":"10px","textCase":"none","textDecoration":"none"};
-export const calciteTypographyLight__3h = {"fontSize":"10px","fontWeight":"300","lineHeight":"12px"};
-export const calciteTypographyLight__2h = {"fontSize":"12px","fontWeight":"300"};
-export const calciteTypographyLight__1h = {"fontWeight":"300"};
-export const calciteTypographyLight_0h = {"fontSize":"16px","fontWeight":"300","lineHeight":"20px"};
-export const calciteTypographyLight_1h = {"fontSize":"18px","fontWeight":"300","lineHeight":"24px"};
-export const calciteTypographyRegular__3h = {"lineHeight":"12px","fontSize":"10px"};
-export const calciteTypographyRegular__2h = {"fontSize":"12px"};
-export const calciteTypographyRegular__1h = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0px","lineHeight":"16px","paragraphSpacing":"10px","textCase":"none","textDecoration":"none"};
-export const calciteTypographyRegular_0h = {"lineHeight":"20px","fontSize":"16px"};
-export const calciteTypographyRegular_1h = {"lineHeight":"24px","fontSize":"18px"};
-export const calciteTypographyMedium__3h = {"fontWeight":"500","lineHeight":"12px","fontSize":"10px"};
-export const calciteTypographyMedium__2h = {"fontWeight":"500","fontSize":"12px"};
-export const calciteTypographyMedium__1h = {"fontWeight":"500"};
-export const calciteTypographyMedium_0h = {"fontWeight":"500","lineHeight":"20px","fontSize":"16px"};
-export const calciteTypographyMedium_1h = {"fontWeight":"500","lineHeight":"24px","fontSize":"18px"};
-export const calciteTypographyBold__3h = {"fontWeight":"600","lineHeight":"12px","fontSize":"10px"};
-export const calciteTypographyBold__2h = {"fontWeight":"600","fontSize":"12px"};
-export const calciteTypographyBold__1h = {"fontWeight":"600"};
-export const calciteTypographyBold_0h = {"fontWeight":"600","lineHeight":"20px","fontSize":"16px"};
-export const calciteTypographyBold_1h = {"fontWeight":"600","lineHeight":"24px","fontSize":"18px"};
-export const calciteTypographyWrapLight_0 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"16px"};
-export const calciteTypographyWrapLight_1 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"18px"};
-export const calciteTypographyWrapLight_2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyWrapLight_3 = {"fontWeight":"300","lineHeight":"125%","fontSize":"24px"};
-export const calciteTypographyWrapLight__2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"12px"};
-export const calciteTypographyWrapLight__1 = {"fontWeight":"300","lineHeight":"137.5%"};
-export const calciteTypographyWrapRegular_0 = {"lineHeight":"137.5%","fontSize":"16px"};
-export const calciteTypographyWrapRegular_1 = {"lineHeight":"137.5%","fontSize":"18px"};
-export const calciteTypographyWrapRegular_2 = {"lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyWrapRegular_3 = {"lineHeight":"137.5%","fontSize":"24px"};
-export const calciteTypographyWrapRegular__2 = {"lineHeight":"137.5%","fontSize":"12px"};
-export const calciteTypographyWrapRegular__1 = {"lineHeight":"137.5%"};
-export const calciteTypographyWrapMedium_0 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
-export const calciteTypographyWrapMedium_1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
-export const calciteTypographyWrapMedium_2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyWrapMedium_3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
-export const calciteTypographyWrapMedium__2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"12px"};
-export const calciteTypographyWrapMedium__1 = {"fontWeight":"500","lineHeight":"137.5%"};
-export const calciteTypographyWrapBold_0 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"16px"};
-export const calciteTypographyWrapBold_1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"18px"};
-export const calciteTypographyWrapBold_2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyWrapBold_3 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
-export const calciteTypographyWrapBold__2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"12px"};
-export const calciteTypographyWrapBold__1 = {"fontWeight":"600","lineHeight":"137.5%"};
-export const calciteTypographyHierarchyDisplay_1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
-export const calciteTypographyHierarchyDisplay_2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyHierarchyHeading_1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
-export const calciteTypographyHierarchyHeading_2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
-export const calciteTypographyHierarchyHeading_3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
-export const calciteTypographyHierarchyHeading_4 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
-export const calciteTypographyHierarchyHeading_5 = {"fontWeight":"500","lineHeight":"137.5%"};
+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":"0px","lineHeight":"16px","paragraphSpacing":"10px","textCase":"none","textDecoration":"none"};
+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";