@esri/calcite-design-tokens 3.1.1-next.1 → 3.2.0-next.1

package/dist/css/component.css

@@ -0,0 +1,11 @@
+/**
+ * Calcite Design System
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:host {
+  --calcite-internal-color-focus: var(
+    --calcite-color-focus,
+    var(--calcite-ui-focus-color, var(--calcite-color-brand))
+  );
+}

package/dist/css/core.css

@@ -169,7 +169,7 @@
   --calcite-color-medium-saturation-blue-m-bb-060: #6db5e3;
   --calcite-color-medium-saturation-blue-m-bb-070: #548eb4;
   --calcite-color-medium-saturation-blue-m-bb-080: #3a6884;
-  --calcite-color-medium-saturation-blue-m-bb-090: #214155;
+  --calcite-color-medium-saturation-blue-m-bb-090: #2b465f;
   --calcite-color-medium-saturation-blue-m-bb-100: #071a26;
   --calcite-color-medium-saturation-green-blue-m-gb-010: #dbf2f1;
   --calcite-color-medium-saturation-green-blue-m-gb-020: #beedec;
@@ -291,7 +291,7 @@
   --calcite-color-medium-saturation-violet-m-vv-080: #584572;
   --calcite-color-medium-saturation-violet-m-vv-090: #36264c;
   --calcite-color-medium-saturation-violet-m-vv-100: #140726;
-  --calcite-color-high-saturation-blue-h-bb-010: #c7eaff;
+  --calcite-color-high-saturation-blue-h-bb-010: #d6efff;
   --calcite-color-high-saturation-blue-h-bb-020: #9fd4f3;
   --calcite-color-high-saturation-blue-h-bb-030: #77bde7;
   --calcite-color-high-saturation-blue-h-bb-040: #50a7da;

package/dist/css/dark.css

@@ -9,7 +9,8 @@
   --calcite-color-foreground-1: #2b2b2b;
   --calcite-color-foreground-2: #212121;
   --calcite-color-foreground-3: #141414;
-  --calcite-color-foreground-current: #214155;
+  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
+  --calcite-color-foreground-highlight: #2b465f;
   --calcite-color-transparent: rgba(255, 255, 255, 0);
   --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
   --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
@@ -39,7 +40,7 @@
   --calcite-color-text-1: #ffffff;
   --calcite-color-text-2: #bfbfbf;
   --calcite-color-text-3: #9e9e9e;
-  --calcite-color-text-highlight: #c7eaff;
+  --calcite-color-text-highlight: #d6efff;
   --calcite-color-text-inverse: #141414;
   --calcite-color-text-link: #00a0ff;
   --calcite-color-border-1: #545454;
@@ -48,4 +49,5 @@
   --calcite-color-border-input: #757575;
   --calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
   --calcite-color-border-white: #f7f7f7;
+  --calcite-color-focus: var(--calcite-color-brand);
 }

package/dist/css/global.css

@@ -14,7 +14,7 @@
   --calcite-container-size-gutter: 16px;
   --calcite-container-size-content-fluid: 100%; /** for fluid grid widths */
   --calcite-container-size-content-fixed: 1440px; /** only for lg breakpoint fixed grid width */
-  --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-conder-radius-none instead */
+  --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-corner-radius-none instead */
   --calcite-corner-radius-none: 0;
   --calcite-corner-radius-xs: 2px;
   --calcite-corner-radius-sm: 4px;

package/dist/css/index.css

@@ -44,7 +44,8 @@
   --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
   --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
   --calcite-color-transparent: rgba(0, 0, 0, 0);
-  --calcite-color-foreground-current: #c7eaff;
+  --calcite-color-foreground-highlight: #d6efff;
+  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
   --calcite-color-foreground-3: #ebebeb;
   --calcite-color-foreground-2: #f2f2f2;
   --calcite-color-foreground-1: #ffffff;
@@ -91,7 +92,8 @@
     --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
     --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
     --calcite-color-transparent: rgba(0, 0, 0, 0);
