@esri/calcite-design-tokens 3.1.0-next.6 → 3.1.0-next.8

package/dist/es6/breakpoints.d.ts

@@ -4,47 +4,26 @@
  */
 
 /** Small handheld devices and mini-windows */
-export const calciteContainerSizeHeightXxs: {
-  min: string;
-  max: string;
-}; /** Handheld devices */
-export const calciteContainerSizeHeightXs: {
-  min: string;
-  max: string;
-}; /** Small tablets */
-export const calciteContainerSizeHeightSm: {
-  min: string;
-  max: string;
-}; /** Small laptops */
-export const calciteContainerSizeHeightMd: {
-  min: string;
-  max: string;
-}; /** Large laptops and desktop computers */
-export const calciteContainerSizeHeightLg: {
-  min: string;
-  max: string;
-}; /** Projectors and televisions */
-export const calciteContainerSizeHeightXl: {
-  min: string;
-}; /** Small handheld devices and mini-windows */
-export const calciteContainerSizeWidthXxs: {
-  min: string;
-  max: string;
-}; /** Handheld devices */
-export const calciteContainerSizeWidthXs: {
-  min: string;
-  max: string;
-}; /** Small tablets */
-export const calciteContainerSizeWidthSm: {
-  min: string;
-  max: string;
-}; /** Small laptops */
-export const calciteContainerSizeWidthMd: {
-  min: string;
-  max: string;
-}; /** Large laptops and desktop computers */
-export const calciteContainerSizeWidthLg: {
-  min: string;
-  max: string;
-}; /** Projectors and televisions */
+export const calciteContainerSizeHeightXxs: { min: string; max: string };
+/** Handheld devices */
+export const calciteContainerSizeHeightXs: { min: string; max: string };
+/** Small tablets */
+export const calciteContainerSizeHeightSm: { min: string; max: string };
+/** Small laptops */
+export const calciteContainerSizeHeightMd: { min: string; max: string };
+/** Large laptops and desktop computers */
+export const calciteContainerSizeHeightLg: { min: string; max: string };
+/** Projectors and televisions */
+export const calciteContainerSizeHeightXl: { min: string };
+/** Small handheld devices and mini-windows */
+export const calciteContainerSizeWidthXxs: { min: string; max: string };
+/** Handheld devices */
+export const calciteContainerSizeWidthXs: { min: string; max: string };
+/** Small tablets */
+export const calciteContainerSizeWidthSm: { min: string; max: string };
+/** Small laptops */
+export const calciteContainerSizeWidthMd: { min: string; max: string };
+/** Large laptops and desktop computers */
+export const calciteContainerSizeWidthLg: { min: string; max: string };
+/** Projectors and televisions */
 export const calciteContainerSizeWidthXl: { min: string };

package/dist/es6/core.d.ts

@@ -476,35 +476,54 @@ export const calciteContainerSize678: string;
 export const calciteContainerSize768: string;
 export const calciteContainerSize854: string;
 export const calciteContainerSize1152: string;
-export const calciteContainerSize1440: string; /** Fallback for Monaco */
+export const calciteContainerSize1440: string;
+/** Fallback for Monaco */
 export const calciteFontFamilyAndaleMono: string;
 export const calciteFontFamilyAvenirNextPro: string;
-export const calciteFontFamilyAvenirNextWorld: string; /** Primary font family */
-export const calciteFontFamilyAvenirNext: 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 calciteFontFamilyAvenirNextWorld: string;
+/** Primary font family */
+export const calciteFontFamilyAvenirNext: 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) */
+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) */
 export const calciteFontWeightUltralight: string;
-export const calciteFontWeightThin: string; /** only for Avenir Next World (secondary font family) */
+export const calciteFontWeightThin: string;
+/** only for Avenir Next World (secondary font family) */
 export const calciteFontWeightLight: string;
 export const calciteFontWeightRegular: string;
 export const calciteFontWeightMedium: string;
 export const calciteFontWeightMediumItalic: string;
 export const calciteFontWeightDemi: string;
-export const calciteFontWeightBold: string; /** only for Avenir Next World (secondary font family) */
-export const calciteFontWeightExtrabold: string; /** only for Avenir Next World (secondary font family) */
+export const calciteFontWeightBold: string;
+/** only for Avenir Next World (secondary font family) */
+export const calciteFontWeightExtrabold: string;
+/** only for Avenir Next World (secondary font family) */
 export const calciteFontWeightBlack: string;
