@esri/calcite-design-tokens 3.1.0-next.7 → 3.1.0-next.8

package/dist/css/dark.css

@@ -39,6 +39,7 @@
   --calcite-color-text-1: #ffffff;
   --calcite-color-text-2: #bfbfbf;
   --calcite-color-text-3: #9e9e9e;
+  --calcite-color-text-highlight: #c7eaff;
   --calcite-color-text-inverse: #141414;
   --calcite-color-text-link: #00a0ff;
   --calcite-color-border-1: #545454;

package/dist/css/global.css

@@ -114,7 +114,7 @@
   --calcite-z-index-modal: 800;
   --calcite-z-index-popup: 900;
   --calcite-z-index-tooltip: 901;
-  --calcite-corner-radius: var(--calcite-corner-radius-sharp);
+  --calcite-corner-radius: var(--calcite-corner-radius-none);
   --calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
   --calcite-shadow-md: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);
 }

package/dist/css/index.css

@@ -14,6 +14,7 @@
   --calcite-color-border-1: #c9c9c9;
   --calcite-color-text-link: #00619b;
   --calcite-color-text-inverse: #ffffff;
+  --calcite-color-text-highlight: #004874;
   --calcite-color-text-3: #6b6b6b;
   --calcite-color-text-2: #4a4a4a;
   --calcite-color-text-1: #141414;
@@ -60,6 +61,7 @@
     --calcite-color-border-1: #c9c9c9;
     --calcite-color-text-link: #00619b;
     --calcite-color-text-inverse: #ffffff;
+    --calcite-color-text-highlight: #004874;
     --calcite-color-text-3: #6b6b6b;
     --calcite-color-text-2: #4a4a4a;
     --calcite-color-text-1: #141414;
@@ -107,6 +109,7 @@
     --calcite-color-border-1: #545454;
     --calcite-color-text-link: #00a0ff;
     --calcite-color-text-inverse: #141414;
+    --calcite-color-text-highlight: #c7eaff;
     --calcite-color-text-3: #9e9e9e;
     --calcite-color-text-2: #bfbfbf;
     --calcite-color-text-1: #ffffff;
@@ -153,6 +156,7 @@
   --calcite-color-border-1: #c9c9c9;
   --calcite-color-text-link: #00619b;
   --calcite-color-text-inverse: #ffffff;
+  --calcite-color-text-highlight: #004874;
   --calcite-color-text-3: #6b6b6b;
   --calcite-color-text-2: #4a4a4a;
   --calcite-color-text-1: #141414;
@@ -198,6 +202,7 @@
   --calcite-color-border-1: #545454;
   --calcite-color-text-link: #00a0ff;
   --calcite-color-text-inverse: #141414;
+  --calcite-color-text-highlight: #c7eaff;
   --calcite-color-text-3: #9e9e9e;
   --calcite-color-text-2: #bfbfbf;
   --calcite-color-text-1: #ffffff;

package/dist/css/light.css

@@ -39,6 +39,7 @@
   --calcite-color-text-1: #141414;
   --calcite-color-text-2: #4a4a4a;
   --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;

package/dist/css/semantic.css

@@ -134,7 +134,7 @@
   --calcite-z-index-modal: 800;
   --calcite-z-index-popup: 900;
   --calcite-z-index-tooltip: 901;
-  --calcite-corner-radius: var(--calcite-corner-radius-sharp);
+  --calcite-corner-radius: var(--calcite-corner-radius-none);
   --calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
   --calcite-shadow-md: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);
 }

