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

package/dist/docs/dark.json

@@ -1,7 +1,8 @@
 {
-  "timestamp": 1747420786427,
+  "timestamp": 1749583594506,
   "tokens": [
     {
+      "key": "{semantic.color.background.default}",
       "value": "#363636",
       "type": "color",
       "attributes": {
@@ -25,10 +26,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Background",
-      "path": ["semantic", "color", "background", "default"],
-      "key": "{semantic.color.background.default}"
+      "path": ["semantic", "color", "background", "default"]
     },
     {
+      "key": "{semantic.color.background.none}",
       "value": "rgba(255, 255, 255, 0)",
       "type": "color",
       "attributes": {
@@ -52,10 +53,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Background None",
-      "path": ["semantic", "color", "background", "none"],
-      "key": "{semantic.color.background.none}"
+      "path": ["semantic", "color", "background", "none"]
     },
     {
+      "key": "{semantic.color.foreground.1}",
       "value": "#2b2b2b",
       "type": "color",
       "attributes": {
@@ -79,10 +80,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Foreground 1",
-      "path": ["semantic", "color", "foreground", "1"],
-      "key": "{semantic.color.foreground.1}"
+      "path": ["semantic", "color", "foreground", "1"]
     },
     {
+      "key": "{semantic.color.foreground.2}",
       "value": "#212121",
       "type": "color",
       "attributes": {
@@ -106,10 +107,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Foreground 2",
-      "path": ["semantic", "color", "foreground", "2"],
-      "key": "{semantic.color.foreground.2}"
+      "path": ["semantic", "color", "foreground", "2"]
     },
     {
+      "key": "{semantic.color.foreground.3}",
       "value": "#141414",
       "type": "color",
       "attributes": {
@@ -133,17 +134,25 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Foreground 3",
-      "path": ["semantic", "color", "foreground", "3"],
-      "key": "{semantic.color.foreground.3}"
+      "path": ["semantic", "color", "foreground", "3"]
     },
     {
-      "value": "#214155",
+      "key": "{semantic.color.foreground.current}",
+      "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)",
@@ -157,13 +166,42 @@
           "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"],
-      "key": "{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}",
       "value": "rgba(255, 255, 255, 0)",
       "type": "color",
       "attributes": {
@@ -188,10 +226,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Transparent",
-      "path": ["semantic", "color", "transparent", "default", "default"],
-      "key": "{semantic.color.transparent.default.default}"
+      "path": ["semantic", "color", "transparent", "default", "default"]
     },
     {
+      "key": "{semantic.color.transparent.default.hover}",
       "value": "rgba(255, 255, 255, 0.12)",
       "type": "color",
       "attributes": {
@@ -216,10 +254,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Transparent Hover",
-      "path": ["semantic", "color", "transparent", "default", "hover"],
-      "key": "{semantic.color.transparent.default.hover}"
+      "path": ["semantic", "color", "transparent", "default", "hover"]
     },
     {
+      "key": "{semantic.color.transparent.default.press}",
       "value": "rgba(255, 255, 255, 0.16)",
       "type": "color",
       "attributes": {
@@ -244,10 +282,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Transparent Press",
-      "path": ["semantic", "color", "transparent", "default", "press"],
-      "key": "{semantic.color.transparent.default.press}"
+      "path": ["semantic", "color", "transparent", "default", "press"]
     },
     {
+      "key": "{semantic.color.transparent.inverse.hover}",
       "value": "rgba(0, 0, 0, 0.04)",
       "type": "color",
       "attributes": {
@@ -272,10 +310,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Transparent Inverse Hover",
-      "path": ["semantic", "color", "transparent", "inverse", "hover"],
-      "key": "{semantic.color.transparent.inverse.hover}"
+      "path": ["semantic", "color", "transparent", "inverse", "hover"]
     },
     {
+      "key": "{semantic.color.transparent.inverse.press}",
       "value": "rgba(0, 0, 0, 0.08)",
       "type": "color",
       "attributes": {
@@ -300,10 +338,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Transparent Inverse Press",
-      "path": ["semantic", "color", "transparent", "inverse", "press"],
-      "key": "{semantic.color.transparent.inverse.press}"
+      "path": ["semantic", "color", "transparent", "inverse", "press"]
     },
     {
+      "key": "{semantic.color.transparent.scrim}",
       "value": "rgba(0, 0, 0, 0.85)",
       "type": "color",
       "attributes": {
@@ -327,10 +365,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Transparent Scrim",
-      "path": ["semantic", "color", "transparent", "scrim"],
-      "key": "{semantic.color.transparent.scrim}"
+      "path": ["semantic", "color", "transparent", "scrim"]
     },
     {
+      "key": "{semantic.color.transparent.tint}",
       "value": "rgba(43, 43, 43, 0.8)",
       "type": "color",
       "attributes": {
@@ -354,10 +392,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Transparent Tint",
-      "path": ["semantic", "color", "transparent", "tint"],
-      "key": "{semantic.color.transparent.tint}"
+      "path": ["semantic", "color", "transparent", "tint"]
     },
     {
+      "key": "{semantic.color.brand.default.default}",
       "value": "#009af2",
       "type": "color",
       "attributes": {
@@ -382,10 +420,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Brand",
-      "path": ["semantic", "color", "brand", "default", "default"],
-      "key": "{semantic.color.brand.default.default}"
+      "path": ["semantic", "color", "brand", "default", "default"]
     },
     {
+      "key": "{semantic.color.brand.default.hover}",
       "value": "#007ac2",
       "type": "color",
       "attributes": {
@@ -410,10 +448,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Brand Hover",
-      "path": ["semantic", "color", "brand", "default", "hover"],
-      "key": "{semantic.color.brand.default.hover}"
+      "path": ["semantic", "color", "brand", "default", "hover"]
     },
     {
+      "key": "{semantic.color.brand.default.press}",
       "value": "#00619b",
       "type": "color",
       "attributes": {
@@ -438,10 +476,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Brand Press",
-      "path": ["semantic", "color", "brand", "default", "press"],
-      "key": "{semantic.color.brand.default.press}"
+      "path": ["semantic", "color", "brand", "default", "press"]
     },
     {
+      "key": "{semantic.color.brand.underline}",
       "type": "color",
       "value": "rgba(0, 160, 255, 0.4)",
       "attributes": {
@@ -465,10 +503,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Brand Underline",
-      "path": ["semantic", "color", "brand", "underline"],
-      "key": "{semantic.color.brand.underline}"
+      "path": ["semantic", "color", "brand", "underline"]
     },
     {
+      "key": "{semantic.color.status.info.default}",
       "value": "#00a0ff",
       "type": "color",
       "attributes": {
@@ -493,10 +531,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Status Info",
-      "path": ["semantic", "color", "status", "info", "default"],
-      "key": "{semantic.color.status.info.default}"
+      "path": ["semantic", "color", "status", "info", "default"]
     },
     {
+      "key": "{semantic.color.status.info.hover}",
       "value": "#3db8ff",
       "type": "color",
       "attributes": {
@@ -521,10 +559,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Status Info Hover",
-      "path": ["semantic", "color", "status", "info", "hover"],
-      "key": "{semantic.color.status.info.hover}"
+      "path": ["semantic", "color", "status", "info", "hover"]
     },
     {
+      "key": "{semantic.color.status.info.press}",
       "value": "#009af2",
       "type": "color",
       "attributes": {
@@ -549,10 +587,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Status Info Press",
-      "path": ["semantic", "color", "status", "info", "press"],
-      "key": "{semantic.color.status.info.press}"
+      "path": ["semantic", "color", "status", "info", "press"]
     },
     {
+      "key": "{semantic.color.status.success.default}",
       "value": "#36da43",
       "type": "color",
       "attributes": {
@@ -577,10 +615,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Status Success",
-      "path": ["semantic", "color", "status", "success", "default"],
-      "key": "{semantic.color.status.success.default}"
+      "path": ["semantic", "color", "status", "success", "default"]
     },
     {
+      "key": "{semantic.color.status.success.hover}",
       "value": "#3bed52",
       "type": "color",
       "attributes": {
@@ -605,10 +643,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Status Success Hover",
-      "path": ["semantic", "color", "status", "success", "hover"],
-      "key": "{semantic.color.status.success.hover}"
+      "path": ["semantic", "color", "status", "success", "hover"]
     },
     {
+      "key": "{semantic.color.status.success.press}",
       "value": "#00b81b",
       "type": "color",
       "category": "color",
@@ -634,10 +672,10 @@
           "type": "color"
         }
       },
-      "path": ["semantic", "color", "status", "success", "press"],
-      "key": "{semantic.color.status.success.press}"
+      "path": ["semantic", "color", "status", "success", "press"]
     },
     {
+      "key": "{semantic.color.status.warning.default}",
       "value": "#f89927",
       "type": "color",
       "attributes": {
@@ -662,10 +700,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Status Warning",
-      "path": ["semantic", "color", "status", "warning", "default"],
-      "key": "{semantic.color.status.warning.default}"
+      "path": ["semantic", "color", "status", "warning", "default"]
     },
     {
+      "key": "{semantic.color.status.warning.hover}",
       "value": "#ffb54d",
       "type": "color",
       "attributes": {
@@ -690,10 +728,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Status Warning Hover",
-      "path": ["semantic", "color", "status", "warning", "hover"],
-      "key": "{semantic.color.status.warning.hover}"
+      "path": ["semantic", "color", "status", "warning", "hover"]
     },
     {
+      "key": "{semantic.color.status.warning.press}",
       "value": "#ff9500",
       "type": "color",
       "category": "color",
@@ -719,10 +757,10 @@
           "type": "color"
         }
       },
-      "path": ["semantic", "color", "status", "warning", "press"],
-      "key": "{semantic.color.status.warning.press}"
+      "path": ["semantic", "color", "status", "warning", "press"]
     },
     {
+      "key": "{semantic.color.status.danger.default}",
       "value": "#fe583e",
       "type": "color",
       "attributes": {
@@ -747,10 +785,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Status Danger",
-      "path": ["semantic", "color", "status", "danger", "default"],
-      "key": "{semantic.color.status.danger.default}"
+      "path": ["semantic", "color", "status", "danger", "default"]
     },
     {
+      "key": "{semantic.color.status.danger.hover}",
       "value": "#ff0015",
       "type": "color",
       "attributes": {
@@ -775,10 +813,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Status Danger Hover",
-      "path": ["semantic", "color", "status", "danger", "hover"],
-      "key": "{semantic.color.status.danger.hover}"
+      "path": ["semantic", "color", "status", "danger", "hover"]
     },
     {
+      "key": "{semantic.color.status.danger.press}",
       "value": "#d90012",
       "type": "color",
       "attributes": {
@@ -803,10 +841,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Status Danger Press",
-      "path": ["semantic", "color", "status", "danger", "press"],
-      "key": "{semantic.color.status.danger.press}"
+      "path": ["semantic", "color", "status", "danger", "press"]
     },
     {
+      "key": "{semantic.color.inverse.default}",
       "value": "#f7f7f7",
       "type": "color",
       "attributes": {
@@ -830,10 +868,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Inverse",
-      "path": ["semantic", "color", "inverse", "default"],
-      "key": "{semantic.color.inverse.default}"
+      "path": ["semantic", "color", "inverse", "default"]
     },
     {
+      "key": "{semantic.color.inverse.hover}",
       "value": "#ffffff",
       "type": "color",
       "attributes": {
@@ -857,10 +895,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Inverse Hover",
-      "path": ["semantic", "color", "inverse", "hover"],
-      "key": "{semantic.color.inverse.hover}"
+      "path": ["semantic", "color", "inverse", "hover"]
     },
     {
+      "key": "{semantic.color.inverse.press}",
       "value": "#f2f2f2",
       "type": "color",
       "attributes": {
@@ -884,10 +922,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Inverse Press",
-      "path": ["semantic", "color", "inverse", "press"],
-      "key": "{semantic.color.inverse.press}"
+      "path": ["semantic", "color", "inverse", "press"]
     },
     {
+      "key": "{semantic.color.text.1}",
       "value": "#ffffff",
       "type": "color",
       "attributes": {
@@ -911,10 +949,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Text 1",
-      "path": ["semantic", "color", "text", "1"],
-      "key": "{semantic.color.text.1}"
+      "path": ["semantic", "color", "text", "1"]
     },
     {
+      "key": "{semantic.color.text.2}",
       "value": "#bfbfbf",
       "type": "color",
       "attributes": {
@@ -938,10 +976,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Text 2",
-      "path": ["semantic", "color", "text", "2"],
-      "key": "{semantic.color.text.2}"
+      "path": ["semantic", "color", "text", "2"]
     },
     {
+      "key": "{semantic.color.text.3}",
       "value": "#9e9e9e",
       "type": "color",
       "attributes": {
@@ -965,11 +1003,11 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Text 3",
-      "path": ["semantic", "color", "text", "3"],
-      "key": "{semantic.color.text.3}"
+      "path": ["semantic", "color", "text", "3"]
     },
     {
-      "value": "#c7eaff",
+      "key": "{semantic.color.text.highlight}",
+      "value": "#d6efff",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -992,10 +1030,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Text Highlight",
-      "path": ["semantic", "color", "text", "highlight"],
-      "key": "{semantic.color.text.highlight}"
+      "path": ["semantic", "color", "text", "highlight"]
     },
     {
+      "key": "{semantic.color.text.inverse}",
       "value": "#141414",
       "type": "color",
       "attributes": {
@@ -1019,10 +1057,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Text Inverse",
-      "path": ["semantic", "color", "text", "inverse"],
-      "key": "{semantic.color.text.inverse}"
+      "path": ["semantic", "color", "text", "inverse"]
     },
     {
+      "key": "{semantic.color.text.link}",
       "value": "#00a0ff",
       "type": "color",
       "attributes": {
@@ -1046,10 +1084,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Text Link",
-      "path": ["semantic", "color", "text", "link"],
-      "key": "{semantic.color.text.link}"
+      "path": ["semantic", "color", "text", "link"]
     },
     {
+      "key": "{semantic.color.border.1}",
       "value": "#545454",
       "type": "color",
       "attributes": {
@@ -1073,10 +1111,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Border 1",
-      "path": ["semantic", "color", "border", "1"],
-      "key": "{semantic.color.border.1}"
+      "path": ["semantic", "color", "border", "1"]
     },
     {
+      "key": "{semantic.color.border.2}",
       "value": "#4a4a4a",
       "type": "color",
       "attributes": {
@@ -1100,10 +1138,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Border 2",
-      "path": ["semantic", "color", "border", "2"],
-      "key": "{semantic.color.border.2}"
+      "path": ["semantic", "color", "border", "2"]
     },
     {
+      "key": "{semantic.color.border.3}",
       "value": "#404040",
       "type": "color",
       "attributes": {
@@ -1127,10 +1165,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Border 3",
-      "path": ["semantic", "color", "border", "3"],
-      "key": "{semantic.color.border.3}"
+      "path": ["semantic", "color", "border", "3"]
     },
     {
+      "key": "{semantic.color.border.input}",
       "value": "#757575",
       "type": "color",
       "attributes": {
@@ -1154,10 +1192,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Border Input",
-      "path": ["semantic", "color", "border", "input"],
-      "key": "{semantic.color.border.input}"
+      "path": ["semantic", "color", "border", "input"]
     },
     {
+      "key": "{semantic.color.border.ghost}",
       "value": "rgba(117, 117, 117, 0.3)",
       "type": "color",
       "attributes": {
@@ -1181,10 +1219,10 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Border Ghost",
-      "path": ["semantic", "color", "border", "ghost"],
-      "key": "{semantic.color.border.ghost}"
+      "path": ["semantic", "color", "border", "ghost"]
     },
     {
+      "key": "{semantic.color.border.white}",
       "value": "#f7f7f7",
       "type": "color",
       "attributes": {
@@ -1208,8 +1246,7 @@
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Border White",
-      "path": ["semantic", "color", "border", "white"],
-      "key": "{semantic.color.border.white}"
+      "path": ["semantic", "color", "border", "white"]
     }
   ]
 }