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

package/dist/docs/light.json

@@ -1,7 +1,8 @@
 {
-  "timestamp": 1747420787275,
+  "timestamp": 1749583595312,
   "tokens": [
     {
+      "key": "{semantic.color.background.default}",
       "value": "#f7f7f7",
       "type": "color",
       "attributes": {
@@ -25,10 +26,10 @@
       "filePath": "src/tokens/semantic/color/light.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/light.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": "#ffffff",
       "type": "color",
       "attributes": {
@@ -79,10 +80,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#f2f2f2",
       "type": "color",
       "attributes": {
@@ -106,10 +107,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#ebebeb",
       "type": "color",
       "attributes": {
@@ -133,17 +134,25 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": true,
       "name": "Color Foreground 3",
-      "path": ["semantic", "color", "foreground", "3"],
-      "key": "{semantic.color.foreground.3}"
+      "path": ["semantic", "color", "foreground", "3"]
     },
     {
-      "value": "#c7eaff",
+      "key": "{semantic.color.foreground.current}",
+      "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)",
@@ -157,13 +166,42 @@
           "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"],
-      "key": "{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}",
       "value": "rgba(0, 0, 0, 0)",
       "type": "color",
       "attributes": {
@@ -188,10 +226,10 @@
       "filePath": "src/tokens/semantic/color/light.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(0, 0, 0, 0.04)",
       "type": "color",
       "attributes": {
@@ -216,10 +254,10 @@
       "filePath": "src/tokens/semantic/color/light.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(0, 0, 0, 0.08)",
       "type": "color",
       "attributes": {
@@ -244,10 +282,10 @@
       "filePath": "src/tokens/semantic/color/light.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(255, 255, 255, 0.12)",
       "type": "color",
       "attributes": {
@@ -272,10 +310,10 @@
       "filePath": "src/tokens/semantic/color/light.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(255, 255, 255, 0.16)",
       "type": "color",
       "attributes": {
@@ -300,10 +338,10 @@
       "filePath": "src/tokens/semantic/color/light.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(255, 255, 255, 0.85)",
       "type": "color",
       "attributes": {
@@ -327,10 +365,10 @@
       "filePath": "src/tokens/semantic/color/light.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(255, 255, 255, 0.8)",
       "type": "color",
       "attributes": {
@@ -354,10 +392,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#007ac2",
       "type": "color",
       "attributes": {
@@ -382,10 +420,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#00619b",
       "type": "color",
       "attributes": {
@@ -410,10 +448,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#004874",
       "type": "color",
       "attributes": {
@@ -438,10 +476,10 @@
       "filePath": "src/tokens/semantic/color/light.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, 97, 155, 0.4)",
       "attributes": {
@@ -465,10 +503,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#00619b",
       "type": "color",
       "attributes": {
@@ -493,10 +531,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#004874",
       "type": "color",
       "attributes": {
@@ -521,10 +559,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#00304d",
       "type": "color",
       "attributes": {
@@ -549,10 +587,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#35ac46",
       "type": "color",
       "attributes": {
@@ -577,10 +615,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#288835",
       "type": "color",
       "attributes": {
@@ -605,10 +643,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#1a6324",
       "type": "color",
       "attributes": {
@@ -633,10 +671,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": true,
       "name": "Color Status Success Press",
-      "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": {
@@ -661,10 +699,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#d17300",
       "type": "color",
       "attributes": {
@@ -689,10 +727,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#9a5b10",
       "type": "color",
       "attributes": {
@@ -717,10 +755,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": true,
       "name": "Color Status Warning Press",
-      "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": "#d83020",
       "type": "color",
       "attributes": {
@@ -745,10 +783,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#a82b1e",
       "type": "color",
       "attributes": {
@@ -773,10 +811,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#7c1d13",
       "type": "color",
       "attributes": {
@@ -801,10 +839,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#363636",
       "type": "color",
       "attributes": {
@@ -828,10 +866,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#2b2b2b",
       "type": "color",
       "attributes": {
@@ -855,10 +893,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#212121",
       "type": "color",
       "attributes": {
@@ -882,10 +920,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#141414",
       "type": "color",
       "attributes": {
@@ -909,10 +947,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#4a4a4a",
       "type": "color",
       "attributes": {
@@ -936,10 +974,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#6b6b6b",
       "type": "color",
       "attributes": {
@@ -963,10 +1001,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": true,
       "name": "Color Text 3",
-      "path": ["semantic", "color", "text", "3"],
-      "key": "{semantic.color.text.3}"
+      "path": ["semantic", "color", "text", "3"]
     },
     {
+      "key": "{semantic.color.text.highlight}",
       "value": "#004874",
       "type": "color",
       "attributes": {
@@ -990,10 +1028,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#ffffff",
       "type": "color",
       "attributes": {
@@ -1017,10 +1055,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#00619b",
       "type": "color",
       "attributes": {
@@ -1044,10 +1082,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#c9c9c9",
       "type": "color",
       "attributes": {
@@ -1071,10 +1109,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#d4d4d4",
       "type": "color",
       "attributes": {
@@ -1098,10 +1136,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#dedede",
       "type": "color",
       "attributes": {
@@ -1125,10 +1163,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#949494",
       "type": "color",
       "attributes": {
@@ -1152,10 +1190,10 @@
       "filePath": "src/tokens/semantic/color/light.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(0, 0, 0, 0.3)",
       "type": "color",
       "attributes": {
@@ -1179,10 +1217,10 @@
       "filePath": "src/tokens/semantic/color/light.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": "#ffffff",
       "type": "color",
       "attributes": {
@@ -1206,8 +1244,7 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": true,
       "name": "Color Border White",
-      "path": ["semantic", "color", "border", "white"],
-      "key": "{semantic.color.border.white}"
+      "path": ["semantic", "color", "border", "white"]
     }
   ]
 }