npm - @esri/calcite-design-tokens - Versions diffs - 3.2.0-next.1 → 3.2.0-next.11 - Mend

@esri/calcite-design-tokens 3.2.0-next.1 → 3.2.0-next.11

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 (31) hide show

package/dist/css/dark.css +2 -2
package/dist/css/index.css +10 -10
package/dist/css/light.css +2 -2
package/dist/css/semantic.css +0 -22
package/dist/docs/core.json +464 -1
package/dist/docs/dark.json +82 -24
package/dist/docs/global.json +281 -183
package/dist/docs/light.json +74 -14
package/dist/docs/semantic.json +132 -572
package/dist/es6/dark.d.ts +2 -2
package/dist/es6/dark.js +2 -2
package/dist/es6/global.d.ts +2 -2
package/dist/es6/global.js +2 -2
package/dist/es6/light.d.ts +2 -2
package/dist/es6/light.js +2 -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 +2 -2
package/dist/js/dark.js +161 -38
package/dist/js/global.d.ts +10 -10
package/dist/js/global.js +627 -424
package/dist/js/light.d.ts +2 -2
package/dist/js/light.js +137 -16
package/dist/js/semantic.d.ts +8 -26
package/dist/js/semantic.js +358 -934
package/dist/scss/dark.scss +2 -2
package/dist/scss/index.scss +4 -4
package/dist/scss/light.scss +2 -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}",
           },
@@ -1791,6 +1910,7 @@ export default {
           type: "color",
           attributes: {
             category: "color",
+            group: "focus",
             scope: "component",
             type: "color",
             item: "focus",
@@ -1815,6 +1935,7 @@ export default {
             type: "color",
             attributes: {
               category: "color",
+              group: "focus",
               scope: "component",
             },
             key: "{semantic.color.focus.default}",
@@ -1832,6 +1953,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "none",
@@ -1855,6 +1977,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.none}",
           },
@@ -1867,6 +1990,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "sm",
@@ -1890,6 +2014,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.sm}",
           },
@@ -1902,6 +2027,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "md",
@@ -1925,6 +2051,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.md}",
           },
@@ -1937,6 +2064,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "lg",
@@ -1960,6 +2088,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.lg}",
           },
@@ -2790,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: {
@@ -3070,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",
@@ -3104,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",
@@ -3125,6 +3244,7 @@ export default {
           type: "fontFamily",
           attributes: {
             category: "font",
+            group: "family",
             type: "fontFamily",
             item: "family",
             subitem: "code",
@@ -3158,6 +3278,7 @@ export default {
             type: "fontFamily",
             attributes: {
               category: "font",
+              group: "family",
             },
             description: "Font family for code with fallbacks",
             key: "{semantic.font.family.code}",
@@ -3174,6 +3295,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "fontWeight",
             item: "weight",
             subitem: "light",
@@ -3206,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}",
@@ -3223,6 +3346,7 @@ export default {
           },
           attributes: {
             category: "font",
+            group: "weight",
             type: "fontWeight",
             item: "weight",
             subitem: "normal",
@@ -3264,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"',
@@ -3280,6 +3405,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "regular",
@@ -3303,6 +3429,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.regular}",
           },
@@ -3315,6 +3442,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "medium",
@@ -3338,6 +3466,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.medium}",
           },
@@ -3350,6 +3479,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "semibold",
@@ -3373,6 +3503,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.semibold}",
           },
@@ -3385,6 +3516,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "bold",
@@ -3408,6 +3540,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.bold}",
           },
@@ -3422,6 +3555,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "xs",
@@ -3445,6 +3579,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.xs}",
           },
@@ -3457,6 +3592,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "sm",
@@ -3480,6 +3616,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.sm}",
           },
@@ -3492,6 +3629,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "default",
@@ -3515,6 +3653,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.default}",
           },
@@ -3527,6 +3666,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "md",
@@ -3550,6 +3690,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.md}",
           },
@@ -3562,6 +3703,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "lg",
@@ -3585,6 +3727,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.lg}",
           },
@@ -3597,6 +3740,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "xl",
@@ -3620,6 +3764,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.xl}",
           },
@@ -3632,6 +3777,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "xxl",
@@ -3655,6 +3801,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.xxl}",
           },
