@esri/calcite-design-tokens 4.0.0-next.3 → 4.0.0-next.5

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

@@ -238,19 +238,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,8 +89,8 @@ 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" };
@@ -242,19 +242,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/semantic.d.ts

@@ -160,19 +160,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

@@ -126,19 +126,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/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

@@ -94,19 +94,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

@@ -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/semantic.scss

@@ -92,19 +92,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-design-tokens",
-  "version": "4.0.0-next.3",
+  "version": "4.0.0-next.5",
   "description": "Esri's Calcite Design System Tokens",
   "keywords": [
     "Calcite",
@@ -46,5 +46,5 @@
   "devDependencies": {
     "vitest": "3.2.4"
   },
-  "gitHead": "35609839c5c15e4aaa0e30cf991c47cc05c23a51"
+  "gitHead": "f41df9a8f8e3bf1e8018f0047bdcadc7e4a37df6"
 }