npm - @esri/calcite-design-tokens - Versions diffs - 3.1.1-next.0 → 3.2.0-next.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/dist/css/core.css +2 -2
package/dist/css/dark.css +3 -2
package/dist/css/global.css +2 -2
package/dist/css/index.css +12 -7
package/dist/css/light.css +2 -1
package/dist/css/semantic.css +22 -22
package/dist/docs/core.json +1278 -1319
package/dist/docs/dark.json +127 -90
package/dist/docs/global.json +571 -484
package/dist/docs/light.json +126 -89
package/dist/docs/semantic.json +333 -283
package/dist/es6/core.js +2 -2
package/dist/es6/dark.d.ts +2 -0
package/dist/es6/dark.js +3 -2
package/dist/es6/global.d.ts +3 -1
package/dist/es6/global.js +8 -4
package/dist/es6/light.d.ts +2 -0
package/dist/es6/light.js +2 -1
package/dist/es6/semantic.d.ts +1 -1
package/dist/es6/semantic.js +1 -1
package/dist/js/core.js +1480 -806
package/dist/js/dark.d.ts +2 -0
package/dist/js/dark.js +141 -46
package/dist/js/global.d.ts +1 -0
package/dist/js/global.js +634 -372
package/dist/js/light.d.ts +2 -0
package/dist/js/light.js +140 -45
package/dist/js/semantic.js +366 -208
package/dist/scss/core.scss +2 -2
package/dist/scss/dark.scss +3 -2
package/dist/scss/global.scss +2 -2
package/dist/scss/index.scss +5 -3
package/dist/scss/light.scss +2 -1
package/dist/scss/semantic.scss +22 -22
package/package.json +3 -3

package/dist/docs/global.json CHANGED Viewed

