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

package/dist/js/semantic.js

@@ -13,6 +13,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "none",
@@ -36,6 +37,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.none}",
           },
@@ -48,6 +50,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "sm",
@@ -71,6 +74,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.sm}",
           },
@@ -83,6 +87,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "md",
@@ -106,6 +111,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.md}",
           },
@@ -118,6 +124,7 @@ export default {
           type: "dimension",
           attributes: {
             category: "border",
+            group: "width",
             type: "border",
             item: "width",
             subitem: "lg",
@@ -141,6 +148,7 @@ export default {
             type: "dimension",
             attributes: {
               category: "border",
+              group: "width",
             },
             key: "{semantic.border.width.lg}",
           },
@@ -150,664 +158,6 @@ export default {
       },
     },
     "container-size": {
-      height: {
-        xxs: {
-          key: "{semantic.container-size.height.xxs}",
-          value: {
-            min: "0",
-            max: "154px",
-          },
-          type: "dimension",
-          description: "Small handheld devices and mini-windows",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "height",
-            subitem: "xxs",
-            value: {
-              min: "0",
-              max: "154px",
-            },
-            description: "Small handheld devices and mini-windows",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.height.xxs}",
-            name: "calcite-semantic-container-size-height-xxs",
-            path: ["semantic", "container-size", "height", "xxs"],
-            comment: "Small handheld devices and mini-windows",
-            names: {
-              scss: "$calcite-container-size-height-xxs",
-              css: "var(--calcite-container-size-height-xxs)",
-              js: "semantic.container-size.height.xxs",
-              docs: "semantic.container-size.height.xxs",
-              es6: "calciteContainerSizeHeightXxs",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "0",
-              max: "{core.container-size.154}",
-            },
-            type: "dimension",
-            description: "Small handheld devices and mini-windows",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.height.xxs}",
-          },
-          name: "Container Size Height Xxs",
-          path: ["semantic", "container-size", "height", "xxs"],
-          comment: "Small handheld devices and mini-windows",
-        },
-        xs: {
-          key: "{semantic.container-size.height.xs}",
-          value: {
-            min: "155px",
-            max: "328px",
-          },
-          type: "dimension",
-          description: "Handheld devices",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "height",
-            subitem: "xs",
-            value: {
-              min: "154px + 1",
-              max: "328px",
-            },
-            description: "Handheld devices",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.height.xs}",
-            name: "calcite-semantic-container-size-height-xs",
-            path: ["semantic", "container-size", "height", "xs"],
-            comment: "Handheld devices",
-            names: {
-              scss: "$calcite-container-size-height-xs",
-              css: "var(--calcite-container-size-height-xs)",
-              js: "semantic.container-size.height.xs",
-              docs: "semantic.container-size.height.xs",
-              es6: "calciteContainerSizeHeightXs",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "{core.container-size.154} + 1",
-              max: "{core.container-size.328}",
-            },
-            type: "dimension",
-            description: "Handheld devices",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.height.xs}",
-          },
-          name: "Container Size Height Xs",
-          path: ["semantic", "container-size", "height", "xs"],
-          comment: "Handheld devices",
-        },
-        sm: {
-          key: "{semantic.container-size.height.sm}",
-          value: {
-            min: "329px",
-            max: "504px",
-          },
-          type: "dimension",
-          description: "Small tablets",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "height",
-            subitem: "sm",
-            value: {
-              min: "328px + 1",
-              max: "504px",
-            },
-            description: "Small tablets",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.height.sm}",
-            name: "calcite-semantic-container-size-height-sm",
-            path: ["semantic", "container-size", "height", "sm"],
-            comment: "Small tablets",
-            names: {
-              scss: "$calcite-container-size-height-sm",
-              css: "var(--calcite-container-size-height-sm)",
-              js: "semantic.container-size.height.sm",
-              docs: "semantic.container-size.height.sm",
-              es6: "calciteContainerSizeHeightSm",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "{core.container-size.328} + 1",
-              max: "{core.container-size.504}",
-            },
-            type: "dimension",
-            description: "Small tablets",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.height.sm}",
-          },
-          name: "Container Size Height Sm",
-          path: ["semantic", "container-size", "height", "sm"],
-          comment: "Small tablets",
-        },
-        md: {
-          key: "{semantic.container-size.height.md}",
-          value: {
-            min: "505px",
-            max: "678px",
-          },
-          type: "dimension",
-          description: "Small laptops",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "height",
-            subitem: "md",
-            value: {
-              min: "504px + 1",
-              max: "678px",
-            },
-            description: "Small laptops",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.height.md}",
-            name: "calcite-semantic-container-size-height-md",
-            path: ["semantic", "container-size", "height", "md"],
-            comment: "Small laptops",
-            names: {
-              scss: "$calcite-container-size-height-md",
-              css: "var(--calcite-container-size-height-md)",
-              js: "semantic.container-size.height.md",
-              docs: "semantic.container-size.height.md",
-              es6: "calciteContainerSizeHeightMd",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "{core.container-size.504} + 1",
-              max: "{core.container-size.678}",
-            },
-            type: "dimension",
-            description: "Small laptops",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.height.md}",
-          },
-          name: "Container Size Height Md",
-          path: ["semantic", "container-size", "height", "md"],
-          comment: "Small laptops",
-        },
-        lg: {
-          key: "{semantic.container-size.height.lg}",
-          value: {
-            min: "679px",
-            max: "854px",
-          },
-          type: "dimension",
-          description: "Large laptops and desktop computers",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "height",
-            subitem: "lg",
-            value: {
-              min: "678px + 1",
-              max: "854px",
-            },
-            description: "Large laptops and desktop computers",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.height.lg}",
-            name: "calcite-semantic-container-size-height-lg",
-            path: ["semantic", "container-size", "height", "lg"],
-            comment: "Large laptops and desktop computers",
-            names: {
-              scss: "$calcite-container-size-height-lg",
-              css: "var(--calcite-container-size-height-lg)",
-              js: "semantic.container-size.height.lg",
-              docs: "semantic.container-size.height.lg",
-              es6: "calciteContainerSizeHeightLg",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "{core.container-size.678} + 1",
-              max: "{core.container-size.854}",
-            },
-            type: "dimension",
-            description: "Large laptops and desktop computers",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.height.lg}",
-          },
-          name: "Container Size Height Lg",
-          path: ["semantic", "container-size", "height", "lg"],
-          comment: "Large laptops and desktop computers",
-        },
-        xl: {
-          key: "{semantic.container-size.height.xl}",
-          value: {
-            min: "855px",
-          },
-          type: "dimension",
-          description: "Projectors and televisions",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "height",
-            subitem: "xl",
-            value: {
-              min: "854px + 1",
-            },
-            description: "Projectors and televisions",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.height.xl}",
-            name: "calcite-semantic-container-size-height-xl",
-            path: ["semantic", "container-size", "height", "xl"],
-            comment: "Projectors and televisions",
-            names: {
-              scss: "$calcite-container-size-height-xl",
-              css: "var(--calcite-container-size-height-xl)",
-              js: "semantic.container-size.height.xl",
-              docs: "semantic.container-size.height.xl",
-              es6: "calciteContainerSizeHeightXl",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "{core.container-size.854} + 1",
-            },
-            type: "dimension",
-            description: "Projectors and televisions",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.height.xl}",
-          },
-          name: "Container Size Height Xl",
-          path: ["semantic", "container-size", "height", "xl"],
-          comment: "Projectors and televisions",
-        },
-      },
-      width: {
-        xxs: {
-          key: "{semantic.container-size.width.xxs}",
-          value: {
-            min: "0",
-            max: "320px",
-          },
-          type: "dimension",
-          description: "Small handheld devices and mini-windows",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "width",
-            subitem: "xxs",
-            value: {
-              min: "0",
-              max: "320px",
-            },
-            description: "Small handheld devices and mini-windows",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.width.xxs}",
-            name: "calcite-semantic-container-size-width-xxs",
-            path: ["semantic", "container-size", "width", "xxs"],
-            comment: "Small handheld devices and mini-windows",
-            names: {
-              scss: "$calcite-container-size-width-xxs",
-              css: "var(--calcite-container-size-width-xxs)",
-              js: "semantic.container-size.width.xxs",
-              docs: "semantic.container-size.width.xxs",
-              es6: "calciteContainerSizeWidthXxs",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "0",
-              max: "{core.container-size.320}",
-            },
-            type: "dimension",
-            description: "Small handheld devices and mini-windows",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.width.xxs}",
-          },
-          name: "Container Size Width Xxs",
-          path: ["semantic", "container-size", "width", "xxs"],
-          comment: "Small handheld devices and mini-windows",
-        },
-        xs: {
-          key: "{semantic.container-size.width.xs}",
-          value: {
-            min: "321px",
-            max: "476px",
-          },
-          type: "dimension",
-          description: "Handheld devices",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "width",
-            subitem: "xs",
-            value: {
-              min: "320px + 1",
-              max: "476px",
-            },
-            description: "Handheld devices",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.width.xs}",
-            name: "calcite-semantic-container-size-width-xs",
-            path: ["semantic", "container-size", "width", "xs"],
-            comment: "Handheld devices",
-            names: {
-              scss: "$calcite-container-size-width-xs",
-              css: "var(--calcite-container-size-width-xs)",
-              js: "semantic.container-size.width.xs",
-              docs: "semantic.container-size.width.xs",
-              es6: "calciteContainerSizeWidthXs",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "{core.container-size.320} + 1",
-              max: "{core.container-size.476}",
-            },
-            type: "dimension",
-            description: "Handheld devices",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.width.xs}",
-          },
-          name: "Container Size Width Xs",
-          path: ["semantic", "container-size", "width", "xs"],
-          comment: "Handheld devices",
-        },
-        sm: {
-          key: "{semantic.container-size.width.sm}",
-          value: {
-            min: "477px",
-            max: "768px",
-          },
-          type: "dimension",
-          description: "Small tablets",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "width",
-            subitem: "sm",
-            value: {
-              min: "476px + 1",
-              max: "768px",
-            },
-            description: "Small tablets",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.width.sm}",
-            name: "calcite-semantic-container-size-width-sm",
-            path: ["semantic", "container-size", "width", "sm"],
-            comment: "Small tablets",
-            names: {
-              scss: "$calcite-container-size-width-sm",
-              css: "var(--calcite-container-size-width-sm)",
-              js: "semantic.container-size.width.sm",
-              docs: "semantic.container-size.width.sm",
-              es6: "calciteContainerSizeWidthSm",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "{core.container-size.476} + 1",
-              max: "{core.container-size.768}",
-            },
-            type: "dimension",
-            description: "Small tablets",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.width.sm}",
-          },
-          name: "Container Size Width Sm",
-          path: ["semantic", "container-size", "width", "sm"],
-          comment: "Small tablets",
-        },
-        md: {
-          key: "{semantic.container-size.width.md}",
-          value: {
-            min: "769px",
-            max: "1152px",
-          },
-          type: "dimension",
-          description: "Small laptops",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "width",
-            subitem: "md",
-            value: {
-              min: "768px + 1",
-              max: "1152px",
-            },
-            description: "Small laptops",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.width.md}",
-            name: "calcite-semantic-container-size-width-md",
-            path: ["semantic", "container-size", "width", "md"],
-            comment: "Small laptops",
-            names: {
-              scss: "$calcite-container-size-width-md",
-              css: "var(--calcite-container-size-width-md)",
-              js: "semantic.container-size.width.md",
-              docs: "semantic.container-size.width.md",
-              es6: "calciteContainerSizeWidthMd",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "{core.container-size.768} + 1",
-              max: "{core.container-size.1152}",
-            },
-            type: "dimension",
-            description: "Small laptops",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.width.md}",
-          },
-          name: "Container Size Width Md",
-          path: ["semantic", "container-size", "width", "md"],
-          comment: "Small laptops",
-        },
-        lg: {
-          key: "{semantic.container-size.width.lg}",
-          value: {
-            min: "1153px",
-            max: "1440px",
-          },
-          type: "dimension",
-          description: "Large laptops and desktop computers",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "width",
-            subitem: "lg",
-            value: {
-              min: "1152px + 1",
-              max: "1440px",
-            },
-            description: "Large laptops and desktop computers",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.width.lg}",
-            name: "calcite-semantic-container-size-width-lg",
-            path: ["semantic", "container-size", "width", "lg"],
-            comment: "Large laptops and desktop computers",
-            names: {
-              scss: "$calcite-container-size-width-lg",
-              css: "var(--calcite-container-size-width-lg)",
-              js: "semantic.container-size.width.lg",
-              docs: "semantic.container-size.width.lg",
-              es6: "calciteContainerSizeWidthLg",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "{core.container-size.1152} + 1",
-              max: "{core.container-size.1440}",
-            },
-            type: "dimension",
-            description: "Large laptops and desktop computers",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.width.lg}",
-          },
-          name: "Container Size Width Lg",
-          path: ["semantic", "container-size", "width", "lg"],
-          comment: "Large laptops and desktop computers",
-        },
-        xl: {
-          key: "{semantic.container-size.width.xl}",
-          value: {
-            min: "1441px",
-          },
-          type: "dimension",
-          description: "Projectors and televisions",
-          attributes: {
-            category: "breakpoint",
-            type: "dimension",
-            item: "width",
-            subitem: "xl",
-            value: {
-              min: "1440px + 1",
-            },
-            description: "Projectors and televisions",
-            filePath: "src/tokens/semantic/container-size.json",
-            isSource: true,
-            key: "{semantic.container-size.width.xl}",
-            name: "calcite-semantic-container-size-width-xl",
-            path: ["semantic", "container-size", "width", "xl"],
-            comment: "Projectors and televisions",
-            names: {
-              scss: "$calcite-container-size-width-xl",
-              css: "var(--calcite-container-size-width-xl)",
-              js: "semantic.container-size.width.xl",
-              docs: "semantic.container-size.width.xl",
-              es6: "calciteContainerSizeWidthXl",
-            },
-            "calcite-schema": {
-              system: "calcite",
-              tier: "semantic",
-              type: "dimension",
-            },
-          },
-          filePath: "src/tokens/semantic/container-size.json",
-          isSource: true,
-          original: {
-            value: {
-              min: "{core.container-size.1440} + 1",
-            },
-            type: "dimension",
-            description: "Projectors and televisions",
-            attributes: {
-              category: "breakpoint",
-            },
-            key: "{semantic.container-size.width.xl}",
-          },
-          name: "Container Size Width Xl",
-          path: ["semantic", "container-size", "width", "xl"],
-          comment: "Projectors and televisions",
-        },
-      },
       margin: {
         key: "{semantic.container-size.margin}",
         value: "24px",
@@ -971,277 +321,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: {
@@ -1251,8 +590,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",
@@ -1285,6 +624,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",
@@ -1306,6 +646,7 @@ export default {
           type: "fontFamily",
           attributes: {
             category: "font",
+            group: "family",
             type: "fontFamily",
             item: "family",
             subitem: "code",
@@ -1339,6 +680,7 @@ export default {
             type: "fontFamily",
             attributes: {
               category: "font",
+              group: "family",
             },
             description: "Font family for code with fallbacks",
             key: "{semantic.font.family.code}",
@@ -1355,6 +697,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "fontWeight",
             item: "weight",
             subitem: "light",
@@ -1387,6 +730,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             description: "For Avenir Next World (secondary font family)",
             key: "{semantic.font.weight.light}",
@@ -1404,6 +748,7 @@ export default {
           },
           attributes: {
             category: "font",
+            group: "weight",
             type: "fontWeight",
             item: "weight",
             subitem: "normal",
@@ -1445,6 +790,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"',
@@ -1461,6 +807,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "regular",
@@ -1484,6 +831,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.regular}",
           },
@@ -1496,6 +844,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "medium",
@@ -1519,6 +868,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.medium}",
           },
@@ -1531,6 +881,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "semibold",
@@ -1554,6 +905,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.semibold}",
           },