@@ -3670,6 +3817,7 @@ export default {
           description: "used in ratings",
           attributes: {
             category: "font",
+            group: "style",
             type: "fontStyle",
             item: "style",
             subitem: "emphasis",
@@ -3702,6 +3850,7 @@ export default {
             description: "used in ratings",
             attributes: {
               category: "font",
+              group: "style",
             },
             key: "{semantic.font.style.emphasis}",
           },
@@ -3718,6 +3867,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -3742,6 +3893,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.sm}",
             },
@@ -3754,6 +3907,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -3778,6 +3933,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.base}",
             },
@@ -3790,6 +3947,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -3814,6 +3973,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.lg}",
             },
@@ -3826,6 +3987,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -3850,6 +4013,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.xl}",
             },
@@ -3865,6 +4030,8 @@ export default {
             description: "1",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -3898,6 +4065,8 @@ export default {
               description: "1",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.default}",
             },
@@ -3912,6 +4081,8 @@ export default {
             description: "1.25",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -3945,6 +4116,8 @@ export default {
               description: "1.25",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.tight}",
             },
@@ -3959,6 +4132,8 @@ export default {
             description: "1.375",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -3992,6 +4167,8 @@ export default {
               description: "1.375",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.snug}",
             },
@@ -4006,6 +4183,8 @@ export default {
             description: "1.5",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -4039,6 +4218,8 @@ export default {
               description: "1.5",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.normal}",
             },
@@ -4053,6 +4234,8 @@ export default {
             description: "1.625",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -4086,6 +4269,8 @@ export default {
               description: "1.625",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.relaxed}",
             },
@@ -4100,6 +4285,8 @@ export default {
             description: "2",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -4133,6 +4320,8 @@ export default {
               description: "2",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.loose}",
             },
@@ -4150,6 +4339,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "letter-spacing",
             type: "dimension",
             item: "letter-spacing",
             subitem: "tight",
@@ -4182,6 +4372,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "letter-spacing",
             },
             key: "{semantic.font.letter-spacing.tight}",
           },
@@ -4196,6 +4387,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "letter-spacing",
             type: "dimension",
             item: "letter-spacing",
             subitem: "normal",
@@ -4228,6 +4420,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "letter-spacing",
             },
             key: "{semantic.font.letter-spacing.normal}",
           },
@@ -4242,6 +4435,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "letter-spacing",
             type: "dimension",
             item: "letter-spacing",
             subitem: "wide",
@@ -4274,6 +4468,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "letter-spacing",
             },
             key: "{semantic.font.letter-spacing.wide}",
           },
@@ -4290,6 +4485,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "paragraph-spacing",
             type: "dimension",
             item: "paragraph-spacing",
             subitem: "normal",
@@ -4322,6 +4518,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "paragraph-spacing",
             },
             key: "{semantic.font.paragraph-spacing.normal}",
           },
@@ -4338,6 +4535,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-decoration",
             type: "textDecoration",
             item: "text-decoration",
             subitem: "none",
@@ -4370,6 +4568,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-decoration",
             },
             key: "{semantic.font.text-decoration.none}",
           },
@@ -4384,6 +4583,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-decoration",
             type: "textDecoration",
             item: "text-decoration",
             subitem: "underline",
@@ -4416,6 +4616,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-decoration",
             },
             key: "{semantic.font.text-decoration.underline}",
           },
@@ -4432,6 +4633,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "none",
@@ -4464,6 +4666,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.none}",
           },
@@ -4478,6 +4681,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "uppercase",
@@ -4510,6 +4714,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.uppercase}",
           },
@@ -4524,6 +4729,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "lowercase",
@@ -4556,6 +4762,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.lowercase}",
           },
@@ -4570,6 +4777,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "capitalize",
@@ -4602,6 +4810,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.capitalize}",
           },
