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

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

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

Files changed (32) hide show

package/dist/css/component.css +11 -0
package/dist/css/dark.css +3 -2
package/dist/css/index.css +10 -10
package/dist/css/light.css +3 -2
package/dist/css/semantic.css +0 -22
package/dist/docs/core.json +464 -1
package/dist/docs/dark.json +110 -24
package/dist/docs/global.json +309 -183
package/dist/docs/light.json +102 -14
package/dist/docs/semantic.json +132 -572
package/dist/es6/dark.d.ts +3 -2
package/dist/es6/dark.js +3 -2
package/dist/es6/global.d.ts +3 -2
package/dist/es6/global.js +3 -2
package/dist/es6/light.d.ts +3 -2
package/dist/es6/light.js +3 -2
package/dist/es6/semantic.d.ts +0 -24
package/dist/es6/semantic.js +0 -12
package/dist/js/core.js +926 -0
package/dist/js/dark.d.ts +3 -2
package/dist/js/dark.js +200 -38
package/dist/js/global.d.ts +13 -10
package/dist/js/global.js +669 -424
package/dist/js/light.d.ts +3 -2
package/dist/js/light.js +176 -16
package/dist/js/semantic.d.ts +8 -26
package/dist/js/semantic.js +358 -934
package/dist/scss/dark.scss +3 -2
package/dist/scss/index.scss +4 -4
package/dist/scss/light.scss +3 -2
package/dist/scss/semantic.scss +0 -22
package/package.json +6 -6

package/dist/js/global.js CHANGED Viewed

@@ -17,6 +17,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "background",
             type: "color",
             item: "background",
             subitem: "default",
@@ -40,6 +41,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "background",
             },
             key: "{semantic.color.background.default}",
           },
@@ -52,6 +54,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "background",
             type: "color",
             item: "background",
             subitem: "none",
@@ -75,6 +78,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "background",
             },
             key: "{semantic.color.background.none}",
           },
@@ -92,6 +96,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "foreground",
             type: "color",
             item: "foreground",
             subitem: "1",
@@ -115,6 +120,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "foreground",
             },
             key: "{semantic.color.foreground.1}",
           },
@@ -130,6 +136,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "foreground",
             type: "color",
             item: "foreground",
             subitem: "2",
@@ -153,6 +160,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "foreground",
             },
             key: "{semantic.color.foreground.2}",
           },
@@ -168,6 +176,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "foreground",
             type: "color",
             item: "foreground",
             subitem: "3",
@@ -191,6 +200,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "foreground",
             },
             key: "{semantic.color.foreground.3}",
           },
@@ -206,19 +216,20 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "foreground",
             type: "color",
             item: "foreground",
             subitem: "current",
             value: "#d6efff",
             description:
-              "deprecated, use --calcite-color-foreground-highlight instead",
+              "deprecated, use --calcite-color-surface-highlight instead",
             filePath: "src/tokens/semantic/color/light.json",
             isSource: false,
             key: "{semantic.color.foreground.current}",
             name: "calcite-semantic-color-foreground-current",
             path: ["semantic", "color", "foreground", "current"],
             comment:
-              "deprecated, use --calcite-color-foreground-highlight instead",
+              "deprecated, use --calcite-color-surface-highlight instead",
             names: {
               scss: "$calcite-color-foreground-current",
               css: "var(--calcite-color-foreground-current)",
@@ -233,7 +244,7 @@ export default {
             },
           },
           description:
-            "deprecated, use --calcite-color-foreground-highlight instead",
+            "deprecated, use --calcite-color-surface-highlight instead",
           filePath: "src/tokens/semantic/color/light.json",
           isSource: false,
           original: {
@@ -241,18 +252,20 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "foreground",
             },
             description:
-              "deprecated, use --calcite-color-foreground-highlight instead",
+              "deprecated, use --calcite-color-surface-highlight instead",
             key: "{semantic.color.foreground.current}",
           },
           name: "Color Foreground Current",
           path: ["semantic", "color", "foreground", "current"],
-          comment:
-            "deprecated, use --calcite-color-foreground-highlight instead",
+          comment: "deprecated, use --calcite-color-surface-highlight instead",
         },
+      },
+      surface: {
         highlight: {
-          key: "{semantic.color.foreground.highlight}",
+          key: "{semantic.color.surface.highlight}",
           value: {
             light: "#d6efff",
             dark: "#2b465f",
@@ -260,15 +273,16 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "foreground",
             type: "color",
-            item: "foreground",
+            item: "surface",
             subitem: "highlight",
             names: {
-              scss: "$calcite-color-foreground-highlight",
-              css: "var(--calcite-color-foreground-highlight)",
-              js: "semantic.color.foreground.highlight",
-              docs: "semantic.color.foreground.highlight",
-              es6: "calciteColorForegroundHighlight",
+              scss: "$calcite-color-surface-highlight",
+              css: "var(--calcite-color-surface-highlight)",
+              js: "semantic.color.surface.highlight",
+              docs: "semantic.color.surface.highlight",
+              es6: "calciteColorSurfaceHighlight",
             },
             "calcite-schema": {
               system: "calcite",
@@ -283,11 +297,12 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "foreground",
             },
-            key: "{semantic.color.foreground.highlight}",
+            key: "{semantic.color.surface.highlight}",
           },
-          name: "Color Foreground Highlight",
-          path: ["semantic", "color", "foreground", "highlight"],
+          name: "Color Surface Highlight",
+          path: ["semantic", "color", "surface", "highlight"],
         },
       },
       transparent: {
@@ -301,6 +316,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "transparent",
               type: "color",
               item: "transparent",
               subitem: "default",
@@ -325,6 +341,7 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "transparent",
               },
               key: "{semantic.color.transparent.default.default}",
             },
@@ -340,6 +357,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "transparent",
               type: "color",
               item: "transparent",
               subitem: "default",
@@ -364,6 +382,7 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "transparent",
               },
               key: "{semantic.color.transparent.default.hover}",
             },
@@ -379,6 +398,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "transparent",
               type: "color",
               item: "transparent",
               subitem: "default",
@@ -403,6 +423,7 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "transparent",
               },
               key: "{semantic.color.transparent.default.press}",
             },
@@ -420,6 +441,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "transparent",
+              kind: "inverse",
               type: "color",
               item: "transparent",
               subitem: "inverse",
@@ -444,6 +467,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "transparent",
+                kind: "inverse",
               },
               key: "{semantic.color.transparent.inverse.hover}",
             },
@@ -459,6 +484,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "transparent",
+              kind: "inverse",
               type: "color",
               item: "transparent",
               subitem: "inverse",
@@ -483,6 +510,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "transparent",
+                kind: "inverse",
               },
               key: "{semantic.color.transparent.inverse.press}",
             },
@@ -499,6 +528,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "transparent",
             type: "color",
             item: "transparent",
             subitem: "scrim",