@@ -1566,6 +918,7 @@ export default {
           type: "fontWeight",
           attributes: {
             category: "font",
+            group: "weight",
             type: "font",
             item: "weight",
             subitem: "bold",
@@ -1589,6 +942,7 @@ export default {
             type: "fontWeight",
             attributes: {
               category: "font",
+              group: "weight",
             },
             key: "{semantic.font.weight.bold}",
           },
@@ -1603,6 +957,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "xs",
@@ -1626,6 +981,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.xs}",
           },
@@ -1638,6 +994,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "sm",
@@ -1661,6 +1018,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.sm}",
           },
@@ -1673,6 +1031,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "default",
@@ -1696,6 +1055,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.default}",
           },
@@ -1708,6 +1068,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "md",
@@ -1731,6 +1092,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.md}",
           },
@@ -1743,6 +1105,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "lg",
@@ -1766,6 +1129,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.lg}",
           },
@@ -1778,6 +1142,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "xl",
@@ -1801,6 +1166,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.xl}",
           },
@@ -1813,6 +1179,7 @@ export default {
           type: "fontSize",
           attributes: {
             category: "font",
+            group: "size",
             type: "font",
             item: "size",
             subitem: "xxl",
@@ -1836,6 +1203,7 @@ export default {
             type: "fontSize",
             attributes: {
               category: "font",
+              group: "size",
             },
             key: "{semantic.font.size.xxl}",
           },
@@ -1851,6 +1219,7 @@ export default {
           description: "used in ratings",
           attributes: {
             category: "font",
+            group: "style",
             type: "fontStyle",
             item: "style",
             subitem: "emphasis",
@@ -1883,6 +1252,7 @@ export default {
             description: "used in ratings",
             attributes: {
               category: "font",
+              group: "style",
             },
             key: "{semantic.font.style.emphasis}",
           },
@@ -1899,6 +1269,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -1923,6 +1295,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.sm}",
             },
@@ -1935,6 +1309,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -1959,6 +1335,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.base}",
             },