@@ -5792,7 +6001,7 @@ export default {
           value: "4px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xxs",
@@ -5824,7 +6033,7 @@ export default {
             value: "{core.size.default.4}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xxs}",
@@ -5838,7 +6047,7 @@ export default {
           value: "6px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xs",
@@ -5870,7 +6079,7 @@ export default {
             value: "{core.size.default.6}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xs}",
@@ -5884,7 +6093,7 @@ export default {
           value: "8px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "sm",
@@ -5916,7 +6125,7 @@ export default {
             value: "{core.size.default.8}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.sm}",
@@ -5930,7 +6139,7 @@ export default {
           value: "12px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "md",
@@ -5962,7 +6171,7 @@ export default {
             value: "{core.size.default.12}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.md}",
@@ -5976,7 +6185,7 @@ export default {
           value: "14px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "lg",
@@ -6008,7 +6217,7 @@ export default {
             value: "{core.size.default.14}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.lg}",
@@ -6022,7 +6231,7 @@ export default {
           value: "16px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xl",
@@ -6054,7 +6263,7 @@ export default {
             value: "{core.size.default.16}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xl}",
@@ -6068,7 +6277,7 @@ export default {
           value: "20px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xxl",
@@ -6100,7 +6309,7 @@ export default {
             value: "{core.size.default.20}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xxl}",
@@ -6114,7 +6323,7 @@ export default {
           value: "32px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xxxl",
@@ -6146,7 +6355,7 @@ export default {
             value: "{core.size.default.32}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xxxl}",
@@ -6162,8 +6371,7 @@ export default {
           value: "0",
           type: "dimension",
           attributes: {
-            pattern: "",
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "none",
@@ -6186,8 +6394,7 @@ export default {
             value: "{core.size.default.none}",
             type: "dimension",
             attributes: {
-              pattern: "",
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.none}",
           },
@@ -6199,8 +6406,7 @@ export default {
           value: "1px",
           type: "dimension",
           attributes: {
-            pattern: "",
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "px",
@@ -6223,8 +6429,7 @@ export default {
             value: "{core.size.default.1}",
             type: "dimension",
             attributes: {
-              pattern: "",
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.px}",
           },
@@ -6236,8 +6441,7 @@ export default {
           value: "2px",
           type: "dimension",
           attributes: {
-            pattern: "",
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "base",
@@ -6260,8 +6464,7 @@ export default {
             value: "{core.size.default.2}",
             type: "dimension",
             attributes: {
-              pattern: "",
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.base}",
           },
@@ -6273,7 +6476,7 @@ export default {
           value: "0.25rem",
           type: "dimension",
           attributes: {
-            category: "size",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xxs",
@@ -6296,7 +6499,7 @@ export default {
             value: "{core.size.default.4}",
             type: "dimension",
             attributes: {
-              category: "size",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xxs}",
           },
@@ -6308,7 +6511,7 @@ export default {
           value: "0.375rem",
           type: "dimension",
           attributes: {
-            category: "size",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xs",
@@ -6331,7 +6534,7 @@ export default {
             value: "{core.size.default.6}",
             type: "dimension",
             attributes: {
-              category: "size",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xs}",
           },
@@ -6343,7 +6546,7 @@ export default {
           value: "0.5rem",
           type: "dimension",
           attributes: {
-            category: "size",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "sm",
@@ -6366,7 +6569,7 @@ export default {
             value: "{core.size.default.8}",
             type: "dimension",
             attributes: {
-              category: "size",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.sm}",
           },
@@ -6378,7 +6581,7 @@ export default {
           value: "0.625rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "sm+",
@@ -6401,7 +6604,7 @@ export default {
             value: "{core.size.default.10}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.sm+}",
           },
@@ -6413,7 +6616,7 @@ export default {
           value: "0.75rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "md",
@@ -6436,7 +6639,7 @@ export default {
             value: "{core.size.default.12}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.md}",
           },
@@ -6448,7 +6651,7 @@ export default {
           value: "0.875rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "md+",
@@ -6471,7 +6674,7 @@ export default {
             value: "{core.size.default.14}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.md+}",
           },
@@ -6483,7 +6686,7 @@ export default {
           value: "1rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "lg",
@@ -6506,7 +6709,7 @@ export default {
             value: "{core.size.default.16}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.lg}",
           },
@@ -6518,7 +6721,7 @@ export default {
           value: "1.25rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xl",
@@ -6541,7 +6744,7 @@ export default {
             value: "{core.size.default.20}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xl}",
           },
@@ -6553,7 +6756,7 @@ export default {
           value: "1.5rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xxl",
@@ -6576,7 +6779,7 @@ export default {
             value: "{core.size.default.24}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xxl}",
           },
@@ -6588,7 +6791,7 @@ export default {
           value: "2rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xxxl",
@@ -6611,7 +6814,7 @@ export default {
             value: "{core.size.default.32}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xxxl}",
           },
@@ -6641,7 +6844,7 @@ export default {
             textDecoration: "none",
           },
           attributes: {
-            category: "",
+            category: "typography",
             type: "typography",
             item: "default",
             subitem: "default",
@@ -6673,7 +6876,7 @@ export default {
               textDecoration: "{semantic.font.text-decoration.none}",
             },
             attributes: {
-              category: "",
+              category: "typography",
             },
             key: "{semantic.typography.default.default}",
           },
@@ -6707,7 +6910,7 @@ export default {
               },
             },
             attributes: {
-              category: "",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "light",
@@ -6717,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",
@@ -6738,7 +6941,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "",
+                category: "typography",
               },
               key: "{semantic.typography.default.light.-3h}",
             },
@@ -6770,7 +6973,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "light",
@@ -6780,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",
@@ -6800,7 +7003,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.light.-2h}",
             },
@@ -6831,7 +7034,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "light",
@@ -6841,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",
@@ -6860,7 +7063,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.light.-1h}",
             },
@@ -6893,7 +7096,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "light",
@@ -6903,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",
@@ -6924,7 +7127,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.light.0h}",
             },
@@ -6957,7 +7160,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "light",
@@ -6967,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",
@@ -6988,7 +7191,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.light.1h}",
             },
@@ -7022,7 +7225,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "regular",
@@ -7032,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",
@@ -7052,7 +7255,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.regular.-3h}",
             },
@@ -7083,7 +7286,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "regular",
@@ -7093,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",
@@ -7112,7 +7315,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.regular.-2h}",
             },
@@ -7138,7 +7341,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "regular",
@@ -7148,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",
@@ -7162,7 +7365,7 @@ export default {
               value: "{semantic.typography.default.default}",
               type: "typography",
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.regular.-1h}",
             },
@@ -7194,7 +7397,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "regular",
@@ -7204,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",
@@ -7224,7 +7427,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.regular.0h}",
             },
@@ -7256,7 +7459,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "regular",
@@ -7266,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",
@@ -7286,7 +7489,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.regular.1h}",
             },
@@ -7321,7 +7524,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "medium",
@@ -7331,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",
@@ -7352,7 +7555,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.medium.-3h}",
             },
@@ -7384,7 +7587,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "medium",
@@ -7394,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",
@@ -7414,7 +7617,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.medium.-2h}",
             },
@@ -7445,7 +7648,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "medium",
@@ -7455,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",
@@ -7474,7 +7677,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.medium.-1h}",
             },
@@ -7507,7 +7710,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "medium",
@@ -7517,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",
@@ -7538,7 +7741,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.medium.0h}",
             },
@@ -7571,7 +7774,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "medium",
@@ -7581,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",
@@ -7602,7 +7805,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.medium.1h}",
             },
@@ -7637,7 +7840,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "bold",
@@ -7647,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",
@@ -7668,7 +7871,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.bold.-3h}",
             },
@@ -7700,7 +7903,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "bold",
@@ -7710,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",
@@ -7730,7 +7933,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.bold.-2h}",
             },
@@ -7761,7 +7964,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "bold",
@@ -7771,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",
@@ -7790,7 +7993,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.bold.-1h}",
             },