@@ -522,6 +552,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "transparent",
             },
             key: "{semantic.color.transparent.scrim}",
           },
@@ -537,6 +568,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "transparent",
             type: "color",
             item: "transparent",
             subitem: "tint",
@@ -560,6 +592,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "transparent",
             },
             key: "{semantic.color.transparent.tint}",
           },
@@ -578,6 +611,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "brand",
               type: "color",
               item: "brand",
               subitem: "default",
@@ -602,6 +636,7 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "brand",
               },
               key: "{semantic.color.brand.default.default}",
             },
@@ -617,6 +652,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "brand",
               type: "color",
               item: "brand",
               subitem: "default",
@@ -641,6 +677,7 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "brand",
               },
               key: "{semantic.color.brand.default.hover}",
             },
@@ -656,6 +693,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "brand",
               type: "color",
               item: "brand",
               subitem: "default",
@@ -680,6 +718,7 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "brand",
               },
               key: "{semantic.color.brand.default.press}",
             },
@@ -696,6 +735,7 @@ export default {
           },
           attributes: {
             category: "color",
+            group: "brand",
             type: "color",
             item: "brand",
             subitem: "underline",
@@ -720,6 +760,7 @@ export default {
               "rgba({core.color.high-saturation.blue.h-bb-070}, {core.opacity.40})",
             attributes: {
               category: "color",
+              group: "brand",
             },
             key: "{semantic.color.brand.underline}",
           },
@@ -738,6 +779,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "info",
               type: "color",
               item: "status",
               subitem: "info",
@@ -762,6 +805,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "info",
               },
               key: "{semantic.color.status.info.default}",
             },
@@ -777,6 +822,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "info",
               type: "color",
               item: "status",
               subitem: "info",
@@ -801,6 +848,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "info",
               },
               key: "{semantic.color.status.info.hover}",
             },
@@ -816,6 +865,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "info",
               type: "color",
               item: "status",
               subitem: "info",
@@ -840,6 +891,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "info",
               },
               key: "{semantic.color.status.info.press}",
             },
@@ -857,6 +910,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "success",
               type: "color",
               item: "status",
               subitem: "success",
@@ -881,6 +936,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "success",
               },
               key: "{semantic.color.status.success.default}",
             },
@@ -896,6 +953,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "success",
               type: "color",
               item: "status",
               subitem: "success",
@@ -920,6 +979,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "success",
               },
               key: "{semantic.color.status.success.hover}",
             },
@@ -935,6 +996,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "success",
               type: "color",
               item: "status",
               subitem: "success",
@@ -959,6 +1022,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "success",
               },
               key: "{semantic.color.status.success.press}",
             },
@@ -976,6 +1041,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "warning",
               type: "color",
               item: "status",
               subitem: "warning",
@@ -1000,6 +1067,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "warning",
               },
               key: "{semantic.color.status.warning.default}",
             },
@@ -1015,6 +1084,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "warning",
               type: "color",
               item: "status",
               subitem: "warning",
@@ -1039,6 +1110,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "warning",
               },
               key: "{semantic.color.status.warning.hover}",
             },
@@ -1054,6 +1127,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "warning",
               type: "color",
               item: "status",
               subitem: "warning",
@@ -1078,6 +1153,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "warning",
               },
               key: "{semantic.color.status.warning.press}",
             },
@@ -1095,6 +1172,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "danger",
               type: "color",
               item: "status",
               subitem: "danger",
@@ -1119,6 +1198,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "danger",
               },
               key: "{semantic.color.status.danger.default}",
             },
@@ -1134,6 +1215,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "danger",
               type: "color",
               item: "status",
               subitem: "danger",
@@ -1158,6 +1241,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "danger",
               },
               key: "{semantic.color.status.danger.hover}",
             },
@@ -1173,6 +1258,8 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "status",
+              kind: "danger",
               type: "color",
               item: "status",
               subitem: "danger",
@@ -1197,6 +1284,8 @@ export default {
               type: "color",
               attributes: {
                 category: "color",
+                group: "status",
+                kind: "danger",
               },
               key: "{semantic.color.status.danger.press}",
             },
@@ -1215,6 +1304,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "inverse",
             type: "color",
             item: "inverse",
             subitem: "default",
@@ -1238,6 +1328,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "inverse",
             },
             key: "{semantic.color.inverse.default}",
           },
@@ -1253,6 +1344,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "inverse",
             type: "color",
             item: "inverse",
             subitem: "hover",
@@ -1276,6 +1368,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "inverse",
             },
             key: "{semantic.color.inverse.hover}",
           },
@@ -1291,6 +1384,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "inverse",
             type: "color",
             item: "inverse",
             subitem: "press",
@@ -1314,6 +1408,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "inverse",
             },
             key: "{semantic.color.inverse.press}",
           },
@@ -1331,6 +1426,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "text",
             type: "color",
             item: "text",
             subitem: "1",
@@ -1354,6 +1450,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "text",
             },
             key: "{semantic.color.text.1}",
           },
@@ -1369,6 +1466,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "text",
             type: "color",
             item: "text",
             subitem: "2",
@@ -1392,6 +1490,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "text",
             },
             key: "{semantic.color.text.2}",
           },
@@ -1407,6 +1506,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "text",
             type: "color",
             item: "text",
             subitem: "3",
@@ -1430,6 +1530,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "text",
             },
             key: "{semantic.color.text.3}",
           },
@@ -1445,6 +1546,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "text",
             type: "color",
             item: "text",
             subitem: "highlight",
@@ -1468,6 +1570,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "text",
             },
             key: "{semantic.color.text.highlight}",
           },
@@ -1483,6 +1586,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "text",
             type: "color",
             item: "text",
             subitem: "inverse",
@@ -1506,6 +1610,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "text",
             },
             key: "{semantic.color.text.inverse}",
           },
@@ -1521,6 +1626,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "text",
             type: "color",
             item: "text",
             subitem: "link",
@@ -1544,6 +1650,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "text",
             },
             key: "{semantic.color.text.link}",
           },
@@ -1561,6 +1668,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "border",
             type: "color",
             item: "border",
             subitem: "1",
@@ -1584,6 +1692,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "border",
             },
             key: "{semantic.color.border.1}",
           },
@@ -1599,6 +1708,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "border",
             type: "color",
             item: "border",
             subitem: "2",
@@ -1622,6 +1732,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "border",
             },
             key: "{semantic.color.border.2}",
           },
@@ -1637,6 +1748,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "border",
             type: "color",
             item: "border",
             subitem: "3",
@@ -1660,6 +1772,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "border",
             },
             key: "{semantic.color.border.3}",
           },
@@ -1675,6 +1788,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "border",
             type: "color",
             item: "border",
             subitem: "input",
@@ -1698,6 +1812,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "border",
             },
             key: "{semantic.color.border.input}",
           },
@@ -1713,6 +1828,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "border",
             type: "color",
             item: "border",
             subitem: "ghost",