@@ -1971,6 +1349,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -1995,6 +1375,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.lg}",
             },
@@ -2007,6 +1389,8 @@ export default {
             type: "lineHeight",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "fixed",
               type: "font",
               item: "line-height",
               subitem: "fixed",
@@ -2031,6 +1415,8 @@ export default {
               type: "lineHeight",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "fixed",
               },
               key: "{semantic.font.line-height.fixed.xl}",
             },
@@ -2046,6 +1432,8 @@ export default {
             description: "1",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -2079,6 +1467,8 @@ export default {
               description: "1",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.default}",
             },
@@ -2093,6 +1483,8 @@ export default {
             description: "1.25",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -2126,6 +1518,8 @@ export default {
               description: "1.25",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.tight}",
             },
@@ -2140,6 +1534,8 @@ export default {
             description: "1.375",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -2173,6 +1569,8 @@ export default {
               description: "1.375",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.snug}",
             },
@@ -2187,6 +1585,8 @@ export default {
             description: "1.5",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -2220,6 +1620,8 @@ export default {
               description: "1.5",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.normal}",
             },
@@ -2234,6 +1636,8 @@ export default {
             description: "1.625",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -2267,6 +1671,8 @@ export default {
               description: "1.625",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.relaxed}",
             },
@@ -2281,6 +1687,8 @@ export default {
             description: "2",
             attributes: {
               category: "font",
+              group: "line-height",
+              kind: "relative",
               type: "lineHeight",
               item: "line-height",
               subitem: "relative",
@@ -2314,6 +1722,8 @@ export default {
               description: "2",
               attributes: {
                 category: "font",
+                group: "line-height",
+                kind: "relative",
               },
               key: "{semantic.font.line-height.relative.loose}",
             },
@@ -2331,6 +1741,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "letter-spacing",
             type: "dimension",
             item: "letter-spacing",
             subitem: "tight",
@@ -2363,6 +1774,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "letter-spacing",
             },
             key: "{semantic.font.letter-spacing.tight}",
           },
