@esri/calcite-design-tokens 4.0.0-next.0 → 4.0.0-next.10

package/dist/es6/core.d.ts

@@ -620,6 +620,20 @@ export const calciteSizeRelative162: string;
 export const calciteSizeRelative200: string;
 export const calciteSizeRelativeAuto: string;
 export const calciteSizeRelativeNormal: string;
+export const calciteSizeRem1: string;
+export const calciteSizeRem2: string;
+export const calciteSizeRem3: string;
+export const calciteSizeRem4: string;
+export const calciteSizeRem5: string;
+export const calciteSizeRem0625: string;
+export const calciteSizeRem075: string;
+export const calciteSizeRem0875: string;
+export const calciteSizeRem1125: string;
+export const calciteSizeRem125: string;
+export const calciteSizeRem15: string;
+export const calciteSizeRem1625: string;
+export const calciteSizeRem25: string;
+export const calciteSizeRem35: string;
 export const calciteZIndex0: string;
 export const calciteZIndex1: string;
 export const calciteZIndex3: string;

package/dist/es6/core.js

@@ -600,6 +600,20 @@ export const calciteSizeRelative162 = "162.5%";
 export const calciteSizeRelative200 = "200%";
 export const calciteSizeRelativeAuto = "auto";
 export const calciteSizeRelativeNormal = "normal";
+export const calciteSizeRem1 = "1rem";
+export const calciteSizeRem2 = "2rem";
+export const calciteSizeRem3 = "3rem";
+export const calciteSizeRem4 = "4rem";
+export const calciteSizeRem5 = "5rem";
+export const calciteSizeRem0625 = "0.625rem";
+export const calciteSizeRem075 = "0.75rem";
+export const calciteSizeRem0875 = "0.875rem";
+export const calciteSizeRem1125 = "1.125rem";
+export const calciteSizeRem125 = "1.25rem";
+export const calciteSizeRem15 = "1.5rem";
+export const calciteSizeRem1625 = "1.625rem";
+export const calciteSizeRem25 = "2.5rem";
+export const calciteSizeRem35 = "3.5rem";
 export const calciteZIndex0 = "-999999";
 export const calciteZIndex1 = "1";
 export const calciteZIndex3 = "300";

package/dist/es6/dark.js

@@ -3,11 +3,11 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const calciteColorBackground = "#363636";
+export const calciteColorBackground = "#212121";
 export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
 export const calciteColorForeground1 = "#2b2b2b";
-export const calciteColorForeground2 = "#212121";
-export const calciteColorForeground3 = "#141414";
+export const calciteColorForeground2 = "#363636";
+export const calciteColorForeground3 = "#404040";
 export const calciteColorForegroundCurrent = "#2b465f"; // deprecated, use --calcite-color-surface-highlight instead
 export const calciteColorSurfaceHighlight = "#2b465f";
 export const calciteColorTransparent = "rgba(255, 255, 255, 0)";
@@ -34,8 +34,8 @@ export const calciteColorStatusDanger = "#fe583e";
 export const calciteColorStatusDangerHover = "#ff0015";
 export const calciteColorStatusDangerPress = "#d90012";
 export const calciteColorInverse = "#f7f7f7";
-export const calciteColorInverseHover = "#ffffff";
-export const calciteColorInversePress = "#f2f2f2";
+export const calciteColorInverseHover = "#f2f2f2";
+export const calciteColorInversePress = "#ebebeb";
 export const calciteColorText1 = "#ffffff";
 export const calciteColorText2 = "#bfbfbf";
 export const calciteColorText3 = "#9e9e9e";

package/dist/es6/global.d.ts

@@ -119,6 +119,18 @@ export const calciteFontSizeMd: string;
 export const calciteFontSizeLg: string;
 export const calciteFontSizeXl: string;
 export const calciteFontSizeXxl: string;
+export const calciteFontSizeRelativeXs: string;
+export const calciteFontSizeRelativeSm: string;
+export const calciteFontSizeRelativeBase: string;
+export const calciteFontSizeRelativeMd: string;
+export const calciteFontSizeRelativeLg: string;
+export const calciteFontSizeRelativeXl: string;
+export const calciteFontSizeRelative2xl: string;
+export const calciteFontSizeRelative3xl: string;
+export const calciteFontSizeRelative4xl: string;
+export const calciteFontSizeRelative5xl: string;
+export const calciteFontSizeRelative6xl: string;
+export const calciteFontSizeRelative7xl: string;
 /** used in ratings */
 export const calciteFontStyleEmphasis: string;
 export const calciteFontLineHeightFixedSm: string;
