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

package/dist/js/semantic.js

@@ -8,6 +8,7 @@ export default {
     border: {
       width: {
         none: {
+          key: "{semantic.border.width.none}",
           value: "0",
           type: "dimension",
           attributes: {
@@ -36,12 +37,13 @@ export default {
             attributes: {
               category: "border",
             },
+            key: "{semantic.border.width.none}",
           },
           name: "Border Width None",
           path: ["semantic", "border", "width", "none"],
-          key: "{semantic.border.width.none}",
         },
         sm: {
+          key: "{semantic.border.width.sm}",
           value: "1px",
           type: "dimension",
           attributes: {
@@ -70,12 +72,13 @@ export default {
             attributes: {
               category: "border",
             },
+            key: "{semantic.border.width.sm}",
           },
           name: "Border Width Sm",
           path: ["semantic", "border", "width", "sm"],
-          key: "{semantic.border.width.sm}",
         },
         md: {
+          key: "{semantic.border.width.md}",
           value: "2px",
           type: "dimension",
           attributes: {
@@ -104,12 +107,13 @@ export default {
             attributes: {
               category: "border",
             },
+            key: "{semantic.border.width.md}",
           },
           name: "Border Width Md",
           path: ["semantic", "border", "width", "md"],
-          key: "{semantic.border.width.md}",
         },
         lg: {
+          key: "{semantic.border.width.lg}",
           value: "4px",
           type: "dimension",
           attributes: {
@@ -138,16 +142,17 @@ export default {
             attributes: {
               category: "border",
             },
+            key: "{semantic.border.width.lg}",
           },
           name: "Border Width Lg",
           path: ["semantic", "border", "width", "lg"],
-          key: "{semantic.border.width.lg}",
         },
       },
     },
     "container-size": {
       height: {
         xxs: {
+          key: "{semantic.container-size.height.xxs}",
           value: {
             min: "0",
             max: "154px",
@@ -166,6 +171,7 @@ export default {
             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",
@@ -194,13 +200,14 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.height.xxs}",
           },
           name: "Container Size Height Xxs",
           path: ["semantic", "container-size", "height", "xxs"],
           comment: "Small handheld devices and mini-windows",
-          key: "{semantic.container-size.height.xxs}",
         },
         xs: {
+          key: "{semantic.container-size.height.xs}",
           value: {
             min: "155px",
             max: "328px",
@@ -219,6 +226,7 @@ export default {
             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",
@@ -247,13 +255,14 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.height.xs}",
           },
           name: "Container Size Height Xs",
           path: ["semantic", "container-size", "height", "xs"],
           comment: "Handheld devices",
-          key: "{semantic.container-size.height.xs}",
         },
         sm: {
+          key: "{semantic.container-size.height.sm}",
           value: {
             min: "329px",
             max: "504px",
@@ -272,6 +281,7 @@ export default {
             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",
@@ -300,13 +310,14 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.height.sm}",
           },
           name: "Container Size Height Sm",
           path: ["semantic", "container-size", "height", "sm"],
           comment: "Small tablets",
-          key: "{semantic.container-size.height.sm}",
         },
         md: {
+          key: "{semantic.container-size.height.md}",
           value: {
             min: "505px",
             max: "678px",
@@ -325,6 +336,7 @@ export default {
             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",
@@ -353,13 +365,14 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.height.md}",
           },
           name: "Container Size Height Md",
           path: ["semantic", "container-size", "height", "md"],
           comment: "Small laptops",
-          key: "{semantic.container-size.height.md}",
         },
         lg: {
+          key: "{semantic.container-size.height.lg}",
           value: {
             min: "679px",
             max: "854px",
@@ -378,6 +391,7 @@ export default {
             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",
@@ -406,13 +420,14 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.height.lg}",
           },
           name: "Container Size Height Lg",
           path: ["semantic", "container-size", "height", "lg"],
           comment: "Large laptops and desktop computers",
-          key: "{semantic.container-size.height.lg}",
         },
         xl: {
+          key: "{semantic.container-size.height.xl}",
           value: {
             min: "855px",
           },
@@ -429,6 +444,7 @@ export default {
             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",
@@ -456,15 +472,16 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.height.xl}",
           },
           name: "Container Size Height Xl",
           path: ["semantic", "container-size", "height", "xl"],
           comment: "Projectors and televisions",
-          key: "{semantic.container-size.height.xl}",
         },
       },
       width: {
         xxs: {
+          key: "{semantic.container-size.width.xxs}",
           value: {
             min: "0",
             max: "320px",
@@ -477,12 +494,13 @@ export default {
             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",
@@ -503,7 +521,7 @@ export default {
           isSource: true,
           original: {
             value: {
-              min: 0,
+              min: "0",
               max: "{core.container-size.320}",
             },
             type: "dimension",
@@ -511,13 +529,14 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.width.xxs}",
           },
           name: "Container Size Width Xxs",
           path: ["semantic", "container-size", "width", "xxs"],
           comment: "Small handheld devices and mini-windows",
-          key: "{semantic.container-size.width.xxs}",
         },
         xs: {
+          key: "{semantic.container-size.width.xs}",
           value: {
             min: "321px",
             max: "476px",
@@ -536,6 +555,7 @@ export default {
             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",
@@ -564,13 +584,14 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.width.xs}",
           },
           name: "Container Size Width Xs",
           path: ["semantic", "container-size", "width", "xs"],
           comment: "Handheld devices",
-          key: "{semantic.container-size.width.xs}",
         },
         sm: {
+          key: "{semantic.container-size.width.sm}",
           value: {
             min: "477px",
             max: "768px",
@@ -589,6 +610,7 @@ export default {
             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",
@@ -617,13 +639,14 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.width.sm}",
           },
           name: "Container Size Width Sm",
           path: ["semantic", "container-size", "width", "sm"],
           comment: "Small tablets",
-          key: "{semantic.container-size.width.sm}",
         },
         md: {
+          key: "{semantic.container-size.width.md}",
           value: {
             min: "769px",
             max: "1152px",
@@ -642,6 +665,7 @@ export default {
             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",
@@ -670,13 +694,14 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.width.md}",
           },
           name: "Container Size Width Md",
           path: ["semantic", "container-size", "width", "md"],
           comment: "Small laptops",
-          key: "{semantic.container-size.width.md}",
         },
         lg: {
+          key: "{semantic.container-size.width.lg}",
           value: {
             min: "1153px",
             max: "1440px",
@@ -695,6 +720,7 @@ export default {
             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",
@@ -723,13 +749,14 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.width.lg}",
           },
           name: "Container Size Width Lg",
           path: ["semantic", "container-size", "width", "lg"],
           comment: "Large laptops and desktop computers",
-          key: "{semantic.container-size.width.lg}",
         },
         xl: {
+          key: "{semantic.container-size.width.xl}",
           value: {
             min: "1441px",
           },
@@ -746,6 +773,7 @@ export default {
             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",
@@ -773,14 +801,15 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.width.xl}",
           },
           name: "Container Size Width Xl",
           path: ["semantic", "container-size", "width", "xl"],
           comment: "Projectors and televisions",
-          key: "{semantic.container-size.width.xl}",
         },
       },
       margin: {
+        key: "{semantic.container-size.margin}",
         value: "24px",
         type: "dimension",
         attributes: {
@@ -808,12 +837,13 @@ export default {
           attributes: {
             category: "breakpoint",
           },
+          key: "{semantic.container-size.margin}",
         },
         name: "Container Size Margin",
         path: ["semantic", "container-size", "margin"],
-        key: "{semantic.container-size.margin}",
       },
       gutter: {
+        key: "{semantic.container-size.gutter}",
         value: "16px",
         type: "dimension",
         attributes: {
@@ -841,13 +871,14 @@ export default {
           attributes: {
             category: "breakpoint",
           },
+          key: "{semantic.container-size.gutter}",
         },
         name: "Container Size Gutter",
         path: ["semantic", "container-size", "gutter"],
-        key: "{semantic.container-size.gutter}",
       },
       content: {
         fluid: {
+          key: "{semantic.container-size.content.fluid}",
           value: "100%",
           type: "dimension",
           description: "for fluid grid widths",
@@ -860,6 +891,7 @@ export default {
             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",
@@ -885,13 +917,14 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.content.fluid}",
           },
           name: "Container Size Content Fluid",
           path: ["semantic", "container-size", "content", "fluid"],
           comment: "for fluid grid widths",
-          key: "{semantic.container-size.content.fluid}",
         },
         fixed: {
+          key: "{semantic.container-size.content.fixed}",
           value: "1440px",
           type: "dimension",
           description: "only for lg breakpoint fixed grid width",
@@ -904,6 +937,7 @@ export default {
             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",
@@ -929,17 +963,18 @@ export default {
             attributes: {
               category: "breakpoint",
             },
+            key: "{semantic.container-size.content.fixed}",
           },
           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}",
         },
       },
     },
     corner: {
       radius: {
         default: {
+          key: "{semantic.corner.radius.default}",
           value: "0",
           type: "dimension",
           attributes: {
@@ -968,12 +1003,13 @@ export default {
             attributes: {
               category: "corner",
             },
+            key: "{semantic.corner.radius.default}",
           },
           name: "Corner Radius",
           path: ["semantic", "corner", "radius", "default"],
-          key: "{semantic.corner.radius.default}",
         },
         sharp: {
+          key: "{semantic.corner.radius.sharp}",
           value: "0",
           type: "dimension",
           attributes: {
@@ -985,6 +1021,7 @@ export default {
             description: "deprecated, use --calcite-conder-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",
@@ -1011,13 +1048,14 @@ export default {
               category: "corner",
             },
             description: "deprecated, use --calcite-conder-radius-none instead",
+            key: "{semantic.corner.radius.sharp}",
           },
           name: "Corner Radius Sharp",
           path: ["semantic", "corner", "radius", "sharp"],
           comment: "deprecated, use --calcite-conder-radius-none instead",
-          key: "{semantic.corner.radius.sharp}",
         },
         none: {
+          key: "{semantic.corner.radius.none}",
           value: "0",
           type: "dimension",
           attributes: {
@@ -1046,12 +1084,13 @@ export default {
             attributes: {
               category: "corner",
             },
+            key: "{semantic.corner.radius.none}",
           },
           name: "Corner Radius None",
           path: ["semantic", "corner", "radius", "none"],
-          key: "{semantic.corner.radius.none}",
         },
         xs: {
+          key: "{semantic.corner.radius.xs}",
           value: "2px",
           type: "dimension",
           attributes: {
@@ -1080,12 +1119,13 @@ export default {
             attributes: {
               category: "corner",
             },
+            key: "{semantic.corner.radius.xs}",
           },
           name: "Corner Radius Xs",
           path: ["semantic", "corner", "radius", "xs"],
-          key: "{semantic.corner.radius.xs}",
         },
         sm: {
+          key: "{semantic.corner.radius.sm}",
           value: "4px",
           type: "dimension",
           attributes: {
@@ -1114,12 +1154,13 @@ export default {
             attributes: {
               category: "corner",
             },
+            key: "{semantic.corner.radius.sm}",
           },
           name: "Corner Radius Sm",
           path: ["semantic", "corner", "radius", "sm"],
-          key: "{semantic.corner.radius.sm}",
         },
         round: {
+          key: "{semantic.corner.radius.round}",
           value: "4px",
           type: "dimension",
           attributes: {
@@ -1131,6 +1172,7 @@ export default {
             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",
@@ -1157,13 +1199,14 @@ export default {
               category: "corner",
             },
             description: "deprecated, use --calcite-corner-radius-sm instead",
+            key: "{semantic.corner.radius.round}",
           },
           name: "Corner Radius Round",
           path: ["semantic", "corner", "radius", "round"],
           comment: "deprecated, use --calcite-corner-radius-sm instead",
-          key: "{semantic.corner.radius.round}",
         },
         pill: {
+          key: "{semantic.corner.radius.pill}",
           value: "100%",
           type: "dimension",
           attributes: {
@@ -1194,29 +1237,30 @@ export default {
               element: "",
               category: "corner",
             },
+            key: "{semantic.corner.radius.pill}",
           },
           name: "Corner Radius Pill",
           path: ["semantic", "corner", "radius", "pill"],
-          key: "{semantic.corner.radius.pill}",
         },
       },
     },
     font: {
       family: {
         default: {
+          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",
@@ -1233,27 +1277,25 @@ export default {
               type: "fontFamily",
             },
           },
+          description: "Primary font with fallbacks",
           filePath: "src/tokens/semantic/font.json",
           isSource: true,
           original: {
-            value: [
-              "{core.font.family.avenirNext}",
-              "{core.font.family.avenir}",
-              "{core.font.family.helveticaNeue}",
-              "{core.font.family.sansSerif}",
-            ],
+            value:
+              "{core.font.family.avenirNext},{core.font.family.avenir},{core.font.family.helveticaNeue},{core.font.family.sansSerif}",
             type: "fontFamily",
-            description: "Primary font with fallbacks",
             attributes: {
               group: "family",
             },
+            description: "Primary font with fallbacks",
+            key: "{semantic.font.family.default}",
           },
           name: "Font Family",
           path: ["semantic", "font", "family", "default"],
           comment: "Primary font with fallbacks",
-          key: "{semantic.font.family.default}",
         },
         code: {
+          key: "{semantic.font.family.code}",
           value: [
             "Monaco",
             "Consolas",
@@ -1262,22 +1304,16 @@ export default {
             "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",
@@ -1294,33 +1330,29 @@ export default {
               type: "fontFamily",
             },
           },
+          description: "Font family for code with fallbacks",
           filePath: "src/tokens/semantic/font.json",
           isSource: true,
           original: {
-            value: [
-              "{core.font.family.monaco}",
-              "{core.font.family.consolas}",
-              "{core.font.family.andaleMono}",
-              "{core.font.family.lucidaConsole}",
-              "{core.font.family.monospace}",
-            ],
+            value:
+              "{core.font.family.monaco},{core.font.family.consolas},{core.font.family.andaleMono},{core.font.family.lucidaConsole},{core.font.family.monospace}",
             type: "fontFamily",
-            description: "Font family for code with fallbacks",
             attributes: {
               category: "font",
             },
+            description: "Font family for code with fallbacks",
+            key: "{semantic.font.family.code}",
           },
           name: "Font Family Code",
           path: ["semantic", "font", "family", "code"],
           comment: "Font family for code with fallbacks",
-          key: "{semantic.font.family.code}",
         },
       },
       weight: {
         light: {
+          key: "{semantic.font.weight.light}",
           value: "300",
           type: "fontWeight",
-          description: "For Avenir Next World (secondary font family)",
           attributes: {
             category: "font",
             type: "fontWeight",
@@ -1330,6 +1362,7 @@ export default {
             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)",
@@ -1346,26 +1379,26 @@ export default {
               type: "fontWeight",
             },
           },
+          description: "For Avenir Next World (secondary font family)",
           filePath: "src/tokens/semantic/font.json",
           isSource: true,
           original: {
             value: "{core.font.weight.light}",
             type: "fontWeight",
-            description: "For Avenir Next World (secondary font family)",
             attributes: {
               category: "font",
             },
+            description: "For Avenir Next World (secondary font family)",
+            key: "{semantic.font.weight.light}",
           },
           name: "Font Weight Light",
           path: ["semantic", "font", "weight", "light"],
           comment: "For Avenir Next World (secondary font family)",
-          key: "{semantic.font.weight.light}",
         },
         normal: {
+          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,
           },
@@ -1375,13 +1408,14 @@ export default {
             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:
@@ -1399,27 +1433,30 @@ export default {
               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,
           original: {
             value: "{core.font.weight.regular}",
             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,
             },
             attributes: {
               category: "font",
             },
+            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"',
+            key: "{semantic.font.weight.normal}",
           },
           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}",
         },
         regular: {
+          key: "{semantic.font.weight.regular}",
           value: "400",
           type: "fontWeight",
           attributes: {
@@ -1448,12 +1485,13 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.weight.regular}",
           },
           name: "Font Weight Regular",
           path: ["semantic", "font", "weight", "regular"],
-          key: "{semantic.font.weight.regular}",
         },
         medium: {
+          key: "{semantic.font.weight.medium}",
           value: "500",
           type: "fontWeight",
           attributes: {
@@ -1482,12 +1520,13 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.weight.medium}",
           },
           name: "Font Weight Medium",
           path: ["semantic", "font", "weight", "medium"],
-          key: "{semantic.font.weight.medium}",
         },
         semibold: {
+          key: "{semantic.font.weight.semibold}",
           value: "600",
           type: "fontWeight",
           attributes: {
@@ -1516,12 +1555,13 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.weight.semibold}",
           },
           name: "Font Weight Semibold",
           path: ["semantic", "font", "weight", "semibold"],
-          key: "{semantic.font.weight.semibold}",
         },
         bold: {
+          key: "{semantic.font.weight.bold}",
           value: "600",
           type: "fontWeight",
           attributes: {
@@ -1550,14 +1590,15 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.weight.bold}",
           },
           name: "Font Weight Bold",
           path: ["semantic", "font", "weight", "bold"],
-          key: "{semantic.font.weight.bold}",
         },
       },
       size: {
         xs: {
+          key: "{semantic.font.size.xs}",
           value: "10px",
           type: "fontSize",
           attributes: {
@@ -1586,12 +1627,13 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.size.xs}",
           },
           name: "Font Size Xs",
           path: ["semantic", "font", "size", "xs"],
-          key: "{semantic.font.size.xs}",
         },
         sm: {
+          key: "{semantic.font.size.sm}",
           value: "12px",
           type: "fontSize",
           attributes: {
@@ -1620,12 +1662,13 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.size.sm}",
           },
           name: "Font Size Sm",
           path: ["semantic", "font", "size", "sm"],
-          key: "{semantic.font.size.sm}",
         },
         default: {
+          key: "{semantic.font.size.default}",
           value: "14px",
           type: "fontSize",
           attributes: {
@@ -1654,12 +1697,13 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.size.default}",
           },
           name: "Font Size",
           path: ["semantic", "font", "size", "default"],
-          key: "{semantic.font.size.default}",
         },
         md: {
+          key: "{semantic.font.size.md}",
           value: "16px",
           type: "fontSize",
           attributes: {
@@ -1688,12 +1732,13 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.size.md}",
           },
           name: "Font Size Md",
           path: ["semantic", "font", "size", "md"],
-          key: "{semantic.font.size.md}",
         },
         lg: {
+          key: "{semantic.font.size.lg}",
           value: "18px",
           type: "fontSize",
           attributes: {
@@ -1722,12 +1767,13 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.size.lg}",
           },
           name: "Font Size Lg",
           path: ["semantic", "font", "size", "lg"],
-          key: "{semantic.font.size.lg}",
         },
         xl: {
+          key: "{semantic.font.size.xl}",
           value: "20px",
           type: "fontSize",
           attributes: {
@@ -1756,12 +1802,13 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.size.xl}",
           },
           name: "Font Size Xl",
           path: ["semantic", "font", "size", "xl"],
-          key: "{semantic.font.size.xl}",
         },
         xxl: {
+          key: "{semantic.font.size.xxl}",
           value: "24px",
           type: "fontSize",
           attributes: {
@@ -1790,14 +1837,15 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.size.xxl}",
           },
           name: "Font Size Xxl",
           path: ["semantic", "font", "size", "xxl"],
-          key: "{semantic.font.size.xxl}",
         },
       },
       style: {
         emphasis: {
+          key: "{semantic.font.style.emphasis}",
           value: "italic",
           type: "fontStyle",
           description: "used in ratings",
@@ -1810,6 +1858,7 @@ export default {
             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",
@@ -1835,16 +1884,17 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.style.emphasis}",
           },
           name: "Font Style Emphasis",
           path: ["semantic", "font", "style", "emphasis"],
           comment: "used in ratings",
-          key: "{semantic.font.style.emphasis}",
         },
       },
       "line-height": {
         fixed: {
           sm: {
+            key: "{semantic.font.line-height.fixed.sm}",
             value: "12px",
             type: "lineHeight",
             attributes: {
@@ -1874,12 +1924,13 @@ export default {
               attributes: {
                 category: "font",
               },
+              key: "{semantic.font.line-height.fixed.sm}",
             },
             name: "Font Line Height Fixed Sm",
             path: ["semantic", "font", "line-height", "fixed", "sm"],
-            key: "{semantic.font.line-height.fixed.sm}",
           },
           base: {
+            key: "{semantic.font.line-height.fixed.base}",
             value: "16px",
             type: "lineHeight",
             attributes: {
@@ -1909,12 +1960,13 @@ export default {
               attributes: {
                 category: "font",
               },
+              key: "{semantic.font.line-height.fixed.base}",
             },
             name: "Font Line Height Fixed Base",
             path: ["semantic", "font", "line-height", "fixed", "base"],
-            key: "{semantic.font.line-height.fixed.base}",
           },
           lg: {
+            key: "{semantic.font.line-height.fixed.lg}",
             value: "20px",
             type: "lineHeight",
             attributes: {
@@ -1944,12 +1996,13 @@ export default {
               attributes: {
                 category: "font",
               },
+              key: "{semantic.font.line-height.fixed.lg}",
             },
             name: "Font Line Height Fixed Lg",
             path: ["semantic", "font", "line-height", "fixed", "lg"],
-            key: "{semantic.font.line-height.fixed.lg}",
           },
           xl: {
+            key: "{semantic.font.line-height.fixed.xl}",
             value: "24px",
             type: "lineHeight",
             attributes: {
@@ -1979,14 +2032,15 @@ export default {
               attributes: {
                 category: "font",
               },
+              key: "{semantic.font.line-height.fixed.xl}",
             },
             name: "Font Line Height Fixed Xl",
             path: ["semantic", "font", "line-height", "fixed", "xl"],
-            key: "{semantic.font.line-height.fixed.xl}",
           },
         },
         relative: {
           default: {
+            key: "{semantic.font.line-height.relative.default}",
             value: "auto",
             type: "lineHeight",
             description: "1",
@@ -2000,6 +2054,7 @@ export default {
               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",
@@ -2025,13 +2080,14 @@ export default {
               attributes: {
                 category: "font",
               },
+              key: "{semantic.font.line-height.relative.default}",
             },
             name: "Font Line Height Relative",
             path: ["semantic", "font", "line-height", "relative", "default"],
             comment: "1",
-            key: "{semantic.font.line-height.relative.default}",
           },
           tight: {
+            key: "{semantic.font.line-height.relative.tight}",
             value: "1.25",
             type: "lineHeight",
             description: "1.25",
@@ -2045,6 +2101,7 @@ export default {
               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",
@@ -2070,13 +2127,14 @@ export default {
               attributes: {
                 category: "font",
               },
+              key: "{semantic.font.line-height.relative.tight}",
             },
             name: "Font Line Height Relative Tight",
             path: ["semantic", "font", "line-height", "relative", "tight"],
             comment: "1.25",
-            key: "{semantic.font.line-height.relative.tight}",
           },
           snug: {
+            key: "{semantic.font.line-height.relative.snug}",
             value: "1.375",
             type: "lineHeight",
             description: "1.375",
@@ -2090,6 +2148,7 @@ export default {
               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",
@@ -2115,13 +2174,14 @@ export default {
               attributes: {
                 category: "font",
               },
+              key: "{semantic.font.line-height.relative.snug}",
             },
             name: "Font Line Height Relative Snug",
             path: ["semantic", "font", "line-height", "relative", "snug"],
             comment: "1.375",
-            key: "{semantic.font.line-height.relative.snug}",
           },
           normal: {
+            key: "{semantic.font.line-height.relative.normal}",
             value: "1.5",
             type: "lineHeight",
             description: "1.5",
@@ -2135,6 +2195,7 @@ export default {
               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",
@@ -2160,13 +2221,14 @@ export default {
               attributes: {
                 category: "font",
               },
+              key: "{semantic.font.line-height.relative.normal}",
             },
             name: "Font Line Height Relative Normal",
             path: ["semantic", "font", "line-height", "relative", "normal"],
             comment: "1.5",
-            key: "{semantic.font.line-height.relative.normal}",
           },
           relaxed: {
+            key: "{semantic.font.line-height.relative.relaxed}",
             value: "1.625",
             type: "lineHeight",
             description: "1.625",
@@ -2180,6 +2242,7 @@ export default {
               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",
@@ -2205,13 +2268,14 @@ export default {
               attributes: {
                 category: "font",
               },
+              key: "{semantic.font.line-height.relative.relaxed}",
             },
             name: "Font Line Height Relative Relaxed",
             path: ["semantic", "font", "line-height", "relative", "relaxed"],
             comment: "1.625",
-            key: "{semantic.font.line-height.relative.relaxed}",
           },
           loose: {
+            key: "{semantic.font.line-height.relative.loose}",
             value: "2",
             type: "lineHeight",
             description: "2",
@@ -2225,6 +2289,7 @@ export default {
               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",
@@ -2250,16 +2315,17 @@ export default {
               attributes: {
                 category: "font",
               },
+              key: "{semantic.font.line-height.relative.loose}",
             },
             name: "Font Line Height Relative Loose",
             path: ["semantic", "font", "line-height", "relative", "loose"],
             comment: "2",
-            key: "{semantic.font.line-height.relative.loose}",
           },
         },
       },
       "letter-spacing": {
         tight: {
+          key: "{semantic.font.letter-spacing.tight}",
           value: "-0.4px",
           type: "dimension",
           description: "Deprecated",
@@ -2272,6 +2338,7 @@ export default {
             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",
@@ -2297,13 +2364,14 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.letter-spacing.tight}",
           },
           name: "Font Letter Spacing Tight",
           path: ["semantic", "font", "letter-spacing", "tight"],
           comment: "Deprecated",
-          key: "{semantic.font.letter-spacing.tight}",
         },
         normal: {
+          key: "{semantic.font.letter-spacing.normal}",
           value: "0",
           type: "dimension",
           description: "Deprecated",
@@ -2316,6 +2384,7 @@ export default {
             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",
@@ -2341,13 +2410,14 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.letter-spacing.normal}",
           },
           name: "Font Letter Spacing Normal",
           path: ["semantic", "font", "letter-spacing", "normal"],
           comment: "Deprecated",
-          key: "{semantic.font.letter-spacing.normal}",
         },
         wide: {
+          key: "{semantic.font.letter-spacing.wide}",
           value: "0.4px",
           type: "dimension",
           description: "Deprecated",
@@ -2360,6 +2430,7 @@ export default {
             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",
@@ -2385,15 +2456,16 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.letter-spacing.wide}",
           },
           name: "Font Letter Spacing Wide",
           path: ["semantic", "font", "letter-spacing", "wide"],
           comment: "Deprecated",
-          key: "{semantic.font.letter-spacing.wide}",
         },
       },
       "paragraph-spacing": {
         normal: {
+          key: "{semantic.font.paragraph-spacing.normal}",
           value: "4px",
           type: "dimension",
           description: "Deprecated",
@@ -2406,6 +2478,7 @@ export default {
             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",
@@ -2431,15 +2504,16 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.paragraph-spacing.normal}",
           },
           name: "Font Paragraph Spacing Normal",
           path: ["semantic", "font", "paragraph-spacing", "normal"],
           comment: "Deprecated",
-          key: "{semantic.font.paragraph-spacing.normal}",
         },
       },
       "text-decoration": {
         none: {
+          key: "{semantic.font.text-decoration.none}",
           value: "none",
           type: "textDecoration",
           description: "Deprecated",
@@ -2452,6 +2526,7 @@ export default {
             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",
@@ -2477,13 +2552,14 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.text-decoration.none}",
           },
           name: "Font Text Decoration None",
           path: ["semantic", "font", "text-decoration", "none"],
           comment: "Deprecated",
-          key: "{semantic.font.text-decoration.none}",
         },
         underline: {
+          key: "{semantic.font.text-decoration.underline}",
           value: "underline",
           type: "textDecoration",
           description: "Deprecated",
@@ -2496,6 +2572,7 @@ export default {
             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",
@@ -2521,15 +2598,16 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.text-decoration.underline}",
           },
           name: "Font Text Decoration Underline",
           path: ["semantic", "font", "text-decoration", "underline"],
           comment: "Deprecated",
-          key: "{semantic.font.text-decoration.underline}",
         },
       },
       "text-case": {
         none: {
+          key: "{semantic.font.text-case.none}",
           value: "none",
           type: "textCase",
           description: "Deprecated",
@@ -2542,6 +2620,7 @@ export default {
             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",
@@ -2567,13 +2646,14 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.text-case.none}",
           },
           name: "Font Text Case None",
           path: ["semantic", "font", "text-case", "none"],
           comment: "Deprecated",
-          key: "{semantic.font.text-case.none}",
         },
         uppercase: {
+          key: "{semantic.font.text-case.uppercase}",
           value: "uppercase",
           type: "textCase",
           description: "Deprecated",
@@ -2586,6 +2666,7 @@ export default {
             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",
@@ -2611,13 +2692,14 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.text-case.uppercase}",
           },
           name: "Font Text Case Uppercase",
           path: ["semantic", "font", "text-case", "uppercase"],
           comment: "Deprecated",
-          key: "{semantic.font.text-case.uppercase}",
         },
         lowercase: {
+          key: "{semantic.font.text-case.lowercase}",
           value: "lowercase",
           type: "textCase",
           description: "Deprecated",
@@ -2630,6 +2712,7 @@ export default {
             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",
@@ -2655,13 +2738,14 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.text-case.lowercase}",
           },
           name: "Font Text Case Lowercase",
           path: ["semantic", "font", "text-case", "lowercase"],
           comment: "Deprecated",
-          key: "{semantic.font.text-case.lowercase}",
         },
         capitalize: {
+          key: "{semantic.font.text-case.capitalize}",
           value: "capitalize",
           type: "textCase",
           description: "Deprecated",
@@ -2674,6 +2758,7 @@ export default {
             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",
@@ -2699,16 +2784,17 @@ export default {
             attributes: {
               category: "font",
             },
+            key: "{semantic.font.text-case.capitalize}",
           },
           name: "Font Text Case Capitalize",
           path: ["semantic", "font", "text-case", "capitalize"],
           comment: "Deprecated",
-          key: "{semantic.font.text-case.capitalize}",
         },
       },
     },
     opacity: {
       light: {
+        key: "{semantic.opacity.light}",
         value: "0.4",
         type: "opacity",
         attributes: {
@@ -2736,12 +2822,13 @@ export default {
           attributes: {
             category: "opacity",
           },
+          key: "{semantic.opacity.light}",
         },
         name: "Opacity Light",
         path: ["semantic", "opacity", "light"],
-        key: "{semantic.opacity.light}",
       },
       half: {
+        key: "{semantic.opacity.half}",
         value: "0.5",
         type: "opacity",
         attributes: {
@@ -2769,12 +2856,13 @@ export default {
           attributes: {
             category: "opacity",
           },
+          key: "{semantic.opacity.half}",
         },
         name: "Opacity Half",
         path: ["semantic", "opacity", "half"],
-        key: "{semantic.opacity.half}",
       },
       dark: {
+        key: "{semantic.opacity.dark}",
         value: "0.85",
         type: "opacity",
         attributes: {
@@ -2802,12 +2890,13 @@ export default {
           attributes: {
             category: "opacity",
           },
+          key: "{semantic.opacity.dark}",
         },
         name: "Opacity Dark",
         path: ["semantic", "opacity", "dark"],
-        key: "{semantic.opacity.dark}",
       },
       full: {
+        key: "{semantic.opacity.full}",
         value: "1",
         type: "opacity",
         attributes: {
@@ -2835,12 +2924,13 @@ export default {
           attributes: {
             category: "opacity",
           },
+          key: "{semantic.opacity.full}",
         },
         name: "Opacity Full",
         path: ["semantic", "opacity", "full"],
-        key: "{semantic.opacity.full}",
       },
       disabled: {
+        key: "{semantic.opacity.disabled}",
         value: "0.5",
         type: "opacity",
         attributes: {
@@ -2868,14 +2958,15 @@ export default {
           attributes: {
             category: "opacity",
           },
+          key: "{semantic.opacity.disabled}",
         },
         name: "Opacity Disabled",
         path: ["semantic", "opacity", "disabled"],
-        key: "{semantic.opacity.disabled}",
       },
     },
     shadow: {
       none: {
+        key: "{semantic.shadow.none}",
         value: {
           blur: "0",
           spread: "0",
@@ -2904,23 +2995,18 @@ export default {
         filePath: "src/tokens/semantic/shadow.json",
         isSource: true,
         original: {
-          value: {
-            blur: "0",
-            spread: "0",
-            color: "rgba({core.color.neutral.blk-240}, {core.opacity.0})",
-            offsetX: "0",
-            offsetY: "0",
-          },
+          value: "{core.shadow.0}",
           type: "shadow",
           attributes: {
             category: "shadow",
           },
+          key: "{semantic.shadow.none}",
         },
         name: "Shadow None",
         path: ["semantic", "shadow", "none"],
-        key: "{semantic.shadow.none}",
       },
       sm: {
+        key: "{semantic.shadow.sm}",
         value: [
           {
             blur: "8px",
@@ -2963,12 +3049,13 @@ export default {
           attributes: {
             category: "shadow",
           },
+          key: "{semantic.shadow.sm}",
         },
         name: "Shadow Sm",
         path: ["semantic", "shadow", "sm"],
-        key: "{semantic.shadow.sm}",
       },
       md: {
+        key: "{semantic.shadow.md}",
         value: [
           {
             blur: "20px",
@@ -3011,18 +3098,18 @@ export default {
           attributes: {
             category: "shadow",
           },
+          key: "{semantic.shadow.md}",
         },
         name: "Shadow Md",
         path: ["semantic", "shadow", "md"],
-        key: "{semantic.shadow.md}",
       },
     },
     size: {
       fixed: {
         xxxs: {
+          key: "{semantic.size.fixed.xxxs}",
           value: "2px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "size",
             type: "dimension",
@@ -3032,6 +3119,7 @@ export default {
             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",
@@ -3048,25 +3136,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/size.json",
           isSource: true,
           original: {
             value: "{core.size.default.2}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "size",
             },
+            description: "deprecated",
+            key: "{semantic.size.fixed.xxxs}",
           },
           name: "Size Fixed Xxxs",
           path: ["semantic", "size", "fixed", "xxxs"],
           comment: "deprecated",
-          key: "{semantic.size.fixed.xxxs}",
         },
         xxs: {
+          key: "{semantic.size.fixed.xxs}",
           value: "4px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "size",
             type: "dimension",
@@ -3076,6 +3165,7 @@ export default {
             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",
@@ -3092,25 +3182,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/size.json",
           isSource: true,
           original: {
             value: "{core.size.default.4}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "size",
             },
+            description: "deprecated",
+            key: "{semantic.size.fixed.xxs}",
           },
           name: "Size Fixed Xxs",
           path: ["semantic", "size", "fixed", "xxs"],
           comment: "deprecated",
-          key: "{semantic.size.fixed.xxs}",
         },
         xs: {
+          key: "{semantic.size.fixed.xs}",
           value: "6px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "size",
             type: "dimension",
@@ -3120,6 +3211,7 @@ export default {
             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",
@@ -3136,25 +3228,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/size.json",
           isSource: true,
           original: {
             value: "{core.size.default.6}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "size",
             },
+            description: "deprecated",
+            key: "{semantic.size.fixed.xs}",
           },
           name: "Size Fixed Xs",
           path: ["semantic", "size", "fixed", "xs"],
           comment: "deprecated",
-          key: "{semantic.size.fixed.xs}",
         },
         sm: {
+          key: "{semantic.size.fixed.sm}",
           value: "8px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "size",
             type: "dimension",
@@ -3164,6 +3257,7 @@ export default {
             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",
@@ -3180,25 +3274,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/size.json",
           isSource: true,
           original: {
             value: "{core.size.default.8}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "size",
             },
+            description: "deprecated",
+            key: "{semantic.size.fixed.sm}",
           },
           name: "Size Fixed Sm",
           path: ["semantic", "size", "fixed", "sm"],
           comment: "deprecated",
-          key: "{semantic.size.fixed.sm}",
         },
         "sm+": {
+          key: "{semantic.size.fixed.sm+}",
           value: "10px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "size",
             type: "dimension",
@@ -3208,6 +3303,7 @@ export default {
             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",
@@ -3224,25 +3320,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/size.json",
           isSource: true,
           original: {
             value: "{core.size.default.10}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "size",
             },
+            description: "deprecated",
+            key: "{semantic.size.fixed.sm+}",
           },
           name: "Size Fixed Sm Plus",
           path: ["semantic", "size", "fixed", "sm+"],
           comment: "deprecated",
-          key: "{semantic.size.fixed.sm+}",
         },
         md: {
+          key: "{semantic.size.fixed.md}",
           value: "12px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "size",
             type: "dimension",
@@ -3252,6 +3349,7 @@ export default {
             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",
@@ -3268,25 +3366,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/size.json",
           isSource: true,
           original: {
             value: "{core.size.default.12}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "size",
             },
+            description: "deprecated",
+            key: "{semantic.size.fixed.md}",
           },
           name: "Size Fixed Md",
           path: ["semantic", "size", "fixed", "md"],
           comment: "deprecated",
-          key: "{semantic.size.fixed.md}",
         },
         "md+": {
+          key: "{semantic.size.fixed.md+}",
           value: "14px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "size",
             type: "dimension",
@@ -3296,6 +3395,7 @@ export default {
             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",
@@ -3312,25 +3412,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/size.json",
           isSource: true,
           original: {
             value: "{core.size.default.14}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "size",
             },
+            description: "deprecated",
+            key: "{semantic.size.fixed.md+}",
           },
           name: "Size Fixed Md Plus",
           path: ["semantic", "size", "fixed", "md+"],
           comment: "deprecated",
-          key: "{semantic.size.fixed.md+}",
         },
         lg: {
+          key: "{semantic.size.fixed.lg}",
           value: "16px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "size",
             type: "dimension",
@@ -3340,6 +3441,7 @@ export default {
             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",
@@ -3356,25 +3458,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/size.json",
           isSource: true,
           original: {
             value: "{core.size.default.16}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "size",
             },
+            description: "deprecated",
+            key: "{semantic.size.fixed.lg}",
           },
           name: "Size Fixed Lg",
           path: ["semantic", "size", "fixed", "lg"],
           comment: "deprecated",
-          key: "{semantic.size.fixed.lg}",
         },
         xl: {
+          key: "{semantic.size.fixed.xl}",
           value: "20px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "size",
             type: "dimension",
@@ -3384,6 +3487,7 @@ export default {
             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",
@@ -3400,25 +3504,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/size.json",
           isSource: true,
           original: {
             value: "{core.size.default.20}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "size",
             },
+            description: "deprecated",
+            key: "{semantic.size.fixed.xl}",
           },
           name: "Size Fixed Xl",
           path: ["semantic", "size", "fixed", "xl"],
           comment: "deprecated",
-          key: "{semantic.size.fixed.xl}",
         },
         xxl: {
+          key: "{semantic.size.fixed.xxl}",
           value: "24px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "size",
             type: "dimension",
@@ -3428,6 +3533,7 @@ export default {
             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",
@@ -3444,25 +3550,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/size.json",
           isSource: true,
           original: {
             value: "{core.size.default.24}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "size",
             },
+            description: "deprecated",
+            key: "{semantic.size.fixed.xxl}",
           },
           name: "Size Fixed Xxl",
           path: ["semantic", "size", "fixed", "xxl"],
           comment: "deprecated",
-          key: "{semantic.size.fixed.xxl}",
         },
         xxxl: {
+          key: "{semantic.size.fixed.xxxl}",
           value: "32px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "size",
             type: "dimension",
@@ -3472,6 +3579,7 @@ export default {
             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",
@@ -3488,24 +3596,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/size.json",
           isSource: true,
           original: {
             value: "{core.size.default.32}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "size",
             },
+            description: "deprecated",
+            key: "{semantic.size.fixed.xxxl}",
           },
           name: "Size Fixed Xxxl",
           path: ["semantic", "size", "fixed", "xxxl"],
           comment: "deprecated",
-          key: "{semantic.size.fixed.xxxl}",
         },
       },
       default: {
         px: {
+          key: "{semantic.size.default.px}",
           value: "1px",
           type: "dimension",
           attributes: {
@@ -3534,12 +3644,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.size.default.px}",
           },
           name: "Size Px",
           path: ["semantic", "size", "default", "px"],
-          key: "{semantic.size.default.px}",
         },
         xxxs: {
+          key: "{semantic.size.default.xxxs}",
           value: "0.75rem",
           type: "dimension",
           attributes: {
@@ -3568,12 +3679,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.size.default.xxxs}",
           },
           name: "Size Xxxs",
           path: ["semantic", "size", "default", "xxxs"],
-          key: "{semantic.size.default.xxxs}",
         },
         xxs: {
+          key: "{semantic.size.default.xxs}",
           value: "0.875rem",
           type: "dimension",
           attributes: {
@@ -3602,12 +3714,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.size.default.xxs}",
           },
           name: "Size Xxs",
           path: ["semantic", "size", "default", "xxs"],
-          key: "{semantic.size.default.xxs}",
         },
         xs: {
+          key: "{semantic.size.default.xs}",
           value: "1rem",
           type: "dimension",
           attributes: {
@@ -3636,12 +3749,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.size.default.xs}",
           },
           name: "Size Xs",
           path: ["semantic", "size", "default", "xs"],
-          key: "{semantic.size.default.xs}",
         },
         sm: {
+          key: "{semantic.size.default.sm}",
           value: "1.5rem",
           type: "dimension",
           attributes: {
@@ -3670,12 +3784,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.size.default.sm}",
           },
           name: "Size Sm",
           path: ["semantic", "size", "default", "sm"],
-          key: "{semantic.size.default.sm}",
         },
         md: {
+          key: "{semantic.size.default.md}",
           value: "2rem",
           type: "dimension",
           attributes: {
@@ -3704,12 +3819,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.size.default.md}",
           },
           name: "Size Md",
           path: ["semantic", "size", "default", "md"],
-          key: "{semantic.size.default.md}",
         },
         lg: {
+          key: "{semantic.size.default.lg}",
           value: "2.75rem",
           type: "dimension",
           attributes: {
@@ -3738,12 +3854,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.size.default.lg}",
           },
           name: "Size Lg",
           path: ["semantic", "size", "default", "lg"],
-          key: "{semantic.size.default.lg}",
         },
         xl: {
+          key: "{semantic.size.default.xl}",
           value: "3rem",
           type: "dimension",
           attributes: {
@@ -3772,12 +3889,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.size.default.xl}",
           },
           name: "Size Xl",
           path: ["semantic", "size", "default", "xl"],
-          key: "{semantic.size.default.xl}",
         },
         xxl: {
+          key: "{semantic.size.default.xxl}",
           value: "4rem",
           type: "dimension",
           attributes: {
@@ -3806,12 +3924,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.size.default.xxl}",
           },
           name: "Size Xxl",
           path: ["semantic", "size", "default", "xxl"],
-          key: "{semantic.size.default.xxl}",
         },
         xxxl: {
+          key: "{semantic.size.default.xxxl}",
           value: "6rem",
           type: "dimension",
           attributes: {
@@ -3840,19 +3959,19 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.size.default.xxxl}",
           },
           name: "Size Xxxl",
           path: ["semantic", "size", "default", "xxxl"],
-          key: "{semantic.size.default.xxxl}",
         },
       },
     },
     spacing: {
       fixed: {
         xxs: {
+          key: "{semantic.spacing.fixed.xxs}",
           value: "4px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "space",
             type: "dimension",
@@ -3862,6 +3981,7 @@ export default {
             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",
@@ -3878,25 +3998,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/space.json",
           isSource: true,
           original: {
             value: "{core.size.default.4}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "space",
             },
+            description: "deprecated",
+            key: "{semantic.spacing.fixed.xxs}",
           },
           name: "Spacing Fixed Xxs",
           path: ["semantic", "spacing", "fixed", "xxs"],
           comment: "deprecated",
-          key: "{semantic.spacing.fixed.xxs}",
         },
         xs: {
+          key: "{semantic.spacing.fixed.xs}",
           value: "6px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "space",
             type: "dimension",
@@ -3906,6 +4027,7 @@ export default {
             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",
@@ -3922,25 +4044,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/space.json",
           isSource: true,
           original: {
             value: "{core.size.default.6}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "space",
             },
+            description: "deprecated",
+            key: "{semantic.spacing.fixed.xs}",
           },
           name: "Spacing Fixed Xs",
           path: ["semantic", "spacing", "fixed", "xs"],
           comment: "deprecated",
-          key: "{semantic.spacing.fixed.xs}",
         },
         sm: {
+          key: "{semantic.spacing.fixed.sm}",
           value: "8px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "space",
             type: "dimension",
@@ -3950,6 +4073,7 @@ export default {
             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",
@@ -3966,25 +4090,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/space.json",
           isSource: true,
           original: {
             value: "{core.size.default.8}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "space",
             },
+            description: "deprecated",
+            key: "{semantic.spacing.fixed.sm}",
           },
           name: "Spacing Fixed Sm",
           path: ["semantic", "spacing", "fixed", "sm"],
           comment: "deprecated",
-          key: "{semantic.spacing.fixed.sm}",
         },
         md: {
+          key: "{semantic.spacing.fixed.md}",
           value: "12px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "space",
             type: "dimension",
@@ -3994,6 +4119,7 @@ export default {
             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",
@@ -4010,25 +4136,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/space.json",
           isSource: true,
           original: {
             value: "{core.size.default.12}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "space",
             },
+            description: "deprecated",
+            key: "{semantic.spacing.fixed.md}",
           },
           name: "Spacing Fixed Md",
           path: ["semantic", "spacing", "fixed", "md"],
           comment: "deprecated",
-          key: "{semantic.spacing.fixed.md}",
         },
         lg: {
+          key: "{semantic.spacing.fixed.lg}",
           value: "14px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "space",
             type: "dimension",
@@ -4038,6 +4165,7 @@ export default {
             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",
@@ -4054,25 +4182,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/space.json",
           isSource: true,
           original: {
             value: "{core.size.default.14}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "space",
             },
+            description: "deprecated",
+            key: "{semantic.spacing.fixed.lg}",
           },
           name: "Spacing Fixed Lg",
           path: ["semantic", "spacing", "fixed", "lg"],
           comment: "deprecated",
-          key: "{semantic.spacing.fixed.lg}",
         },
         xl: {
+          key: "{semantic.spacing.fixed.xl}",
           value: "16px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "space",
             type: "dimension",
@@ -4082,6 +4211,7 @@ export default {
             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",
@@ -4098,25 +4228,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/space.json",
           isSource: true,
           original: {
             value: "{core.size.default.16}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "space",
             },
+            description: "deprecated",
+            key: "{semantic.spacing.fixed.xl}",
           },
           name: "Spacing Fixed Xl",
           path: ["semantic", "spacing", "fixed", "xl"],
           comment: "deprecated",
-          key: "{semantic.spacing.fixed.xl}",
         },
         xxl: {
+          key: "{semantic.spacing.fixed.xxl}",
           value: "20px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "space",
             type: "dimension",
@@ -4126,6 +4257,7 @@ export default {
             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",
@@ -4142,25 +4274,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/space.json",
           isSource: true,
           original: {
             value: "{core.size.default.20}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "space",
             },
+            description: "deprecated",
+            key: "{semantic.spacing.fixed.xxl}",
           },
           name: "Spacing Fixed Xxl",
           path: ["semantic", "spacing", "fixed", "xxl"],
           comment: "deprecated",
-          key: "{semantic.spacing.fixed.xxl}",
         },
         xxxl: {
+          key: "{semantic.spacing.fixed.xxxl}",
           value: "32px",
           type: "dimension",
-          description: "deprecated",
           attributes: {
             category: "space",
             type: "dimension",
@@ -4170,6 +4303,7 @@ export default {
             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",
@@ -4186,24 +4320,26 @@ export default {
               type: "dimension",
             },
           },
+          description: "deprecated",
           filePath: "src/tokens/semantic/space.json",
           isSource: true,
           original: {
             value: "{core.size.default.32}",
             type: "dimension",
-            description: "deprecated",
             attributes: {
               category: "space",
             },
+            description: "deprecated",
+            key: "{semantic.spacing.fixed.xxxl}",
           },
           name: "Spacing Fixed Xxxl",
           path: ["semantic", "spacing", "fixed", "xxxl"],
           comment: "deprecated",
-          key: "{semantic.spacing.fixed.xxxl}",
         },
       },
       default: {
         none: {
+          key: "{semantic.spacing.default.none}",
           value: "0",
           type: "dimension",
           attributes: {
@@ -4234,12 +4370,13 @@ export default {
               pattern: "",
               category: "space",
             },
+            key: "{semantic.spacing.default.none}",
           },
           name: "Spacing None",
           path: ["semantic", "spacing", "default", "none"],
-          key: "{semantic.spacing.default.none}",
         },
         px: {
+          key: "{semantic.spacing.default.px}",
           value: "1px",
           type: "dimension",
           attributes: {
@@ -4270,12 +4407,13 @@ export default {
               pattern: "",
               category: "space",
             },
+            key: "{semantic.spacing.default.px}",
           },
           name: "Spacing Px",
           path: ["semantic", "spacing", "default", "px"],
-          key: "{semantic.spacing.default.px}",
         },
         base: {
+          key: "{semantic.spacing.default.base}",
           value: "2px",
           type: "dimension",
           attributes: {
@@ -4306,12 +4444,13 @@ export default {
               pattern: "",
               category: "space",
             },
+            key: "{semantic.spacing.default.base}",
           },
           name: "Spacing Base",
           path: ["semantic", "spacing", "default", "base"],
-          key: "{semantic.spacing.default.base}",
         },
         xxs: {
+          key: "{semantic.spacing.default.xxs}",
           value: "0.25rem",
           type: "dimension",
           attributes: {
@@ -4340,12 +4479,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.spacing.default.xxs}",
           },
           name: "Spacing Xxs",
           path: ["semantic", "spacing", "default", "xxs"],
-          key: "{semantic.spacing.default.xxs}",
         },
         xs: {
+          key: "{semantic.spacing.default.xs}",
           value: "0.375rem",
           type: "dimension",
           attributes: {
@@ -4374,12 +4514,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.spacing.default.xs}",
           },
           name: "Spacing Xs",
           path: ["semantic", "spacing", "default", "xs"],
-          key: "{semantic.spacing.default.xs}",
         },
         sm: {
+          key: "{semantic.spacing.default.sm}",
           value: "0.5rem",
           type: "dimension",
           attributes: {
@@ -4408,12 +4549,13 @@ export default {
             attributes: {
               category: "size",
             },
+            key: "{semantic.spacing.default.sm}",
           },
           name: "Spacing Sm",
           path: ["semantic", "spacing", "default", "sm"],
-          key: "{semantic.spacing.default.sm}",
         },
         "sm+": {
+          key: "{semantic.spacing.default.sm+}",
           value: "0.625rem",
           type: "dimension",
           attributes: {
@@ -4442,12 +4584,13 @@ export default {
             attributes: {
               category: "space",
             },
+            key: "{semantic.spacing.default.sm+}",
           },
           name: "Spacing Sm Plus",
           path: ["semantic", "spacing", "default", "sm+"],
-          key: "{semantic.spacing.default.sm+}",
         },
         md: {
+          key: "{semantic.spacing.default.md}",
           value: "0.75rem",
           type: "dimension",
           attributes: {
@@ -4476,12 +4619,13 @@ export default {
             attributes: {
               category: "space",
             },
+            key: "{semantic.spacing.default.md}",
           },
           name: "Spacing Md",
           path: ["semantic", "spacing", "default", "md"],
-          key: "{semantic.spacing.default.md}",
         },
         "md+": {
+          key: "{semantic.spacing.default.md+}",
           value: "0.875rem",
           type: "dimension",
           attributes: {
@@ -4510,12 +4654,13 @@ export default {
             attributes: {
               category: "space",
             },
+            key: "{semantic.spacing.default.md+}",
           },
           name: "Spacing Md Plus",
           path: ["semantic", "spacing", "default", "md+"],
-          key: "{semantic.spacing.default.md+}",
         },
         lg: {
+          key: "{semantic.spacing.default.lg}",
           value: "1rem",
           type: "dimension",
           attributes: {
@@ -4544,12 +4689,13 @@ export default {
             attributes: {
               category: "space",
             },
+            key: "{semantic.spacing.default.lg}",
           },
           name: "Spacing Lg",
           path: ["semantic", "spacing", "default", "lg"],
-          key: "{semantic.spacing.default.lg}",
         },
         xl: {
+          key: "{semantic.spacing.default.xl}",
           value: "1.25rem",
           type: "dimension",
           attributes: {
@@ -4578,12 +4724,13 @@ export default {
             attributes: {
               category: "space",
             },
+            key: "{semantic.spacing.default.xl}",
           },
           name: "Spacing Xl",
           path: ["semantic", "spacing", "default", "xl"],
-          key: "{semantic.spacing.default.xl}",
         },
         xxl: {
+          key: "{semantic.spacing.default.xxl}",
           value: "1.5rem",
           type: "dimension",
           attributes: {
@@ -4612,12 +4759,13 @@ export default {
             attributes: {
               category: "space",
             },
+            key: "{semantic.spacing.default.xxl}",
           },
           name: "Spacing Xxl",
           path: ["semantic", "spacing", "default", "xxl"],
-          key: "{semantic.spacing.default.xxl}",
         },
         xxxl: {
+          key: "{semantic.spacing.default.xxxl}",
           value: "2rem",
           type: "dimension",
           attributes: {
@@ -4646,15 +4794,16 @@ export default {
             attributes: {
               category: "space",
             },
+            key: "{semantic.spacing.default.xxxl}",
           },
           name: "Spacing Xxxl",
           path: ["semantic", "spacing", "default", "xxxl"],
-          key: "{semantic.spacing.default.xxxl}",
         },
       },
     },
     "z-index": {
       deep: {
+        key: "{semantic.z-index.deep}",
         value: "-999999",
         type: "z-index",
         attributes: {
@@ -4682,12 +4831,13 @@ export default {
           attributes: {
             category: "z-index",
           },
+          key: "{semantic.z-index.deep}",
         },
         name: "Z Index Deep",
         path: ["semantic", "z-index", "deep"],
-        key: "{semantic.z-index.deep}",
       },
       default: {
+        key: "{semantic.z-index.default}",
         value: "1",
         type: "z-index",
         attributes: {
@@ -4715,12 +4865,13 @@ export default {
           attributes: {
             category: "z-index",
           },
+          key: "{semantic.z-index.default}",
         },
         name: "Z Index",
         path: ["semantic", "z-index", "default"],
-        key: "{semantic.z-index.default}",
       },
       sticky: {
+        key: "{semantic.z-index.sticky}",
         value: "300",
         type: "z-index",
         attributes: {
@@ -4748,12 +4899,13 @@ export default {
           attributes: {
             category: "z-index",
           },
+          key: "{semantic.z-index.sticky}",
         },
         name: "Z Index Sticky",
         path: ["semantic", "z-index", "sticky"],
-        key: "{semantic.z-index.sticky}",
       },
       header: {
+        key: "{semantic.z-index.header}",
         value: "400",
         type: "z-index",
         attributes: {
@@ -4781,12 +4933,13 @@ export default {
           attributes: {
             category: "z-index",
           },
+          key: "{semantic.z-index.header}",
         },
         name: "Z Index Header",
         path: ["semantic", "z-index", "header"],
-        key: "{semantic.z-index.header}",
       },
       toast: {
+        key: "{semantic.z-index.toast}",
         value: "500",
         type: "z-index",
         attributes: {
@@ -4814,12 +4967,13 @@ export default {
           attributes: {
             category: "z-index",
           },
+          key: "{semantic.z-index.toast}",
         },
         name: "Z Index Toast",
         path: ["semantic", "z-index", "toast"],
-        key: "{semantic.z-index.toast}",
       },
       dropdown: {
+        key: "{semantic.z-index.dropdown}",
         value: "600",
         type: "z-index",
         attributes: {
@@ -4847,12 +5001,13 @@ export default {
           attributes: {
             category: "z-index",
           },
+          key: "{semantic.z-index.dropdown}",
         },
         name: "Z Index Dropdown",
         path: ["semantic", "z-index", "dropdown"],
-        key: "{semantic.z-index.dropdown}",
       },
       overlay: {
+        key: "{semantic.z-index.overlay}",
         value: "700",
         type: "z-index",
         attributes: {
@@ -4880,12 +5035,13 @@ export default {
           attributes: {
             category: "z-index",
           },
+          key: "{semantic.z-index.overlay}",
         },
         name: "Z Index Overlay",
         path: ["semantic", "z-index", "overlay"],
-        key: "{semantic.z-index.overlay}",
       },
       modal: {
+        key: "{semantic.z-index.modal}",
         value: "800",
         type: "z-index",
         attributes: {
@@ -4913,12 +5069,13 @@ export default {
           attributes: {
             category: "z-index",
           },
+          key: "{semantic.z-index.modal}",
         },
         name: "Z Index Modal",
         path: ["semantic", "z-index", "modal"],
-        key: "{semantic.z-index.modal}",
       },
       popup: {
+        key: "{semantic.z-index.popup}",
         value: "900",
         type: "z-index",
         attributes: {
@@ -4946,12 +5103,13 @@ export default {
           attributes: {
             category: "z-index",
           },
+          key: "{semantic.z-index.popup}",
         },
         name: "Z Index Popup",
         path: ["semantic", "z-index", "popup"],
-        key: "{semantic.z-index.popup}",
       },
       tooltip: {
+        key: "{semantic.z-index.tooltip}",
         value: "901",
         type: "z-index",
         attributes: {
@@ -4979,10 +5137,10 @@ export default {
           attributes: {
             category: "z-index",
           },
+          key: "{semantic.z-index.tooltip}",
         },
         name: "Z Index Tooltip",
         path: ["semantic", "z-index", "tooltip"],
-        key: "{semantic.z-index.tooltip}",
       },
     },
   },