@@ -1736,6 +1852,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "border",
             },
             key: "{semantic.color.border.ghost}",
           },
@@ -1751,6 +1868,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "border",
             type: "color",
             item: "border",
             subitem: "white",
@@ -1774,6 +1892,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "border",
             },
             key: "{semantic.color.border.white}",
           },
@@ -1781,6 +1900,50 @@ export default {
           path: ["semantic", "color", "border", "white"],
         },
       },
+      focus: {
+        default: {
+          key: "{semantic.color.focus.default}",
+          value: {
+            light: "#007ac2",
+            dark: "#009af2",
+          },
+          type: "color",
+          attributes: {
+            category: "color",
+            group: "focus",
+            scope: "component",
+            type: "color",
+            item: "focus",
+            subitem: "default",
+            names: {
+              scss: "$calcite-color-focus",
+              css: "var(--calcite-color-focus)",
+              js: "semantic.color.focus.default",
+              docs: "semantic.color.focus.default",
+              es6: "calciteColorFocus",
+            },
+            "calcite-schema": {
+              system: "calcite",
+              tier: "color",
+              type: "color",
+            },
+          },
+          filePath: "src/tokens/semantic/color/light.json",
+          isSource: false,
+          original: {
+            value: "{semantic.color.brand.default.default}",
+            type: "color",
+            attributes: {
+              category: "color",
+              group: "focus",
+              scope: "component",
+            },
+            key: "{semantic.color.focus.default}",
+          },
+          name: "Color Focus",
+          path: ["semantic", "color", "focus", "default"],
+        },
+      },
     },
     border: {
       width: {
@@ -1790,6 +1953,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "none",
@@ -1813,6 +1977,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.none}",
           },
@@ -1825,6 +1990,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "sm",
@@ -1848,6 +2014,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.sm}",
           },
@@ -1860,6 +2027,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "md",
@@ -1883,6 +2051,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.md}",
           },
@@ -1895,6 +2064,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "lg",
@@ -1918,6 +2088,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.lg}",
           },
@@ -2748,277 +2919,266 @@ export default {
         },
       },
     },