@@ -7823,7 +8026,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "bold",
@@ -7833,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",
@@ -7854,7 +8057,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.bold.0h}",
             },
@@ -7887,7 +8090,7 @@ export default {
               },
             },
             attributes: {
-              category: "default",
+              category: "typography",
               type: "typography",
               item: "default",
               subitem: "bold",
@@ -7897,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",
@@ -7918,7 +8121,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "default",
+                category: "typography",
               },
               key: "{semantic.typography.default.bold.1h}",
             },
@@ -7955,7 +8158,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -7986,7 +8189,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.0}",
             },
@@ -8019,7 +8222,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -8050,7 +8253,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.1}",
             },
@@ -8083,7 +8286,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -8114,7 +8317,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.2}",
             },
@@ -8147,7 +8350,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -8178,7 +8381,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.3}",
             },
@@ -8211,7 +8414,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -8242,7 +8445,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.-2}",
             },
@@ -8274,7 +8477,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "light",
@@ -8304,7 +8507,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.light.-1}",
             },
@@ -8338,7 +8541,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8368,7 +8571,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.0}",
             },
@@ -8400,7 +8603,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8430,7 +8633,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.1}",
             },
@@ -8462,7 +8665,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8492,7 +8695,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.2}",
             },
@@ -8524,7 +8727,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8554,7 +8757,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.3}",
             },