@@ -144,6 +156,18 @@ export const calciteFontLineHeightRelativeNormal: string;
 export const calciteFontLineHeightRelativeRelaxed: string;
 /** 2 */
 export const calciteFontLineHeightRelativeLoose: string;
+export const calciteFontLineHeightXs: string;
+export const calciteFontLineHeightSm: string;
+export const calciteFontLineHeightBase: string;
+export const calciteFontLineHeightMd: string;
+export const calciteFontLineHeightLg: string;
+export const calciteFontLineHeightXl: string;
+export const calciteFontLineHeight2xl: string;
+export const calciteFontLineHeight3xl: string;
+export const calciteFontLineHeight4xl: string;
+export const calciteFontLineHeight5xl: string;
+export const calciteFontLineHeight6xl: string;
+export const calciteFontLineHeight7xl: string;
 /** Deprecated */
 export const calciteFontLetterSpacingTight: string;
 /** Deprecated */
@@ -238,19 +262,45 @@ export const calciteSpacingFixedXl: string;
 export const calciteSpacingFixedXxl: string;
 /** deprecated */
 export const calciteSpacingFixedXxxl: string;
+/** deprecated, use `--calcite-space-none` instead */
 export const calciteSpacingNone: string;
+/** deprecated, use `--calcite-space-px` instead */
 export const calciteSpacingPx: string;
+/** deprecated, use `--calcite-space-base` instead */
 export const calciteSpacingBase: string;
+/** deprecated, use `--calcite-space-2xs` instead */
 export const calciteSpacingXxs: string;
+/** deprecated, use `--calcite-space-xs` instead */
 export const calciteSpacingXs: string;
+/** deprecated, use `--calcite-space-sm` instead */
 export const calciteSpacingSm: string;
+/** deprecated, use `--calcite-space-sm-plus` instead */
 export const calciteSpacingSmPlus: string;
+/** deprecated, use `--calcite-space-md` instead */
 export const calciteSpacingMd: string;
+/** deprecated, use `--calcite-space-md-plus` instead */
 export const calciteSpacingMdPlus: string;
+/** deprecated, use `--calcite-space-lg` instead */
 export const calciteSpacingLg: string;
+/** deprecated, use `--calcite-space-xl` instead */
 export const calciteSpacingXl: string;
+/** deprecated, use `--calcite-space-2xl` instead */
 export const calciteSpacingXxl: string;
+/** deprecated, use `--calcite-space-3xl` instead */
 export const calciteSpacingXxxl: string;