package/dist/docs/core.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1746661347327,
+  "timestamp": 1747112038578,
   "tokens": [
     {
       "value": "#ffffff",

package/dist/docs/dark.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1746661344844,
+  "timestamp": 1747112036160,
   "tokens": [
     {
       "value": "#363636",
@@ -968,6 +968,33 @@
       "path": ["semantic", "color", "text", "3"],
       "key": "{semantic.color.text.3}"
     },
+    {
+      "value": "#c7eaff",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "type": "color",
+        "item": "text",
+        "subitem": "highlight",
+        "names": {
+          "scss": "$calcite-color-text-highlight",
+          "css": "var(--calcite-color-text-highlight)",
+          "js": "semantic.color.text.highlight",
+          "docs": "semantic.color.text.highlight",
+          "es6": "calciteColorTextHighlight"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/dark.json",
+      "isSource": true,
+      "name": "Color Text Highlight",
+      "path": ["semantic", "color", "text", "highlight"],
+      "key": "{semantic.color.text.highlight}"
+    },
     {
       "value": "#141414",
       "type": "color",

package/dist/docs/global.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1746661347059,
+  "timestamp": 1747112038317,
   "tokens": [
     {
       "value": "{\"light\":\"#f7f7f7\",\"dark\":\"#363636\"}",
@@ -966,6 +966,33 @@
       "path": ["semantic", "color", "text", "3"],
       "key": "{semantic.color.text.3}"
     },
+    {
+      "value": "{\"light\":\"#004874\",\"dark\":\"#c7eaff\"}",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "type": "color",
+        "item": "text",
+        "subitem": "highlight",
+        "names": {
+          "scss": "$calcite-color-text-highlight",
+          "css": "var(--calcite-color-text-highlight)",
+          "js": "semantic.color.text.highlight",
+          "docs": "semantic.color.text.highlight",
+          "es6": "calciteColorTextHighlight"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Text Highlight",
+      "path": ["semantic", "color", "text", "highlight"],
+      "key": "{semantic.color.text.highlight}"
+    },
     {
       "value": "{\"light\":\"#ffffff\",\"dark\":\"#141414\"}",
       "type": "color",

package/dist/docs/light.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1746661345751,
+  "timestamp": 1747112037052,
   "tokens": [
     {
       "value": "#f7f7f7",
@@ -966,6 +966,33 @@
       "path": ["semantic", "color", "text", "3"],
       "key": "{semantic.color.text.3}"
     },
+    {
+      "value": "#004874",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "type": "color",
+        "item": "text",
+        "subitem": "highlight",
+        "names": {
+          "scss": "$calcite-color-text-highlight",
+          "css": "var(--calcite-color-text-highlight)",
+          "js": "semantic.color.text.highlight",
+          "docs": "semantic.color.text.highlight",
+          "es6": "calciteColorTextHighlight"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": true,
+      "name": "Color Text Highlight",
+      "path": ["semantic", "color", "text", "highlight"],
+      "key": "{semantic.color.text.highlight}"
+    },
     {
       "value": "#ffffff",
       "type": "color",

package/dist/docs/semantic.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1746661347245,
+  "timestamp": 1747112038499,
   "tokens": [
     {
       "value": "0",

package/dist/es6/dark.d.ts

@@ -38,6 +38,7 @@ export const calciteColorInversePress: string;
 export const calciteColorText1: string;
 export const calciteColorText2: string;
 export const calciteColorText3: string;
+export const calciteColorTextHighlight: string;
 export const calciteColorTextInverse: string;
 export const calciteColorTextLink: string;
 export const calciteColorBorder1: string;

package/dist/es6/dark.js

@@ -38,6 +38,7 @@ export const calciteColorInversePress = "#f2f2f2";
 export const calciteColorText1 = "#ffffff";
 export const calciteColorText2 = "#bfbfbf";
 export const calciteColorText3 = "#9e9e9e";
+export const calciteColorTextHighlight = "#c7eaff";
 export const calciteColorTextInverse = "#141414";
 export const calciteColorTextLink = "#00a0ff";
 export const calciteColorBorder1 = "#545454";

package/dist/es6/global.d.ts

@@ -45,6 +45,7 @@ export const calciteColorInversePress: { light: string; dark: string };
 export const calciteColorText1: { light: string; dark: string };
 export const calciteColorText2: { light: string; dark: string };
 export const calciteColorText3: { light: string; dark: string };
+export const calciteColorTextHighlight: { light: string; dark: string };
 export const calciteColorTextInverse: { light: string; dark: string };
 export const calciteColorTextLink: { light: string; dark: string };
 export const calciteColorBorder1: { light: string; dark: string };

package/dist/es6/global.js

@@ -90,6 +90,7 @@ export const calciteColorInversePress = { light: "#212121", dark: "#f2f2f2" };
 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: "#c7eaff" };
 export const calciteColorTextInverse = { light: "#ffffff", dark: "#141414" };
 export const calciteColorTextLink = { light: "#00619b", dark: "#00a0ff" };
 export const calciteColorBorder1 = { light: "#c9c9c9", dark: "#545454" };

package/dist/es6/light.d.ts

@@ -38,6 +38,7 @@ export const calciteColorInversePress: string;
 export const calciteColorText1: string;
 export const calciteColorText2: string;
 export const calciteColorText3: string;
+export const calciteColorTextHighlight: string;
 export const calciteColorTextInverse: string;
 export const calciteColorTextLink: string;
 export const calciteColorBorder1: string;

package/dist/es6/light.js

@@ -38,6 +38,7 @@ export const calciteColorInversePress = "#212121";
 export const calciteColorText1 = "#141414";
 export const calciteColorText2 = "#4a4a4a";
 export const calciteColorText3 = "#6b6b6b";
+export const calciteColorTextHighlight = "#004874";
 export const calciteColorTextInverse = "#ffffff";
 export const calciteColorTextLink = "#00619b";
 export const calciteColorBorder1 = "#c9c9c9";

package/dist/js/dark.d.ts

@@ -38,6 +38,7 @@ export const calciteColorInversePress: string;
 export const calciteColorText1: string;
 export const calciteColorText2: string;
 export const calciteColorText3: string;
+export const calciteColorTextHighlight: string;
 export const calciteColorTextInverse: string;
 export const calciteColorTextLink: string;
 export const calciteColorBorder1: string;

package/dist/js/dark.js

@@ -1241,6 +1241,40 @@ export default {
           path: ["semantic", "color", "text", "3"],
           key: "{semantic.color.text.3}",
         },
+        highlight: {
+          value: "#c7eaff",
+          type: "color",
+          attributes: {
+            category: "color",
+            type: "color",
+            item: "text",
+            subitem: "highlight",
+            names: {
+              scss: "$calcite-color-text-highlight",
+              css: "var(--calcite-color-text-highlight)",
+              js: "semantic.color.text.highlight",
+              docs: "semantic.color.text.highlight",
+              es6: "calciteColorTextHighlight",
+            },
+            "calcite-schema": {
+              system: "calcite",
+              tier: "color",
+              type: "color",
+            },
+          },
+          filePath: "src/tokens/semantic/color/dark.json",
+          isSource: true,
+          original: {
+            value: "{core.color.high-saturation.blue.h-bb-010}",
+            type: "color",
+            attributes: {
+              category: "color",
+            },
+          },
+          name: "calciteColorTextHighlight",
+          path: ["semantic", "color", "text", "highlight"],
+          key: "{semantic.color.text.highlight}",
+        },
         inverse: {
           value: "#141414",
           type: "color",

package/dist/js/global.d.ts

@@ -81,6 +81,7 @@ declare const tokens: {
         "1": DesignToken;
         "2": DesignToken;
         "3": DesignToken;
+        highlight: DesignToken;
         inverse: DesignToken;
         link: DesignToken;
       };

package/dist/js/global.js

@@ -1347,6 +1347,43 @@ export default {
           path: ["semantic", "color", "text", "3"],
           key: "{semantic.color.text.3}",
         },
+        highlight: {
+          value: {
+            light: "#004874",
+            dark: "#c7eaff",
+          },
+          type: "color",
+          attributes: {
+            category: "color",
+            type: "color",
+            item: "text",
+            subitem: "highlight",
+            names: {
+              scss: "$calcite-color-text-highlight",
+              css: "var(--calcite-color-text-highlight)",
+              js: "semantic.color.text.highlight",
+              docs: "semantic.color.text.highlight",
+              es6: "calciteColorTextHighlight",
+            },
+            "calcite-schema": {
+              system: "calcite",
+              tier: "color",
+              type: "color",
+            },
+          },
+          filePath: "src/tokens/semantic/color/light.json",
+          isSource: false,
+          original: {
+            value: "{core.color.high-saturation.blue.h-bb-080}",
+            type: "color",
+            attributes: {
+              category: "color",
+            },
+          },
+          name: "Color Text Highlight",
+          path: ["semantic", "color", "text", "highlight"],
+          key: "{semantic.color.text.highlight}",
+        },
         inverse: {
           value: {
             light: "#ffffff",
@@ -2605,7 +2642,7 @@ export default {
           filePath: "src/tokens/semantic/corner.json",
           isSource: true,
           original: {
-            value: "{semantic.corner.radius.sharp}",
+            value: "{semantic.corner.radius.none}",
             type: "dimension",
             attributes: {
               category: "corner",

package/dist/js/light.d.ts

@@ -38,6 +38,7 @@ export const calciteColorInversePress: string;
 export const calciteColorText1: string;
 export const calciteColorText2: string;
 export const calciteColorText3: string;
+export const calciteColorTextHighlight: string;
 export const calciteColorTextInverse: string;
 export const calciteColorTextLink: string;
 export const calciteColorBorder1: string;

package/dist/js/light.js

@@ -1244,6 +1244,40 @@ export default {
           path: ["semantic", "color", "text", "3"],
           key: "{semantic.color.text.3}",
         },
+        highlight: {
+          value: "#004874",
+          type: "color",
+          attributes: {
+            category: "color",
+            type: "color",
+            item: "text",
+            subitem: "highlight",
+            names: {
+              scss: "$calcite-color-text-highlight",
+              css: "var(--calcite-color-text-highlight)",
+              js: "semantic.color.text.highlight",
+              docs: "semantic.color.text.highlight",
+              es6: "calciteColorTextHighlight",
+            },
+            "calcite-schema": {
+              system: "calcite",
+              tier: "color",
+              type: "color",
+            },
+          },
+          filePath: "src/tokens/semantic/color/light.json",
+          isSource: true,
+          original: {
+            value: "{core.color.high-saturation.blue.h-bb-080}",
+            type: "color",
+            attributes: {
+              category: "color",
+            },
+          },
+          name: "calciteColorTextHighlight",
+          path: ["semantic", "color", "text", "highlight"],
+          key: "{semantic.color.text.highlight}",
+        },
         inverse: {
           value: "#ffffff",
           type: "color",

package/dist/js/semantic.js

@@ -963,7 +963,7 @@ export default {
           filePath: "src/tokens/semantic/corner.json",
           isSource: true,
           original: {
-            value: "{semantic.corner.radius.sharp}",
+            value: "{semantic.corner.radius.none}",
             type: "dimension",
             attributes: {
               category: "corner",

package/dist/scss/dark.scss

@@ -37,6 +37,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-inverse: #141414;
 $calcite-color-text-link: #00a0ff;
 $calcite-color-border-1: #545454;

package/dist/scss/global.scss

@@ -112,6 +112,6 @@ $calcite-z-index-overlay: 700;
 $calcite-z-index-modal: 800;
 $calcite-z-index-popup: 900;
 $calcite-z-index-tooltip: 901;
-$calcite-corner-radius: $calcite-corner-radius-sharp;
+$calcite-corner-radius: $calcite-corner-radius-none;
 $calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
 $calcite-shadow-md: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);

package/dist/scss/index.scss

@@ -15,6 +15,7 @@
   --calcite-color-border-1: #c9c9c9;
   --calcite-color-text-link: #00619b;
   --calcite-color-text-inverse: #ffffff;
+  --calcite-color-text-highlight: #004874;
   --calcite-color-text-3: #6b6b6b;
   --calcite-color-text-2: #4a4a4a;
   --calcite-color-text-1: #141414;
@@ -60,6 +61,7 @@
   --calcite-color-border-1: #545454;
   --calcite-color-text-link: #00a0ff;
   --calcite-color-text-inverse: #141414;
+  --calcite-color-text-highlight: #c7eaff;
   --calcite-color-text-3: #9e9e9e;
   --calcite-color-text-2: #bfbfbf;
   --calcite-color-text-1: #ffffff;

package/dist/scss/light.scss

@@ -37,6 +37,7 @@ $calcite-color-inverse-press: #212121;
 $calcite-color-text-1: #141414;
 $calcite-color-text-2: #4a4a4a;
 $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;

package/dist/scss/semantic.scss

@@ -132,6 +132,6 @@ $calcite-z-index-overlay: 700;
 $calcite-z-index-modal: 800;
 $calcite-z-index-popup: 900;
 $calcite-z-index-tooltip: 901;
-$calcite-corner-radius: $calcite-corner-radius-sharp;
+$calcite-corner-radius: $calcite-corner-radius-none;
 $calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
 $calcite-shadow-md: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-design-tokens",
-  "version": "3.1.0-next.7",
+  "version": "3.1.0-next.8",
   "description": "Esri's Calcite Design System Tokens",
   "keywords": [
     "Calcite",
@@ -45,5 +45,5 @@
   "devDependencies": {
     "vitest": "2.1.9"
   },
-  "gitHead": "9b117635c45a5bc9a40b87bc514ab90975040730"
+  "gitHead": "85c496902fcecaf6e09b7d21c4665b418d61789e"
 }