-    --calcite-color-foreground-current: #c7eaff;
+    --calcite-color-foreground-highlight: #d6efff;
+    --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
     --calcite-color-foreground-3: #ebebeb;
     --calcite-color-foreground-2: #f2f2f2;
     --calcite-color-foreground-1: #ffffff;
@@ -109,7 +111,7 @@
     --calcite-color-border-1: #545454;
     --calcite-color-text-link: #00a0ff;
     --calcite-color-text-inverse: #141414;
-    --calcite-color-text-highlight: #c7eaff;
+    --calcite-color-text-highlight: #d6efff;
     --calcite-color-text-3: #9e9e9e;
     --calcite-color-text-2: #bfbfbf;
     --calcite-color-text-1: #ffffff;
@@ -139,7 +141,8 @@
     --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
     --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
     --calcite-color-transparent: rgba(255, 255, 255, 0);
-    --calcite-color-foreground-current: #214155;
+    --calcite-color-foreground-highlight: #2b465f;
+    --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
     --calcite-color-foreground-3: #141414;
     --calcite-color-foreground-2: #212121;
     --calcite-color-foreground-1: #2b2b2b;
@@ -186,7 +189,8 @@
   --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
   --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
   --calcite-color-transparent: rgba(0, 0, 0, 0);
-  --calcite-color-foreground-current: #c7eaff;
+  --calcite-color-foreground-highlight: #d6efff;
+  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
   --calcite-color-foreground-3: #ebebeb;
   --calcite-color-foreground-2: #f2f2f2;
   --calcite-color-foreground-1: #ffffff;
@@ -202,7 +206,7 @@
   --calcite-color-border-1: #545454;
   --calcite-color-text-link: #00a0ff;
   --calcite-color-text-inverse: #141414;
-  --calcite-color-text-highlight: #c7eaff;
+  --calcite-color-text-highlight: #d6efff;
   --calcite-color-text-3: #9e9e9e;
   --calcite-color-text-2: #bfbfbf;
   --calcite-color-text-1: #ffffff;
@@ -232,7 +236,8 @@
   --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
   --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
   --calcite-color-transparent: rgba(255, 255, 255, 0);
-  --calcite-color-foreground-current: #214155;
+  --calcite-color-foreground-highlight: #2b465f;
+  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
   --calcite-color-foreground-3: #141414;
   --calcite-color-foreground-2: #212121;
   --calcite-color-foreground-1: #2b2b2b;

package/dist/css/light.css

@@ -9,7 +9,8 @@
   --calcite-color-foreground-1: #ffffff;
   --calcite-color-foreground-2: #f2f2f2;
   --calcite-color-foreground-3: #ebebeb;
-  --calcite-color-foreground-current: #c7eaff;
+  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
+  --calcite-color-foreground-highlight: #d6efff;
   --calcite-color-transparent: rgba(0, 0, 0, 0);
   --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
   --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
@@ -48,4 +49,5 @@
   --calcite-color-border-input: #949494;
   --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
   --calcite-color-border-white: #ffffff;
+  --calcite-color-focus: var(--calcite-color-brand);
 }

package/dist/css/semantic.css

@@ -14,7 +14,7 @@
   --calcite-container-size-gutter: 16px;
   --calcite-container-size-content-fluid: 100%; /** for fluid grid widths */
   --calcite-container-size-content-fixed: 1440px; /** only for lg breakpoint fixed grid width */
-  --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-conder-radius-none instead */
+  --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-corner-radius-none instead */
   --calcite-corner-radius-none: 0;
   --calcite-corner-radius-xs: 2px;
   --calcite-corner-radius-sm: 4px;