+export const calciteSpaceNone: string;
+export const calciteSpacePx: string;
+export const calciteSpaceBase: string;
+export const calciteSpace2xs: string;
+export const calciteSpaceXs: string;
+export const calciteSpaceSm: string;
+export const calciteSpaceSmPlus: string;
+export const calciteSpaceMd: string;
+export const calciteSpaceMdPlus: string;
+export const calciteSpaceLg: string;
+export const calciteSpaceXl: string;
+export const calciteSpace2xl: string;
+export const calciteSpace3xl: string;
 export const calciteTypography: {
   fontFamily: string[];
   fontSize: string;

package/dist/es6/global.js

@@ -4,11 +4,11 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const calciteColorBackground = { light: "#f7f7f7", dark: "#363636" };
+export const calciteColorBackground = { light: "#f7f7f7", dark: "#212121" };
 export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
 export const calciteColorForeground1 = { light: "#ffffff", dark: "#2b2b2b" };
-export const calciteColorForeground2 = { light: "#f2f2f2", dark: "#212121" };
-export const calciteColorForeground3 = { light: "#ebebeb", dark: "#141414" };
+export const calciteColorForeground2 = { light: "#f2f2f2", dark: "#363636" };
+export const calciteColorForeground3 = { light: "#ebebeb", dark: "#404040" };
 export const calciteColorForegroundCurrent = {
   light: "#d6efff",
   dark: "#2b465f",
@@ -89,17 +89,17 @@ export const calciteColorStatusDangerPress = {
   dark: "#d90012",
 };
 export const calciteColorInverse = { light: "#363636", dark: "#f7f7f7" };
-export const calciteColorInverseHover = { light: "#2b2b2b", dark: "#ffffff" };
-export const calciteColorInversePress = { light: "#212121", dark: "#f2f2f2" };
+export const calciteColorInverseHover = { light: "#2b2b2b", dark: "#f2f2f2" };
+export const calciteColorInversePress = { light: "#212121", dark: "#ebebeb" };
 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: "#d6efff" };
 export const calciteColorTextInverse = { light: "#ffffff", dark: "#141414" };
 export const calciteColorTextLink = { light: "#00619b", dark: "#00a0ff" };
-export const calciteColorBorder1 = { light: "#c9c9c9", dark: "#545454" };
-export const calciteColorBorder2 = { light: "#d4d4d4", dark: "#4a4a4a" };
-export const calciteColorBorder3 = { light: "#dedede", dark: "#404040" };
+export const calciteColorBorder1 = { light: "#d4d4d4", dark: "#545454" };
+export const calciteColorBorder2 = { light: "#dedede", dark: "#4a4a4a" };
+export const calciteColorBorder3 = { light: "#ebebeb", dark: "#404040" };
 export const calciteColorBorderInput = { light: "#949494", dark: "#757575" };
 export const calciteColorBorderGhost = {
   light: "rgba(0, 0, 0, 0.3)",
@@ -160,6 +160,18 @@ export const calciteFontSizeMd = "16px";
 export const calciteFontSizeLg = "18px";
 export const calciteFontSizeXl = "20px";
 export const calciteFontSizeXxl = "24px";
+export const calciteFontSizeRelativeXs = "0.625rem";
+export const calciteFontSizeRelativeSm = "0.75rem";
+export const calciteFontSizeRelativeBase = "0.875rem";
+export const calciteFontSizeRelativeMd = "1rem";
+export const calciteFontSizeRelativeLg = "1.125rem";
+export const calciteFontSizeRelativeXl = "1.25rem";
+export const calciteFontSizeRelative2xl = "1.625rem";
+export const calciteFontSizeRelative3xl = "2rem";
+export const calciteFontSizeRelative4xl = "2.5rem";
+export const calciteFontSizeRelative5xl = "3rem";
+export const calciteFontSizeRelative6xl = "3.5rem";
+export const calciteFontSizeRelative7xl = "4rem";
 export const calciteFontStyleEmphasis = "italic"; // used in ratings
 export const calciteFontLineHeightFixedSm = "12px";
 export const calciteFontLineHeightFixedBase = "16px";
@@ -177,6 +189,18 @@ export const calciteFontLineHeightRelativeSnug = "1.375"; // 1.375
 export const calciteFontLineHeightRelativeNormal = "1.5"; // 1.5
 export const calciteFontLineHeightRelativeRelaxed = "1.625"; // 1.625
 export const calciteFontLineHeightRelativeLoose = "2"; // 2
+export const calciteFontLineHeightXs = "0.75rem";
+export const calciteFontLineHeightSm = "1rem";
+export const calciteFontLineHeightBase = "1rem";
+export const calciteFontLineHeightMd = "1.25rem";
+export const calciteFontLineHeightLg = "1.5rem";
+export const calciteFontLineHeightXl = "1.5rem";
+export const calciteFontLineHeight2xl = "2rem";
+export const calciteFontLineHeight3xl = "2.5rem";
+export const calciteFontLineHeight4xl = "3rem";
+export const calciteFontLineHeight5xl = "4rem";
+export const calciteFontLineHeight6xl = "4rem";
+export const calciteFontLineHeight7xl = "5rem";
 export const calciteFontLetterSpacingTight = "-0.4px"; // Deprecated
 export const calciteFontLetterSpacingNormal = "0"; // Deprecated
 export const calciteFontLetterSpacingWide = "0.4px"; // Deprecated
@@ -242,19 +266,32 @@ export const calciteSpacingFixedLg = "14px"; // deprecated
 export const calciteSpacingFixedXl = "16px"; // deprecated
 export const calciteSpacingFixedXxl = "20px"; // deprecated
 export const calciteSpacingFixedXxxl = "32px"; // deprecated
-export const calciteSpacingNone = "0";
-export const calciteSpacingPx = "1px";
-export const calciteSpacingBase = "2px";
-export const calciteSpacingXxs = "0.25rem";
-export const calciteSpacingXs = "0.375rem";
-export const calciteSpacingSm = "0.5rem";
-export const calciteSpacingSmPlus = "0.625rem";
-export const calciteSpacingMd = "0.75rem";
-export const calciteSpacingMdPlus = "0.875rem";
-export const calciteSpacingLg = "1rem";
-export const calciteSpacingXl = "1.25rem";
-export const calciteSpacingXxl = "1.5rem";
-export const calciteSpacingXxxl = "2rem";
+export const calciteSpacingNone = "0"; // deprecated, use `--calcite-space-none` instead
+export const calciteSpacingPx = "1px"; // deprecated, use `--calcite-space-px` instead
+export const calciteSpacingBase = "2px"; // deprecated, use `--calcite-space-base` instead
+export const calciteSpacingXxs = "0.25rem"; // deprecated, use `--calcite-space-2xs` instead
+export const calciteSpacingXs = "0.375rem"; // deprecated, use `--calcite-space-xs` instead
+export const calciteSpacingSm = "0.5rem"; // deprecated, use `--calcite-space-sm` instead
+export const calciteSpacingSmPlus = "0.625rem"; // deprecated, use `--calcite-space-sm-plus` instead
+export const calciteSpacingMd = "0.75rem"; // deprecated, use `--calcite-space-md` instead
+export const calciteSpacingMdPlus = "0.875rem"; // deprecated, use `--calcite-space-md-plus` instead
+export const calciteSpacingLg = "1rem"; // deprecated, use `--calcite-space-lg` instead
+export const calciteSpacingXl = "1.25rem"; // deprecated, use `--calcite-space-xl` instead
+export const calciteSpacingXxl = "1.5rem"; // deprecated, use `--calcite-space-2xl` instead
+export const calciteSpacingXxxl = "2rem"; // deprecated, use `--calcite-space-3xl` instead
+export const calciteSpaceNone = "0";
+export const calciteSpacePx = "1px";
+export const calciteSpaceBase = "2px";
+export const calciteSpace2xs = "0.25rem";
+export const calciteSpaceXs = "0.375rem";
+export const calciteSpaceSm = "0.5rem";
+export const calciteSpaceSmPlus = "0.625rem";
+export const calciteSpaceMd = "0.75rem";
+export const calciteSpaceMdPlus = "0.875rem";
+export const calciteSpaceLg = "1rem";
+export const calciteSpaceXl = "1.25rem";
+export const calciteSpace2xl = "1.5rem";
+export const calciteSpace3xl = "2rem";
 export const calciteTypography = {
   fontFamily: ["Avenir Next", "Avenir", "Helvetica Neue", "sans-serif"],
   fontSize: "14px",

package/dist/es6/light.js

@@ -42,9 +42,9 @@ export const calciteColorText3 = "#6b6b6b";
 export const calciteColorTextHighlight = "#004874";
 export const calciteColorTextInverse = "#ffffff";
 export const calciteColorTextLink = "#00619b";
-export const calciteColorBorder1 = "#c9c9c9";
-export const calciteColorBorder2 = "#d4d4d4";
-export const calciteColorBorder3 = "#dedede";
+export const calciteColorBorder1 = "#d4d4d4";
+export const calciteColorBorder2 = "#dedede";
+export const calciteColorBorder3 = "#ebebeb";
 export const calciteColorBorderInput = "#949494";
 export const calciteColorBorderGhost = "rgba(0, 0, 0, 0.3)";
 export const calciteColorBorderWhite = "#ffffff";

package/dist/es6/semantic.d.ts

@@ -41,6 +41,18 @@ export const calciteFontSizeMd: string;
 export const calciteFontSizeLg: string;
 export const calciteFontSizeXl: string;
 export const calciteFontSizeXxl: string;
+export const calciteFontSizeRelativeXs: string;
+export const calciteFontSizeRelativeSm: string;
+export const calciteFontSizeRelativeBase: string;
+export const calciteFontSizeRelativeMd: string;
+export const calciteFontSizeRelativeLg: string;
+export const calciteFontSizeRelativeXl: string;
+export const calciteFontSizeRelative2xl: string;
+export const calciteFontSizeRelative3xl: string;
+export const calciteFontSizeRelative4xl: string;
+export const calciteFontSizeRelative5xl: string;
+export const calciteFontSizeRelative6xl: string;
+export const calciteFontSizeRelative7xl: string;
 /** used in ratings */
 export const calciteFontStyleEmphasis: string;
 export const calciteFontLineHeightFixedSm: string;
@@ -66,6 +78,18 @@ export const calciteFontLineHeightRelativeNormal: string;
 export const calciteFontLineHeightRelativeRelaxed: string;
 /** 2 */
 export const calciteFontLineHeightRelativeLoose: string;
+export const calciteFontLineHeightXs: string;
+export const calciteFontLineHeightSm: string;
+export const calciteFontLineHeightBase: string;
+export const calciteFontLineHeightMd: string;
+export const calciteFontLineHeightLg: string;
+export const calciteFontLineHeightXl: string;
+export const calciteFontLineHeight2xl: string;
+export const calciteFontLineHeight3xl: string;
+export const calciteFontLineHeight4xl: string;
+export const calciteFontLineHeight5xl: string;
+export const calciteFontLineHeight6xl: string;
+export const calciteFontLineHeight7xl: string;
 /** Deprecated */
 export const calciteFontLetterSpacingTight: string;
 /** Deprecated */
@@ -160,19 +184,45 @@ export const calciteSpacingFixedXl: string;
 export const calciteSpacingFixedXxl: string;
 /** deprecated */
 export const calciteSpacingFixedXxxl: string;
+/** deprecated, use `--calcite-space-none` instead */
 export const calciteSpacingNone: string;
+/** deprecated, use `--calcite-space-px` instead */
 export const calciteSpacingPx: string;
+/** deprecated, use `--calcite-space-base` instead */
 export const calciteSpacingBase: string;
+/** deprecated, use `--calcite-space-2xs` instead */
 export const calciteSpacingXxs: string;
+/** deprecated, use `--calcite-space-xs` instead */
 export const calciteSpacingXs: string;
+/** deprecated, use `--calcite-space-sm` instead */
 export const calciteSpacingSm: string;
+/** deprecated, use `--calcite-space-sm-plus` instead */
 export const calciteSpacingSmPlus: string;
+/** deprecated, use `--calcite-space-md` instead */
 export const calciteSpacingMd: string;
+/** deprecated, use `--calcite-space-md-plus` instead */
 export const calciteSpacingMdPlus: string;
+/** deprecated, use `--calcite-space-lg` instead */
 export const calciteSpacingLg: string;
+/** deprecated, use `--calcite-space-xl` instead */
 export const calciteSpacingXl: string;
+/** deprecated, use `--calcite-space-2xl` instead */
 export const calciteSpacingXxl: string;
+/** deprecated, use `--calcite-space-3xl` instead */
 export const calciteSpacingXxxl: string;
+export const calciteSpaceNone: string;
+export const calciteSpacePx: string;
+export const calciteSpaceBase: string;
+export const calciteSpace2xs: string;
+export const calciteSpaceXs: string;
+export const calciteSpaceSm: string;
+export const calciteSpaceSmPlus: string;
+export const calciteSpaceMd: string;
+export const calciteSpaceMdPlus: string;
+export const calciteSpaceLg: string;
+export const calciteSpaceXl: string;
+export const calciteSpace2xl: string;
+export const calciteSpace3xl: string;
 export const calciteZIndexDeep: string;
 export const calciteZIndex: string;
 export const calciteZIndexSticky: string;

package/dist/es6/semantic.js

@@ -44,6 +44,18 @@ export const calciteFontSizeMd = "16px";
 export const calciteFontSizeLg = "18px";
 export const calciteFontSizeXl = "20px";
 export const calciteFontSizeXxl = "24px";
+export const calciteFontSizeRelativeXs = "0.625rem";
+export const calciteFontSizeRelativeSm = "0.75rem";
+export const calciteFontSizeRelativeBase = "0.875rem";
+export const calciteFontSizeRelativeMd = "1rem";
+export const calciteFontSizeRelativeLg = "1.125rem";
+export const calciteFontSizeRelativeXl = "1.25rem";
+export const calciteFontSizeRelative2xl = "1.625rem";
+export const calciteFontSizeRelative3xl = "2rem";
+export const calciteFontSizeRelative4xl = "2.5rem";
+export const calciteFontSizeRelative5xl = "3rem";
+export const calciteFontSizeRelative6xl = "3.5rem";
+export const calciteFontSizeRelative7xl = "4rem";
 export const calciteFontStyleEmphasis = "italic"; // used in ratings
 export const calciteFontLineHeightFixedSm = "12px";
 export const calciteFontLineHeightFixedBase = "16px";
@@ -61,6 +73,18 @@ export const calciteFontLineHeightRelativeSnug = "1.375"; // 1.375
 export const calciteFontLineHeightRelativeNormal = "1.5"; // 1.5
 export const calciteFontLineHeightRelativeRelaxed = "1.625"; // 1.625
 export const calciteFontLineHeightRelativeLoose = "2"; // 2
+export const calciteFontLineHeightXs = "0.75rem";
+export const calciteFontLineHeightSm = "1rem";
+export const calciteFontLineHeightBase = "1rem";
+export const calciteFontLineHeightMd = "1.25rem";
+export const calciteFontLineHeightLg = "1.5rem";
+export const calciteFontLineHeightXl = "1.5rem";
+export const calciteFontLineHeight2xl = "2rem";
+export const calciteFontLineHeight3xl = "2.5rem";
+export const calciteFontLineHeight4xl = "3rem";
+export const calciteFontLineHeight5xl = "4rem";
+export const calciteFontLineHeight6xl = "4rem";
+export const calciteFontLineHeight7xl = "5rem";
 export const calciteFontLetterSpacingTight = "-0.4px"; // Deprecated
 export const calciteFontLetterSpacingNormal = "0"; // Deprecated
 export const calciteFontLetterSpacingWide = "0.4px"; // Deprecated
@@ -126,19 +150,32 @@ export const calciteSpacingFixedLg = "14px"; // deprecated
 export const calciteSpacingFixedXl = "16px"; // deprecated
 export const calciteSpacingFixedXxl = "20px"; // deprecated
 export const calciteSpacingFixedXxxl = "32px"; // deprecated
-export const calciteSpacingNone = "0";
-export const calciteSpacingPx = "1px";
-export const calciteSpacingBase = "2px";
-export const calciteSpacingXxs = "0.25rem";
-export const calciteSpacingXs = "0.375rem";
-export const calciteSpacingSm = "0.5rem";
-export const calciteSpacingSmPlus = "0.625rem";
-export const calciteSpacingMd = "0.75rem";
-export const calciteSpacingMdPlus = "0.875rem";
-export const calciteSpacingLg = "1rem";
-export const calciteSpacingXl = "1.25rem";
-export const calciteSpacingXxl = "1.5rem";
-export const calciteSpacingXxxl = "2rem";
+export const calciteSpacingNone = "0"; // deprecated, use `--calcite-space-none` instead
+export const calciteSpacingPx = "1px"; // deprecated, use `--calcite-space-px` instead
+export const calciteSpacingBase = "2px"; // deprecated, use `--calcite-space-base` instead
+export const calciteSpacingXxs = "0.25rem"; // deprecated, use `--calcite-space-2xs` instead
+export const calciteSpacingXs = "0.375rem"; // deprecated, use `--calcite-space-xs` instead
+export const calciteSpacingSm = "0.5rem"; // deprecated, use `--calcite-space-sm` instead
+export const calciteSpacingSmPlus = "0.625rem"; // deprecated, use `--calcite-space-sm-plus` instead
+export const calciteSpacingMd = "0.75rem"; // deprecated, use `--calcite-space-md` instead
+export const calciteSpacingMdPlus = "0.875rem"; // deprecated, use `--calcite-space-md-plus` instead
+export const calciteSpacingLg = "1rem"; // deprecated, use `--calcite-space-lg` instead
+export const calciteSpacingXl = "1.25rem"; // deprecated, use `--calcite-space-xl` instead
+export const calciteSpacingXxl = "1.5rem"; // deprecated, use `--calcite-space-2xl` instead
+export const calciteSpacingXxxl = "2rem"; // deprecated, use `--calcite-space-3xl` instead
+export const calciteSpaceNone = "0";
+export const calciteSpacePx = "1px";
+export const calciteSpaceBase = "2px";
+export const calciteSpace2xs = "0.25rem";
+export const calciteSpaceXs = "0.375rem";
+export const calciteSpaceSm = "0.5rem";
+export const calciteSpaceSmPlus = "0.625rem";
+export const calciteSpaceMd = "0.75rem";
+export const calciteSpaceMdPlus = "0.875rem";
+export const calciteSpaceLg = "1rem";
+export const calciteSpaceXl = "1.25rem";
+export const calciteSpace2xl = "1.5rem";
+export const calciteSpace3xl = "2rem";
 export const calciteZIndexDeep = "-999999";
 export const calciteZIndex = "1";
 export const calciteZIndexSticky = "300";

package/dist/scss/core.scss

@@ -564,6 +564,20 @@ $calcite-size-relative-162: 162.5%;
 $calcite-size-relative-200: 200%;
 $calcite-size-relative-auto: auto;
 $calcite-size-relative-normal: normal;
+$calcite-size-rem-1: 1rem;
+$calcite-size-rem-2: 2rem;
+$calcite-size-rem-3: 3rem;
+$calcite-size-rem-4: 4rem;
+$calcite-size-rem-5: 5rem;
+$calcite-size-rem-0-625: 0.625rem;
+$calcite-size-rem-0-75: 0.75rem;
+$calcite-size-rem-0-875: 0.875rem;
+$calcite-size-rem-1-125: 1.125rem;
+$calcite-size-rem-1-25: 1.25rem;
+$calcite-size-rem-1-5: 1.5rem;
+$calcite-size-rem-1-625: 1.625rem;
+$calcite-size-rem-2-5: 2.5rem;
+$calcite-size-rem-3-5: 3.5rem;
 $calcite-z-index-0: -999999;
 $calcite-z-index-1: 1;
 $calcite-z-index-3: 300;

package/dist/scss/dark.scss

@@ -2,11 +2,11 @@
 // Calcite Design System
 // Do not edit directly, this file was auto-generated.
 
-$calcite-color-background: #363636;
+$calcite-color-background: #212121;
 $calcite-color-background-none: rgba(255, 255, 255, 0);
 $calcite-color-foreground-1: #2b2b2b;
-$calcite-color-foreground-2: #212121;
-$calcite-color-foreground-3: #141414;
+$calcite-color-foreground-2: #363636;
+$calcite-color-foreground-3: #404040;
 $calcite-color-foreground-current: #2b465f; // deprecated, use --calcite-color-surface-highlight instead
 $calcite-color-surface-highlight: #2b465f;
 $calcite-color-transparent: rgba(255, 255, 255, 0);
@@ -33,8 +33,8 @@ $calcite-color-status-danger: #fe583e;
 $calcite-color-status-danger-hover: #ff0015;
 $calcite-color-status-danger-press: #d90012;
 $calcite-color-inverse: #f7f7f7;
-$calcite-color-inverse-hover: #ffffff;
-$calcite-color-inverse-press: #f2f2f2;
+$calcite-color-inverse-hover: #f2f2f2;
+$calcite-color-inverse-press: #ebebeb;
 $calcite-color-text-1: #ffffff;
 $calcite-color-text-2: #bfbfbf;
 $calcite-color-text-3: #9e9e9e;

package/dist/scss/global.scss

@@ -33,6 +33,18 @@ $calcite-font-size-md: 16px;
 $calcite-font-size-lg: 18px;
 $calcite-font-size-xl: 20px;
 $calcite-font-size-xxl: 24px;
+$calcite-font-size-relative-xs: 0.625rem;
+$calcite-font-size-relative-sm: 0.75rem;
+$calcite-font-size-relative-base: 0.875rem;
+$calcite-font-size-relative-md: 1rem;
+$calcite-font-size-relative-lg: 1.125rem;
+$calcite-font-size-relative-xl: 1.25rem;
+$calcite-font-size-relative-2xl: 1.625rem;
+$calcite-font-size-relative-3xl: 2rem;
+$calcite-font-size-relative-4xl: 2.5rem;
+$calcite-font-size-relative-5xl: 3rem;
+$calcite-font-size-relative-6xl: 3.5rem;
+$calcite-font-size-relative-7xl: 4rem;
 $calcite-font-style-emphasis: italic; // used in ratings
 $calcite-font-line-height-fixed-sm: 12px;
 $calcite-font-line-height-fixed-base: 16px;
@@ -50,6 +62,18 @@ $calcite-font-line-height-relative-snug: 1.375; // 1.375
 $calcite-font-line-height-relative-normal: 1.5; // 1.5
 $calcite-font-line-height-relative-relaxed: 1.625; // 1.625
 $calcite-font-line-height-relative-loose: 2; // 2
+$calcite-font-line-height-xs: 0.75rem;
+$calcite-font-line-height-sm: 1rem;
+$calcite-font-line-height-base: 1rem;
+$calcite-font-line-height-md: 1.25rem;
+$calcite-font-line-height-lg: 1.5rem;
+$calcite-font-line-height-xl: 1.5rem;
+$calcite-font-line-height-2xl: 2rem;
+$calcite-font-line-height-3xl: 2.5rem;
+$calcite-font-line-height-4xl: 3rem;
+$calcite-font-line-height-5xl: 4rem;
+$calcite-font-line-height-6xl: 4rem;
+$calcite-font-line-height-7xl: 5rem;
 $calcite-font-letter-spacing-tight: -0.4px; // Deprecated
 $calcite-font-letter-spacing-normal: 0; // Deprecated
 $calcite-font-letter-spacing-wide: 0.4px; // Deprecated
@@ -94,19 +118,32 @@ $calcite-spacing-fixed-lg: 14px; // deprecated
 $calcite-spacing-fixed-xl: 16px; // deprecated
 $calcite-spacing-fixed-xxl: 20px; // deprecated
 $calcite-spacing-fixed-xxxl: 32px; // deprecated
-$calcite-spacing-none: 0;
-$calcite-spacing-px: 1px;
-$calcite-spacing-base: 2px;
-$calcite-spacing-xxs: 0.25rem;
-$calcite-spacing-xs: 0.375rem;
-$calcite-spacing-sm: 0.5rem;
-$calcite-spacing-sm-plus: 0.625rem;
-$calcite-spacing-md: 0.75rem;
-$calcite-spacing-md-plus: 0.875rem;
-$calcite-spacing-lg: 1rem;
-$calcite-spacing-xl: 1.25rem;
-$calcite-spacing-xxl: 1.5rem;
-$calcite-spacing-xxxl: 2rem;
+$calcite-spacing-none: 0; // deprecated, use `--calcite-space-none` instead
+$calcite-spacing-px: 1px; // deprecated, use `--calcite-space-px` instead
+$calcite-spacing-base: 2px; // deprecated, use `--calcite-space-base` instead
+$calcite-spacing-xxs: 0.25rem; // deprecated, use `--calcite-space-2xs` instead
+$calcite-spacing-xs: 0.375rem; // deprecated, use `--calcite-space-xs` instead
+$calcite-spacing-sm: 0.5rem; // deprecated, use `--calcite-space-sm` instead
+$calcite-spacing-sm-plus: 0.625rem; // deprecated, use `--calcite-space-sm-plus` instead
+$calcite-spacing-md: 0.75rem; // deprecated, use `--calcite-space-md` instead
+$calcite-spacing-md-plus: 0.875rem; // deprecated, use `--calcite-space-md-plus` instead
+$calcite-spacing-lg: 1rem; // deprecated, use `--calcite-space-lg` instead
+$calcite-spacing-xl: 1.25rem; // deprecated, use `--calcite-space-xl` instead
+$calcite-spacing-xxl: 1.5rem; // deprecated, use `--calcite-space-2xl` instead
+$calcite-spacing-xxxl: 2rem; // deprecated, use `--calcite-space-3xl` instead
+$calcite-space-none: 0;
+$calcite-space-px: 1px;
+$calcite-space-base: 2px;
+$calcite-space-2xs: 0.25rem;
+$calcite-space-xs: 0.375rem;
+$calcite-space-sm: 0.5rem;
+$calcite-space-sm-plus: 0.625rem;
+$calcite-space-md: 0.75rem;
+$calcite-space-md-plus: 0.875rem;
+$calcite-space-lg: 1rem;
+$calcite-space-xl: 1.25rem;
+$calcite-space-2xl: 1.5rem;
+$calcite-space-3xl: 2rem;
 $calcite-z-index-deep: -999999;
 $calcite-z-index: 1;
 $calcite-z-index-sticky: 300;

package/dist/scss/index.scss

@@ -10,9 +10,9 @@
   --calcite-color-border-white: #ffffff;
   --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
   --calcite-color-border-input: #949494;
-  --calcite-color-border-3: #dedede;
-  --calcite-color-border-2: #d4d4d4;
-  --calcite-color-border-1: #c9c9c9;
+  --calcite-color-border-3: #ebebeb;
+  --calcite-color-border-2: #dedede;
+  --calcite-color-border-1: #d4d4d4;
   --calcite-color-text-link: #00619b;
   --calcite-color-text-inverse: #ffffff;
   --calcite-color-text-highlight: #004874;
@@ -66,8 +66,8 @@
   --calcite-color-text-3: #9e9e9e;
   --calcite-color-text-2: #bfbfbf;
   --calcite-color-text-1: #ffffff;
-  --calcite-color-inverse-press: #f2f2f2;
-  --calcite-color-inverse-hover: #ffffff;
+  --calcite-color-inverse-press: #ebebeb;
+  --calcite-color-inverse-hover: #f2f2f2;
   --calcite-color-inverse: #f7f7f7;
   --calcite-color-status-danger-press: #d90012;
   --calcite-color-status-danger-hover: #ff0015;
@@ -94,9 +94,9 @@
   --calcite-color-transparent: rgba(255, 255, 255, 0);
   --calcite-color-surface-highlight: #2b465f;
   --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
-  --calcite-color-foreground-3: #141414;
-  --calcite-color-foreground-2: #212121;
+  --calcite-color-foreground-3: #404040;
+  --calcite-color-foreground-2: #363636;
   --calcite-color-foreground-1: #2b2b2b;
   --calcite-color-background-none: rgba(255, 255, 255, 0);
-  --calcite-color-background: #363636;
+  --calcite-color-background: #212121;
 }

package/dist/scss/light.scss

@@ -41,9 +41,9 @@ $calcite-color-text-3: #6b6b6b;
 $calcite-color-text-highlight: #004874;
 $calcite-color-text-inverse: #ffffff;
 $calcite-color-text-link: #00619b;
-$calcite-color-border-1: #c9c9c9;
-$calcite-color-border-2: #d4d4d4;
-$calcite-color-border-3: #dedede;
+$calcite-color-border-1: #d4d4d4;
+$calcite-color-border-2: #dedede;
+$calcite-color-border-3: #ebebeb;
 $calcite-color-border-input: #949494;
 $calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
 $calcite-color-border-white: #ffffff;