@@ -1,7 +1,8 @@
 {
-  "timestamp": 1747420788548,
+  "timestamp": 1749583596093,
   "tokens": [
     {
+      "key": "{semantic.color.background.default}",
       "value": "{\"light\":\"#f7f7f7\",\"dark\":\"#363636\"}",
       "type": "color",
       "attributes": {
@@ -25,10 +26,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": false,
       "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": "{\"light\":\"#ffffff\",\"dark\":\"#2b2b2b\"}",
       "type": "color",
       "attributes": {
@@ -79,10 +80,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#f2f2f2\",\"dark\":\"#212121\"}",
       "type": "color",
       "attributes": {
@@ -106,10 +107,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#ebebeb\",\"dark\":\"#141414\"}",
       "type": "color",
       "attributes": {
@@ -133,17 +134,25 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "name": "Color Foreground 3",
-      "path": ["semantic", "color", "foreground", "3"],
-      "key": "{semantic.color.foreground.3}"
+      "path": ["semantic", "color", "foreground", "3"]
     },
     {
-      "value": "{\"light\":\"#c7eaff\",\"dark\":\"#214155\"}",
+      "key": "{semantic.color.foreground.current}",
+      "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)",
@@ -157,13 +166,42 @@
           "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"],
-      "key": "{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}",
       "value": "{\"light\":\"rgba(0, 0, 0, 0)\",\"dark\":\"rgba(255, 255, 255, 0)\"}",
       "type": "color",
       "attributes": {
@@ -188,10 +226,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"rgba(0, 0, 0, 0.04)\",\"dark\":\"rgba(255, 255, 255, 0.12)\"}",
       "type": "color",
       "attributes": {
@@ -216,10 +254,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"rgba(0, 0, 0, 0.08)\",\"dark\":\"rgba(255, 255, 255, 0.16)\"}",
       "type": "color",
       "attributes": {
@@ -244,10 +282,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"rgba(255, 255, 255, 0.12)\",\"dark\":\"rgba(0, 0, 0, 0.04)\"}",
       "type": "color",
       "attributes": {
@@ -272,10 +310,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"rgba(255, 255, 255, 0.16)\",\"dark\":\"rgba(0, 0, 0, 0.08)\"}",
       "type": "color",
       "attributes": {
@@ -300,10 +338,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"rgba(255, 255, 255, 0.85)\",\"dark\":\"rgba(0, 0, 0, 0.85)\"}",
       "type": "color",
       "attributes": {
@@ -327,10 +365,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"rgba(255, 255, 255, 0.8)\",\"dark\":\"rgba(43, 43, 43, 0.8)\"}",
       "type": "color",
       "attributes": {
@@ -354,10 +392,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#007ac2\",\"dark\":\"#009af2\"}",
       "type": "color",
       "attributes": {
@@ -382,10 +420,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#00619b\",\"dark\":\"#007ac2\"}",
       "type": "color",
       "attributes": {
@@ -410,10 +448,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#004874\",\"dark\":\"#00619b\"}",
       "type": "color",
       "attributes": {
@@ -438,10 +476,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"rgba(0, 97, 155, 0.4)\",\"dark\":\"rgba(0, 160, 255, 0.4)\"}",
       "attributes": {
@@ -465,10 +503,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#00619b\",\"dark\":\"#00a0ff\"}",
       "type": "color",
       "attributes": {
@@ -493,10 +531,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#004874\",\"dark\":\"#3db8ff\"}",
       "type": "color",
       "attributes": {
@@ -521,10 +559,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#00304d\",\"dark\":\"#009af2\"}",
       "type": "color",
       "attributes": {
@@ -549,10 +587,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#35ac46\",\"dark\":\"#36da43\"}",
       "type": "color",
       "attributes": {
@@ -577,10 +615,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#288835\",\"dark\":\"#3bed52\"}",
       "type": "color",
       "attributes": {
@@ -605,10 +643,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#1a6324\",\"dark\":\"#00b81b\"}",
       "type": "color",
       "attributes": {
@@ -633,10 +671,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#f89927\",\"dark\":\"#f89927\"}",
       "type": "color",
       "attributes": {
@@ -661,10 +699,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#d17300\",\"dark\":\"#ffb54d\"}",
       "type": "color",
       "attributes": {
@@ -689,10 +727,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#9a5b10\",\"dark\":\"#ff9500\"}",
       "type": "color",
       "attributes": {
@@ -717,10 +755,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#d83020\",\"dark\":\"#fe583e\"}",
       "type": "color",
       "attributes": {
@@ -745,10 +783,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#a82b1e\",\"dark\":\"#ff0015\"}",
       "type": "color",
       "attributes": {
@@ -773,10 +811,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#7c1d13\",\"dark\":\"#d90012\"}",
       "type": "color",
       "attributes": {
@@ -801,10 +839,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#363636\",\"dark\":\"#f7f7f7\"}",
       "type": "color",
       "attributes": {
@@ -828,10 +866,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "name": "Color Inverse",
-      "path": ["semantic", "color", "inverse", "default"],
-      "key": "{semantic.color.inverse.default}"
+      "path": ["semantic", "color", "inverse", "default"]
     },
     {
+      "key": "{semantic.color.inverse.hover}",
       "value": "{\"light\":\"#2b2b2b\",\"dark\":\"#ffffff\"}",
       "type": "color",
       "attributes": {
@@ -855,10 +893,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#212121\",\"dark\":\"#f2f2f2\"}",
       "type": "color",
       "attributes": {
@@ -882,10 +920,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#141414\",\"dark\":\"#ffffff\"}",
       "type": "color",
       "attributes": {
@@ -909,10 +947,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#4a4a4a\",\"dark\":\"#bfbfbf\"}",
       "type": "color",
       "attributes": {
@@ -936,10 +974,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#6b6b6b\",\"dark\":\"#9e9e9e\"}",
       "type": "color",
       "attributes": {
@@ -963,11 +1001,11 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "name": "Color Text 3",
-      "path": ["semantic", "color", "text", "3"],
-      "key": "{semantic.color.text.3}"
+      "path": ["semantic", "color", "text", "3"]
     },
     {
-      "value": "{\"light\":\"#004874\",\"dark\":\"#c7eaff\"}",
+      "key": "{semantic.color.text.highlight}",
+      "value": "{\"light\":\"#004874\",\"dark\":\"#d6efff\"}",
       "type": "color",
       "attributes": {
         "category": "color",
@@ -990,10 +1028,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#ffffff\",\"dark\":\"#141414\"}",
       "type": "color",
       "attributes": {
@@ -1017,10 +1055,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#00619b\",\"dark\":\"#00a0ff\"}",
       "type": "color",
       "attributes": {
@@ -1044,10 +1082,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#c9c9c9\",\"dark\":\"#545454\"}",
       "type": "color",
       "attributes": {
@@ -1071,10 +1109,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#d4d4d4\",\"dark\":\"#4a4a4a\"}",
       "type": "color",
       "attributes": {
@@ -1098,10 +1136,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#dedede\",\"dark\":\"#404040\"}",
       "type": "color",
       "attributes": {
@@ -1125,10 +1163,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#949494\",\"dark\":\"#757575\"}",
       "type": "color",
       "attributes": {
@@ -1152,10 +1190,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"rgba(0, 0, 0, 0.3)\",\"dark\":\"rgba(117, 117, 117, 0.3)\"}",
       "type": "color",
       "attributes": {
@@ -1179,10 +1217,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "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": "{\"light\":\"#ffffff\",\"dark\":\"#f7f7f7\"}",
       "type": "color",
       "attributes": {
@@ -1206,10 +1244,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "name": "Color Border White",
-      "path": ["semantic", "color", "border", "white"],
-      "key": "{semantic.color.border.white}"
+      "path": ["semantic", "color", "border", "white"]
     },
     {
+      "key": "{semantic.border.width.none}",
       "value": "0",
       "type": "dimension",
       "attributes": {
@@ -1233,10 +1271,10 @@
       "filePath": "src/tokens/semantic/border.json",
       "isSource": true,
       "name": "Border Width None",
-      "path": ["semantic", "border", "width", "none"],
-      "key": "{semantic.border.width.none}"
+      "path": ["semantic", "border", "width", "none"]
     },
     {
+      "key": "{semantic.border.width.sm}",
       "value": "1px",
       "type": "dimension",
       "attributes": {
@@ -1260,10 +1298,10 @@
       "filePath": "src/tokens/semantic/border.json",
       "isSource": true,
       "name": "Border Width Sm",
-      "path": ["semantic", "border", "width", "sm"],
-      "key": "{semantic.border.width.sm}"
+      "path": ["semantic", "border", "width", "sm"]
     },
     {
+      "key": "{semantic.border.width.md}",
       "value": "2px",
       "type": "dimension",
       "attributes": {
@@ -1287,10 +1325,10 @@
       "filePath": "src/tokens/semantic/border.json",
       "isSource": true,
       "name": "Border Width Md",
-      "path": ["semantic", "border", "width", "md"],
-      "key": "{semantic.border.width.md}"
+      "path": ["semantic", "border", "width", "md"]
     },
     {
+      "key": "{semantic.border.width.lg}",
       "value": "4px",
       "type": "dimension",
       "attributes": {
@@ -1314,10 +1352,10 @@
       "filePath": "src/tokens/semantic/border.json",
       "isSource": true,
       "name": "Border Width Lg",
-      "path": ["semantic", "border", "width", "lg"],
-      "key": "{semantic.border.width.lg}"
+      "path": ["semantic", "border", "width", "lg"]
     },
     {
+      "key": "{semantic.container-size.height.xxs}",
       "value": "{\"min\":\"0\",\"max\":\"154px\"}",
       "type": "dimension",
       "description": "Small handheld devices and mini-windows",
@@ -1333,6 +1371,7 @@
         "description": "Small handheld devices and mini-windows",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.height.xxs}",
         "name": "calcite-semantic-container-size-height-xxs",
         "path": ["semantic", "container-size", "height", "xxs"],
         "comment": "Small handheld devices and mini-windows",
@@ -1353,10 +1392,10 @@
       "isSource": true,
       "name": "Container Size Height Xxs",
       "path": ["semantic", "container-size", "height", "xxs"],
-      "comment": "Small handheld devices and mini-windows",
-      "key": "{semantic.container-size.height.xxs}"
+      "comment": "Small handheld devices and mini-windows"
     },
     {
+      "key": "{semantic.container-size.height.xs}",
       "value": "{\"min\":\"155px\",\"max\":\"328px\"}",
       "type": "dimension",
       "description": "Handheld devices",
@@ -1372,6 +1411,7 @@
         "description": "Handheld devices",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.height.xs}",
         "name": "calcite-semantic-container-size-height-xs",
         "path": ["semantic", "container-size", "height", "xs"],
         "comment": "Handheld devices",
@@ -1392,10 +1432,10 @@
       "isSource": true,
       "name": "Container Size Height Xs",
       "path": ["semantic", "container-size", "height", "xs"],
-      "comment": "Handheld devices",
-      "key": "{semantic.container-size.height.xs}"
+      "comment": "Handheld devices"
     },
     {
+      "key": "{semantic.container-size.height.sm}",
       "value": "{\"min\":\"329px\",\"max\":\"504px\"}",
       "type": "dimension",
       "description": "Small tablets",
@@ -1411,6 +1451,7 @@
         "description": "Small tablets",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.height.sm}",
         "name": "calcite-semantic-container-size-height-sm",
         "path": ["semantic", "container-size", "height", "sm"],
         "comment": "Small tablets",
@@ -1431,10 +1472,10 @@
       "isSource": true,
       "name": "Container Size Height Sm",
       "path": ["semantic", "container-size", "height", "sm"],
-      "comment": "Small tablets",
-      "key": "{semantic.container-size.height.sm}"
+      "comment": "Small tablets"
     },
     {
+      "key": "{semantic.container-size.height.md}",
       "value": "{\"min\":\"505px\",\"max\":\"678px\"}",
       "type": "dimension",
       "description": "Small laptops",
@@ -1450,6 +1491,7 @@
         "description": "Small laptops",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.height.md}",
         "name": "calcite-semantic-container-size-height-md",
         "path": ["semantic", "container-size", "height", "md"],
         "comment": "Small laptops",
@@ -1470,10 +1512,10 @@
       "isSource": true,
       "name": "Container Size Height Md",
       "path": ["semantic", "container-size", "height", "md"],
-      "comment": "Small laptops",
-      "key": "{semantic.container-size.height.md}"
+      "comment": "Small laptops"
     },
     {
+      "key": "{semantic.container-size.height.lg}",
       "value": "{\"min\":\"679px\",\"max\":\"854px\"}",
       "type": "dimension",
       "description": "Large laptops and desktop computers",
@@ -1489,6 +1531,7 @@
         "description": "Large laptops and desktop computers",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.height.lg}",
         "name": "calcite-semantic-container-size-height-lg",
         "path": ["semantic", "container-size", "height", "lg"],
         "comment": "Large laptops and desktop computers",
@@ -1509,10 +1552,10 @@
       "isSource": true,
       "name": "Container Size Height Lg",
       "path": ["semantic", "container-size", "height", "lg"],
-      "comment": "Large laptops and desktop computers",
-      "key": "{semantic.container-size.height.lg}"
+      "comment": "Large laptops and desktop computers"
     },
     {
+      "key": "{semantic.container-size.height.xl}",
       "value": "{\"min\":\"855px\"}",
       "type": "dimension",
       "description": "Projectors and televisions",
@@ -1527,6 +1570,7 @@
         "description": "Projectors and televisions",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.height.xl}",
         "name": "calcite-semantic-container-size-height-xl",
         "path": ["semantic", "container-size", "height", "xl"],
         "comment": "Projectors and televisions",
@@ -1547,10 +1591,10 @@
       "isSource": true,
       "name": "Container Size Height Xl",
       "path": ["semantic", "container-size", "height", "xl"],
-      "comment": "Projectors and televisions",
-      "key": "{semantic.container-size.height.xl}"
+      "comment": "Projectors and televisions"
     },
     {
+      "key": "{semantic.container-size.width.xxs}",
       "value": "{\"min\":\"0\",\"max\":\"320px\"}",
       "type": "dimension",
       "description": "Small handheld devices and mini-windows",
@@ -1560,12 +1604,13 @@
         "item": "width",
         "subitem": "xxs",
         "value": {
-          "min": 0,
+          "min": "0",
           "max": "320px"
         },
         "description": "Small handheld devices and mini-windows",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.width.xxs}",
         "name": "calcite-semantic-container-size-width-xxs",
         "path": ["semantic", "container-size", "width", "xxs"],
         "comment": "Small handheld devices and mini-windows",
@@ -1586,10 +1631,10 @@
       "isSource": true,
       "name": "Container Size Width Xxs",
       "path": ["semantic", "container-size", "width", "xxs"],
-      "comment": "Small handheld devices and mini-windows",
-      "key": "{semantic.container-size.width.xxs}"
+      "comment": "Small handheld devices and mini-windows"
     },
     {
+      "key": "{semantic.container-size.width.xs}",
       "value": "{\"min\":\"321px\",\"max\":\"476px\"}",
       "type": "dimension",
       "description": "Handheld devices",
@@ -1605,6 +1650,7 @@
         "description": "Handheld devices",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.width.xs}",
         "name": "calcite-semantic-container-size-width-xs",
         "path": ["semantic", "container-size", "width", "xs"],
         "comment": "Handheld devices",
@@ -1625,10 +1671,10 @@
       "isSource": true,
       "name": "Container Size Width Xs",
       "path": ["semantic", "container-size", "width", "xs"],
-      "comment": "Handheld devices",
-      "key": "{semantic.container-size.width.xs}"
+      "comment": "Handheld devices"
     },
     {
+      "key": "{semantic.container-size.width.sm}",
       "value": "{\"min\":\"477px\",\"max\":\"768px\"}",
       "type": "dimension",
       "description": "Small tablets",
@@ -1644,6 +1690,7 @@
         "description": "Small tablets",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.width.sm}",
         "name": "calcite-semantic-container-size-width-sm",
         "path": ["semantic", "container-size", "width", "sm"],
         "comment": "Small tablets",
@@ -1664,10 +1711,10 @@
       "isSource": true,
       "name": "Container Size Width Sm",
       "path": ["semantic", "container-size", "width", "sm"],
-      "comment": "Small tablets",
-      "key": "{semantic.container-size.width.sm}"
+      "comment": "Small tablets"
     },
     {
+      "key": "{semantic.container-size.width.md}",
       "value": "{\"min\":\"769px\",\"max\":\"1152px\"}",
       "type": "dimension",
       "description": "Small laptops",
@@ -1683,6 +1730,7 @@
         "description": "Small laptops",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.width.md}",
         "name": "calcite-semantic-container-size-width-md",
         "path": ["semantic", "container-size", "width", "md"],
         "comment": "Small laptops",
@@ -1703,10 +1751,10 @@
       "isSource": true,
       "name": "Container Size Width Md",
       "path": ["semantic", "container-size", "width", "md"],
-      "comment": "Small laptops",
-      "key": "{semantic.container-size.width.md}"
+      "comment": "Small laptops"
     },
     {
+      "key": "{semantic.container-size.width.lg}",
       "value": "{\"min\":\"1153px\",\"max\":\"1440px\"}",
       "type": "dimension",
       "description": "Large laptops and desktop computers",
@@ -1722,6 +1770,7 @@
         "description": "Large laptops and desktop computers",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.width.lg}",
         "name": "calcite-semantic-container-size-width-lg",
         "path": ["semantic", "container-size", "width", "lg"],
         "comment": "Large laptops and desktop computers",
@@ -1742,10 +1791,10 @@
       "isSource": true,
       "name": "Container Size Width Lg",
       "path": ["semantic", "container-size", "width", "lg"],
-      "comment": "Large laptops and desktop computers",
-      "key": "{semantic.container-size.width.lg}"
+      "comment": "Large laptops and desktop computers"
     },
     {
+      "key": "{semantic.container-size.width.xl}",
       "value": "{\"min\":\"1441px\"}",
       "type": "dimension",
       "description": "Projectors and televisions",
@@ -1760,6 +1809,7 @@
         "description": "Projectors and televisions",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.width.xl}",
         "name": "calcite-semantic-container-size-width-xl",
         "path": ["semantic", "container-size", "width", "xl"],
         "comment": "Projectors and televisions",
@@ -1780,10 +1830,10 @@
       "isSource": true,
       "name": "Container Size Width Xl",
       "path": ["semantic", "container-size", "width", "xl"],
-      "comment": "Projectors and televisions",
-      "key": "{semantic.container-size.width.xl}"
+      "comment": "Projectors and televisions"
     },
     {
+      "key": "{semantic.container-size.margin}",
       "value": "24px",
       "type": "dimension",
       "attributes": {
@@ -1806,10 +1856,10 @@
       "filePath": "src/tokens/semantic/container-size.json",
       "isSource": true,
       "name": "Container Size Margin",
-      "path": ["semantic", "container-size", "margin"],
-      "key": "{semantic.container-size.margin}"
+      "path": ["semantic", "container-size", "margin"]
     },
     {
+      "key": "{semantic.container-size.gutter}",
       "value": "16px",
       "type": "dimension",
       "attributes": {
@@ -1832,10 +1882,10 @@
       "filePath": "src/tokens/semantic/container-size.json",
       "isSource": true,
       "name": "Container Size Gutter",
-      "path": ["semantic", "container-size", "gutter"],
-      "key": "{semantic.container-size.gutter}"
+      "path": ["semantic", "container-size", "gutter"]
     },
     {
+      "key": "{semantic.container-size.content.fluid}",
       "value": "100%",
       "type": "dimension",
       "description": "for fluid grid widths",
@@ -1848,6 +1898,7 @@
         "description": "for fluid grid widths",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.content.fluid}",
         "name": "calcite-semantic-container-size-content-fluid",
         "path": ["semantic", "container-size", "content", "fluid"],
         "comment": "for fluid grid widths",
@@ -1868,10 +1919,10 @@
       "isSource": true,
       "name": "Container Size Content Fluid",
       "path": ["semantic", "container-size", "content", "fluid"],
-      "comment": "for fluid grid widths",
-      "key": "{semantic.container-size.content.fluid}"
+      "comment": "for fluid grid widths"
     },
     {
+      "key": "{semantic.container-size.content.fixed}",
       "value": "1440px",
       "type": "dimension",
       "description": "only for lg breakpoint fixed grid width",
@@ -1884,6 +1935,7 @@
         "description": "only for lg breakpoint fixed grid width",
         "filePath": "src/tokens/semantic/container-size.json",
         "isSource": true,
+        "key": "{semantic.container-size.content.fixed}",
         "name": "calcite-semantic-container-size-content-fixed",
         "path": ["semantic", "container-size", "content", "fixed"],
         "comment": "only for lg breakpoint fixed grid width",
@@ -1904,10 +1956,10 @@
       "isSource": true,
       "name": "Container Size Content Fixed",
       "path": ["semantic", "container-size", "content", "fixed"],
-      "comment": "only for lg breakpoint fixed grid width",
-      "key": "{semantic.container-size.content.fixed}"
+      "comment": "only for lg breakpoint fixed grid width"
     },
     {
+      "key": "{semantic.corner.radius.default}",
       "value": "0",
       "type": "dimension",
       "attributes": {
@@ -1931,10 +1983,10 @@
       "filePath": "src/tokens/semantic/corner.json",
       "isSource": true,
       "name": "Corner Radius",
-      "path": ["semantic", "corner", "radius", "default"],
-      "key": "{semantic.corner.radius.default}"
+      "path": ["semantic", "corner", "radius", "default"]
     },
     {
+      "key": "{semantic.corner.radius.sharp}",
       "value": "0",
       "type": "dimension",
       "attributes": {
@@ -1943,12 +1995,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)",
@@ -1962,15 +2015,15 @@
           "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",
-      "key": "{semantic.corner.radius.sharp}"
+      "comment": "deprecated, use --calcite-corner-radius-none instead"
     },
     {
+      "key": "{semantic.corner.radius.none}",
       "value": "0",
       "type": "dimension",
       "attributes": {
@@ -1994,10 +2047,10 @@
       "filePath": "src/tokens/semantic/corner.json",
       "isSource": true,
       "name": "Corner Radius None",
-      "path": ["semantic", "corner", "radius", "none"],
-      "key": "{semantic.corner.radius.none}"
+      "path": ["semantic", "corner", "radius", "none"]
     },
     {
+      "key": "{semantic.corner.radius.xs}",
       "value": "2px",
       "type": "dimension",
       "attributes": {
@@ -2021,10 +2074,10 @@
       "filePath": "src/tokens/semantic/corner.json",
       "isSource": true,
       "name": "Corner Radius Xs",
-      "path": ["semantic", "corner", "radius", "xs"],
-      "key": "{semantic.corner.radius.xs}"
+      "path": ["semantic", "corner", "radius", "xs"]
     },
     {
+      "key": "{semantic.corner.radius.sm}",
       "value": "4px",
       "type": "dimension",
       "attributes": {
@@ -2048,10 +2101,10 @@
       "filePath": "src/tokens/semantic/corner.json",
       "isSource": true,
       "name": "Corner Radius Sm",
-      "path": ["semantic", "corner", "radius", "sm"],
-      "key": "{semantic.corner.radius.sm}"
+      "path": ["semantic", "corner", "radius", "sm"]
     },
     {
+      "key": "{semantic.corner.radius.round}",
       "value": "4px",
       "type": "dimension",
       "attributes": {
@@ -2063,6 +2116,7 @@
         "description": "deprecated, use --calcite-corner-radius-sm instead",
         "filePath": "src/tokens/semantic/corner.json",
         "isSource": true,
+        "key": "{semantic.corner.radius.round}",
         "name": "calcite-semantic-corner-radius-round",
         "path": ["semantic", "corner", "radius", "round"],
         "comment": "deprecated, use --calcite-corner-radius-sm instead",
@@ -2084,10 +2138,10 @@
       "isSource": true,
       "name": "Corner Radius Round",
       "path": ["semantic", "corner", "radius", "round"],
-      "comment": "deprecated, use --calcite-corner-radius-sm instead",
-      "key": "{semantic.corner.radius.round}"
+      "comment": "deprecated, use --calcite-corner-radius-sm instead"
     },
     {
+      "key": "{semantic.corner.radius.pill}",
       "value": "100%",
       "type": "dimension",
       "attributes": {
@@ -2112,23 +2166,23 @@
       "filePath": "src/tokens/semantic/corner.json",
       "isSource": true,
       "name": "Corner Radius Pill",
-      "path": ["semantic", "corner", "radius", "pill"],
-      "key": "{semantic.corner.radius.pill}"
+      "path": ["semantic", "corner", "radius", "pill"]
     },
     {
+      "key": "{semantic.font.family.default}",
       "value": "[\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"]",
       "type": "fontFamily",
-      "description": "Primary font with fallbacks",
       "attributes": {
         "group": "family",
         "category": "semantic",
         "type": "fontFamily",
         "item": "family",
         "subitem": "default",
-        "value": ["Avenir Next", "Avenir", "Helvetica Neue", "sans-serif"],
+        "value": "Avenir Next,Avenir,Helvetica Neue,sans-serif",
         "description": "Primary font with fallbacks",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.family.default}",
         "name": "calcite-semantic-font-family-default",
         "path": ["semantic", "font", "family", "default"],
         "comment": "Primary font with fallbacks",
@@ -2145,32 +2199,27 @@
           "type": "fontFamily"
         }
       },
+      "description": "Primary font with fallbacks",
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Family",
       "path": ["semantic", "font", "family", "default"],
-      "comment": "Primary font with fallbacks",
-      "key": "{semantic.font.family.default}"
+      "comment": "Primary font with fallbacks"
     },
     {
+      "key": "{semantic.font.family.code}",
       "value": "[\"Monaco\",\"Consolas\",\"Andale Mono\",\"Lucida Console\",\"monospace\"]",
       "type": "fontFamily",
-      "description": "Font family for code with fallbacks",
       "attributes": {
         "category": "font",
         "type": "fontFamily",
         "item": "family",
         "subitem": "code",
-        "value": [
-          "Monaco",
-          "Consolas",
-          "Andale Mono",
-          "Lucida Console",
-          "monospace"
-        ],
+        "value": "Monaco,Consolas,Andale Mono,Lucida Console,monospace",
         "description": "Font family for code with fallbacks",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.family.code}",
         "name": "calcite-semantic-font-family-code",
         "path": ["semantic", "font", "family", "code"],
         "comment": "Font family for code with fallbacks",
@@ -2187,17 +2236,17 @@
           "type": "fontFamily"
         }
       },
+      "description": "Font family for code with fallbacks",
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Family Code",
       "path": ["semantic", "font", "family", "code"],
-      "comment": "Font family for code with fallbacks",
-      "key": "{semantic.font.family.code}"
+      "comment": "Font family for code with fallbacks"
     },
     {
+      "key": "{semantic.font.weight.light}",
       "value": "300",
       "type": "fontWeight",
-      "description": "For Avenir Next World (secondary font family)",
       "attributes": {
         "category": "font",
         "type": "fontWeight",
@@ -2207,6 +2256,7 @@
         "description": "For Avenir Next World (secondary font family)",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.weight.light}",
         "name": "calcite-semantic-font-weight-light",
         "path": ["semantic", "font", "weight", "light"],
         "comment": "For Avenir Next World (secondary font family)",
@@ -2223,17 +2273,17 @@
           "type": "fontWeight"
         }
       },
+      "description": "For Avenir Next World (secondary font family)",
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Weight Light",
       "path": ["semantic", "font", "weight", "light"],
-      "comment": "For Avenir Next World (secondary font family)",
-      "key": "{semantic.font.weight.light}"
+      "comment": "For Avenir Next World (secondary font family)"
     },
     {
+      "key": "{semantic.font.weight.normal}",
       "value": "400",
       "type": "fontWeight",
-      "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"",
       "extensions": {
         "calcite.deprecated": true
       },
@@ -2243,12 +2293,13 @@
         "item": "weight",
         "subitem": "normal",
         "value": "400",
-        "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"",
         "extensions": {
           "calcite.deprecated": true
         },
+        "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.weight.normal}",
         "name": "calcite-semantic-font-weight-normal",
         "path": ["semantic", "font", "weight", "normal"],
         "comment": "For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"",
@@ -2265,14 +2316,15 @@
           "type": "fontWeight"
         }
       },
+      "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"",
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Weight Normal",
       "path": ["semantic", "font", "weight", "normal"],
-      "comment": "For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"",
-      "key": "{semantic.font.weight.normal}"
+      "comment": "For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\""
     },
     {
+      "key": "{semantic.font.weight.regular}",
       "value": "400",
       "type": "fontWeight",
       "attributes": {
@@ -2296,10 +2348,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Weight Regular",
-      "path": ["semantic", "font", "weight", "regular"],
-      "key": "{semantic.font.weight.regular}"
+      "path": ["semantic", "font", "weight", "regular"]
     },
     {
+      "key": "{semantic.font.weight.medium}",
       "value": "500",
       "type": "fontWeight",
       "attributes": {
@@ -2323,10 +2375,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Weight Medium",
-      "path": ["semantic", "font", "weight", "medium"],
-      "key": "{semantic.font.weight.medium}"
+      "path": ["semantic", "font", "weight", "medium"]
     },
     {
+      "key": "{semantic.font.weight.semibold}",
       "value": "600",
       "type": "fontWeight",
       "attributes": {
@@ -2350,10 +2402,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Weight Semibold",
-      "path": ["semantic", "font", "weight", "semibold"],
-      "key": "{semantic.font.weight.semibold}"
+      "path": ["semantic", "font", "weight", "semibold"]
     },
     {
+      "key": "{semantic.font.weight.bold}",
       "value": "600",
       "type": "fontWeight",
       "attributes": {
@@ -2377,10 +2429,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Weight Bold",
-      "path": ["semantic", "font", "weight", "bold"],
-      "key": "{semantic.font.weight.bold}"
+      "path": ["semantic", "font", "weight", "bold"]
     },
     {
+      "key": "{semantic.font.size.xs}",
       "value": "10px",
       "type": "fontSize",
       "attributes": {
@@ -2404,10 +2456,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Size Xs",
-      "path": ["semantic", "font", "size", "xs"],
-      "key": "{semantic.font.size.xs}"
+      "path": ["semantic", "font", "size", "xs"]
     },
     {
+      "key": "{semantic.font.size.sm}",
       "value": "12px",
       "type": "fontSize",
       "attributes": {
@@ -2431,10 +2483,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Size Sm",
-      "path": ["semantic", "font", "size", "sm"],
-      "key": "{semantic.font.size.sm}"
+      "path": ["semantic", "font", "size", "sm"]
     },
     {
+      "key": "{semantic.font.size.default}",
       "value": "14px",
       "type": "fontSize",
       "attributes": {
@@ -2458,10 +2510,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Size",
-      "path": ["semantic", "font", "size", "default"],
-      "key": "{semantic.font.size.default}"
+      "path": ["semantic", "font", "size", "default"]
     },
     {
+      "key": "{semantic.font.size.md}",
       "value": "16px",
       "type": "fontSize",
       "attributes": {
@@ -2485,10 +2537,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Size Md",
-      "path": ["semantic", "font", "size", "md"],
-      "key": "{semantic.font.size.md}"
+      "path": ["semantic", "font", "size", "md"]
     },
     {
+      "key": "{semantic.font.size.lg}",
       "value": "18px",
       "type": "fontSize",
       "attributes": {
@@ -2512,10 +2564,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Size Lg",
-      "path": ["semantic", "font", "size", "lg"],
-      "key": "{semantic.font.size.lg}"
+      "path": ["semantic", "font", "size", "lg"]
     },
     {
+      "key": "{semantic.font.size.xl}",
       "value": "20px",
       "type": "fontSize",
       "attributes": {
@@ -2539,10 +2591,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Size Xl",
-      "path": ["semantic", "font", "size", "xl"],
-      "key": "{semantic.font.size.xl}"
+      "path": ["semantic", "font", "size", "xl"]
     },
     {
+      "key": "{semantic.font.size.xxl}",
       "value": "24px",
       "type": "fontSize",
       "attributes": {
@@ -2566,10 +2618,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Size Xxl",
-      "path": ["semantic", "font", "size", "xxl"],
-      "key": "{semantic.font.size.xxl}"
+      "path": ["semantic", "font", "size", "xxl"]
     },
     {
+      "key": "{semantic.font.style.emphasis}",
       "value": "italic",
       "type": "fontStyle",
       "description": "used in ratings",
@@ -2582,6 +2634,7 @@
         "description": "used in ratings",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.style.emphasis}",
         "name": "calcite-semantic-font-style-emphasis",
         "path": ["semantic", "font", "style", "emphasis"],
         "comment": "used in ratings",
@@ -2602,10 +2655,10 @@
       "isSource": true,
       "name": "Font Style Emphasis",
       "path": ["semantic", "font", "style", "emphasis"],
-      "comment": "used in ratings",
-      "key": "{semantic.font.style.emphasis}"
+      "comment": "used in ratings"
     },
     {
+      "key": "{semantic.font.line-height.fixed.sm}",
       "value": "12px",
       "type": "lineHeight",
       "attributes": {
@@ -2630,10 +2683,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Line Height Fixed Sm",
-      "path": ["semantic", "font", "line-height", "fixed", "sm"],
-      "key": "{semantic.font.line-height.fixed.sm}"
+      "path": ["semantic", "font", "line-height", "fixed", "sm"]
     },
     {
+      "key": "{semantic.font.line-height.fixed.base}",
       "value": "16px",
       "type": "lineHeight",
       "attributes": {
@@ -2658,10 +2711,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Line Height Fixed Base",
-      "path": ["semantic", "font", "line-height", "fixed", "base"],
-      "key": "{semantic.font.line-height.fixed.base}"
+      "path": ["semantic", "font", "line-height", "fixed", "base"]
     },
     {
+      "key": "{semantic.font.line-height.fixed.lg}",
       "value": "20px",
       "type": "lineHeight",
       "attributes": {
@@ -2686,10 +2739,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Line Height Fixed Lg",
-      "path": ["semantic", "font", "line-height", "fixed", "lg"],
-      "key": "{semantic.font.line-height.fixed.lg}"
+      "path": ["semantic", "font", "line-height", "fixed", "lg"]
     },
     {
+      "key": "{semantic.font.line-height.fixed.xl}",
       "value": "24px",
       "type": "lineHeight",
       "attributes": {
@@ -2714,10 +2767,10 @@
       "filePath": "src/tokens/semantic/font.json",
       "isSource": true,
       "name": "Font Line Height Fixed Xl",
-      "path": ["semantic", "font", "line-height", "fixed", "xl"],
-      "key": "{semantic.font.line-height.fixed.xl}"
+      "path": ["semantic", "font", "line-height", "fixed", "xl"]
     },
     {
+      "key": "{semantic.font.line-height.relative.default}",
       "value": "auto",
       "type": "lineHeight",
       "description": "1",
@@ -2731,6 +2784,7 @@
         "description": "1",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.line-height.relative.default}",
         "name": "calcite-semantic-font-line-height-relative-default",
         "path": ["semantic", "font", "line-height", "relative", "default"],
         "comment": "1",
@@ -2751,10 +2805,10 @@
       "isSource": true,
       "name": "Font Line Height Relative",
       "path": ["semantic", "font", "line-height", "relative", "default"],
-      "comment": "1",
-      "key": "{semantic.font.line-height.relative.default}"
+      "comment": "1"
     },
     {
+      "key": "{semantic.font.line-height.relative.tight}",
       "value": "1.25",
       "type": "lineHeight",
       "description": "1.25",
@@ -2768,6 +2822,7 @@
         "description": "1.25",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.line-height.relative.tight}",
         "name": "calcite-semantic-font-line-height-relative-tight",
         "path": ["semantic", "font", "line-height", "relative", "tight"],
         "comment": "1.25",
@@ -2788,10 +2843,10 @@
       "isSource": true,
       "name": "Font Line Height Relative Tight",
       "path": ["semantic", "font", "line-height", "relative", "tight"],
-      "comment": "1.25",
-      "key": "{semantic.font.line-height.relative.tight}"
+      "comment": "1.25"
     },
     {
+      "key": "{semantic.font.line-height.relative.snug}",
       "value": "1.375",
       "type": "lineHeight",
       "description": "1.375",
@@ -2805,6 +2860,7 @@
         "description": "1.375",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.line-height.relative.snug}",
         "name": "calcite-semantic-font-line-height-relative-snug",
         "path": ["semantic", "font", "line-height", "relative", "snug"],
         "comment": "1.375",
@@ -2825,10 +2881,10 @@
       "isSource": true,
       "name": "Font Line Height Relative Snug",
       "path": ["semantic", "font", "line-height", "relative", "snug"],
-      "comment": "1.375",
-      "key": "{semantic.font.line-height.relative.snug}"
+      "comment": "1.375"
     },
     {
+      "key": "{semantic.font.line-height.relative.normal}",
       "value": "1.5",
       "type": "lineHeight",
       "description": "1.5",
@@ -2842,6 +2898,7 @@
         "description": "1.5",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.line-height.relative.normal}",
         "name": "calcite-semantic-font-line-height-relative-normal",
         "path": ["semantic", "font", "line-height", "relative", "normal"],
         "comment": "1.5",
@@ -2862,10 +2919,10 @@
       "isSource": true,
       "name": "Font Line Height Relative Normal",
       "path": ["semantic", "font", "line-height", "relative", "normal"],
-      "comment": "1.5",
-      "key": "{semantic.font.line-height.relative.normal}"
+      "comment": "1.5"
     },
     {
+      "key": "{semantic.font.line-height.relative.relaxed}",
       "value": "1.625",
       "type": "lineHeight",
       "description": "1.625",
@@ -2879,6 +2936,7 @@
         "description": "1.625",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.line-height.relative.relaxed}",
         "name": "calcite-semantic-font-line-height-relative-relaxed",
         "path": ["semantic", "font", "line-height", "relative", "relaxed"],
         "comment": "1.625",
@@ -2899,10 +2957,10 @@
       "isSource": true,
       "name": "Font Line Height Relative Relaxed",
       "path": ["semantic", "font", "line-height", "relative", "relaxed"],
-      "comment": "1.625",
-      "key": "{semantic.font.line-height.relative.relaxed}"
+      "comment": "1.625"
     },
     {
+      "key": "{semantic.font.line-height.relative.loose}",
       "value": "2",
       "type": "lineHeight",
       "description": "2",
@@ -2916,6 +2974,7 @@
         "description": "2",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.line-height.relative.loose}",
         "name": "calcite-semantic-font-line-height-relative-loose",
         "path": ["semantic", "font", "line-height", "relative", "loose"],
         "comment": "2",
@@ -2936,10 +2995,10 @@
       "isSource": true,
       "name": "Font Line Height Relative Loose",
       "path": ["semantic", "font", "line-height", "relative", "loose"],
-      "comment": "2",
-      "key": "{semantic.font.line-height.relative.loose}"
+      "comment": "2"
     },
     {
+      "key": "{semantic.font.letter-spacing.tight}",
       "value": "-0.4px",
       "type": "dimension",
       "description": "Deprecated",
@@ -2952,6 +3011,7 @@
         "description": "Deprecated",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.letter-spacing.tight}",
         "name": "calcite-semantic-font-letter-spacing-tight",
         "path": ["semantic", "font", "letter-spacing", "tight"],
         "comment": "Deprecated",
@@ -2972,10 +3032,10 @@
       "isSource": true,
       "name": "Font Letter Spacing Tight",
       "path": ["semantic", "font", "letter-spacing", "tight"],
-      "comment": "Deprecated",
-      "key": "{semantic.font.letter-spacing.tight}"
+      "comment": "Deprecated"
     },
     {
+      "key": "{semantic.font.letter-spacing.normal}",
       "value": "0",
       "type": "dimension",
       "description": "Deprecated",
@@ -2988,6 +3048,7 @@
         "description": "Deprecated",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.letter-spacing.normal}",
         "name": "calcite-semantic-font-letter-spacing-normal",
         "path": ["semantic", "font", "letter-spacing", "normal"],
         "comment": "Deprecated",
@@ -3008,10 +3069,10 @@
       "isSource": true,
       "name": "Font Letter Spacing Normal",
       "path": ["semantic", "font", "letter-spacing", "normal"],
-      "comment": "Deprecated",
-      "key": "{semantic.font.letter-spacing.normal}"
+      "comment": "Deprecated"
     },
     {
+      "key": "{semantic.font.letter-spacing.wide}",
       "value": "0.4px",
       "type": "dimension",
       "description": "Deprecated",
@@ -3024,6 +3085,7 @@
         "description": "Deprecated",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.letter-spacing.wide}",
         "name": "calcite-semantic-font-letter-spacing-wide",
         "path": ["semantic", "font", "letter-spacing", "wide"],
         "comment": "Deprecated",
@@ -3044,10 +3106,10 @@
       "isSource": true,
       "name": "Font Letter Spacing Wide",
       "path": ["semantic", "font", "letter-spacing", "wide"],
-      "comment": "Deprecated",
-      "key": "{semantic.font.letter-spacing.wide}"
+      "comment": "Deprecated"
     },
     {
+      "key": "{semantic.font.paragraph-spacing.normal}",
       "value": "4px",
       "type": "dimension",
       "description": "Deprecated",
@@ -3060,6 +3122,7 @@
         "description": "Deprecated",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.paragraph-spacing.normal}",
         "name": "calcite-semantic-font-paragraph-spacing-normal",
         "path": ["semantic", "font", "paragraph-spacing", "normal"],
         "comment": "Deprecated",
@@ -3080,10 +3143,10 @@
       "isSource": true,
       "name": "Font Paragraph Spacing Normal",
       "path": ["semantic", "font", "paragraph-spacing", "normal"],
-      "comment": "Deprecated",
-      "key": "{semantic.font.paragraph-spacing.normal}"
+      "comment": "Deprecated"
     },
     {
+      "key": "{semantic.font.text-decoration.none}",
       "value": "none",
       "type": "textDecoration",
       "description": "Deprecated",
@@ -3096,6 +3159,7 @@
         "description": "Deprecated",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.text-decoration.none}",
         "name": "calcite-semantic-font-text-decoration-none",
         "path": ["semantic", "font", "text-decoration", "none"],
         "comment": "Deprecated",
@@ -3116,10 +3180,10 @@
       "isSource": true,
       "name": "Font Text Decoration None",
       "path": ["semantic", "font", "text-decoration", "none"],
-      "comment": "Deprecated",
-      "key": "{semantic.font.text-decoration.none}"
+      "comment": "Deprecated"
     },
     {
+      "key": "{semantic.font.text-decoration.underline}",
       "value": "underline",
       "type": "textDecoration",
       "description": "Deprecated",
@@ -3132,6 +3196,7 @@
         "description": "Deprecated",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.text-decoration.underline}",
         "name": "calcite-semantic-font-text-decoration-underline",
         "path": ["semantic", "font", "text-decoration", "underline"],
         "comment": "Deprecated",
@@ -3152,10 +3217,10 @@
       "isSource": true,
       "name": "Font Text Decoration Underline",
       "path": ["semantic", "font", "text-decoration", "underline"],
-      "comment": "Deprecated",
-      "key": "{semantic.font.text-decoration.underline}"
+      "comment": "Deprecated"
     },
     {
+      "key": "{semantic.font.text-case.none}",
       "value": "none",
       "type": "textCase",
       "description": "Deprecated",
@@ -3168,6 +3233,7 @@
         "description": "Deprecated",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.text-case.none}",
         "name": "calcite-semantic-font-text-case-none",
         "path": ["semantic", "font", "text-case", "none"],
         "comment": "Deprecated",
@@ -3188,10 +3254,10 @@
       "isSource": true,
       "name": "Font Text Case None",
       "path": ["semantic", "font", "text-case", "none"],
-      "comment": "Deprecated",
-      "key": "{semantic.font.text-case.none}"
+      "comment": "Deprecated"
     },
     {
+      "key": "{semantic.font.text-case.uppercase}",
       "value": "uppercase",
       "type": "textCase",
       "description": "Deprecated",
@@ -3204,6 +3270,7 @@
         "description": "Deprecated",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.text-case.uppercase}",
         "name": "calcite-semantic-font-text-case-uppercase",
         "path": ["semantic", "font", "text-case", "uppercase"],
         "comment": "Deprecated",
@@ -3224,10 +3291,10 @@
       "isSource": true,
       "name": "Font Text Case Uppercase",
       "path": ["semantic", "font", "text-case", "uppercase"],
-      "comment": "Deprecated",
-      "key": "{semantic.font.text-case.uppercase}"
+      "comment": "Deprecated"
     },
     {
+      "key": "{semantic.font.text-case.lowercase}",
       "value": "lowercase",
       "type": "textCase",
       "description": "Deprecated",
@@ -3240,6 +3307,7 @@
         "description": "Deprecated",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.text-case.lowercase}",
         "name": "calcite-semantic-font-text-case-lowercase",
         "path": ["semantic", "font", "text-case", "lowercase"],
         "comment": "Deprecated",
@@ -3260,10 +3328,10 @@
       "isSource": true,
       "name": "Font Text Case Lowercase",
       "path": ["semantic", "font", "text-case", "lowercase"],
-      "comment": "Deprecated",
-      "key": "{semantic.font.text-case.lowercase}"
+      "comment": "Deprecated"
     },
     {
+      "key": "{semantic.font.text-case.capitalize}",
       "value": "capitalize",
       "type": "textCase",
       "description": "Deprecated",
@@ -3276,6 +3344,7 @@
         "description": "Deprecated",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
+        "key": "{semantic.font.text-case.capitalize}",
         "name": "calcite-semantic-font-text-case-capitalize",
         "path": ["semantic", "font", "text-case", "capitalize"],
         "comment": "Deprecated",
@@ -3296,10 +3365,10 @@
       "isSource": true,
       "name": "Font Text Case Capitalize",
       "path": ["semantic", "font", "text-case", "capitalize"],
-      "comment": "Deprecated",
-      "key": "{semantic.font.text-case.capitalize}"
+      "comment": "Deprecated"
     },
     {
+      "key": "{semantic.opacity.light}",
       "value": "0.4",
       "type": "opacity",
       "attributes": {
@@ -3322,10 +3391,10 @@
       "filePath": "src/tokens/semantic/opacity.json",
       "isSource": true,
       "name": "Opacity Light",
-      "path": ["semantic", "opacity", "light"],
-      "key": "{semantic.opacity.light}"
+      "path": ["semantic", "opacity", "light"]
     },
     {
+      "key": "{semantic.opacity.half}",
       "value": "0.5",
       "type": "opacity",
       "attributes": {
@@ -3348,10 +3417,10 @@
       "filePath": "src/tokens/semantic/opacity.json",
       "isSource": true,
       "name": "Opacity Half",
-      "path": ["semantic", "opacity", "half"],
-      "key": "{semantic.opacity.half}"
+      "path": ["semantic", "opacity", "half"]
     },
     {
+      "key": "{semantic.opacity.dark}",
       "value": "0.85",
       "type": "opacity",
       "attributes": {
@@ -3374,10 +3443,10 @@
       "filePath": "src/tokens/semantic/opacity.json",
       "isSource": true,
       "name": "Opacity Dark",
-      "path": ["semantic", "opacity", "dark"],
-      "key": "{semantic.opacity.dark}"
+      "path": ["semantic", "opacity", "dark"]
     },
     {
+      "key": "{semantic.opacity.full}",
       "value": "1",
       "type": "opacity",
       "attributes": {
@@ -3400,10 +3469,10 @@
       "filePath": "src/tokens/semantic/opacity.json",
       "isSource": true,
       "name": "Opacity Full",
-      "path": ["semantic", "opacity", "full"],
-      "key": "{semantic.opacity.full}"
+      "path": ["semantic", "opacity", "full"]
     },
     {
+      "key": "{semantic.opacity.disabled}",
       "value": "0.5",
       "type": "opacity",
       "attributes": {
@@ -3426,10 +3495,10 @@
       "filePath": "src/tokens/semantic/opacity.json",
       "isSource": true,
       "name": "Opacity Disabled",
-      "path": ["semantic", "opacity", "disabled"],
-      "key": "{semantic.opacity.disabled}"
+      "path": ["semantic", "opacity", "disabled"]
     },
     {
+      "key": "{semantic.shadow.none}",
       "value": "{\"blur\":\"0\",\"spread\":\"0\",\"color\":\"rgba(0, 0, 0, 0)\",\"x\":\"0\",\"y\":\"0\"}",
       "type": "shadow",
       "attributes": {
@@ -3452,10 +3521,10 @@
       "filePath": "src/tokens/semantic/shadow.json",
       "isSource": true,
       "name": "Shadow None",
-      "path": ["semantic", "shadow", "none"],
-      "key": "{semantic.shadow.none}"
+      "path": ["semantic", "shadow", "none"]
     },
     {
+      "key": "{semantic.shadow.sm}",
       "value": "[{\"blur\":\"8px\",\"spread\":\"0\",\"color\":\"rgba(0, 0, 0, 0.04)\",\"x\":\"0\",\"y\":\"2px\"},{\"blur\":\"16px\",\"spread\":\"0\",\"color\":\"rgba(0, 0, 0, 0.08)\",\"x\":\"0\",\"y\":\"4px\"}]",
       "type": "shadow",
       "attributes": {
@@ -3478,10 +3547,10 @@
       "filePath": "src/tokens/semantic/shadow.json",
       "isSource": true,
       "name": "Shadow Sm",
-      "path": ["semantic", "shadow", "sm"],
-      "key": "{semantic.shadow.sm}"
+      "path": ["semantic", "shadow", "sm"]
     },
     {
+      "key": "{semantic.shadow.md}",
       "value": "[{\"blur\":\"20px\",\"spread\":\"0\",\"color\":\"rgba(0, 0, 0, 0.08)\",\"x\":\"0\",\"y\":\"4px\"},{\"blur\":\"32px\",\"spread\":\"-2px\",\"color\":\"rgba(0, 0, 0, 0.1)\",\"x\":\"0\",\"y\":\"12px\"}]",
       "type": "shadow",
       "attributes": {
@@ -3504,13 +3573,12 @@
       "filePath": "src/tokens/semantic/shadow.json",
       "isSource": true,
       "name": "Shadow Md",
-      "path": ["semantic", "shadow", "md"],
-      "key": "{semantic.shadow.md}"
+      "path": ["semantic", "shadow", "md"]
     },
     {
+      "key": "{semantic.size.fixed.xxxs}",
       "value": "2px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "size",
         "type": "dimension",
@@ -3520,6 +3588,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/size.json",
         "isSource": true,
+        "key": "{semantic.size.fixed.xxxs}",
         "name": "calcite-semantic-size-fixed-xxxs",
         "path": ["semantic", "size", "fixed", "xxxs"],
         "comment": "deprecated",
@@ -3536,17 +3605,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Fixed Xxxs",
       "path": ["semantic", "size", "fixed", "xxxs"],
-      "comment": "deprecated",
-      "key": "{semantic.size.fixed.xxxs}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.size.fixed.xxs}",
       "value": "4px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "size",
         "type": "dimension",
@@ -3556,6 +3625,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/size.json",
         "isSource": true,
+        "key": "{semantic.size.fixed.xxs}",
         "name": "calcite-semantic-size-fixed-xxs",
         "path": ["semantic", "size", "fixed", "xxs"],
         "comment": "deprecated",
@@ -3572,17 +3642,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Fixed Xxs",
       "path": ["semantic", "size", "fixed", "xxs"],
-      "comment": "deprecated",
-      "key": "{semantic.size.fixed.xxs}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.size.fixed.xs}",
       "value": "6px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "size",
         "type": "dimension",
@@ -3592,6 +3662,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/size.json",
         "isSource": true,
+        "key": "{semantic.size.fixed.xs}",
         "name": "calcite-semantic-size-fixed-xs",
         "path": ["semantic", "size", "fixed", "xs"],
         "comment": "deprecated",
@@ -3608,17 +3679,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Fixed Xs",
       "path": ["semantic", "size", "fixed", "xs"],
-      "comment": "deprecated",
-      "key": "{semantic.size.fixed.xs}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.size.fixed.sm}",
       "value": "8px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "size",
         "type": "dimension",
@@ -3628,6 +3699,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/size.json",
         "isSource": true,
+        "key": "{semantic.size.fixed.sm}",
         "name": "calcite-semantic-size-fixed-sm",
         "path": ["semantic", "size", "fixed", "sm"],
         "comment": "deprecated",
@@ -3644,17 +3716,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Fixed Sm",
       "path": ["semantic", "size", "fixed", "sm"],
-      "comment": "deprecated",
-      "key": "{semantic.size.fixed.sm}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.size.fixed.sm+}",
       "value": "10px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "size",
         "type": "dimension",
@@ -3664,6 +3736,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/size.json",
         "isSource": true,
+        "key": "{semantic.size.fixed.sm+}",
         "name": "calcite-semantic-size-fixed-sm",
         "path": ["semantic", "size", "fixed", "sm+"],
         "comment": "deprecated",
@@ -3680,17 +3753,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Fixed Sm Plus",
       "path": ["semantic", "size", "fixed", "sm+"],
-      "comment": "deprecated",
-      "key": "{semantic.size.fixed.sm+}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.size.fixed.md}",
       "value": "12px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "size",
         "type": "dimension",
@@ -3700,6 +3773,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/size.json",
         "isSource": true,
+        "key": "{semantic.size.fixed.md}",
         "name": "calcite-semantic-size-fixed-md",
         "path": ["semantic", "size", "fixed", "md"],
         "comment": "deprecated",
@@ -3716,17 +3790,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Fixed Md",
       "path": ["semantic", "size", "fixed", "md"],
-      "comment": "deprecated",
-      "key": "{semantic.size.fixed.md}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.size.fixed.md+}",
       "value": "14px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "size",
         "type": "dimension",
@@ -3736,6 +3810,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/size.json",
         "isSource": true,
+        "key": "{semantic.size.fixed.md+}",
         "name": "calcite-semantic-size-fixed-md",
         "path": ["semantic", "size", "fixed", "md+"],
         "comment": "deprecated",
@@ -3752,17 +3827,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Fixed Md Plus",
       "path": ["semantic", "size", "fixed", "md+"],
-      "comment": "deprecated",
-      "key": "{semantic.size.fixed.md+}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.size.fixed.lg}",
       "value": "16px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "size",
         "type": "dimension",
@@ -3772,6 +3847,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/size.json",
         "isSource": true,
+        "key": "{semantic.size.fixed.lg}",
         "name": "calcite-semantic-size-fixed-lg",
         "path": ["semantic", "size", "fixed", "lg"],
         "comment": "deprecated",
@@ -3788,17 +3864,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Fixed Lg",
       "path": ["semantic", "size", "fixed", "lg"],
-      "comment": "deprecated",
-      "key": "{semantic.size.fixed.lg}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.size.fixed.xl}",
       "value": "20px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "size",
         "type": "dimension",
@@ -3808,6 +3884,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/size.json",
         "isSource": true,
+        "key": "{semantic.size.fixed.xl}",
         "name": "calcite-semantic-size-fixed-xl",
         "path": ["semantic", "size", "fixed", "xl"],
         "comment": "deprecated",
@@ -3824,17 +3901,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Fixed Xl",
       "path": ["semantic", "size", "fixed", "xl"],
-      "comment": "deprecated",
-      "key": "{semantic.size.fixed.xl}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.size.fixed.xxl}",
       "value": "24px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "size",
         "type": "dimension",
@@ -3844,6 +3921,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/size.json",
         "isSource": true,
+        "key": "{semantic.size.fixed.xxl}",
         "name": "calcite-semantic-size-fixed-xxl",
         "path": ["semantic", "size", "fixed", "xxl"],
         "comment": "deprecated",
@@ -3860,17 +3938,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Fixed Xxl",
       "path": ["semantic", "size", "fixed", "xxl"],
-      "comment": "deprecated",
-      "key": "{semantic.size.fixed.xxl}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.size.fixed.xxxl}",
       "value": "32px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "size",
         "type": "dimension",
@@ -3880,6 +3958,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/size.json",
         "isSource": true,
+        "key": "{semantic.size.fixed.xxxl}",
         "name": "calcite-semantic-size-fixed-xxxl",
         "path": ["semantic", "size", "fixed", "xxxl"],
         "comment": "deprecated",
@@ -3896,14 +3975,15 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Fixed Xxxl",
       "path": ["semantic", "size", "fixed", "xxxl"],
-      "comment": "deprecated",
-      "key": "{semantic.size.fixed.xxxl}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.size.default.px}",
       "value": "1px",
       "type": "dimension",
       "attributes": {
@@ -3927,10 +4007,10 @@
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Px",
-      "path": ["semantic", "size", "default", "px"],
-      "key": "{semantic.size.default.px}"
+      "path": ["semantic", "size", "default", "px"]
     },
     {
+      "key": "{semantic.size.default.xxxs}",
       "value": "0.75rem",
       "type": "dimension",
       "attributes": {
@@ -3954,10 +4034,10 @@
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Xxxs",
-      "path": ["semantic", "size", "default", "xxxs"],
-      "key": "{semantic.size.default.xxxs}"
+      "path": ["semantic", "size", "default", "xxxs"]
     },
     {
+      "key": "{semantic.size.default.xxs}",
       "value": "0.875rem",
       "type": "dimension",
       "attributes": {
@@ -3981,10 +4061,10 @@
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Xxs",
-      "path": ["semantic", "size", "default", "xxs"],
-      "key": "{semantic.size.default.xxs}"
+      "path": ["semantic", "size", "default", "xxs"]
     },
     {
+      "key": "{semantic.size.default.xs}",
       "value": "1rem",
       "type": "dimension",
       "attributes": {
@@ -4008,10 +4088,10 @@
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Xs",
-      "path": ["semantic", "size", "default", "xs"],
-      "key": "{semantic.size.default.xs}"
+      "path": ["semantic", "size", "default", "xs"]
     },
     {
+      "key": "{semantic.size.default.sm}",
       "value": "1.5rem",
       "type": "dimension",
       "attributes": {
@@ -4035,10 +4115,10 @@
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Sm",
-      "path": ["semantic", "size", "default", "sm"],
-      "key": "{semantic.size.default.sm}"
+      "path": ["semantic", "size", "default", "sm"]
     },
     {
+      "key": "{semantic.size.default.md}",
       "value": "2rem",
       "type": "dimension",
       "attributes": {
@@ -4062,10 +4142,10 @@
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Md",
-      "path": ["semantic", "size", "default", "md"],
-      "key": "{semantic.size.default.md}"
+      "path": ["semantic", "size", "default", "md"]
     },
     {
+      "key": "{semantic.size.default.lg}",
       "value": "2.75rem",
       "type": "dimension",
       "attributes": {
@@ -4089,10 +4169,10 @@
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Lg",
-      "path": ["semantic", "size", "default", "lg"],
-      "key": "{semantic.size.default.lg}"
+      "path": ["semantic", "size", "default", "lg"]
     },
     {
+      "key": "{semantic.size.default.xl}",
       "value": "3rem",
       "type": "dimension",
       "attributes": {
@@ -4116,10 +4196,10 @@
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Xl",
-      "path": ["semantic", "size", "default", "xl"],
-      "key": "{semantic.size.default.xl}"
+      "path": ["semantic", "size", "default", "xl"]
     },
     {
+      "key": "{semantic.size.default.xxl}",
       "value": "4rem",
       "type": "dimension",
       "attributes": {
@@ -4143,10 +4223,10 @@
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Xxl",
-      "path": ["semantic", "size", "default", "xxl"],
-      "key": "{semantic.size.default.xxl}"
+      "path": ["semantic", "size", "default", "xxl"]
     },
     {
+      "key": "{semantic.size.default.xxxl}",
       "value": "6rem",
       "type": "dimension",
       "attributes": {
@@ -4170,13 +4250,12 @@
       "filePath": "src/tokens/semantic/size.json",
       "isSource": true,
       "name": "Size Xxxl",
-      "path": ["semantic", "size", "default", "xxxl"],
-      "key": "{semantic.size.default.xxxl}"
+      "path": ["semantic", "size", "default", "xxxl"]
     },
     {
+      "key": "{semantic.spacing.fixed.xxs}",
       "value": "4px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "space",
         "type": "dimension",
@@ -4186,6 +4265,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/space.json",
         "isSource": true,
+        "key": "{semantic.spacing.fixed.xxs}",
         "name": "calcite-semantic-spacing-fixed-xxs",
         "path": ["semantic", "spacing", "fixed", "xxs"],
         "comment": "deprecated",
@@ -4202,17 +4282,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Fixed Xxs",
       "path": ["semantic", "spacing", "fixed", "xxs"],
-      "comment": "deprecated",
-      "key": "{semantic.spacing.fixed.xxs}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.spacing.fixed.xs}",
       "value": "6px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "space",
         "type": "dimension",
@@ -4222,6 +4302,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/space.json",
         "isSource": true,
+        "key": "{semantic.spacing.fixed.xs}",
         "name": "calcite-semantic-spacing-fixed-xs",
         "path": ["semantic", "spacing", "fixed", "xs"],
         "comment": "deprecated",
@@ -4238,17 +4319,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Fixed Xs",
       "path": ["semantic", "spacing", "fixed", "xs"],
-      "comment": "deprecated",
-      "key": "{semantic.spacing.fixed.xs}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.spacing.fixed.sm}",
       "value": "8px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "space",
         "type": "dimension",
@@ -4258,6 +4339,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/space.json",
         "isSource": true,
+        "key": "{semantic.spacing.fixed.sm}",
         "name": "calcite-semantic-spacing-fixed-sm",
         "path": ["semantic", "spacing", "fixed", "sm"],
         "comment": "deprecated",
@@ -4274,17 +4356,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Fixed Sm",
       "path": ["semantic", "spacing", "fixed", "sm"],
-      "comment": "deprecated",
-      "key": "{semantic.spacing.fixed.sm}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.spacing.fixed.md}",
       "value": "12px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "space",
         "type": "dimension",
@@ -4294,6 +4376,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/space.json",
         "isSource": true,
+        "key": "{semantic.spacing.fixed.md}",
         "name": "calcite-semantic-spacing-fixed-md",
         "path": ["semantic", "spacing", "fixed", "md"],
         "comment": "deprecated",
@@ -4310,17 +4393,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Fixed Md",
       "path": ["semantic", "spacing", "fixed", "md"],
-      "comment": "deprecated",
-      "key": "{semantic.spacing.fixed.md}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.spacing.fixed.lg}",
       "value": "14px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "space",
         "type": "dimension",
@@ -4330,6 +4413,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/space.json",
         "isSource": true,
+        "key": "{semantic.spacing.fixed.lg}",
         "name": "calcite-semantic-spacing-fixed-lg",
         "path": ["semantic", "spacing", "fixed", "lg"],
         "comment": "deprecated",
@@ -4346,17 +4430,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Fixed Lg",
       "path": ["semantic", "spacing", "fixed", "lg"],
-      "comment": "deprecated",
-      "key": "{semantic.spacing.fixed.lg}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.spacing.fixed.xl}",
       "value": "16px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "space",
         "type": "dimension",
@@ -4366,6 +4450,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/space.json",
         "isSource": true,
+        "key": "{semantic.spacing.fixed.xl}",
         "name": "calcite-semantic-spacing-fixed-xl",
         "path": ["semantic", "spacing", "fixed", "xl"],
         "comment": "deprecated",
@@ -4382,17 +4467,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Fixed Xl",
       "path": ["semantic", "spacing", "fixed", "xl"],
-      "comment": "deprecated",
-      "key": "{semantic.spacing.fixed.xl}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.spacing.fixed.xxl}",
       "value": "20px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "space",
         "type": "dimension",
@@ -4402,6 +4487,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/space.json",
         "isSource": true,
+        "key": "{semantic.spacing.fixed.xxl}",
         "name": "calcite-semantic-spacing-fixed-xxl",
         "path": ["semantic", "spacing", "fixed", "xxl"],
         "comment": "deprecated",
@@ -4418,17 +4504,17 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Fixed Xxl",
       "path": ["semantic", "spacing", "fixed", "xxl"],
-      "comment": "deprecated",
-      "key": "{semantic.spacing.fixed.xxl}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.spacing.fixed.xxxl}",
       "value": "32px",
       "type": "dimension",
-      "description": "deprecated",
       "attributes": {
         "category": "space",
         "type": "dimension",
@@ -4438,6 +4524,7 @@
         "description": "deprecated",
         "filePath": "src/tokens/semantic/space.json",
         "isSource": true,
+        "key": "{semantic.spacing.fixed.xxxl}",
         "name": "calcite-semantic-spacing-fixed-xxxl",
         "path": ["semantic", "spacing", "fixed", "xxxl"],
         "comment": "deprecated",
@@ -4454,14 +4541,15 @@
           "type": "dimension"
         }
       },
+      "description": "deprecated",
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Fixed Xxxl",
       "path": ["semantic", "spacing", "fixed", "xxxl"],
-      "comment": "deprecated",
-      "key": "{semantic.spacing.fixed.xxxl}"
+      "comment": "deprecated"
     },
     {
+      "key": "{semantic.spacing.default.none}",
       "value": "0",
       "type": "dimension",
       "attributes": {
@@ -4486,10 +4574,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing None",
-      "path": ["semantic", "spacing", "default", "none"],
-      "key": "{semantic.spacing.default.none}"
+      "path": ["semantic", "spacing", "default", "none"]
     },
     {
+      "key": "{semantic.spacing.default.px}",
       "value": "1px",
       "type": "dimension",
       "attributes": {
@@ -4514,10 +4602,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Px",
-      "path": ["semantic", "spacing", "default", "px"],
-      "key": "{semantic.spacing.default.px}"
+      "path": ["semantic", "spacing", "default", "px"]
     },
     {
+      "key": "{semantic.spacing.default.base}",
       "value": "2px",
       "type": "dimension",
       "attributes": {
@@ -4542,10 +4630,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Base",
-      "path": ["semantic", "spacing", "default", "base"],
-      "key": "{semantic.spacing.default.base}"
+      "path": ["semantic", "spacing", "default", "base"]
     },
     {
+      "key": "{semantic.spacing.default.xxs}",
       "value": "0.25rem",
       "type": "dimension",
       "attributes": {
@@ -4569,10 +4657,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Xxs",
-      "path": ["semantic", "spacing", "default", "xxs"],
-      "key": "{semantic.spacing.default.xxs}"
+      "path": ["semantic", "spacing", "default", "xxs"]
     },
     {
+      "key": "{semantic.spacing.default.xs}",
       "value": "0.375rem",
       "type": "dimension",
       "attributes": {
@@ -4596,10 +4684,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Xs",
-      "path": ["semantic", "spacing", "default", "xs"],
-      "key": "{semantic.spacing.default.xs}"
+      "path": ["semantic", "spacing", "default", "xs"]
     },
     {
+      "key": "{semantic.spacing.default.sm}",
       "value": "0.5rem",
       "type": "dimension",
       "attributes": {
@@ -4623,10 +4711,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Sm",
-      "path": ["semantic", "spacing", "default", "sm"],
-      "key": "{semantic.spacing.default.sm}"
+      "path": ["semantic", "spacing", "default", "sm"]
     },
     {
+      "key": "{semantic.spacing.default.sm+}",
       "value": "0.625rem",
       "type": "dimension",
       "attributes": {
@@ -4650,10 +4738,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Sm Plus",
-      "path": ["semantic", "spacing", "default", "sm+"],
-      "key": "{semantic.spacing.default.sm+}"
+      "path": ["semantic", "spacing", "default", "sm+"]
     },
     {
+      "key": "{semantic.spacing.default.md}",
       "value": "0.75rem",
       "type": "dimension",
       "attributes": {
@@ -4677,10 +4765,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Md",
-      "path": ["semantic", "spacing", "default", "md"],
-      "key": "{semantic.spacing.default.md}"
+      "path": ["semantic", "spacing", "default", "md"]
     },
     {
+      "key": "{semantic.spacing.default.md+}",
       "value": "0.875rem",
       "type": "dimension",
       "attributes": {
@@ -4704,10 +4792,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Md Plus",
-      "path": ["semantic", "spacing", "default", "md+"],
-      "key": "{semantic.spacing.default.md+}"
+      "path": ["semantic", "spacing", "default", "md+"]
     },
     {
+      "key": "{semantic.spacing.default.lg}",
       "value": "1rem",
       "type": "dimension",
       "attributes": {
@@ -4731,10 +4819,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Lg",
-      "path": ["semantic", "spacing", "default", "lg"],
-      "key": "{semantic.spacing.default.lg}"
+      "path": ["semantic", "spacing", "default", "lg"]
     },
     {
+      "key": "{semantic.spacing.default.xl}",
       "value": "1.25rem",
       "type": "dimension",
       "attributes": {
@@ -4758,10 +4846,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Xl",
-      "path": ["semantic", "spacing", "default", "xl"],
-      "key": "{semantic.spacing.default.xl}"
+      "path": ["semantic", "spacing", "default", "xl"]
     },
     {
+      "key": "{semantic.spacing.default.xxl}",
       "value": "1.5rem",
       "type": "dimension",
       "attributes": {
@@ -4785,10 +4873,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Xxl",
-      "path": ["semantic", "spacing", "default", "xxl"],
-      "key": "{semantic.spacing.default.xxl}"
+      "path": ["semantic", "spacing", "default", "xxl"]
     },
     {
+      "key": "{semantic.spacing.default.xxxl}",
       "value": "2rem",
       "type": "dimension",
       "attributes": {
@@ -4812,10 +4900,10 @@
       "filePath": "src/tokens/semantic/space.json",
       "isSource": true,
       "name": "Spacing Xxxl",
-      "path": ["semantic", "spacing", "default", "xxxl"],
-      "key": "{semantic.spacing.default.xxxl}"
+      "path": ["semantic", "spacing", "default", "xxxl"]
     },
     {
+      "key": "{semantic.typography.default.default}",
       "type": "typography",
       "value": "{\"fontFamily\":[\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"}",
       "attributes": {
@@ -4839,10 +4927,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography",
-      "path": ["semantic", "typography", "default", "default"],
-      "key": "{semantic.typography.default.default}"
+      "path": ["semantic", "typography", "default", "default"]
     },
     {
+      "key": "{semantic.typography.default.light.-3h}",
       "value": "{\"fontSize\":\"10px\",\"fontWeight\":\"300\",\"lineHeight\":\"12px\"}",
       "type": "typography",
       "extensions": {
@@ -4884,10 +4972,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Light Minus 3h",
-      "path": ["semantic", "typography", "default", "light", "-3h"],
-      "key": "{semantic.typography.default.light.-3h}"
+      "path": ["semantic", "typography", "default", "light", "-3h"]
     },
     {
+      "key": "{semantic.typography.default.light.-2h}",
       "value": "{\"fontSize\":\"12px\",\"fontWeight\":\"300\"}",
       "type": "typography",
       "extensions": {
@@ -4929,10 +5017,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Light Minus 2h",
-      "path": ["semantic", "typography", "default", "light", "-2h"],
-      "key": "{semantic.typography.default.light.-2h}"
+      "path": ["semantic", "typography", "default", "light", "-2h"]
     },
     {
+      "key": "{semantic.typography.default.light.-1h}",
       "value": "{\"fontWeight\":\"300\"}",
       "type": "typography",
       "extensions": {
@@ -4974,10 +5062,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Light Minus 1h",
-      "path": ["semantic", "typography", "default", "light", "-1h"],
-      "key": "{semantic.typography.default.light.-1h}"
+      "path": ["semantic", "typography", "default", "light", "-1h"]
     },
     {
+      "key": "{semantic.typography.default.light.0h}",
       "value": "{\"fontSize\":\"16px\",\"fontWeight\":\"300\",\"lineHeight\":\"20px\"}",
       "type": "typography",
       "extensions": {
@@ -5019,10 +5107,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Light 0h",
-      "path": ["semantic", "typography", "default", "light", "0h"],
-      "key": "{semantic.typography.default.light.0h}"
+      "path": ["semantic", "typography", "default", "light", "0h"]
     },
     {
+      "key": "{semantic.typography.default.light.1h}",
       "value": "{\"fontSize\":\"18px\",\"fontWeight\":\"300\",\"lineHeight\":\"24px\"}",
       "type": "typography",
       "extensions": {
@@ -5064,10 +5152,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Light 1h",
-      "path": ["semantic", "typography", "default", "light", "1h"],
-      "key": "{semantic.typography.default.light.1h}"
+      "path": ["semantic", "typography", "default", "light", "1h"]
     },
     {
+      "key": "{semantic.typography.default.regular.-3h}",
       "value": "{\"lineHeight\":\"12px\",\"fontSize\":\"10px\"}",
       "type": "typography",
       "extensions": {
@@ -5109,10 +5197,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Regular Minus 3h",
-      "path": ["semantic", "typography", "default", "regular", "-3h"],
-      "key": "{semantic.typography.default.regular.-3h}"
+      "path": ["semantic", "typography", "default", "regular", "-3h"]
     },
     {
+      "key": "{semantic.typography.default.regular.-2h}",
       "value": "{\"fontSize\":\"12px\"}",
       "type": "typography",
       "extensions": {
@@ -5154,10 +5242,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Regular Minus 2h",
-      "path": ["semantic", "typography", "default", "regular", "-2h"],
-      "key": "{semantic.typography.default.regular.-2h}"
+      "path": ["semantic", "typography", "default", "regular", "-2h"]
     },
     {
+      "key": "{semantic.typography.default.regular.-1h}",
       "value": "{\"fontFamily\":[\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"}",
       "type": "typography",
       "attributes": {
@@ -5182,10 +5270,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Regular Minus 1h",
-      "path": ["semantic", "typography", "default", "regular", "-1h"],
-      "key": "{semantic.typography.default.regular.-1h}"
+      "path": ["semantic", "typography", "default", "regular", "-1h"]
     },
     {
+      "key": "{semantic.typography.default.regular.0h}",
       "value": "{\"lineHeight\":\"20px\",\"fontSize\":\"16px\"}",
       "type": "typography",
       "extensions": {
@@ -5227,10 +5315,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Regular 0h",
-      "path": ["semantic", "typography", "default", "regular", "0h"],
-      "key": "{semantic.typography.default.regular.0h}"
+      "path": ["semantic", "typography", "default", "regular", "0h"]
     },
     {
+      "key": "{semantic.typography.default.regular.1h}",
       "value": "{\"lineHeight\":\"24px\",\"fontSize\":\"18px\"}",
       "type": "typography",
       "extensions": {
@@ -5272,10 +5360,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Regular 1h",
-      "path": ["semantic", "typography", "default", "regular", "1h"],
-      "key": "{semantic.typography.default.regular.1h}"
+      "path": ["semantic", "typography", "default", "regular", "1h"]
     },
     {
+      "key": "{semantic.typography.default.medium.-3h}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"}",
       "type": "typography",
       "extensions": {
@@ -5317,10 +5405,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Medium Minus 3h",
-      "path": ["semantic", "typography", "default", "medium", "-3h"],
-      "key": "{semantic.typography.default.medium.-3h}"
+      "path": ["semantic", "typography", "default", "medium", "-3h"]
     },
     {
+      "key": "{semantic.typography.default.medium.-2h}",
       "value": "{\"fontWeight\":\"500\",\"fontSize\":\"12px\"}",
       "type": "typography",
       "extensions": {
@@ -5362,10 +5450,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Medium Minus 2h",
-      "path": ["semantic", "typography", "default", "medium", "-2h"],
-      "key": "{semantic.typography.default.medium.-2h}"
+      "path": ["semantic", "typography", "default", "medium", "-2h"]
     },
     {
+      "key": "{semantic.typography.default.medium.-1h}",
       "value": "{\"fontWeight\":\"500\"}",
       "type": "typography",
       "extensions": {
@@ -5407,10 +5495,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Medium Minus 1h",
-      "path": ["semantic", "typography", "default", "medium", "-1h"],
-      "key": "{semantic.typography.default.medium.-1h}"
+      "path": ["semantic", "typography", "default", "medium", "-1h"]
     },
     {
+      "key": "{semantic.typography.default.medium.0h}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"}",
       "type": "typography",
       "extensions": {
@@ -5452,10 +5540,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Medium 0h",
-      "path": ["semantic", "typography", "default", "medium", "0h"],
-      "key": "{semantic.typography.default.medium.0h}"
+      "path": ["semantic", "typography", "default", "medium", "0h"]
     },
     {
+      "key": "{semantic.typography.default.medium.1h}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"}",
       "type": "typography",
       "extensions": {
@@ -5497,10 +5585,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Medium 1h",
-      "path": ["semantic", "typography", "default", "medium", "1h"],
-      "key": "{semantic.typography.default.medium.1h}"
+      "path": ["semantic", "typography", "default", "medium", "1h"]
     },
     {
+      "key": "{semantic.typography.default.bold.-3h}",
       "value": "{\"fontWeight\":\"600\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"}",
       "type": "typography",
       "extensions": {
@@ -5542,10 +5630,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Bold Minus 3h",
-      "path": ["semantic", "typography", "default", "bold", "-3h"],
-      "key": "{semantic.typography.default.bold.-3h}"
+      "path": ["semantic", "typography", "default", "bold", "-3h"]
     },
     {
+      "key": "{semantic.typography.default.bold.-2h}",
       "value": "{\"fontWeight\":\"600\",\"fontSize\":\"12px\"}",
       "type": "typography",
       "extensions": {
@@ -5587,10 +5675,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Bold Minus 2h",
-      "path": ["semantic", "typography", "default", "bold", "-2h"],
-      "key": "{semantic.typography.default.bold.-2h}"
+      "path": ["semantic", "typography", "default", "bold", "-2h"]
     },
     {
+      "key": "{semantic.typography.default.bold.-1h}",
       "value": "{\"fontWeight\":\"600\"}",
       "type": "typography",
       "extensions": {
@@ -5632,10 +5720,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Bold Minus 1h",
-      "path": ["semantic", "typography", "default", "bold", "-1h"],
-      "key": "{semantic.typography.default.bold.-1h}"
+      "path": ["semantic", "typography", "default", "bold", "-1h"]
     },
     {
+      "key": "{semantic.typography.default.bold.0h}",
       "value": "{\"fontWeight\":\"600\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"}",
       "type": "typography",
       "extensions": {
@@ -5677,10 +5765,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Bold 0h",
-      "path": ["semantic", "typography", "default", "bold", "0h"],
-      "key": "{semantic.typography.default.bold.0h}"
+      "path": ["semantic", "typography", "default", "bold", "0h"]
     },
     {
+      "key": "{semantic.typography.default.bold.1h}",
       "value": "{\"fontWeight\":\"600\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"}",
       "type": "typography",
       "extensions": {
@@ -5722,10 +5810,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Bold 1h",
-      "path": ["semantic", "typography", "default", "bold", "1h"],
-      "key": "{semantic.typography.default.bold.1h}"
+      "path": ["semantic", "typography", "default", "bold", "1h"]
     },
     {
+      "key": "{semantic.typography.wrap.light.0}",
       "value": "{\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"}",
       "type": "typography",
       "extensions": {
@@ -5767,10 +5855,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Light 0",
-      "path": ["semantic", "typography", "wrap", "light", "0"],
-      "key": "{semantic.typography.wrap.light.0}"
+      "path": ["semantic", "typography", "wrap", "light", "0"]
     },
     {
+      "key": "{semantic.typography.wrap.light.1}",
       "value": "{\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"}",
       "type": "typography",
       "extensions": {
@@ -5812,10 +5900,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Light 1",
-      "path": ["semantic", "typography", "wrap", "light", "1"],
-      "key": "{semantic.typography.wrap.light.1}"
+      "path": ["semantic", "typography", "wrap", "light", "1"]
     },
     {
+      "key": "{semantic.typography.wrap.light.2}",
       "value": "{\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"}",
       "type": "typography",
       "extensions": {
@@ -5857,10 +5945,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Light 2",
-      "path": ["semantic", "typography", "wrap", "light", "2"],
-      "key": "{semantic.typography.wrap.light.2}"
+      "path": ["semantic", "typography", "wrap", "light", "2"]
     },
     {
+      "key": "{semantic.typography.wrap.light.3}",
       "value": "{\"fontWeight\":\"300\",\"lineHeight\":\"1.25\",\"fontSize\":\"24px\"}",
       "type": "typography",
       "extensions": {
@@ -5902,10 +5990,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Light 3",
-      "path": ["semantic", "typography", "wrap", "light", "3"],
-      "key": "{semantic.typography.wrap.light.3}"
+      "path": ["semantic", "typography", "wrap", "light", "3"]
     },
     {
+      "key": "{semantic.typography.wrap.light.-2}",
       "value": "{\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"}",
       "type": "typography",
       "extensions": {
@@ -5947,10 +6035,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Light Minus 2",
-      "path": ["semantic", "typography", "wrap", "light", "-2"],
-      "key": "{semantic.typography.wrap.light.-2}"
+      "path": ["semantic", "typography", "wrap", "light", "-2"]
     },
     {
+      "key": "{semantic.typography.wrap.light.-1}",
       "value": "{\"fontWeight\":\"300\",\"lineHeight\":\"1.375\"}",
       "type": "typography",
       "extensions": {
@@ -5992,10 +6080,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Light Minus 1",
-      "path": ["semantic", "typography", "wrap", "light", "-1"],
-      "key": "{semantic.typography.wrap.light.-1}"
+      "path": ["semantic", "typography", "wrap", "light", "-1"]
     },
     {
+      "key": "{semantic.typography.wrap.regular.0}",
       "value": "{\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"}",
       "type": "typography",
       "extensions": {
@@ -6037,10 +6125,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Regular 0",
-      "path": ["semantic", "typography", "wrap", "regular", "0"],
-      "key": "{semantic.typography.wrap.regular.0}"
+      "path": ["semantic", "typography", "wrap", "regular", "0"]
     },
     {
+      "key": "{semantic.typography.wrap.regular.1}",
       "value": "{\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"}",
       "type": "typography",
       "extensions": {
@@ -6082,10 +6170,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Regular 1",
-      "path": ["semantic", "typography", "wrap", "regular", "1"],
-      "key": "{semantic.typography.wrap.regular.1}"
+      "path": ["semantic", "typography", "wrap", "regular", "1"]
     },
     {
+      "key": "{semantic.typography.wrap.regular.2}",
       "value": "{\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"}",
       "type": "typography",
       "extensions": {
@@ -6127,10 +6215,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Regular 2",
-      "path": ["semantic", "typography", "wrap", "regular", "2"],
-      "key": "{semantic.typography.wrap.regular.2}"
+      "path": ["semantic", "typography", "wrap", "regular", "2"]
     },
     {
+      "key": "{semantic.typography.wrap.regular.3}",
       "value": "{\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"}",
       "type": "typography",
       "extensions": {
@@ -6172,10 +6260,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Regular 3",
-      "path": ["semantic", "typography", "wrap", "regular", "3"],
-      "key": "{semantic.typography.wrap.regular.3}"
+      "path": ["semantic", "typography", "wrap", "regular", "3"]
     },
     {
+      "key": "{semantic.typography.wrap.regular.-2}",
       "value": "{\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"}",
       "type": "typography",
       "extensions": {
@@ -6217,10 +6305,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Regular Minus 2",
-      "path": ["semantic", "typography", "wrap", "regular", "-2"],
-      "key": "{semantic.typography.wrap.regular.-2}"
+      "path": ["semantic", "typography", "wrap", "regular", "-2"]
     },
     {
+      "key": "{semantic.typography.wrap.regular.-1}",
       "value": "{\"lineHeight\":\"1.375\"}",
       "type": "typography",
       "extensions": {
@@ -6262,10 +6350,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Regular Minus 1",
-      "path": ["semantic", "typography", "wrap", "regular", "-1"],
-      "key": "{semantic.typography.wrap.regular.-1}"
+      "path": ["semantic", "typography", "wrap", "regular", "-1"]
     },
     {
+      "key": "{semantic.typography.wrap.medium.0}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"}",
       "type": "typography",
       "extensions": {
@@ -6307,10 +6395,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Medium 0",
-      "path": ["semantic", "typography", "wrap", "medium", "0"],
-      "key": "{semantic.typography.wrap.medium.0}"
+      "path": ["semantic", "typography", "wrap", "medium", "0"]
     },
     {
+      "key": "{semantic.typography.wrap.medium.1}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"}",
       "type": "typography",
       "extensions": {
@@ -6352,10 +6440,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Medium 1",
-      "path": ["semantic", "typography", "wrap", "medium", "1"],
-      "key": "{semantic.typography.wrap.medium.1}"
+      "path": ["semantic", "typography", "wrap", "medium", "1"]
     },
     {
+      "key": "{semantic.typography.wrap.medium.2}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"}",
       "type": "typography",
       "extensions": {
@@ -6397,10 +6485,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Medium 2",
-      "path": ["semantic", "typography", "wrap", "medium", "2"],
-      "key": "{semantic.typography.wrap.medium.2}"
+      "path": ["semantic", "typography", "wrap", "medium", "2"]
     },
     {
+      "key": "{semantic.typography.wrap.medium.3}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"}",
       "type": "typography",
       "extensions": {
@@ -6442,10 +6530,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Medium 3",
-      "path": ["semantic", "typography", "wrap", "medium", "3"],
-      "key": "{semantic.typography.wrap.medium.3}"
+      "path": ["semantic", "typography", "wrap", "medium", "3"]
     },
     {
+      "key": "{semantic.typography.wrap.medium.-2}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"}",
       "type": "typography",
       "extensions": {
@@ -6487,10 +6575,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Medium Minus 2",
-      "path": ["semantic", "typography", "wrap", "medium", "-2"],
-      "key": "{semantic.typography.wrap.medium.-2}"
+      "path": ["semantic", "typography", "wrap", "medium", "-2"]
     },
     {
+      "key": "{semantic.typography.wrap.medium.-1}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"1.375\"}",
       "type": "typography",
       "extensions": {
@@ -6532,10 +6620,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Medium Minus 1",
-      "path": ["semantic", "typography", "wrap", "medium", "-1"],
-      "key": "{semantic.typography.wrap.medium.-1}"
+      "path": ["semantic", "typography", "wrap", "medium", "-1"]
     },
     {
+      "key": "{semantic.typography.wrap.bold.0}",
       "value": "{\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"}",
       "type": "typography",
       "extensions": {
@@ -6577,10 +6665,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Bold 0",
-      "path": ["semantic", "typography", "wrap", "bold", "0"],
-      "key": "{semantic.typography.wrap.bold.0}"
+      "path": ["semantic", "typography", "wrap", "bold", "0"]
     },
     {
+      "key": "{semantic.typography.wrap.bold.1}",
       "value": "{\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"}",
       "type": "typography",
       "extensions": {
@@ -6622,10 +6710,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Bold 1",
-      "path": ["semantic", "typography", "wrap", "bold", "1"],
-      "key": "{semantic.typography.wrap.bold.1}"
+      "path": ["semantic", "typography", "wrap", "bold", "1"]
     },
     {
+      "key": "{semantic.typography.wrap.bold.2}",
       "value": "{\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"}",
       "type": "typography",
       "extensions": {
@@ -6667,10 +6755,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Bold 2",
-      "path": ["semantic", "typography", "wrap", "bold", "2"],
-      "key": "{semantic.typography.wrap.bold.2}"
+      "path": ["semantic", "typography", "wrap", "bold", "2"]
     },
     {
+      "key": "{semantic.typography.wrap.bold.3}",
       "value": "{\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"}",
       "type": "typography",
       "extensions": {
@@ -6712,10 +6800,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Bold 3",
-      "path": ["semantic", "typography", "wrap", "bold", "3"],
-      "key": "{semantic.typography.wrap.bold.3}"
+      "path": ["semantic", "typography", "wrap", "bold", "3"]
     },
     {
+      "key": "{semantic.typography.wrap.bold.-2}",
       "value": "{\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"}",
       "type": "typography",
       "extensions": {
@@ -6757,10 +6845,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Bold Minus 2",
-      "path": ["semantic", "typography", "wrap", "bold", "-2"],
-      "key": "{semantic.typography.wrap.bold.-2}"
+      "path": ["semantic", "typography", "wrap", "bold", "-2"]
     },
     {
+      "key": "{semantic.typography.wrap.bold.-1}",
       "value": "{\"fontWeight\":\"600\",\"lineHeight\":\"1.375\"}",
       "type": "typography",
       "extensions": {
@@ -6802,10 +6890,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Wrap Bold Minus 1",
-      "path": ["semantic", "typography", "wrap", "bold", "-1"],
-      "key": "{semantic.typography.wrap.bold.-1}"
+      "path": ["semantic", "typography", "wrap", "bold", "-1"]
     },
     {
+      "key": "{semantic.typography.hierarchy.display.1}",
       "value": "{\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"}",
       "type": "typography",
       "attributes": {
@@ -6830,10 +6918,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Hierarchy Display 1",
-      "path": ["semantic", "typography", "hierarchy", "display", "1"],
-      "key": "{semantic.typography.hierarchy.display.1}"
+      "path": ["semantic", "typography", "hierarchy", "display", "1"]
     },
     {
+      "key": "{semantic.typography.hierarchy.display.2}",
       "value": "{\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"}",
       "type": "typography",
       "attributes": {
@@ -6858,10 +6946,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Hierarchy Display 2",
-      "path": ["semantic", "typography", "hierarchy", "display", "2"],
-      "key": "{semantic.typography.hierarchy.display.2}"
+      "path": ["semantic", "typography", "hierarchy", "display", "2"]
     },
     {
+      "key": "{semantic.typography.hierarchy.heading.1}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"}",
       "type": "typography",
       "attributes": {
@@ -6886,10 +6974,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Hierarchy Heading 1",
-      "path": ["semantic", "typography", "hierarchy", "heading", "1"],
-      "key": "{semantic.typography.hierarchy.heading.1}"
+      "path": ["semantic", "typography", "hierarchy", "heading", "1"]
     },
     {
+      "key": "{semantic.typography.hierarchy.heading.2}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"}",
       "type": "typography",
       "attributes": {
@@ -6914,10 +7002,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Hierarchy Heading 2",
-      "path": ["semantic", "typography", "hierarchy", "heading", "2"],
-      "key": "{semantic.typography.hierarchy.heading.2}"
+      "path": ["semantic", "typography", "hierarchy", "heading", "2"]
     },
     {
+      "key": "{semantic.typography.hierarchy.heading.3}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"}",
       "type": "typography",
       "attributes": {
@@ -6942,10 +7030,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Hierarchy Heading 3",
-      "path": ["semantic", "typography", "hierarchy", "heading", "3"],
-      "key": "{semantic.typography.hierarchy.heading.3}"
+      "path": ["semantic", "typography", "hierarchy", "heading", "3"]
     },
     {
+      "key": "{semantic.typography.hierarchy.heading.4}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"}",
       "type": "typography",
       "attributes": {
@@ -6970,10 +7058,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Hierarchy Heading 4",
-      "path": ["semantic", "typography", "hierarchy", "heading", "4"],
-      "key": "{semantic.typography.hierarchy.heading.4}"
+      "path": ["semantic", "typography", "hierarchy", "heading", "4"]
     },
     {
+      "key": "{semantic.typography.hierarchy.heading.5}",
       "value": "{\"fontWeight\":\"500\",\"lineHeight\":\"1.375\"}",
       "type": "typography",
       "attributes": {
@@ -6998,10 +7086,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Hierarchy Heading 5",
-      "path": ["semantic", "typography", "hierarchy", "heading", "5"],
-      "key": "{semantic.typography.hierarchy.heading.5}"
+      "path": ["semantic", "typography", "hierarchy", "heading", "5"]
     },
     {
+      "key": "{semantic.typography.hierarchy.body.snug}",
       "value": "{\"lineHeight\":\"1.375\"}",
       "type": "typography",
       "attributes": {
@@ -7026,10 +7114,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Hierarchy Body Snug",
-      "path": ["semantic", "typography", "hierarchy", "body", "snug"],
-      "key": "{semantic.typography.hierarchy.body.snug}"
+      "path": ["semantic", "typography", "hierarchy", "body", "snug"]
     },
     {
+      "key": "{semantic.typography.hierarchy.body.default}",
       "value": "{\"fontFamily\":[\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"}",
       "type": "typography",
       "attributes": {
@@ -7054,10 +7142,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Hierarchy Body",
-      "path": ["semantic", "typography", "hierarchy", "body", "default"],
-      "key": "{semantic.typography.hierarchy.body.default}"
+      "path": ["semantic", "typography", "hierarchy", "body", "default"]
     },
     {
+      "key": "{semantic.typography.hierarchy.overline}",
       "value": "{\"lineHeight\":\"12px\",\"textCase\":\"uppercase\",\"fontWeight\":\"600\"}",
       "type": "typography",
       "attributes": {
@@ -7081,10 +7169,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Hierarchy Overline",
-      "path": ["semantic", "typography", "hierarchy", "overline"],
-      "key": "{semantic.typography.hierarchy.overline}"
+      "path": ["semantic", "typography", "hierarchy", "overline"]
     },
     {
+      "key": "{semantic.typography.hierarchy.caption}",
       "value": "{\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"}",
       "type": "typography",
       "attributes": {
@@ -7108,10 +7196,10 @@
       "filePath": "src/tokens/semantic/typography.json",
       "isSource": true,
       "name": "Typography Hierarchy Caption",
-      "path": ["semantic", "typography", "hierarchy", "caption"],
-      "key": "{semantic.typography.hierarchy.caption}"
+      "path": ["semantic", "typography", "hierarchy", "caption"]
     },
     {
+      "key": "{semantic.z-index.deep}",
       "value": "-999999",
       "type": "z-index",
       "attributes": {
@@ -7134,10 +7222,10 @@
       "filePath": "src/tokens/semantic/z-index.json",
       "isSource": true,
       "name": "Z Index Deep",
-      "path": ["semantic", "z-index", "deep"],
-      "key": "{semantic.z-index.deep}"
+      "path": ["semantic", "z-index", "deep"]
     },
     {
+      "key": "{semantic.z-index.default}",
       "value": "1",
       "type": "z-index",
       "attributes": {
@@ -7160,10 +7248,10 @@
       "filePath": "src/tokens/semantic/z-index.json",
       "isSource": true,
       "name": "Z Index",
-      "path": ["semantic", "z-index", "default"],
-      "key": "{semantic.z-index.default}"
+      "path": ["semantic", "z-index", "default"]
     },
     {
+      "key": "{semantic.z-index.sticky}",
       "value": "300",
       "type": "z-index",
       "attributes": {
@@ -7186,10 +7274,10 @@
       "filePath": "src/tokens/semantic/z-index.json",
       "isSource": true,
       "name": "Z Index Sticky",
-      "path": ["semantic", "z-index", "sticky"],
-      "key": "{semantic.z-index.sticky}"
+      "path": ["semantic", "z-index", "sticky"]
     },
     {
+      "key": "{semantic.z-index.header}",
       "value": "400",
       "type": "z-index",
       "attributes": {
@@ -7212,10 +7300,10 @@
       "filePath": "src/tokens/semantic/z-index.json",
       "isSource": true,
       "name": "Z Index Header",
-      "path": ["semantic", "z-index", "header"],
-      "key": "{semantic.z-index.header}"
+      "path": ["semantic", "z-index", "header"]
     },
     {
+      "key": "{semantic.z-index.toast}",
       "value": "500",
       "type": "z-index",
       "attributes": {
@@ -7238,10 +7326,10 @@
       "filePath": "src/tokens/semantic/z-index.json",
       "isSource": true,
       "name": "Z Index Toast",
-      "path": ["semantic", "z-index", "toast"],
-      "key": "{semantic.z-index.toast}"
+      "path": ["semantic", "z-index", "toast"]
     },
     {
+      "key": "{semantic.z-index.dropdown}",
       "value": "600",
       "type": "z-index",
       "attributes": {
@@ -7264,10 +7352,10 @@
       "filePath": "src/tokens/semantic/z-index.json",
       "isSource": true,
       "name": "Z Index Dropdown",
-      "path": ["semantic", "z-index", "dropdown"],
-      "key": "{semantic.z-index.dropdown}"
+      "path": ["semantic", "z-index", "dropdown"]
     },
     {
+      "key": "{semantic.z-index.overlay}",
       "value": "700",
       "type": "z-index",
       "attributes": {
@@ -7290,10 +7378,10 @@
       "filePath": "src/tokens/semantic/z-index.json",
       "isSource": true,
       "name": "Z Index Overlay",
-      "path": ["semantic", "z-index", "overlay"],
-      "key": "{semantic.z-index.overlay}"
+      "path": ["semantic", "z-index", "overlay"]
     },
     {
+      "key": "{semantic.z-index.modal}",
       "value": "800",
       "type": "z-index",
       "attributes": {
@@ -7316,10 +7404,10 @@
       "filePath": "src/tokens/semantic/z-index.json",
       "isSource": true,
       "name": "Z Index Modal",
-      "path": ["semantic", "z-index", "modal"],
-      "key": "{semantic.z-index.modal}"
+      "path": ["semantic", "z-index", "modal"]
     },
     {
+      "key": "{semantic.z-index.popup}",
       "value": "900",
       "type": "z-index",
       "attributes": {
@@ -7342,10 +7430,10 @@
       "filePath": "src/tokens/semantic/z-index.json",
       "isSource": true,
       "name": "Z Index Popup",
-      "path": ["semantic", "z-index", "popup"],
-      "key": "{semantic.z-index.popup}"
+      "path": ["semantic", "z-index", "popup"]
     },
     {
+      "key": "{semantic.z-index.tooltip}",
       "value": "901",
       "type": "z-index",
       "attributes": {
@@ -7368,8 +7456,7 @@
       "filePath": "src/tokens/semantic/z-index.json",
       "isSource": true,
       "name": "Z Index Tooltip",
-      "path": ["semantic", "z-index", "tooltip"],
-      "key": "{semantic.z-index.tooltip}"
+      "path": ["semantic", "z-index", "tooltip"]
     }
   ]
 }