-    corner: {
-      radius: {
-        default: {
-          key: "{semantic.corner.radius.default}",
-          value: "0",
-          type: "dimension",
-          attributes: {
-            category: "corner",
-            type: "corner",
-            item: "radius",
-            subitem: "default",
-            names: {
-              scss: "$calcite-corner-radius",
-              css: "var(--calcite-corner-radius)",
-              js: "semantic.corner.radius.default",
-              docs: "semantic.corner.radius.default",
-              es6: "calciteCornerRadius",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
+    "corner-radius": {
+      default: {
+        key: "{semantic.corner-radius.default}",
+        value: "0",
+        type: "dimension",
+        attributes: {
+          category: "corner-radius",
+          type: "corner-radius",
+          item: "default",
+          names: {
+            scss: "$calcite-corner-radius",
+            css: "var(--calcite-corner-radius)",
+            js: "semantic.corner-radius.default",
+            docs: "semantic.corner-radius.default",
+            es6: "calciteCornerRadius",
           },
-          filePath: "src/tokens/semantic/corner.json",
-          isSource: true,
-          original: {
-            value: "{semantic.corner.radius.none}",
+          "calcite-schema": {
+            system: "calcite",
+            tier: "semantic",
             type: "dimension",
-            attributes: {
-              category: "corner",
-            },
-            key: "{semantic.corner.radius.default}",
           },
-          name: "Corner Radius",
-          path: ["semantic", "corner", "radius", "default"],
         },
-        sharp: {
-          key: "{semantic.corner.radius.sharp}",
-          value: "0",
+        filePath: "src/tokens/semantic/corner-radius.json",
+        isSource: true,
+        original: {
+          value: "{semantic.corner-radius.none}",
           type: "dimension",
           attributes: {
-            category: "corner",
-            type: "dimension",
-            item: "radius",
-            subitem: "sharp",
-            value: "0",
-            description: "deprecated, use --calcite-corner-radius-none instead",
-            filePath: "src/tokens/semantic/corner.json",
-            isSource: true,
-            key: "{semantic.corner.radius.sharp}",
-            name: "calcite-semantic-corner-radius-sharp",
-            path: ["semantic", "corner", "radius", "sharp"],
-            comment: "deprecated, use --calcite-corner-radius-none instead",
-            names: {
-              scss: "$calcite-corner-radius-sharp",
-              css: "var(--calcite-corner-radius-sharp)",
-              js: "semantic.corner.radius.sharp",
-              docs: "semantic.corner.radius.sharp",
-              es6: "calciteCornerRadiusSharp",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
+            category: "corner-radius",
           },
+          key: "{semantic.corner-radius.default}",
+        },
+        name: "Corner Radius",
+        path: ["semantic", "corner-radius", "default"],
+      },
+      sharp: {
+        key: "{semantic.corner-radius.sharp}",
+        value: "0",
+        type: "dimension",
+        attributes: {
+          category: "corner-radius",
+          type: "dimension",
+          item: "sharp",
+          value: "0",
           description: "deprecated, use --calcite-corner-radius-none instead",
-          filePath: "src/tokens/semantic/corner.json",
+          filePath: "src/tokens/semantic/corner-radius.json",
           isSource: true,
-          original: {
-            value: "{core.size.default.none}",
+          key: "{semantic.corner-radius.sharp}",
+          name: "calcite-semantic-corner-radius-sharp",
+          path: ["semantic", "corner-radius", "sharp"],
+          comment: "deprecated, use --calcite-corner-radius-none instead",
+          names: {
+            scss: "$calcite-corner-radius-sharp",
+            css: "var(--calcite-corner-radius-sharp)",
+            js: "semantic.corner-radius.sharp",
+            docs: "semantic.corner-radius.sharp",
+            es6: "calciteCornerRadiusSharp",
+          },
+          "calcite-schema": {
+            system: "calcite",
+            tier: "semantic",
             type: "dimension",
-            attributes: {
-              category: "corner",
-            },
-            description: "deprecated, use --calcite-corner-radius-none instead",
-            key: "{semantic.corner.radius.sharp}",
           },
-          name: "Corner Radius Sharp",
-          path: ["semantic", "corner", "radius", "sharp"],
-          comment: "deprecated, use --calcite-corner-radius-none instead",
         },
-        none: {
-          key: "{semantic.corner.radius.none}",
-          value: "0",
+        description: "deprecated, use --calcite-corner-radius-none instead",
+        filePath: "src/tokens/semantic/corner-radius.json",
+        isSource: true,
+        original: {
+          value: "{core.size.default.none}",
           type: "dimension",
           attributes: {
-            category: "corner",
-            type: "corner",
-            item: "radius",
-            subitem: "none",
-            names: {
-              scss: "$calcite-corner-radius-none",
-              css: "var(--calcite-corner-radius-none)",
-              js: "semantic.corner.radius.none",
-              docs: "semantic.corner.radius.none",
-              es6: "calciteCornerRadiusNone",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
+            category: "corner-radius",
           },
-          filePath: "src/tokens/semantic/corner.json",
-          isSource: true,
-          original: {
-            value: "{core.size.default.none}",
+          description: "deprecated, use --calcite-corner-radius-none instead",
+          key: "{semantic.corner-radius.sharp}",
+        },
+        name: "Corner Radius Sharp",
+        path: ["semantic", "corner-radius", "sharp"],
+        comment: "deprecated, use --calcite-corner-radius-none instead",
+      },
+      none: {
+        key: "{semantic.corner-radius.none}",
+        value: "0",
+        type: "dimension",
+        attributes: {
+          category: "corner-radius",
+          type: "corner-radius",
+          item: "none",
+          names: {
+            scss: "$calcite-corner-radius-none",
+            css: "var(--calcite-corner-radius-none)",
+            js: "semantic.corner-radius.none",
+            docs: "semantic.corner-radius.none",
+            es6: "calciteCornerRadiusNone",
+          },
+          "calcite-schema": {
+            system: "calcite",
+            tier: "semantic",
             type: "dimension",
-            attributes: {
-              category: "corner",
-            },
-            key: "{semantic.corner.radius.none}",
           },
-          name: "Corner Radius None",
-          path: ["semantic", "corner", "radius", "none"],
         },
-        xs: {
-          key: "{semantic.corner.radius.xs}",
-          value: "2px",
+        filePath: "src/tokens/semantic/corner-radius.json",
+        isSource: true,
+        original: {
+          value: "{core.size.default.none}",
           type: "dimension",
           attributes: {
-            category: "corner",
-            type: "corner",
-            item: "radius",
-            subitem: "xs",
-            names: {
-              scss: "$calcite-corner-radius-xs",
-              css: "var(--calcite-corner-radius-xs)",
-              js: "semantic.corner.radius.xs",
-              docs: "semantic.corner.radius.xs",
-              es6: "calciteCornerRadiusXs",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
+            category: "corner-radius",
           },
-          filePath: "src/tokens/semantic/corner.json",
-          isSource: true,
-          original: {
-            value: "{core.size.default.2}",
+          key: "{semantic.corner-radius.none}",
+        },
+        name: "Corner Radius None",
+        path: ["semantic", "corner-radius", "none"],
+      },
+      xs: {
+        key: "{semantic.corner-radius.xs}",
+        value: "2px",
+        type: "dimension",
+        attributes: {
+          category: "corner-radius",
+          type: "corner-radius",
+          item: "xs",
+          names: {
+            scss: "$calcite-corner-radius-xs",
+            css: "var(--calcite-corner-radius-xs)",
+            js: "semantic.corner-radius.xs",
+            docs: "semantic.corner-radius.xs",
+            es6: "calciteCornerRadiusXs",
+          },
+          "calcite-schema": {
+            system: "calcite",
+            tier: "semantic",
             type: "dimension",
-            attributes: {
-              category: "corner",
-            },
-            key: "{semantic.corner.radius.xs}",
           },
-          name: "Corner Radius Xs",
-          path: ["semantic", "corner", "radius", "xs"],
         },
-        sm: {
-          key: "{semantic.corner.radius.sm}",
-          value: "4px",
+        filePath: "src/tokens/semantic/corner-radius.json",
+        isSource: true,
+        original: {
+          value: "{core.size.default.2}",
           type: "dimension",
           attributes: {
-            category: "corner",
-            type: "corner",
-            item: "radius",
-            subitem: "sm",
-            names: {
-              scss: "$calcite-corner-radius-sm",
-              css: "var(--calcite-corner-radius-sm)",
-              js: "semantic.corner.radius.sm",
-              docs: "semantic.corner.radius.sm",
-              es6: "calciteCornerRadiusSm",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
+            category: "corner-radius",
           },
-          filePath: "src/tokens/semantic/corner.json",
-          isSource: true,
-          original: {
-            value: "{core.size.default.4}",
+          key: "{semantic.corner-radius.xs}",
+        },
+        name: "Corner Radius Xs",
+        path: ["semantic", "corner-radius", "xs"],
+      },
+      sm: {
+        key: "{semantic.corner-radius.sm}",
+        value: "4px",
+        type: "dimension",
+        attributes: {
+          category: "corner-radius",
+          type: "corner-radius",
+          item: "sm",
+          names: {
+            scss: "$calcite-corner-radius-sm",
+            css: "var(--calcite-corner-radius-sm)",
+            js: "semantic.corner-radius.sm",
+            docs: "semantic.corner-radius.sm",
+            es6: "calciteCornerRadiusSm",
+          },
+          "calcite-schema": {
+            system: "calcite",
+            tier: "semantic",
             type: "dimension",
-            attributes: {
-              category: "corner",
-            },
-            key: "{semantic.corner.radius.sm}",
           },
-          name: "Corner Radius Sm",
-          path: ["semantic", "corner", "radius", "sm"],
         },
-        round: {
-          key: "{semantic.corner.radius.round}",
-          value: "4px",
+        filePath: "src/tokens/semantic/corner-radius.json",
+        isSource: true,
+        original: {
+          value: "{core.size.default.4}",
           type: "dimension",
           attributes: {
-            category: "corner",
-            type: "dimension",
-            item: "radius",
-            subitem: "round",
-            value: "4px",
-            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",
-            names: {
-              scss: "$calcite-corner-radius-round",
-              css: "var(--calcite-corner-radius-round)",
-              js: "semantic.corner.radius.round",
-              docs: "semantic.corner.radius.round",
-              es6: "calciteCornerRadiusRound",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
+            category: "corner-radius",
           },
+          key: "{semantic.corner-radius.sm}",
+        },
+        name: "Corner Radius Sm",
+        path: ["semantic", "corner-radius", "sm"],
+      },
+      round: {
+        key: "{semantic.corner-radius.round}",
+        value: "4px",
+        type: "dimension",
+        attributes: {
+          category: "corner-radius",
+          type: "dimension",
+          item: "round",
+          value: "4px",
           description: "deprecated, use --calcite-corner-radius-sm instead",
-          filePath: "src/tokens/semantic/corner.json",
+          filePath: "src/tokens/semantic/corner-radius.json",
           isSource: true,
-          original: {
-            value: "{core.size.default.4}",
+          key: "{semantic.corner-radius.round}",
+          name: "calcite-semantic-corner-radius-round",
+          path: ["semantic", "corner-radius", "round"],
+          comment: "deprecated, use --calcite-corner-radius-sm instead",
+          names: {
+            scss: "$calcite-corner-radius-round",
+            css: "var(--calcite-corner-radius-round)",
+            js: "semantic.corner-radius.round",
+            docs: "semantic.corner-radius.round",
+            es6: "calciteCornerRadiusRound",
+          },
+          "calcite-schema": {
+            system: "calcite",
+            tier: "semantic",
             type: "dimension",
-            attributes: {
-              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",
         },
-        pill: {
-          key: "{semantic.corner.radius.pill}",
-          value: "100%",
+        description: "deprecated, use --calcite-corner-radius-sm instead",
+        filePath: "src/tokens/semantic/corner-radius.json",
+        isSource: true,
+        original: {
+          value: "{core.size.default.4}",
           type: "dimension",
           attributes: {
-            element: "",
-            category: "corner",
-            type: "corner",
-            item: "radius",
-            subitem: "pill",
-            names: {
-              scss: "$calcite-corner-radius-pill",
-              css: "var(--calcite-corner-radius-pill)",
-              js: "semantic.corner.radius.pill",
-              docs: "semantic.corner.radius.pill",
-              es6: "calciteCornerRadiusPill",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
+            category: "corner-radius",
           },
-          filePath: "src/tokens/semantic/corner.json",
-          isSource: true,
-          original: {
-            value: "{core.size.relative.100}",
+          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",
+      },
+      pill: {
+        key: "{semantic.corner-radius.pill}",
+        value: "100%",
+        type: "dimension",
+        attributes: {
+          category: "corner-radius",
+          type: "corner-radius",
+          item: "pill",
+          names: {
+            scss: "$calcite-corner-radius-pill",
+            css: "var(--calcite-corner-radius-pill)",
+            js: "semantic.corner-radius.pill",
+            docs: "semantic.corner-radius.pill",
+            es6: "calciteCornerRadiusPill",
+          },
+          "calcite-schema": {
+            system: "calcite",
+            tier: "semantic",
             type: "dimension",
-            attributes: {
-              element: "",
-              category: "corner",
-            },
-            key: "{semantic.corner.radius.pill}",
           },
-          name: "Corner Radius Pill",
-          path: ["semantic", "corner", "radius", "pill"],
         },
+        filePath: "src/tokens/semantic/corner-radius.json",
+        isSource: true,
+        original: {
+          value: "{core.size.relative.100}",
+          type: "dimension",
+          attributes: {
+            category: "corner-radius",
+          },
+          key: "{semantic.corner-radius.pill}",
+        },
+        name: "Corner Radius Pill",
+        path: ["semantic", "corner-radius", "pill"],
       },
     },
     font: {
@@ -3028,8 +3188,8 @@ export default {
           value: ["Avenir Next", "Avenir", "Helvetica Neue", "sans-serif"],
           type: "fontFamily",
           attributes: {
+            category: "font",
             group: "family",
-            category: "semantic",
             type: "fontFamily",
             item: "family",
             subitem: "default",
@@ -3062,6 +3222,7 @@ export default {
               "{core.font.family.avenirNext},{core.font.family.avenir},{core.font.family.helveticaNeue},{core.font.family.sansSerif}",
             type: "fontFamily",
             attributes: {
+              category: "font",
               group: "family",
             },
             description: "Primary font with fallbacks",
@@ -3083,6 +3244,7 @@ export default {
           type: "fontFamily",
           attributes: {
             category: "font",
+            group: "family",
             type: "fontFamily",
             item: "family",
             subitem: "code",
@@ -3116,6 +3278,7 @@ export default {
             type: "fontFamily",
             attributes: {
               category: "font",
+              group: "family",
             },
             description: "Font family for code with fallbacks",
             key: "{semantic.font.family.code}",
@@ -3132,6 +3295,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "fontWeight",
             item: "weight",
             subitem: "light",
@@ -3164,6 +3328,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             description: "For Avenir Next World (secondary font family)",
             key: "{semantic.font.weight.light}",
@@ -3181,6 +3346,7 @@ export default {
           },
           attributes: {
             category: "font",
+            group: "weight",
             type: "fontWeight",
             item: "weight",
             subitem: "normal",
@@ -3222,6 +3388,7 @@ export default {
             },
             attributes: {
               category: "font",
+              group: "weight",
             },
             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"',
@@ -3238,6 +3405,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "regular",
@@ -3261,6 +3429,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.regular}",
           },
@@ -3273,6 +3442,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "medium",
@@ -3296,6 +3466,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.medium}",
           },
@@ -3308,6 +3479,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "semibold",
@@ -3331,6 +3503,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.semibold}",
           },
@@ -3343,6 +3516,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "bold",
@@ -3366,6 +3540,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.bold}",
           },
@@ -3380,6 +3555,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "xs",
@@ -3403,6 +3579,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.xs}",
           },
@@ -3415,6 +3592,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "sm",
@@ -3438,6 +3616,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.sm}",
           },
@@ -3450,6 +3629,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "default",
@@ -3473,6 +3653,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.default}",
           },
@@ -3485,6 +3666,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "md",
@@ -3508,6 +3690,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.md}",
           },
@@ -3520,6 +3703,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "lg",
@@ -3543,6 +3727,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.lg}",
           },
@@ -3555,6 +3740,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "xl",
@@ -3578,6 +3764,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.xl}",
           },
@@ -3590,6 +3777,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "xxl",
@@ -3613,6 +3801,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.xxl}",
           },
@@ -3628,6 +3817,7 @@ export default {
           description: "used in ratings",
           attributes: {
             category: "font",
+            group: "style",
             type: "fontStyle",
             item: "style",
             subitem: "emphasis",
@@ -3660,6 +3850,7 @@ export default {
             description: "used in ratings",
             attributes: {
               category: "font",
+              group: "style",
             },
             key: "{semantic.font.style.emphasis}",
           },
@@ -3676,6 +3867,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -3700,6 +3893,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.sm}",
             },
@@ -3712,6 +3907,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -3736,6 +3933,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.base}",
             },
@@ -3748,6 +3947,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -3772,6 +3973,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.lg}",
             },
@@ -3784,6 +3987,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -3808,6 +4013,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.xl}",
             },
@@ -3823,6 +4030,8 @@ export default {
             description: "1",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -3856,6 +4065,8 @@ export default {
               description: "1",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.default}",
             },
@@ -3870,6 +4081,8 @@ export default {
             description: "1.25",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -3903,6 +4116,8 @@ export default {
               description: "1.25",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.tight}",
             },
@@ -3917,6 +4132,8 @@ export default {
             description: "1.375",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -3950,6 +4167,8 @@ export default {
               description: "1.375",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.snug}",
             },
@@ -3964,6 +4183,8 @@ export default {
             description: "1.5",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -3997,6 +4218,8 @@ export default {
               description: "1.5",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.normal}",
             },
@@ -4011,6 +4234,8 @@ export default {
             description: "1.625",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -4044,6 +4269,8 @@ export default {
               description: "1.625",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.relaxed}",
             },
@@ -4058,6 +4285,8 @@ export default {
             description: "2",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -4091,6 +4320,8 @@ export default {
               description: "2",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.loose}",
             },
@@ -4108,6 +4339,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "letter-spacing",
             type: "dimension",
             item: "letter-spacing",
             subitem: "tight",
@@ -4140,6 +4372,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "letter-spacing",
             },
             key: "{semantic.font.letter-spacing.tight}",
           },
@@ -4154,6 +4387,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "letter-spacing",
             type: "dimension",
             item: "letter-spacing",
             subitem: "normal",
@@ -4186,6 +4420,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "letter-spacing",
             },
             key: "{semantic.font.letter-spacing.normal}",
           },
@@ -4200,6 +4435,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "letter-spacing",
             type: "dimension",
             item: "letter-spacing",
             subitem: "wide",
@@ -4232,6 +4468,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "letter-spacing",
             },
             key: "{semantic.font.letter-spacing.wide}",
           },
@@ -4248,6 +4485,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "paragraph-spacing",
             type: "dimension",
             item: "paragraph-spacing",
             subitem: "normal",
@@ -4280,6 +4518,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "paragraph-spacing",
             },
             key: "{semantic.font.paragraph-spacing.normal}",
           },