@@ -2377,6 +1789,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "letter-spacing",
             type: "dimension",
             item: "letter-spacing",
             subitem: "normal",
@@ -2409,6 +1822,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "letter-spacing",
             },
             key: "{semantic.font.letter-spacing.normal}",
           },
@@ -2423,6 +1837,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "letter-spacing",
             type: "dimension",
             item: "letter-spacing",
             subitem: "wide",
@@ -2455,6 +1870,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "letter-spacing",
             },
             key: "{semantic.font.letter-spacing.wide}",
           },
@@ -2471,6 +1887,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "paragraph-spacing",
             type: "dimension",
             item: "paragraph-spacing",
             subitem: "normal",
@@ -2503,6 +1920,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "paragraph-spacing",
             },
             key: "{semantic.font.paragraph-spacing.normal}",
           },
@@ -2519,6 +1937,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-decoration",
             type: "textDecoration",
             item: "text-decoration",
             subitem: "none",
@@ -2551,6 +1970,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-decoration",
             },
             key: "{semantic.font.text-decoration.none}",
           },
@@ -2565,6 +1985,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-decoration",
             type: "textDecoration",
             item: "text-decoration",
             subitem: "underline",
@@ -2597,6 +2018,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-decoration",
             },
             key: "{semantic.font.text-decoration.underline}",
           },
