@esri/calcite-design-tokens 4.0.0-next.19 → 4.0.0-next.20

package/dist/css/core.css

@@ -348,7 +348,7 @@
   --calcite-color-high-saturation-orange-yellow-h-oy-040: #fbb664;
   --calcite-color-high-saturation-orange-yellow-h-oy-050: #f9a845;
   --calcite-color-high-saturation-orange-yellow-h-oy-060: #f89927;
-  --calcite-color-high-saturation-orange-yellow-h-oy-070: #c67718;
+  --calcite-color-high-saturation-orange-yellow-h-oy-070: #da7c0b;
   --calcite-color-high-saturation-orange-yellow-h-oy-080: #9a5b10;
   --calcite-color-high-saturation-orange-yellow-h-oy-090: #6d3f08;
   --calcite-color-high-saturation-orange-yellow-h-oy-100: #402300;
@@ -435,7 +435,7 @@
   --calcite-color-vibrant-orange-yellow-v-oy-120: #ffb54d;
   --calcite-color-vibrant-orange-yellow-v-oy-140: #ff9500;
   --calcite-color-vibrant-orange-yellow-v-oy-160: #e68600;
-  --calcite-color-vibrant-orange-yellow-v-oy-180: #d17300;
+  --calcite-color-vibrant-orange-yellow-v-oy-180: #c26b00;
   --calcite-color-vibrant-red-orange-v-ro-120: #ff824d;
   --calcite-color-vibrant-red-orange-v-ro-140: #ff4d00;
   --calcite-color-vibrant-red-orange-v-ro-160: #de4300;

package/dist/css/global.css

@@ -104,6 +104,7 @@
   --calcite-size-fixed-xxl: 24px; /** deprecated */
   --calcite-size-fixed-xxxl: 32px; /** deprecated */
   --calcite-size-px: 1px;
+  --calcite-size-4xs: 0.625rem;
   --calcite-size-xxxs: 0.75rem; /** Deprecated, use --calcite-size-3xs instead. */
   --calcite-size-3xs: 0.75rem;
   --calcite-size-xxs: 0.875rem; /** Deprecated, use --calcite-size-2xs instead. */
@@ -151,6 +152,7 @@
   --calcite-space-xl: 1.25rem;
   --calcite-space-2xl: 1.5rem;
   --calcite-space-3xl: 2rem;
+  --calcite-space-4xl: 2.75rem;
   --calcite-z-index-deep: -999999;
   --calcite-z-index: 1;
   --calcite-z-index-sticky: 300;

package/dist/css/index.css

@@ -17,11 +17,11 @@
   --calcite-color-status-danger-hover: #a82b1e;
   --calcite-color-status-danger: #d83020;
   --calcite-color-status-warning-press: #9a5b10;
-  --calcite-color-status-warning-hover: #d17300;
-  --calcite-color-status-warning: #f89927;
-  --calcite-color-status-success-press: #1a6324;
-  --calcite-color-status-success-hover: #288835;
-  --calcite-color-status-success: #35ac46;
+  --calcite-color-status-warning-hover: #c26b00;
+  --calcite-color-status-warning: #da7c0b;
+  --calcite-color-status-success-press: #0d3f14;
+  --calcite-color-status-success-hover: #1a6324;
+  --calcite-color-status-success: #288835;
   --calcite-color-status-info-press: #00304d;
   --calcite-color-status-info-hover: #004874;
   --calcite-color-status-info: #00619b;
@@ -70,11 +70,11 @@
     --calcite-color-status-danger-hover: #a82b1e;
     --calcite-color-status-danger: #d83020;
     --calcite-color-status-warning-press: #9a5b10;