@@ -4296,6 +4535,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-decoration",
             type: "textDecoration",
             item: "text-decoration",
             subitem: "none",
@@ -4328,6 +4568,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-decoration",
             },
             key: "{semantic.font.text-decoration.none}",
           },
@@ -4342,6 +4583,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-decoration",
             type: "textDecoration",
             item: "text-decoration",
             subitem: "underline",
@@ -4374,6 +4616,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-decoration",
             },
             key: "{semantic.font.text-decoration.underline}",
           },
@@ -4390,6 +4633,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "none",
@@ -4422,6 +4666,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.none}",
           },
@@ -4436,6 +4681,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "uppercase",
@@ -4468,6 +4714,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.uppercase}",
           },
@@ -4482,6 +4729,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "lowercase",
@@ -4514,6 +4762,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.lowercase}",
           },
@@ -4528,6 +4777,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "capitalize",
@@ -4560,6 +4810,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.capitalize}",
           },
@@ -5750,7 +6001,7 @@ export default {
           value: "4px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xxs",
@@ -5782,7 +6033,7 @@ export default {
             value: "{core.size.default.4}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xxs}",
@@ -5796,7 +6047,7 @@ export default {
           value: "6px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xs",
@@ -5828,7 +6079,7 @@ export default {
             value: "{core.size.default.6}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xs}",
@@ -5842,7 +6093,7 @@ export default {
           value: "8px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "sm",
@@ -5874,7 +6125,7 @@ export default {
             value: "{core.size.default.8}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.sm}",
@@ -5888,7 +6139,7 @@ export default {
           value: "12px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "md",
@@ -5920,7 +6171,7 @@ export default {
             value: "{core.size.default.12}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.md}",
@@ -5934,7 +6185,7 @@ export default {
           value: "14px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "lg",
@@ -5966,7 +6217,7 @@ export default {
             value: "{core.size.default.14}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.lg}",
@@ -5980,7 +6231,7 @@ export default {
           value: "16px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xl",
@@ -6012,7 +6263,7 @@ export default {
             value: "{core.size.default.16}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xl}",
@@ -6026,7 +6277,7 @@ export default {
           value: "20px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xxl",
@@ -6058,7 +6309,7 @@ export default {
             value: "{core.size.default.20}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xxl}",
@@ -6072,7 +6323,7 @@ export default {
           value: "32px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xxxl",
@@ -6104,7 +6355,7 @@ export default {
             value: "{core.size.default.32}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xxxl}",
@@ -6120,8 +6371,7 @@ export default {
           value: "0",
           type: "dimension",
           attributes: {
-            pattern: "",
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "none",
@@ -6144,8 +6394,7 @@ export default {
             value: "{core.size.default.none}",
             type: "dimension",
             attributes: {
-              pattern: "",
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.none}",
           },
@@ -6157,8 +6406,7 @@ export default {
           value: "1px",
           type: "dimension",
           attributes: {
-            pattern: "",
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "px",
@@ -6181,8 +6429,7 @@ export default {
             value: "{core.size.default.1}",
             type: "dimension",
             attributes: {
-              pattern: "",
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.px}",
           },
@@ -6194,8 +6441,7 @@ export default {
           value: "2px",
           type: "dimension",
           attributes: {
-            pattern: "",
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "base",
@@ -6218,8 +6464,7 @@ export default {
             value: "{core.size.default.2}",
             type: "dimension",
             attributes: {
-              pattern: "",
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.base}",
           },
@@ -6231,7 +6476,7 @@ export default {
           value: "0.25rem",
           type: "dimension",
           attributes: {
-            category: "size",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xxs",
@@ -6254,7 +6499,7 @@ export default {
             value: "{core.size.default.4}",
             type: "dimension",
             attributes: {
-              category: "size",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xxs}",
           },
@@ -6266,7 +6511,7 @@ export default {
           value: "0.375rem",
           type: "dimension",
           attributes: {
-            category: "size",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xs",
@@ -6289,7 +6534,7 @@ export default {
             value: "{core.size.default.6}",
             type: "dimension",
             attributes: {
-              category: "size",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xs}",
           },
@@ -6301,7 +6546,7 @@ export default {
           value: "0.5rem",
           type: "dimension",
           attributes: {
-            category: "size",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "sm",
@@ -6324,7 +6569,7 @@ export default {
             value: "{core.size.default.8}",
             type: "dimension",
             attributes: {
-              category: "size",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.sm}",
           },
@@ -6336,7 +6581,7 @@ export default {
           value: "0.625rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "sm+",
@@ -6359,7 +6604,7 @@ export default {
             value: "{core.size.default.10}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.sm+}",
           },
@@ -6371,7 +6616,7 @@ export default {
           value: "0.75rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "md",
@@ -6394,7 +6639,7 @@ export default {
             value: "{core.size.default.12}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.md}",
           },
@@ -6406,7 +6651,7 @@ export default {
           value: "0.875rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "md+",
@@ -6429,7 +6674,7 @@ export default {
             value: "{core.size.default.14}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.md+}",
           },
@@ -6441,7 +6686,7 @@ export default {
           value: "1rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "lg",
@@ -6464,7 +6709,7 @@ export default {
             value: "{core.size.default.16}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.lg}",
           },
@@ -6476,7 +6721,7 @@ export default {
           value: "1.25rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xl",
@@ -6499,7 +6744,7 @@ export default {
             value: "{core.size.default.20}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xl}",
           },
@@ -6511,7 +6756,7 @@ export default {
           value: "1.5rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xxl",
@@ -6534,7 +6779,7 @@ export default {
             value: "{core.size.default.24}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xxl}",
           },
@@ -6546,7 +6791,7 @@ export default {
           value: "2rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xxxl",
@@ -6569,7 +6814,7 @@ export default {
             value: "{core.size.default.32}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xxxl}",
           },
@@ -6599,7 +6844,7 @@ export default {
             textDecoration: "none",
           },
           attributes: {
-            category: "",
+            category: "typography",
             type: "typography",
             item: "default",
             subitem: "default",
@@ -6631,7 +6876,7 @@ export default {
               textDecoration: "{semantic.font.text-decoration.none}",
             },
             attributes: {
-              category: "",
+              category: "typography",
             },
             key: "{semantic.typography.default.default}",
           },
@@ -6665,7 +6910,7 @@ export default {
               },
             },
             attributes: {
-              category: "",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "light",
@@ -6675,7 +6920,7 @@ export default {
                 css: "var(--calcite-typography-light-minus-3h)",
                 js: "semantic.typography.default.light.-3h",
                 docs: "semantic.typography.default.light.-3h",
-                es6: "calciteTypographyLightMinus3H",
+                es6: "calciteTypographyLightMinus3h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -6696,7 +6941,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "",
+                category: "typography",
               },
               key: "{semantic.typography.default.light.-3h}",
             },
@@ -6728,7 +6973,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "light",
@@ -6738,7 +6983,7 @@ export default {
                 css: "var(--calcite-typography-light-minus-2h)",
                 js: "semantic.typography.default.light.-2h",
                 docs: "semantic.typography.default.light.-2h",
-                es6: "calciteTypographyLightMinus2H",
+                es6: "calciteTypographyLightMinus2h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -6758,7 +7003,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.light.-2h}",
             },
@@ -6789,7 +7034,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "light",
@@ -6799,7 +7044,7 @@ export default {
                 css: "var(--calcite-typography-light-minus-1h)",
                 js: "semantic.typography.default.light.-1h",
                 docs: "semantic.typography.default.light.-1h",
-                es6: "calciteTypographyLightMinus1H",
+                es6: "calciteTypographyLightMinus1h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -6818,7 +7063,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.light.-1h}",
             },
@@ -6851,7 +7096,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "light",
@@ -6861,7 +7106,7 @@ export default {
                 css: "var(--calcite-typography-light-0h)",
                 js: "semantic.typography.default.light.0h",
                 docs: "semantic.typography.default.light.0h",
-                es6: "calciteTypographyLight0H",
+                es6: "calciteTypographyLight0h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -6882,7 +7127,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.light.0h}",
             },
@@ -6915,7 +7160,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "light",
@@ -6925,7 +7170,7 @@ export default {
                 css: "var(--calcite-typography-light-1h)",
                 js: "semantic.typography.default.light.1h",
                 docs: "semantic.typography.default.light.1h",
-                es6: "calciteTypographyLight1H",
+                es6: "calciteTypographyLight1h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -6946,7 +7191,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.light.1h}",
             },
@@ -6980,7 +7225,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "regular",
@@ -6990,7 +7235,7 @@ export default {
                 css: "var(--calcite-typography-regular-minus-3h)",
                 js: "semantic.typography.default.regular.-3h",
                 docs: "semantic.typography.default.regular.-3h",
-                es6: "calciteTypographyRegularMinus3H",
+                es6: "calciteTypographyRegularMinus3h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7010,7 +7255,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.regular.-3h}",
             },
@@ -7041,7 +7286,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "regular",
@@ -7051,7 +7296,7 @@ export default {
                 css: "var(--calcite-typography-regular-minus-2h)",
                 js: "semantic.typography.default.regular.-2h",
                 docs: "semantic.typography.default.regular.-2h",
-                es6: "calciteTypographyRegularMinus2H",
+                es6: "calciteTypographyRegularMinus2h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7070,7 +7315,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.regular.-2h}",
             },
@@ -7096,7 +7341,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "regular",
@@ -7106,7 +7351,7 @@ export default {
                 css: "var(--calcite-typography-regular-minus-1h)",
                 js: "semantic.typography.default.regular.-1h",
                 docs: "semantic.typography.default.regular.-1h",
-                es6: "calciteTypographyRegularMinus1H",
+                es6: "calciteTypographyRegularMinus1h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7120,7 +7365,7 @@ export default {
               value: "{semantic.typography.default.default}",
               type: "typography",
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.regular.-1h}",
             },
@@ -7152,7 +7397,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "regular",
@@ -7162,7 +7407,7 @@ export default {
                 css: "var(--calcite-typography-regular-0h)",
                 js: "semantic.typography.default.regular.0h",
                 docs: "semantic.typography.default.regular.0h",
-                es6: "calciteTypographyRegular0H",
+                es6: "calciteTypographyRegular0h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7182,7 +7427,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.regular.0h}",
             },
@@ -7214,7 +7459,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "regular",
@@ -7224,7 +7469,7 @@ export default {
                 css: "var(--calcite-typography-regular-1h)",
                 js: "semantic.typography.default.regular.1h",
                 docs: "semantic.typography.default.regular.1h",
-                es6: "calciteTypographyRegular1H",
+                es6: "calciteTypographyRegular1h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7244,7 +7489,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.regular.1h}",
             },
@@ -7279,7 +7524,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "medium",
@@ -7289,7 +7534,7 @@ export default {
                 css: "var(--calcite-typography-medium-minus-3h)",
                 js: "semantic.typography.default.medium.-3h",
                 docs: "semantic.typography.default.medium.-3h",
-                es6: "calciteTypographyMediumMinus3H",
+                es6: "calciteTypographyMediumMinus3h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7310,7 +7555,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.medium.-3h}",
             },
@@ -7342,7 +7587,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "medium",
@@ -7352,7 +7597,7 @@ export default {
                 css: "var(--calcite-typography-medium-minus-2h)",
                 js: "semantic.typography.default.medium.-2h",
                 docs: "semantic.typography.default.medium.-2h",
-                es6: "calciteTypographyMediumMinus2H",
+                es6: "calciteTypographyMediumMinus2h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7372,7 +7617,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.medium.-2h}",
             },
@@ -7403,7 +7648,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "medium",
@@ -7413,7 +7658,7 @@ export default {
                 css: "var(--calcite-typography-medium-minus-1h)",
                 js: "semantic.typography.default.medium.-1h",
                 docs: "semantic.typography.default.medium.-1h",
-                es6: "calciteTypographyMediumMinus1H",
+                es6: "calciteTypographyMediumMinus1h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7432,7 +7677,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.medium.-1h}",
             },
@@ -7465,7 +7710,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "medium",
@@ -7475,7 +7720,7 @@ export default {
                 css: "var(--calcite-typography-medium-0h)",
                 js: "semantic.typography.default.medium.0h",
                 docs: "semantic.typography.default.medium.0h",
-                es6: "calciteTypographyMedium0H",
+                es6: "calciteTypographyMedium0h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7496,7 +7741,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.medium.0h}",
             },
@@ -7529,7 +7774,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "medium",
@@ -7539,7 +7784,7 @@ export default {
                 css: "var(--calcite-typography-medium-1h)",
                 js: "semantic.typography.default.medium.1h",
                 docs: "semantic.typography.default.medium.1h",
-                es6: "calciteTypographyMedium1H",
+                es6: "calciteTypographyMedium1h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7560,7 +7805,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.medium.1h}",
             },
@@ -7595,7 +7840,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "bold",
@@ -7605,7 +7850,7 @@ export default {
                 css: "var(--calcite-typography-bold-minus-3h)",
                 js: "semantic.typography.default.bold.-3h",
                 docs: "semantic.typography.default.bold.-3h",
-                es6: "calciteTypographyBoldMinus3H",
+                es6: "calciteTypographyBoldMinus3h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7626,7 +7871,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.bold.-3h}",
             },
@@ -7658,7 +7903,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "bold",
@@ -7668,7 +7913,7 @@ export default {
                 css: "var(--calcite-typography-bold-minus-2h)",
                 js: "semantic.typography.default.bold.-2h",
                 docs: "semantic.typography.default.bold.-2h",
-                es6: "calciteTypographyBoldMinus2H",
+                es6: "calciteTypographyBoldMinus2h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7688,7 +7933,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.bold.-2h}",
             },
@@ -7719,7 +7964,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "bold",
@@ -7729,7 +7974,7 @@ export default {
                 css: "var(--calcite-typography-bold-minus-1h)",
                 js: "semantic.typography.default.bold.-1h",
                 docs: "semantic.typography.default.bold.-1h",
-                es6: "calciteTypographyBoldMinus1H",
+                es6: "calciteTypographyBoldMinus1h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7748,7 +7993,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.bold.-1h}",
             },
@@ -7781,7 +8026,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "bold",
@@ -7791,7 +8036,7 @@ export default {
                 css: "var(--calcite-typography-bold-0h)",
                 js: "semantic.typography.default.bold.0h",
                 docs: "semantic.typography.default.bold.0h",
-                es6: "calciteTypographyBold0H",
+                es6: "calciteTypographyBold0h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7812,7 +8057,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.bold.0h}",
             },
@@ -7845,7 +8090,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "bold",
@@ -7855,7 +8100,7 @@ export default {
                 css: "var(--calcite-typography-bold-1h)",
                 js: "semantic.typography.default.bold.1h",
                 docs: "semantic.typography.default.bold.1h",
-                es6: "calciteTypographyBold1H",
+                es6: "calciteTypographyBold1h",
               },
               "calcite-schema": {
                 system: "calcite",
@@ -7876,7 +8121,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.bold.1h}",
             },
@@ -7913,7 +8158,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -7944,7 +8189,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.0}",
             },
@@ -7977,7 +8222,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -8008,7 +8253,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.1}",
             },
@@ -8041,7 +8286,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -8072,7 +8317,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.2}",
             },
@@ -8105,7 +8350,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -8136,7 +8381,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.3}",
             },
@@ -8169,7 +8414,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -8200,7 +8445,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.-2}",
             },
@@ -8232,7 +8477,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -8262,7 +8507,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.-1}",
             },
@@ -8296,7 +8541,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8326,7 +8571,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.0}",
             },
@@ -8358,7 +8603,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8388,7 +8633,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.1}",
             },
@@ -8420,7 +8665,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8450,7 +8695,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.2}",
             },
@@ -8482,7 +8727,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8512,7 +8757,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.3}",
             },
@@ -8544,7 +8789,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8574,7 +8819,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.-2}",
             },
@@ -8605,7 +8850,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8634,7 +8879,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.-1}",
             },
@@ -8669,7 +8914,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -8700,7 +8945,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.0}",
             },
@@ -8733,7 +8978,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -8764,7 +9009,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.1}",
             },
@@ -8797,7 +9042,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -8828,7 +9073,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.2}",
             },
@@ -8861,7 +9106,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -8892,7 +9137,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.3}",
             },