@@ -8586,7 +8789,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8616,7 +8819,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.-2}",
             },
@@ -8647,7 +8850,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "regular",
@@ -8676,7 +8879,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.regular.-1}",
             },
@@ -8711,7 +8914,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -8742,7 +8945,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.0}",
             },
@@ -8775,7 +8978,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -8806,7 +9009,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.1}",
             },
@@ -8839,7 +9042,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -8870,7 +9073,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.2}",
             },
@@ -8903,7 +9106,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -8934,7 +9137,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.3}",
             },
@@ -8967,7 +9170,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -8998,7 +9201,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.-2}",
             },
@@ -9030,7 +9233,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "medium",
@@ -9060,7 +9263,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.medium.-1}",
             },
@@ -9095,7 +9298,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9126,7 +9329,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.0}",
             },
@@ -9159,7 +9362,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9190,7 +9393,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.1}",
             },
@@ -9223,7 +9426,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9254,7 +9457,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.2}",
             },
@@ -9287,7 +9490,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9318,7 +9521,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.3}",
             },
@@ -9351,7 +9554,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9382,7 +9585,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.-2}",
             },
@@ -9414,7 +9617,7 @@ export default {
               },
             },
             attributes: {
-              category: "wrap",
+              category: "typography",
               type: "typography",
               item: "wrap",
               subitem: "bold",
@@ -9444,7 +9647,7 @@ export default {
                 "calcite.extends": "{semantic.typography.default.default}",
               },
               attributes: {
-                category: "wrap",
+                category: "typography",
               },
               key: "{semantic.typography.wrap.bold.-1}",
             },
@@ -9464,7 +9667,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "display",
@@ -9488,7 +9691,7 @@ export default {
               value: "{semantic.typography.wrap.bold.3}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.display.1}",
             },
@@ -9504,7 +9707,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "display",
@@ -9528,7 +9731,7 @@ export default {
               value: "{semantic.typography.wrap.bold.2}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.display.2}",
             },
@@ -9546,7 +9749,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "heading",
@@ -9570,7 +9773,7 @@ export default {
               value: "{semantic.typography.wrap.medium.3}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.heading.1}",
             },
@@ -9586,7 +9789,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "heading",
@@ -9610,7 +9813,7 @@ export default {
               value: "{semantic.typography.wrap.medium.2}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.heading.2}",
             },
@@ -9626,7 +9829,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "heading",
@@ -9650,7 +9853,7 @@ export default {
               value: "{semantic.typography.wrap.medium.1}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.heading.3}",
             },
@@ -9666,7 +9869,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "heading",
@@ -9690,7 +9893,7 @@ export default {
               value: "{semantic.typography.wrap.medium.0}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.heading.4}",
             },
@@ -9705,7 +9908,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "heading",
@@ -9729,7 +9932,7 @@ export default {
               value: "{semantic.typography.wrap.medium.-1}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.heading.5}",
             },
@@ -9745,7 +9948,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "body",
@@ -9769,7 +9972,7 @@ export default {
               value: "{semantic.typography.wrap.regular.-1}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.body.snug}",
             },
@@ -9795,7 +9998,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
               type: "typography",
               item: "hierarchy",
               subitem: "body",
@@ -9819,7 +10022,7 @@ export default {
               value: "{semantic.typography.default.default}",
               type: "typography",
               attributes: {
-                category: "hierarchy",
+                category: "typography",
               },
               key: "{semantic.typography.hierarchy.body.default}",
             },
@@ -9836,7 +10039,7 @@ export default {
           },
           type: "typography",
           attributes: {
-            category: "hierarchy",
+            category: "typography",
             type: "typography",
             item: "hierarchy",
             subitem: "overline",
@@ -9863,7 +10066,7 @@ export default {
             },
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
             },
             key: "{semantic.typography.hierarchy.overline}",
           },
@@ -9878,7 +10081,7 @@ export default {
           },
           type: "typography",
           attributes: {
-            category: "hierarchy",
+            category: "typography",
             type: "typography",
             item: "hierarchy",
             subitem: "caption",
@@ -9901,7 +10104,7 @@ export default {
             value: "{semantic.typography.wrap.regular.-2}",
             type: "typography",
             attributes: {
-              category: "hierarchy",
+              category: "typography",
             },
             key: "{semantic.typography.hierarchy.caption}",
           },