-export const calciteFontWeightHeavy: string; /** Deprecated */
-export const calciteFontTextDecorationNone: string; /** Deprecated */
-export const calciteFontTextDecorationUnderline: string; /** Deprecated */
-export const calciteFontTextCaseNone: string; /** Deprecated */
-export const calciteFontTextCaseUppercase: string; /** Deprecated */
-export const calciteFontTextCaseLowercase: string; /** Deprecated */
+export const calciteFontWeightHeavy: string;
+/** Deprecated */
+export const calciteFontTextDecorationNone: string;
+/** Deprecated */
+export const calciteFontTextDecorationUnderline: string;
+/** Deprecated */
+export const calciteFontTextCaseNone: string;
+/** Deprecated */
+export const calciteFontTextCaseUppercase: string;
+/** Deprecated */
+export const calciteFontTextCaseLowercase: string;
+/** Deprecated */
 export const calciteFontTextCaseCapitalize: string;
 export const calciteOpacity0: string;
 export const calciteOpacity4: string;

package/dist/es6/dark.d.ts

@@ -38,6 +38,7 @@ export const calciteColorInversePress: string;
 export const calciteColorText1: string;
 export const calciteColorText2: string;
 export const calciteColorText3: string;
+export const calciteColorTextHighlight: string;
 export const calciteColorTextInverse: string;
 export const calciteColorTextLink: string;
 export const calciteColorBorder1: string;

package/dist/es6/dark.js

@@ -38,6 +38,7 @@ export const calciteColorInversePress = "#f2f2f2";
 export const calciteColorText1 = "#ffffff";
 export const calciteColorText2 = "#bfbfbf";
 export const calciteColorText3 = "#9e9e9e";
+export const calciteColorTextHighlight = "#c7eaff";
 export const calciteColorTextInverse = "#141414";
 export const calciteColorTextLink = "#00a0ff";
 export const calciteColorBorder1 = "#545454";

package/dist/es6/global.d.ts

@@ -45,6 +45,7 @@ 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 calciteColorTextHighlight: { 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 };
@@ -56,65 +57,53 @@ export const calciteColorBorderWhite: { light: string; dark: string };
 export const calciteBorderWidthNone: string;
 export const calciteBorderWidthSm: string;
 export const calciteBorderWidthMd: string;
-export const calciteBorderWidthLg: string; /** Small handheld devices and mini-windows */
-export const calciteContainerSizeHeightXxs: {
-  min: string;
-  max: string;
-}; /** Handheld devices */
-export const calciteContainerSizeHeightXs: {
-  min: string;
-  max: string;
-}; /** Small tablets */
-export const calciteContainerSizeHeightSm: {
-  min: string;
-  max: string;
-}; /** Small laptops */
-export const calciteContainerSizeHeightMd: {
-  min: string;
-  max: string;
-}; /** Large laptops and desktop computers */
-export const calciteContainerSizeHeightLg: {
-  min: string;
-  max: string;
-}; /** Projectors and televisions */
-export const calciteContainerSizeHeightXl: {
-  min: string;
-}; /** Small handheld devices and mini-windows */
-export const calciteContainerSizeWidthXxs: {
-  min: string;
-  max: string;
-}; /** Handheld devices */
-export const calciteContainerSizeWidthXs: {
-  min: string;
-  max: string;
-}; /** Small tablets */
-export const calciteContainerSizeWidthSm: {
-  min: string;
-  max: string;
-}; /** Small laptops */
-export const calciteContainerSizeWidthMd: {
-  min: string;
-  max: string;
-}; /** Large laptops and desktop computers */
-export const calciteContainerSizeWidthLg: {
-  min: string;
-  max: string;
-}; /** Projectors and televisions */
+export const calciteBorderWidthLg: string;
+/** Small handheld devices and mini-windows */
+export const calciteContainerSizeHeightXxs: { min: string; max: string };
+/** Handheld devices */
+export const calciteContainerSizeHeightXs: { min: string; max: string };
+/** Small tablets */
+export const calciteContainerSizeHeightSm: { min: string; max: string };
+/** Small laptops */
+export const calciteContainerSizeHeightMd: { min: string; max: string };
+/** Large laptops and desktop computers */
+export const calciteContainerSizeHeightLg: { min: string; max: string };
+/** Projectors and televisions */
+export const calciteContainerSizeHeightXl: { min: string };
+/** Small handheld devices and mini-windows */
+export const calciteContainerSizeWidthXxs: { min: string; max: string };
+/** Handheld devices */
+export const calciteContainerSizeWidthXs: { min: string; max: string };
+/** Small tablets */
+export const calciteContainerSizeWidthSm: { min: string; max: string };
+/** Small laptops */
+export const calciteContainerSizeWidthMd: { min: string; max: string };
+/** Large laptops and desktop computers */
+export const calciteContainerSizeWidthLg: { min: string; max: string };
+/** Projectors and televisions */
 export const calciteContainerSizeWidthXl: { min: string };
 export const calciteContainerSizeMargin: string;