-    --calcite-color-status-warning-hover: #d17300;
-    --calcite-color-status-warning: #f89927;
-    --calcite-color-status-success-press: #1a6324;
-    --calcite-color-status-success-hover: #288835;
-    --calcite-color-status-success: #35ac46;
+    --calcite-color-status-warning-hover: #c26b00;
+    --calcite-color-status-warning: #da7c0b;
+    --calcite-color-status-success-press: #0d3f14;
+    --calcite-color-status-success-hover: #1a6324;
+    --calcite-color-status-success: #288835;
     --calcite-color-status-info-press: #00304d;
     --calcite-color-status-info-hover: #004874;
     --calcite-color-status-info: #00619b;
@@ -177,11 +177,11 @@
   --calcite-color-status-danger-hover: #a82b1e;
   --calcite-color-status-danger: #d83020;
   --calcite-color-status-warning-press: #9a5b10;
-  --calcite-color-status-warning-hover: #d17300;
-  --calcite-color-status-warning: #f89927;
-  --calcite-color-status-success-press: #1a6324;
-  --calcite-color-status-success-hover: #288835;
-  --calcite-color-status-success: #35ac46;
+  --calcite-color-status-warning-hover: #c26b00;
+  --calcite-color-status-warning: #da7c0b;
+  --calcite-color-status-success-press: #0d3f14;
+  --calcite-color-status-success-hover: #1a6324;
+  --calcite-color-status-success: #288835;
   --calcite-color-status-info-press: #00304d;
   --calcite-color-status-info-hover: #004874;
   --calcite-color-status-info: #00619b;

package/dist/css/light.css

@@ -37,11 +37,11 @@
   --calcite-color-status-info: #00619b;
   --calcite-color-status-info-hover: #004874;
   --calcite-color-status-info-press: #00304d;
-  --calcite-color-status-success: #35ac46;
-  --calcite-color-status-success-hover: #288835;
-  --calcite-color-status-success-press: #1a6324;
-  --calcite-color-status-warning: #f89927;
-  --calcite-color-status-warning-hover: #d17300;
+  --calcite-color-status-success: #288835;
+  --calcite-color-status-success-hover: #1a6324;
+  --calcite-color-status-success-press: #0d3f14;
+  --calcite-color-status-warning: #da7c0b;
+  --calcite-color-status-warning-hover: #c26b00;
   --calcite-color-status-warning-press: #9a5b10;
   --calcite-color-status-danger: #d83020;
   --calcite-color-status-danger-hover: #a82b1e;

package/dist/css/semantic.css

@@ -102,6 +102,7 @@
   --calcite-size-fixed-xxl: 24px; /** deprecated */
   --calcite-size-fixed-xxxl: 32px; /** deprecated */
   --calcite-size-px: 1px;
+  --calcite-size-4xs: 0.625rem;
   --calcite-size-xxxs: 0.75rem; /** Deprecated, use --calcite-size-3xs instead. */
   --calcite-size-3xs: 0.75rem;
   --calcite-size-xxs: 0.875rem; /** Deprecated, use --calcite-size-2xs instead. */
@@ -149,6 +150,7 @@
   --calcite-space-xl: 1.25rem;
   --calcite-space-2xl: 1.5rem;
   --calcite-space-3xl: 2rem;
+  --calcite-space-4xl: 2.75rem;
   --calcite-z-index-deep: -999999;
   --calcite-z-index: 1;
   --calcite-z-index-sticky: 300;