@@ -2613,6 +2035,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "none",
@@ -2645,6 +2068,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.none}",
           },
@@ -2659,6 +2083,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "uppercase",
@@ -2691,6 +2116,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.uppercase}",
           },
@@ -2705,6 +2131,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "lowercase",
@@ -2737,6 +2164,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.lowercase}",
           },
@@ -2751,6 +2179,7 @@ export default {
           description: "Deprecated",
           attributes: {
             category: "font",
+            group: "text-case",
             type: "textCase",
             item: "text-case",
             subitem: "capitalize",
@@ -2783,6 +2212,7 @@ export default {
             description: "Deprecated",
             attributes: {
               category: "font",
+              group: "text-case",
             },
             key: "{semantic.font.text-case.capitalize}",
           },
@@ -3973,7 +3403,7 @@ export default {
           value: "4px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xxs",
@@ -4005,7 +3435,7 @@ export default {
             value: "{core.size.default.4}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xxs}",
@@ -4019,7 +3449,7 @@ export default {
           value: "6px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xs",
@@ -4051,7 +3481,7 @@ export default {
             value: "{core.size.default.6}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xs}",
@@ -4065,7 +3495,7 @@ export default {
           value: "8px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "sm",
@@ -4097,7 +3527,7 @@ export default {
             value: "{core.size.default.8}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.sm}",
@@ -4111,7 +3541,7 @@ export default {
           value: "12px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "md",
@@ -4143,7 +3573,7 @@ export default {
             value: "{core.size.default.12}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.md}",
@@ -4157,7 +3587,7 @@ export default {
           value: "14px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "lg",
@@ -4189,7 +3619,7 @@ export default {
             value: "{core.size.default.14}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.lg}",
@@ -4203,7 +3633,7 @@ export default {
           value: "16px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xl",
@@ -4235,7 +3665,7 @@ export default {
             value: "{core.size.default.16}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xl}",
@@ -4249,7 +3679,7 @@ export default {
           value: "20px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xxl",
@@ -4281,7 +3711,7 @@ export default {
             value: "{core.size.default.20}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xxl}",
@@ -4295,7 +3725,7 @@ export default {
           value: "32px",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "dimension",
             item: "fixed",
             subitem: "xxxl",
@@ -4327,7 +3757,7 @@ export default {
             value: "{core.size.default.32}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             description: "deprecated",
             key: "{semantic.spacing.fixed.xxxl}",
@@ -4343,8 +3773,7 @@ export default {
           value: "0",
           type: "dimension",
           attributes: {
-            pattern: "",
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "none",
@@ -4367,8 +3796,7 @@ export default {
             value: "{core.size.default.none}",
             type: "dimension",
             attributes: {
-              pattern: "",
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.none}",
           },
@@ -4380,8 +3808,7 @@ export default {
           value: "1px",
           type: "dimension",
           attributes: {
-            pattern: "",
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "px",
@@ -4404,8 +3831,7 @@ export default {
             value: "{core.size.default.1}",
             type: "dimension",
             attributes: {
-              pattern: "",
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.px}",
           },
@@ -4417,8 +3843,7 @@ export default {
           value: "2px",
           type: "dimension",
           attributes: {
-            pattern: "",
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "base",
@@ -4441,8 +3866,7 @@ export default {
             value: "{core.size.default.2}",
             type: "dimension",
             attributes: {
-              pattern: "",
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.base}",
           },
@@ -4454,7 +3878,7 @@ export default {
           value: "0.25rem",
           type: "dimension",
           attributes: {
-            category: "size",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xxs",
@@ -4477,7 +3901,7 @@ export default {
             value: "{core.size.default.4}",
             type: "dimension",
             attributes: {
-              category: "size",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xxs}",
           },
@@ -4489,7 +3913,7 @@ export default {
           value: "0.375rem",
           type: "dimension",
           attributes: {
-            category: "size",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xs",
@@ -4512,7 +3936,7 @@ export default {
             value: "{core.size.default.6}",
             type: "dimension",
             attributes: {
-              category: "size",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xs}",
           },
@@ -4524,7 +3948,7 @@ export default {
           value: "0.5rem",
           type: "dimension",
           attributes: {
-            category: "size",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "sm",
@@ -4547,7 +3971,7 @@ export default {
             value: "{core.size.default.8}",
             type: "dimension",
             attributes: {
-              category: "size",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.sm}",
           },
@@ -4559,7 +3983,7 @@ export default {
           value: "0.625rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "sm+",
@@ -4582,7 +4006,7 @@ export default {
             value: "{core.size.default.10}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.sm+}",
           },
@@ -4594,7 +4018,7 @@ export default {
           value: "0.75rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "md",
@@ -4617,7 +4041,7 @@ export default {
             value: "{core.size.default.12}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.md}",
           },
@@ -4629,7 +4053,7 @@ export default {
           value: "0.875rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "md+",
@@ -4652,7 +4076,7 @@ export default {
             value: "{core.size.default.14}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.md+}",
           },
@@ -4664,7 +4088,7 @@ export default {
           value: "1rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "lg",
@@ -4687,7 +4111,7 @@ export default {
             value: "{core.size.default.16}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.lg}",
           },
@@ -4699,7 +4123,7 @@ export default {
           value: "1.25rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xl",
@@ -4722,7 +4146,7 @@ export default {
             value: "{core.size.default.20}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xl}",
           },
@@ -4734,7 +4158,7 @@ export default {
           value: "1.5rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xxl",
@@ -4757,7 +4181,7 @@ export default {
             value: "{core.size.default.24}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xxl}",
           },
@@ -4769,7 +4193,7 @@ export default {
           value: "2rem",
           type: "dimension",
           attributes: {
-            category: "space",
+            category: "spacing",
             type: "spacing",
             item: "default",
             subitem: "xxxl",
@@ -4792,7 +4216,7 @@ export default {
             value: "{core.size.default.32}",
             type: "dimension",
             attributes: {
-              category: "space",
+              category: "spacing",
             },
             key: "{semantic.spacing.default.xxxl}",
           },