-export const calciteContainerSizeGutter: string; /** for fluid grid widths */
-export const calciteContainerSizeContentFluid: string; /** only for lg breakpoint fixed grid width */
+export const calciteContainerSizeGutter: string;
+/** for fluid grid widths */
+export const calciteContainerSizeContentFluid: string;
+/** only for lg breakpoint fixed grid width */
 export const calciteContainerSizeContentFixed: string;
-export const calciteCornerRadius: string; /** deprecated, use --calcite-conder-radius-none instead */
+export const calciteCornerRadius: string;
+/** deprecated, use --calcite-conder-radius-none instead */
 export const calciteCornerRadiusSharp: string;
 export const calciteCornerRadiusNone: string;
 export const calciteCornerRadiusXs: string;
-export const calciteCornerRadiusSm: string; /** deprecated, use --calcite-corner-radius-sm instead */
+export const calciteCornerRadiusSm: string;
+/** deprecated, use --calcite-corner-radius-sm instead */
 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" */
+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" */
 export const calciteFontWeightNormal: string;
 export const calciteFontWeightRegular: string;
 export const calciteFontWeightMedium: string;
@@ -126,27 +115,44 @@ export const calciteFontSize: string;
 export const calciteFontSizeMd: string;
 export const calciteFontSizeLg: string;
 export const calciteFontSizeXl: string;
-export const calciteFontSizeXxl: string; /** used in ratings */
+export const calciteFontSizeXxl: string;
+/** used in ratings */
 export const calciteFontStyleEmphasis: string;
 export const calciteFontLineHeightFixedSm: string;
 export const calciteFontLineHeightFixedBase: string;
 export const calciteFontLineHeightFixedLg: string;
-export const calciteFontLineHeightFixedXl: string; /** 1 */
-export const calciteFontLineHeightRelative: string; /** 1.25 */
-export const calciteFontLineHeightRelativeTight: string; /** 1.375 */
-export const calciteFontLineHeightRelativeSnug: string; /** 1.5 */
-export const calciteFontLineHeightRelativeNormal: string; /** 1.625 */
-export const calciteFontLineHeightRelativeRelaxed: string; /** 2 */
-export const calciteFontLineHeightRelativeLoose: string; /** Deprecated */
-export const calciteFontLetterSpacingTight: string; /** Deprecated */
-export const calciteFontLetterSpacingNormal: string; /** Deprecated */
-export const calciteFontLetterSpacingWide: string; /** Deprecated */
-export const calciteFontParagraphSpacingNormal: string; /** Deprecated */
-export const calciteFontTextDecorationNone: string; /** Deprecated */
-export const calciteFontTextDecorationUnderline: string; /** Deprecated */
-export const calciteFontTextCaseNone: string; /** Deprecated */
-export const calciteFontTextCaseUppercase: string; /** Deprecated */
-export const calciteFontTextCaseLowercase: string; /** Deprecated */
+export const calciteFontLineHeightFixedXl: string;
+/** 1 */
+export const calciteFontLineHeightRelative: string;
+/** 1.25 */
+export const calciteFontLineHeightRelativeTight: string;
+/** 1.375 */
+export const calciteFontLineHeightRelativeSnug: string;
+/** 1.5 */
+export const calciteFontLineHeightRelativeNormal: string;
+/** 1.625 */
+export const calciteFontLineHeightRelativeRelaxed: string;
+/** 2 */
+export const calciteFontLineHeightRelativeLoose: string;
+/** Deprecated */
+export const calciteFontLetterSpacingTight: string;
+/** Deprecated */
+export const calciteFontLetterSpacingNormal: string;
+/** Deprecated */
+export const calciteFontLetterSpacingWide: string;
+/** Deprecated */
+export const calciteFontParagraphSpacingNormal: string;
+/** Deprecated */
+export const calciteFontTextDecorationNone: string;
+/** Deprecated */
+export const calciteFontTextDecorationUnderline: string;
+/** Deprecated */
+export const calciteFontTextCaseNone: string;
+/** Deprecated */
+export const calciteFontTextCaseUppercase: string;
+/** Deprecated */
+export const calciteFontTextCaseLowercase: string;
+/** Deprecated */
 export const calciteFontTextCaseCapitalize: string;
 export const calciteOpacityLight: string;
 export const calciteOpacityHalf: string;