package/dist/docs/core.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1769617988496,
+  "timestamp": 1769721281638,
   "tokens": [
     {
       "key": "{core.color.neutral.blk-000}",
@@ -9678,7 +9678,7 @@
     },
     {
       "key": "{core.color.high-saturation.orange-yellow.h-oy-070}",
-      "value": "#c67718",
+      "value": "#da7c0b",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -12114,7 +12114,7 @@
     },
     {
       "key": "{core.color.vibrant.orange-yellow.v-oy-180}",
-      "value": "#d17300",
+      "value": "#c26b00",
       "type": "color",
       "attributes": {
         "category": "color",

package/dist/docs/dark.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1769617987010,
+  "timestamp": 1769721280143,
   "tokens": [
     {
       "key": "{color.surface.1}",

package/dist/docs/global.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1769617988180,
+  "timestamp": 1769721281296,
   "tokens": [
     {
       "key": "{color.surface.1}",
@@ -917,7 +917,7 @@
     },
     {
       "key": "{color.status.success.default}",
-      "value": "{\"light\":\"#35ac46\",\"dark\":\"#36da43\"}",
+      "value": "{\"light\":\"#288835\",\"dark\":\"#36da43\"}",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -945,7 +945,7 @@
     },
     {
       "key": "{color.status.success.hover}",
-      "value": "{\"light\":\"#288835\",\"dark\":\"#3bed52\"}",
+      "value": "{\"light\":\"#1a6324\",\"dark\":\"#3bed52\"}",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -973,7 +973,7 @@
     },
     {
       "key": "{color.status.success.press}",
-      "value": "{\"light\":\"#1a6324\",\"dark\":\"#00b81b\"}",
+      "value": "{\"light\":\"#0d3f14\",\"dark\":\"#00b81b\"}",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -1001,7 +1001,7 @@
     },
     {
       "key": "{color.status.warning.default}",
-      "value": "{\"light\":\"#f89927\",\"dark\":\"#f89927\"}",
+      "value": "{\"light\":\"#da7c0b\",\"dark\":\"#f89927\"}",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -1029,7 +1029,7 @@
     },
     {
       "key": "{color.status.warning.hover}",
-      "value": "{\"light\":\"#d17300\",\"dark\":\"#ffb54d\"}",
+      "value": "{\"light\":\"#c26b00\",\"dark\":\"#ffb54d\"}",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -4955,6 +4955,31 @@
       "name": "Size Px",
       "path": ["size", "default", "px"]
     },
+    {
+      "key": "{size.default.4xs}",
+      "value": "0.625rem",
+      "type": "dimension",
+      "attributes": {
+        "category": "size",
+        "type": "default",
+        "item": "4xs",
+        "names": {
+          "scss": "$calcite-size-4xs",
+          "css": "var(--calcite-size-4xs)",
+          "docs": "size.default.4xs",
+          "es6": "calciteSize4xs"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "semantic",
+          "type": "dimension"
+        }
+      },
+      "filePath": "src/tokens/semantic/size.json",
+      "isSource": true,
+      "name": "Size 4xs",
+      "path": ["size", "default", "4xs"]
+    },
     {
       "key": "{size.default.xxxs}",
       "value": "0.75rem",
@@ -6388,6 +6413,30 @@
       "name": "Space 3xl",
       "path": ["space", "3xl"]
     },
+    {
+      "key": "{space.4xl}",
+      "value": "2.75rem",
+      "type": "dimension",
+      "attributes": {
+        "category": "spacing",
+        "type": "4xl",
+        "names": {
+          "scss": "$calcite-space-4xl",
+          "css": "var(--calcite-space-4xl)",
+          "docs": "space.4xl",
+          "es6": "calciteSpace4xl"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "semantic",
+          "type": "dimension"
+        }
+      },
+      "filePath": "src/tokens/semantic/space.json",
+      "isSource": true,
+      "name": "Space 4xl",
+      "path": ["space", "4xl"]
+    },
     {
       "key": "{typography.default.default}",
       "type": "typography",

package/dist/docs/light.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1769617987575,
+  "timestamp": 1769721280724,
   "tokens": [
     {
       "key": "{color.surface.1}",
@@ -917,7 +917,7 @@
     },
     {
       "key": "{color.status.success.default}",
-      "value": "#35ac46",
+      "value": "#288835",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -945,7 +945,7 @@
     },
     {
       "key": "{color.status.success.hover}",
-      "value": "#288835",
+      "value": "#1a6324",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -973,7 +973,7 @@
     },
     {
       "key": "{color.status.success.press}",
-      "value": "#1a6324",
+      "value": "#0d3f14",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -1001,7 +1001,7 @@
     },
     {
       "key": "{color.status.warning.default}",
-      "value": "#f89927",
+      "value": "#da7c0b",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -1029,7 +1029,7 @@
     },
     {
       "key": "{color.status.warning.hover}",
-      "value": "#d17300",
+      "value": "#c26b00",
       "type": "color",
       "attributes": {
         "category": "color",

package/dist/docs/semantic.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1769617988386,
+  "timestamp": 1769721281538,
   "tokens": [
     {
       "key": "{border.width.none}",
@@ -3047,6 +3047,31 @@
       "name": "Size Px",
       "path": ["size", "default", "px"]
     },
+    {
+      "key": "{size.default.4xs}",
+      "value": "0.625rem",
+      "type": "dimension",
+      "attributes": {
+        "category": "size",
+        "type": "default",
+        "item": "4xs",
+        "names": {
+          "scss": "$calcite-size-4xs",
+          "css": "var(--calcite-size-4xs)",
+          "docs": "size.default.4xs",
+          "es6": "calciteSize4xs"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "semantic",
+          "type": "dimension"
+        }
+      },
+      "filePath": "src/tokens/semantic/size.json",
+      "isSource": true,
+      "name": "Size 4xs",
+      "path": ["size", "default", "4xs"]
+    },
     {
       "key": "{size.default.xxxs}",
       "value": "0.75rem",
@@ -4480,6 +4505,30 @@
       "name": "Space 3xl",
       "path": ["space", "3xl"]
     },
+    {
+      "key": "{space.4xl}",
+      "value": "2.75rem",
+      "type": "dimension",
+      "attributes": {
+        "category": "spacing",
+        "type": "4xl",
+        "names": {
+          "scss": "$calcite-space-4xl",
+          "css": "var(--calcite-space-4xl)",
+          "docs": "space.4xl",
+          "es6": "calciteSpace4xl"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "semantic",
+          "type": "dimension"
+        }
+      },
+      "filePath": "src/tokens/semantic/space.json",
+      "isSource": true,
+      "name": "Space 4xl",
+      "path": ["space", "4xl"]
+    },
     {
       "key": "{z-index.deep}",
       "value": "-999999",

package/dist/es6/core.js

@@ -347,7 +347,7 @@ export const calciteColorHighSaturationOrangeYellowHOy030 = "#fcc582";
 export const calciteColorHighSaturationOrangeYellowHOy040 = "#fbb664";
 export const calciteColorHighSaturationOrangeYellowHOy050 = "#f9a845";
 export const calciteColorHighSaturationOrangeYellowHOy060 = "#f89927";
-export const calciteColorHighSaturationOrangeYellowHOy070 = "#c67718";
+export const calciteColorHighSaturationOrangeYellowHOy070 = "#da7c0b";
 export const calciteColorHighSaturationOrangeYellowHOy080 = "#9a5b10";
 export const calciteColorHighSaturationOrangeYellowHOy090 = "#6d3f08";
 export const calciteColorHighSaturationOrangeYellowHOy100 = "#402300";
@@ -434,7 +434,7 @@ export const calciteColorVibrantYellowVYy180 = "#ebba17";
 export const calciteColorVibrantOrangeYellowVOy120 = "#ffb54d";
 export const calciteColorVibrantOrangeYellowVOy140 = "#ff9500";
 export const calciteColorVibrantOrangeYellowVOy160 = "#e68600";
-export const calciteColorVibrantOrangeYellowVOy180 = "#d17300";
+export const calciteColorVibrantOrangeYellowVOy180 = "#c26b00";
 export const calciteColorVibrantRedOrangeVRo120 = "#ff824d";
 export const calciteColorVibrantRedOrangeVRo140 = "#ff4d00";
 export const calciteColorVibrantRedOrangeVRo160 = "#de4300";

package/dist/es6/global.d.ts

@@ -251,6 +251,7 @@ export const calciteSizeFixedXxl: string;
 /** deprecated */
 export const calciteSizeFixedXxxl: string;
 export const calciteSizePx: string;
+export const calciteSize4xs: string;
 /** Deprecated, use --calcite-size-3xs instead. */
 export const calciteSizeXxxs: string;
 export const calciteSize3xs: string;
@@ -323,6 +324,7 @@ export const calciteSpaceLg: string;
 export const calciteSpaceXl: string;
 export const calciteSpace2xl: string;
 export const calciteSpace3xl: string;
+export const calciteSpace4xl: string;
 export const calciteTypography: {
   fontFamily: string[];
   fontSize: string;

package/dist/es6/global.js

@@ -55,18 +55,18 @@ export const calciteColorStatusInfoPress = {
   light: "#00304d",
   dark: "#009af2",
 };
-export const calciteColorStatusSuccess = { light: "#35ac46", dark: "#36da43" };
+export const calciteColorStatusSuccess = { light: "#288835", dark: "#36da43" };
 export const calciteColorStatusSuccessHover = {
-  light: "#288835",
+  light: "#1a6324",
   dark: "#3bed52",
 };
 export const calciteColorStatusSuccessPress = {
-  light: "#1a6324",
+  light: "#0d3f14",
   dark: "#00b81b",
 };
-export const calciteColorStatusWarning = { light: "#f89927", dark: "#f89927" };
+export const calciteColorStatusWarning = { light: "#da7c0b", dark: "#f89927" };
 export const calciteColorStatusWarningHover = {
-  light: "#d17300",
+  light: "#c26b00",
   dark: "#ffb54d",
 };
 export const calciteColorStatusWarningPress = {
@@ -256,6 +256,7 @@ export const calciteSizeFixedXl = "20px"; // deprecated
 export const calciteSizeFixedXxl = "24px"; // deprecated
 export const calciteSizeFixedXxxl = "32px"; // deprecated
 export const calciteSizePx = "1px";
+export const calciteSize4xs = "0.625rem";
 export const calciteSizeXxxs = "0.75rem"; // Deprecated, use --calcite-size-3xs instead.
 export const calciteSize3xs = "0.75rem";
 export const calciteSizeXxs = "0.875rem"; // Deprecated, use --calcite-size-2xs instead.
@@ -303,6 +304,7 @@ export const calciteSpaceLg = "1rem";
 export const calciteSpaceXl = "1.25rem";
 export const calciteSpace2xl = "1.5rem";
 export const calciteSpace3xl = "2rem";
+export const calciteSpace4xl = "2.75rem";
 export const calciteTypography = {
   fontFamily: ["Avenir Next", "Avenir", "Helvetica Neue", "sans-serif"],
   fontSize: "14px",

package/dist/es6/light.js

@@ -36,11 +36,11 @@ export const calciteColorInversePress = "#212121";
 export const calciteColorStatusInfo = "#00619b";
 export const calciteColorStatusInfoHover = "#004874";
 export const calciteColorStatusInfoPress = "#00304d";
-export const calciteColorStatusSuccess = "#35ac46";
-export const calciteColorStatusSuccessHover = "#288835";
-export const calciteColorStatusSuccessPress = "#1a6324";
-export const calciteColorStatusWarning = "#f89927";
-export const calciteColorStatusWarningHover = "#d17300";
+export const calciteColorStatusSuccess = "#288835";
+export const calciteColorStatusSuccessHover = "#1a6324";
+export const calciteColorStatusSuccessPress = "#0d3f14";
+export const calciteColorStatusWarning = "#da7c0b";
+export const calciteColorStatusWarningHover = "#c26b00";
 export const calciteColorStatusWarningPress = "#9a5b10";
 export const calciteColorStatusDanger = "#d83020";
 export const calciteColorStatusDangerHover = "#a82b1e";

package/dist/es6/semantic.d.ts

@@ -161,6 +161,7 @@ export const calciteSizeFixedXxl: string;
 /** deprecated */
 export const calciteSizeFixedXxxl: string;
 export const calciteSizePx: string;
+export const calciteSize4xs: string;
 /** Deprecated, use --calcite-size-3xs instead. */
 export const calciteSizeXxxs: string;
 export const calciteSize3xs: string;
@@ -233,6 +234,7 @@ export const calciteSpaceLg: string;
 export const calciteSpaceXl: string;
 export const calciteSpace2xl: string;
 export const calciteSpace3xl: string;
+export const calciteSpace4xl: string;
 export const calciteZIndexDeep: string;
 export const calciteZIndex: string;
 export const calciteZIndexSticky: string;

package/dist/es6/semantic.js

@@ -134,6 +134,7 @@ export const calciteSizeFixedXl = "20px"; // deprecated
 export const calciteSizeFixedXxl = "24px"; // deprecated
 export const calciteSizeFixedXxxl = "32px"; // deprecated
 export const calciteSizePx = "1px";
+export const calciteSize4xs = "0.625rem";
 export const calciteSizeXxxs = "0.75rem"; // Deprecated, use --calcite-size-3xs instead.
 export const calciteSize3xs = "0.75rem";
 export const calciteSizeXxs = "0.875rem"; // Deprecated, use --calcite-size-2xs instead.
@@ -181,6 +182,7 @@ export const calciteSpaceLg = "1rem";
 export const calciteSpaceXl = "1.25rem";
 export const calciteSpace2xl = "1.5rem";
 export const calciteSpace3xl = "2rem";
+export const calciteSpace4xl = "2.75rem";
 export const calciteZIndexDeep = "-999999";
 export const calciteZIndex = "1";
 export const calciteZIndexSticky = "300";

package/dist/scss/core.scss

@@ -346,7 +346,7 @@ $calcite-color-high-saturation-orange-yellow-h-oy-030: #fcc582;
 $calcite-color-high-saturation-orange-yellow-h-oy-040: #fbb664;
 $calcite-color-high-saturation-orange-yellow-h-oy-050: #f9a845;
 $calcite-color-high-saturation-orange-yellow-h-oy-060: #f89927;
-$calcite-color-high-saturation-orange-yellow-h-oy-070: #c67718;
+$calcite-color-high-saturation-orange-yellow-h-oy-070: #da7c0b;
 $calcite-color-high-saturation-orange-yellow-h-oy-080: #9a5b10;
 $calcite-color-high-saturation-orange-yellow-h-oy-090: #6d3f08;
 $calcite-color-high-saturation-orange-yellow-h-oy-100: #402300;
@@ -433,7 +433,7 @@ $calcite-color-vibrant-yellow-v-yy-180: #ebba17;
 $calcite-color-vibrant-orange-yellow-v-oy-120: #ffb54d;
 $calcite-color-vibrant-orange-yellow-v-oy-140: #ff9500;
 $calcite-color-vibrant-orange-yellow-v-oy-160: #e68600;
-$calcite-color-vibrant-orange-yellow-v-oy-180: #d17300;
+$calcite-color-vibrant-orange-yellow-v-oy-180: #c26b00;
 $calcite-color-vibrant-red-orange-v-ro-120: #ff824d;
 $calcite-color-vibrant-red-orange-v-ro-140: #ff4d00;
 $calcite-color-vibrant-red-orange-v-ro-160: #de4300;

package/dist/scss/global.scss

@@ -102,6 +102,7 @@ $calcite-size-fixed-xl: 20px; // deprecated
 $calcite-size-fixed-xxl: 24px; // deprecated
 $calcite-size-fixed-xxxl: 32px; // deprecated
 $calcite-size-px: 1px;
+$calcite-size-4xs: 0.625rem;
 $calcite-size-xxxs: 0.75rem; // Deprecated, use --calcite-size-3xs instead.
 $calcite-size-3xs: 0.75rem;
 $calcite-size-xxs: 0.875rem; // Deprecated, use --calcite-size-2xs instead.
@@ -149,6 +150,7 @@ $calcite-space-lg: 1rem;
 $calcite-space-xl: 1.25rem;
 $calcite-space-2xl: 1.5rem;
 $calcite-space-3xl: 2rem;
+$calcite-space-4xl: 2.75rem;
 $calcite-z-index-deep: -999999;
 $calcite-z-index: 1;
 $calcite-z-index-sticky: 300;

package/dist/scss/index.scss

@@ -18,11 +18,11 @@
   --calcite-color-status-danger-hover: #a82b1e;
   --calcite-color-status-danger: #d83020;
   --calcite-color-status-warning-press: #9a5b10;
-  --calcite-color-status-warning-hover: #d17300;
-  --calcite-color-status-warning: #f89927;
-  --calcite-color-status-success-press: #1a6324;
-  --calcite-color-status-success-hover: #288835;
-  --calcite-color-status-success: #35ac46;
+  --calcite-color-status-warning-hover: #c26b00;
+  --calcite-color-status-warning: #da7c0b;
+  --calcite-color-status-success-press: #0d3f14;
+  --calcite-color-status-success-hover: #1a6324;
+  --calcite-color-status-success: #288835;
   --calcite-color-status-info-press: #00304d;
   --calcite-color-status-info-hover: #004874;
   --calcite-color-status-info: #00619b;

package/dist/scss/light.scss

@@ -35,11 +35,11 @@ $calcite-color-inverse-press: #212121;
 $calcite-color-status-info: #00619b;
 $calcite-color-status-info-hover: #004874;
 $calcite-color-status-info-press: #00304d;
-$calcite-color-status-success: #35ac46;
-$calcite-color-status-success-hover: #288835;
-$calcite-color-status-success-press: #1a6324;
-$calcite-color-status-warning: #f89927;
-$calcite-color-status-warning-hover: #d17300;
+$calcite-color-status-success: #288835;
+$calcite-color-status-success-hover: #1a6324;
+$calcite-color-status-success-press: #0d3f14;
+$calcite-color-status-warning: #da7c0b;
+$calcite-color-status-warning-hover: #c26b00;
 $calcite-color-status-warning-press: #9a5b10;
 $calcite-color-status-danger: #d83020;
 $calcite-color-status-danger-hover: #a82b1e;

package/dist/scss/semantic.scss

@@ -100,6 +100,7 @@ $calcite-size-fixed-xl: 20px; // deprecated
 $calcite-size-fixed-xxl: 24px; // deprecated
 $calcite-size-fixed-xxxl: 32px; // deprecated
 $calcite-size-px: 1px;
+$calcite-size-4xs: 0.625rem;
 $calcite-size-xxxs: 0.75rem; // Deprecated, use --calcite-size-3xs instead.
 $calcite-size-3xs: 0.75rem;
 $calcite-size-xxs: 0.875rem; // Deprecated, use --calcite-size-2xs instead.
@@ -147,6 +148,7 @@ $calcite-space-lg: 1rem;
 $calcite-space-xl: 1.25rem;
 $calcite-space-2xl: 1.5rem;
 $calcite-space-3xl: 2rem;
+$calcite-space-4xl: 2.75rem;
 $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.19",
+  "version": "4.0.0-next.20",
   "description": "Esri's Calcite Design System Tokens",
   "keywords": [
     "Calcite",
@@ -47,5 +47,5 @@
   "devDependencies": {
     "vitest": "4.0.16"
   },
-  "gitHead": "424417f50f1183ed5f2f68406788fb33edd7d36c"
+  "gitHead": "23e373d0d1b2d3a9581182312a9ad8d4c5f9c279"
 }