@@ -8925,7 +9170,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -8956,7 +9201,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.-2}",
             },
@@ -8988,7 +9233,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -9018,7 +9263,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.-1}",
             },
@@ -9053,7 +9298,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9084,7 +9329,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.0}",
             },
@@ -9117,7 +9362,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9148,7 +9393,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.1}",
             },
@@ -9181,7 +9426,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9212,7 +9457,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.2}",
             },
@@ -9245,7 +9490,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9276,7 +9521,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.3}",
             },
@@ -9309,7 +9554,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9340,7 +9585,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.-2}",
             },
@@ -9372,7 +9617,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9402,7 +9647,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.-1}",
             },
@@ -9422,7 +9667,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "display",
@@ -9446,7 +9691,7 @@ export default {
               value: "{semantic.typography.wrap.bold.3}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.display.1}",
             },
@@ -9462,7 +9707,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "display",
@@ -9486,7 +9731,7 @@ export default {
               value: "{semantic.typography.wrap.bold.2}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.display.2}",
             },
@@ -9504,7 +9749,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "heading",
@@ -9528,7 +9773,7 @@ export default {
               value: "{semantic.typography.wrap.medium.3}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.heading.1}",
             },
@@ -9544,7 +9789,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "heading",
@@ -9568,7 +9813,7 @@ export default {
               value: "{semantic.typography.wrap.medium.2}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.heading.2}",
             },