package/dist/docs/core.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1747846278849,
+  "timestamp": 1750192331476,
   "tokens": [
     {
       "key": "{core.color.neutral.blk-000}",
@@ -4596,7 +4596,7 @@
     },
     {
       "key": "{core.color.medium-saturation.blue.m-bb-090}",
-      "value": "#214155",
+      "value": "#2b465f",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -8072,7 +8072,7 @@
     },
     {
       "key": "{core.color.high-saturation.blue.h-bb-010}",
-      "value": "#c7eaff",
+      "value": "#d6efff",
       "type": "color",
       "attributes": {
         "category": "color",

package/dist/docs/dark.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1747846276955,
+  "timestamp": 1750192329509,
   "tokens": [
     {
       "key": "{semantic.color.background.default}",
@@ -138,13 +138,21 @@
     },
     {
       "key": "{semantic.color.foreground.current}",
-      "value": "#214155",
+      "value": "#2b465f",
       "type": "color",
       "attributes": {
         "category": "color",
         "type": "color",
         "item": "foreground",
         "subitem": "current",
+        "value": "#2b465f",
+        "description": "deprecated, use --calcite-color-foreground-highlight instead",
+        "filePath": "src/tokens/semantic/color/dark.json",
+        "isSource": true,
+        "key": "{semantic.color.foreground.current}",
+        "name": "calcite-semantic-color-foreground-current",
+        "path": ["semantic", "color", "foreground", "current"],
+        "comment": "deprecated, use --calcite-color-foreground-highlight instead",
         "names": {
           "scss": "$calcite-color-foreground-current",
           "css": "var(--calcite-color-foreground-current)",
@@ -158,10 +166,39 @@
           "type": "color"
         }
       },
+      "description": "deprecated, use --calcite-color-foreground-highlight instead",
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Foreground Current",
-      "path": ["semantic", "color", "foreground", "current"]
+      "path": ["semantic", "color", "foreground", "current"],
+      "comment": "deprecated, use --calcite-color-foreground-highlight instead"
+    },
+    {
+      "key": "{semantic.color.foreground.highlight}",
+      "value": "#2b465f",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "type": "color",
+        "item": "foreground",
+        "subitem": "highlight",
+        "names": {
+          "scss": "$calcite-color-foreground-highlight",
+          "css": "var(--calcite-color-foreground-highlight)",
+          "js": "semantic.color.foreground.highlight",
+          "docs": "semantic.color.foreground.highlight",
+          "es6": "calciteColorForegroundHighlight"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/dark.json",
+      "isSource": true,
+      "name": "Color Foreground Highlight",
+      "path": ["semantic", "color", "foreground", "highlight"]
     },
     {
       "key": "{semantic.color.transparent.default.default}",
@@ -970,7 +1007,7 @@
     },
     {
       "key": "{semantic.color.text.highlight}",
-      "value": "#c7eaff",
+      "value": "#d6efff",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -1210,6 +1247,34 @@
       "isSource": true,
       "name": "Color Border White",
       "path": ["semantic", "color", "border", "white"]
+    },
+    {
+      "key": "{semantic.color.focus.default}",
+      "value": "#009af2",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "scope": "component",
+        "type": "color",
+        "item": "focus",
+        "subitem": "default",
+        "names": {
+          "scss": "$calcite-color-focus",
+          "css": "var(--calcite-color-focus)",
+          "js": "semantic.color.focus.default",
+          "docs": "semantic.color.focus.default",
+          "es6": "calciteColorFocus"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/dark.json",
+      "isSource": true,
+      "name": "Color Focus",
+      "path": ["semantic", "color", "focus", "default"]
     }
   ]
 }

package/dist/docs/global.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1747846278616,
+  "timestamp": 1750192331219,
   "tokens": [
     {
       "key": "{semantic.color.background.default}",
@@ -138,13 +138,21 @@
     },
     {
       "key": "{semantic.color.foreground.current}",
-      "value": "{\"light\":\"#c7eaff\",\"dark\":\"#214155\"}",
+      "value": "{\"light\":\"#d6efff\",\"dark\":\"#2b465f\"}",
       "type": "color",
       "attributes": {
         "category": "color",
         "type": "color",
         "item": "foreground",
         "subitem": "current",
+        "value": "#d6efff",
+        "description": "deprecated, use --calcite-color-foreground-highlight instead",
+        "filePath": "src/tokens/semantic/color/light.json",
+        "isSource": false,
+        "key": "{semantic.color.foreground.current}",
+        "name": "calcite-semantic-color-foreground-current",
+        "path": ["semantic", "color", "foreground", "current"],
+        "comment": "deprecated, use --calcite-color-foreground-highlight instead",
         "names": {
           "scss": "$calcite-color-foreground-current",
           "css": "var(--calcite-color-foreground-current)",
@@ -158,10 +166,39 @@
           "type": "color"
         }
       },
+      "description": "deprecated, use --calcite-color-foreground-highlight instead",
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "name": "Color Foreground Current",
-      "path": ["semantic", "color", "foreground", "current"]
+      "path": ["semantic", "color", "foreground", "current"],
+      "comment": "deprecated, use --calcite-color-foreground-highlight instead"
+    },
+    {
+      "key": "{semantic.color.foreground.highlight}",
+      "value": "{\"light\":\"#d6efff\",\"dark\":\"#2b465f\"}",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "type": "color",
+        "item": "foreground",
+        "subitem": "highlight",
+        "names": {
+          "scss": "$calcite-color-foreground-highlight",
+          "css": "var(--calcite-color-foreground-highlight)",
+          "js": "semantic.color.foreground.highlight",
+          "docs": "semantic.color.foreground.highlight",
+          "es6": "calciteColorForegroundHighlight"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Foreground Highlight",
+      "path": ["semantic", "color", "foreground", "highlight"]
     },
     {
       "key": "{semantic.color.transparent.default.default}",
@@ -968,7 +1005,7 @@
     },
     {
       "key": "{semantic.color.text.highlight}",
-      "value": "{\"light\":\"#004874\",\"dark\":\"#c7eaff\"}",
+      "value": "{\"light\":\"#004874\",\"dark\":\"#d6efff\"}",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -1209,6 +1246,34 @@
       "name": "Color Border White",
       "path": ["semantic", "color", "border", "white"]
     },
+    {
+      "key": "{semantic.color.focus.default}",
+      "value": "{\"light\":\"#007ac2\",\"dark\":\"#009af2\"}",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "scope": "component",
+        "type": "color",
+        "item": "focus",
+        "subitem": "default",
+        "names": {
+          "scss": "$calcite-color-focus",
+          "css": "var(--calcite-color-focus)",
+          "js": "semantic.color.focus.default",
+          "docs": "semantic.color.focus.default",
+          "es6": "calciteColorFocus"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Focus",
+      "path": ["semantic", "color", "focus", "default"]
+    },
     {
       "key": "{semantic.border.width.none}",
       "value": "0",
@@ -1958,13 +2023,13 @@
         "item": "radius",
         "subitem": "sharp",
         "value": "0",
-        "description": "deprecated, use --calcite-conder-radius-none instead",
+        "description": "deprecated, use --calcite-corner-radius-none instead",
         "filePath": "src/tokens/semantic/corner.json",
         "isSource": true,
         "key": "{semantic.corner.radius.sharp}",
         "name": "calcite-semantic-corner-radius-sharp",
         "path": ["semantic", "corner", "radius", "sharp"],
-        "comment": "deprecated, use --calcite-conder-radius-none instead",
+        "comment": "deprecated, use --calcite-corner-radius-none instead",
         "names": {
           "scss": "$calcite-corner-radius-sharp",
           "css": "var(--calcite-corner-radius-sharp)",
@@ -1978,12 +2043,12 @@
           "type": "dimension"
         }
       },
-      "description": "deprecated, use --calcite-conder-radius-none instead",
+      "description": "deprecated, use --calcite-corner-radius-none instead",
       "filePath": "src/tokens/semantic/corner.json",
       "isSource": true,
       "name": "Corner Radius Sharp",
       "path": ["semantic", "corner", "radius", "sharp"],
-      "comment": "deprecated, use --calcite-conder-radius-none instead"
+      "comment": "deprecated, use --calcite-corner-radius-none instead"
     },
     {
       "key": "{semantic.corner.radius.none}",

package/dist/docs/light.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1747846277847,
+  "timestamp": 1750192330375,
   "tokens": [
     {
       "key": "{semantic.color.background.default}",
@@ -138,13 +138,21 @@
     },
     {
       "key": "{semantic.color.foreground.current}",
-      "value": "#c7eaff",
+      "value": "#d6efff",
       "type": "color",
       "attributes": {
         "category": "color",
         "type": "color",
         "item": "foreground",
         "subitem": "current",
+        "value": "#d6efff",
+        "description": "deprecated, use --calcite-color-foreground-highlight instead",
+        "filePath": "src/tokens/semantic/color/light.json",
+        "isSource": true,
+        "key": "{semantic.color.foreground.current}",
+        "name": "calcite-semantic-color-foreground-current",
+        "path": ["semantic", "color", "foreground", "current"],
+        "comment": "deprecated, use --calcite-color-foreground-highlight instead",
         "names": {
           "scss": "$calcite-color-foreground-current",
           "css": "var(--calcite-color-foreground-current)",
@@ -158,10 +166,39 @@
           "type": "color"
         }
       },
+      "description": "deprecated, use --calcite-color-foreground-highlight instead",
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": true,
       "name": "Color Foreground Current",
-      "path": ["semantic", "color", "foreground", "current"]
+      "path": ["semantic", "color", "foreground", "current"],
+      "comment": "deprecated, use --calcite-color-foreground-highlight instead"
+    },
+    {
+      "key": "{semantic.color.foreground.highlight}",
+      "value": "#d6efff",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "type": "color",
+        "item": "foreground",
+        "subitem": "highlight",
+        "names": {
+          "scss": "$calcite-color-foreground-highlight",
+          "css": "var(--calcite-color-foreground-highlight)",
+          "js": "semantic.color.foreground.highlight",
+          "docs": "semantic.color.foreground.highlight",
+          "es6": "calciteColorForegroundHighlight"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": true,
+      "name": "Color Foreground Highlight",
+      "path": ["semantic", "color", "foreground", "highlight"]
     },
     {
       "key": "{semantic.color.transparent.default.default}",
@@ -1208,6 +1245,34 @@
       "isSource": true,
       "name": "Color Border White",
       "path": ["semantic", "color", "border", "white"]
+    },
+    {
+      "key": "{semantic.color.focus.default}",
+      "value": "#007ac2",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "scope": "component",
+        "type": "color",
+        "item": "focus",
+        "subitem": "default",
+        "names": {
+          "scss": "$calcite-color-focus",
+          "css": "var(--calcite-color-focus)",
+          "js": "semantic.color.focus.default",
+          "docs": "semantic.color.focus.default",
+          "es6": "calciteColorFocus"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": true,
+      "name": "Color Focus",
+      "path": ["semantic", "color", "focus", "default"]
     }
   ]
 }

package/dist/docs/semantic.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1747846278755,
+  "timestamp": 1750192331387,
   "tokens": [
     {
       "key": "{semantic.border.width.none}",
@@ -750,13 +750,13 @@
         "item": "radius",
         "subitem": "sharp",
         "value": "0",
-        "description": "deprecated, use --calcite-conder-radius-none instead",
+        "description": "deprecated, use --calcite-corner-radius-none instead",
         "filePath": "src/tokens/semantic/corner.json",
         "isSource": true,
         "key": "{semantic.corner.radius.sharp}",
         "name": "calcite-semantic-corner-radius-sharp",
         "path": ["semantic", "corner", "radius", "sharp"],
-        "comment": "deprecated, use --calcite-conder-radius-none instead",
+        "comment": "deprecated, use --calcite-corner-radius-none instead",
         "names": {
           "scss": "$calcite-corner-radius-sharp",
           "css": "var(--calcite-corner-radius-sharp)",
@@ -770,12 +770,12 @@
           "type": "dimension"
         }
       },
-      "description": "deprecated, use --calcite-conder-radius-none instead",
+      "description": "deprecated, use --calcite-corner-radius-none instead",
       "filePath": "src/tokens/semantic/corner.json",
       "isSource": true,
       "name": "Corner Radius Sharp",
       "path": ["semantic", "corner", "radius", "sharp"],
-      "comment": "deprecated, use --calcite-conder-radius-none instead"
+      "comment": "deprecated, use --calcite-corner-radius-none instead"
     },
     {
       "key": "{semantic.corner.radius.none}",

package/dist/es6/core.js

@@ -168,7 +168,7 @@ export const calciteColorMediumSaturationBlueMBb050 = "#84c1e8";
 export const calciteColorMediumSaturationBlueMBb060 = "#6db5e3";
 export const calciteColorMediumSaturationBlueMBb070 = "#548eb4";
 export const calciteColorMediumSaturationBlueMBb080 = "#3a6884";
-export const calciteColorMediumSaturationBlueMBb090 = "#214155";
+export const calciteColorMediumSaturationBlueMBb090 = "#2b465f";
 export const calciteColorMediumSaturationBlueMBb100 = "#071a26";
 export const calciteColorMediumSaturationGreenBlueMGb010 = "#dbf2f1";
 export const calciteColorMediumSaturationGreenBlueMGb020 = "#beedec";
@@ -290,7 +290,7 @@ export const calciteColorMediumSaturationVioletMVv070 = "#796397";
 export const calciteColorMediumSaturationVioletMVv080 = "#584572";
 export const calciteColorMediumSaturationVioletMVv090 = "#36264c";
 export const calciteColorMediumSaturationVioletMVv100 = "#140726";
-export const calciteColorHighSaturationBlueHBb010 = "#c7eaff";
+export const calciteColorHighSaturationBlueHBb010 = "#d6efff";
 export const calciteColorHighSaturationBlueHBb020 = "#9fd4f3";
 export const calciteColorHighSaturationBlueHBb030 = "#77bde7";
 export const calciteColorHighSaturationBlueHBb040 = "#50a7da";

package/dist/es6/dark.d.ts

@@ -8,7 +8,9 @@ export const calciteColorBackgroundNone: string;
 export const calciteColorForeground1: string;
 export const calciteColorForeground2: string;
 export const calciteColorForeground3: string;
+/** deprecated, use --calcite-color-foreground-highlight instead */
 export const calciteColorForegroundCurrent: string;
+export const calciteColorForegroundHighlight: string;
 export const calciteColorTransparent: string;
 export const calciteColorTransparentHover: string;
 export const calciteColorTransparentPress: string;
@@ -47,3 +49,4 @@ export const calciteColorBorder3: string;
 export const calciteColorBorderInput: string;
 export const calciteColorBorderGhost: string;
 export const calciteColorBorderWhite: string;
+export const calciteColorFocus: string;

package/dist/es6/dark.js

@@ -8,7 +8,8 @@ export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
 export const calciteColorForeground1 = "#2b2b2b";
 export const calciteColorForeground2 = "#212121";
 export const calciteColorForeground3 = "#141414";
-export const calciteColorForegroundCurrent = "#214155";
+export const calciteColorForegroundCurrent = "#2b465f"; // deprecated, use --calcite-color-foreground-highlight instead
+export const calciteColorForegroundHighlight = "#2b465f";
 export const calciteColorTransparent = "rgba(255, 255, 255, 0)";
 export const calciteColorTransparentHover = "rgba(255, 255, 255, 0.12)";
 export const calciteColorTransparentPress = "rgba(255, 255, 255, 0.16)";
@@ -38,7 +39,7 @@ export const calciteColorInversePress = "#f2f2f2";
 export const calciteColorText1 = "#ffffff";
 export const calciteColorText2 = "#bfbfbf";
 export const calciteColorText3 = "#9e9e9e";
-export const calciteColorTextHighlight = "#c7eaff";
+export const calciteColorTextHighlight = "#d6efff";
 export const calciteColorTextInverse = "#141414";
 export const calciteColorTextLink = "#00a0ff";
 export const calciteColorBorder1 = "#545454";
@@ -47,3 +48,4 @@ export const calciteColorBorder3 = "#404040";
 export const calciteColorBorderInput = "#757575";
 export const calciteColorBorderGhost = "rgba(117, 117, 117, 0.3)";
 export const calciteColorBorderWhite = "#f7f7f7";
+export const calciteColorFocus = "#009af2";