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

package/dist/js/semantic.js

@@ -1018,13 +1018,13 @@ export default {
             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)",
@@ -1038,7 +1038,7 @@ export default {
               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,
           original: {
@@ -1047,12 +1047,12 @@ export default {
             attributes: {
               category: "corner",
             },
-            description: "deprecated, use --calcite-conder-radius-none instead",
+            description: "deprecated, use --calcite-corner-radius-none instead",
             key: "{semantic.corner.radius.sharp}",
           },
           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",
         },
         none: {
           key: "{semantic.corner.radius.none}",

package/dist/scss/core.scss

@@ -167,7 +167,7 @@ $calcite-color-medium-saturation-blue-m-bb-050: #84c1e8;
 $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;
@@ -289,7 +289,7 @@ $calcite-color-medium-saturation-violet-m-vv-070: #796397;
 $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/scss/dark.scss

@@ -7,7 +7,8 @@ $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-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);
@@ -37,7 +38,7 @@ $calcite-color-inverse-press: #f2f2f2;
 $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;
@@ -46,3 +47,4 @@ $calcite-color-border-3: #404040;
 $calcite-color-border-input: #757575;
 $calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
 $calcite-color-border-white: #f7f7f7;
+$calcite-color-focus: $calcite-color-brand;

package/dist/scss/global.scss

@@ -12,7 +12,7 @@ $calcite-container-size-margin: 24px;
 $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/scss/index.scss

@@ -45,7 +45,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;
@@ -61,7 +62,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;
@@ -91,7 +92,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/scss/light.scss

@@ -7,7 +7,8 @@ $calcite-color-background-none: rgba(255, 255, 255, 0);
 $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);
@@ -46,3 +47,4 @@ $calcite-color-border-3: #dedede;
 $calcite-color-border-input: #949494;
 $calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
 $calcite-color-border-white: #ffffff;
+$calcite-color-focus: $calcite-color-brand;

package/dist/scss/semantic.scss

@@ -12,7 +12,7 @@ $calcite-container-size-margin: 24px;
 $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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-design-tokens",
-  "version": "3.1.1-next.1",
+  "version": "3.2.0-next.1",
   "description": "Esri's Calcite Design System Tokens",
   "keywords": [
     "Calcite",
@@ -44,7 +44,7 @@
     "extends": "../../package.json"
   },
   "devDependencies": {
-    "vitest": "3.1.3"
+    "vitest": "3.1.4"
   },
-  "gitHead": "e9df3b0c846b395834c45119bef7aa34099ddec7"
+  "gitHead": "457d8ff40fbf4e8803ea759b97cba2fac50c71bc"
 }