@@ -9584,7 +9829,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "heading",
@@ -9608,7 +9853,7 @@ export default {
               value: "{semantic.typography.wrap.medium.1}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.heading.3}",
             },
@@ -9624,7 +9869,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "heading",
@@ -9648,7 +9893,7 @@ export default {
               value: "{semantic.typography.wrap.medium.0}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.heading.4}",
             },
@@ -9663,7 +9908,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "heading",
@@ -9687,7 +9932,7 @@ export default {
               value: "{semantic.typography.wrap.medium.-1}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.heading.5}",
             },
@@ -9703,7 +9948,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "body",
@@ -9727,7 +9972,7 @@ export default {
               value: "{semantic.typography.wrap.regular.-1}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.body.snug}",
             },
@@ -9753,7 +9998,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "body",
@@ -9777,7 +10022,7 @@ export default {
               value: "{semantic.typography.default.default}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.body.default}",
             },
@@ -9794,7 +10039,7 @@ export default {
           },
           type: "typography",
           attributes: {
-            category: "hierarchy",
+            category: "typography",
             type: "typography",
             item: "hierarchy",
             subitem: "overline",
@@ -9821,7 +10066,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
             },
             key: "{semantic.typography.hierarchy.overline}",
           },
@@ -9836,7 +10081,7 @@ export default {
           },
           type: "typography",
           attributes: {
-            category: "hierarchy",
+            category: "typography",
             type: "typography",
             item: "hierarchy",
             subitem: "caption",
@@ -9859,7 +10104,7 @@ export default {
             value: "{semantic.typography.wrap.regular.-2}",
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
             },
             key: "{semantic.typography.hierarchy.caption}",
           },