@@ -173,17 +179,28 @@ export const calciteShadowMd: {
   color: string;
   x: string;
   y: string;
-}[]; /** deprecated */
-export const calciteSizeFixedXxxs: string; /** deprecated */
-export const calciteSizeFixedXxs: string; /** deprecated */
-export const calciteSizeFixedXs: string; /** deprecated */
-export const calciteSizeFixedSm: string; /** deprecated */
-export const calciteSizeFixedSmPlus: string; /** deprecated */
-export const calciteSizeFixedMd: string; /** deprecated */
-export const calciteSizeFixedMdPlus: string; /** deprecated */
-export const calciteSizeFixedLg: string; /** deprecated */
-export const calciteSizeFixedXl: string; /** deprecated */
-export const calciteSizeFixedXxl: string; /** deprecated */
+}[];
+/** deprecated */
+export const calciteSizeFixedXxxs: string;
+/** deprecated */
+export const calciteSizeFixedXxs: string;
+/** deprecated */
+export const calciteSizeFixedXs: string;
+/** deprecated */
+export const calciteSizeFixedSm: string;
+/** deprecated */
+export const calciteSizeFixedSmPlus: string;
+/** deprecated */
+export const calciteSizeFixedMd: string;
+/** deprecated */
+export const calciteSizeFixedMdPlus: string;
+/** deprecated */
+export const calciteSizeFixedLg: string;
+/** deprecated */
+export const calciteSizeFixedXl: string;
+/** deprecated */
+export const calciteSizeFixedXxl: string;
+/** deprecated */
 export const calciteSizeFixedXxxl: string;
 export const calciteSizePx: string;
 export const calciteSizeXxxs: string;
@@ -194,14 +211,22 @@ export const calciteSizeMd: string;
 export const calciteSizeLg: string;
 export const calciteSizeXl: string;
 export const calciteSizeXxl: string;
-export const calciteSizeXxxl: string; /** deprecated */
-export const calciteSpacingFixedXxs: string; /** deprecated */
-export const calciteSpacingFixedXs: string; /** deprecated */
-export const calciteSpacingFixedSm: string; /** deprecated */
-export const calciteSpacingFixedMd: string; /** deprecated */
-export const calciteSpacingFixedLg: string; /** deprecated */
-export const calciteSpacingFixedXl: string; /** deprecated */
-export const calciteSpacingFixedXxl: string; /** deprecated */
+export const calciteSizeXxxl: string;
+/** deprecated */
+export const calciteSpacingFixedXxs: string;
+/** deprecated */
+export const calciteSpacingFixedXs: string;
+/** deprecated */
+export const calciteSpacingFixedSm: string;
+/** deprecated */
+export const calciteSpacingFixedMd: string;
+/** deprecated */
+export const calciteSpacingFixedLg: string;
+/** deprecated */
+export const calciteSpacingFixedXl: string;
+/** deprecated */
+export const calciteSpacingFixedXxl: string;
+/** deprecated */
 export const calciteSpacingFixedXxxl: string;
 export const calciteSpacingNone: string;
 export const calciteSpacingPx: string;

package/dist/es6/global.js

@@ -90,6 +90,7 @@ export const calciteColorInversePress = { light: "#212121", dark: "#f2f2f2" };
 export const calciteColorText1 = { light: "#141414", dark: "#ffffff" };
 export const calciteColorText2 = { light: "#4a4a4a", dark: "#bfbfbf" };
 export const calciteColorText3 = { light: "#6b6b6b", dark: "#9e9e9e" };
+export const calciteColorTextHighlight = { light: "#004874", dark: "#c7eaff" };
 export const calciteColorTextInverse = { light: "#ffffff", dark: "#141414" };
 export const calciteColorTextLink = { light: "#00619b", dark: "#00a0ff" };
 export const calciteColorBorder1 = { light: "#c9c9c9", dark: "#545454" };

package/dist/es6/light.d.ts

@@ -38,6 +38,7 @@ export const calciteColorInversePress: string;
 export const calciteColorText1: string;
 export const calciteColorText2: string;
 export const calciteColorText3: string;
+export const calciteColorTextHighlight: string;
 export const calciteColorTextInverse: string;
 export const calciteColorTextLink: string;
 export const calciteColorBorder1: string;

package/dist/es6/light.js

@@ -38,6 +38,7 @@ export const calciteColorInversePress = "#212121";
 export const calciteColorText1 = "#141414";
 export const calciteColorText2 = "#4a4a4a";
 export const calciteColorText3 = "#6b6b6b";
+export const calciteColorTextHighlight = "#004874";
 export const calciteColorTextInverse = "#ffffff";
 export const calciteColorTextLink = "#00619b";
 export const calciteColorBorder1 = "#c9c9c9";