diff --git a/packages/calcite-design-tokens/src/semantic.json b/packages/calcite-design-tokens/src/semantic.json
deleted file mode 100644
index 374ec1f9f50..00000000000
--- a/packages/calcite-design-tokens/src/semantic.json
+++ /dev/null
@@ -1,1709 +0,0 @@
-{
-  "semantic": {
-    "font": {
-      "default": {
-        "light": {
-          "-3h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.0",
-              "fontSize": "$core.font.font-size.0",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-2h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.1",
-              "fontSize": "$core.font.font-size.1",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-1h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.1",
-              "fontSize": "$core.font.font-size.2",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "0h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.2",
-              "fontSize": "$core.font.font-size.3",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "1h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.3",
-              "fontSize": "$core.font.font-size.4",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "2h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.3",
-              "fontSize": "$core.font.font-size.5",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "3h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.5",
-              "fontSize": "$core.font.font-size.6",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "4h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.7",
-              "fontSize": "$core.font.font-size.7",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "5h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.8",
-              "fontSize": "$core.font.font-size.8",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "6h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.10",
-              "fontSize": "$core.font.font-size.9",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "7h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.10",
-              "fontSize": "$core.font.font-size.10",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "8h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.fixed.12",
-              "fontSize": "$core.font.font-size.11",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          }
-        },
-        "regular": {
-          "-3h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.0",
-              "fontSize": "$core.font.font-size.0",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-2h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.1",
-              "fontSize": "$core.font.font-size.1",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-1h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.1",
-              "fontSize": "$core.font.font-size.2",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "0h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.2",
-              "fontSize": "$core.font.font-size.3",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "1h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.3",
-              "fontSize": "$core.font.font-size.4",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "2h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.3",
-              "fontSize": "$core.font.font-size.5",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "3h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.5",
-              "fontSize": "$core.font.font-size.6",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "4h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.7",
-              "fontSize": "$core.font.font-size.7",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "5h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.8",
-              "fontSize": "$core.font.font-size.8",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "6h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.10",
-              "fontSize": "$core.font.font-size.9",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "7h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.10",
-              "fontSize": "$core.font.font-size.10",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "8h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.fixed.12",
-              "fontSize": "$core.font.font-size.11",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          }
-        },
-        "medium": {
-          "-3h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.0",
-              "fontSize": "$core.font.font-size.0",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-2h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.1",
-              "fontSize": "$core.font.font-size.1",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-1h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.1",
-              "fontSize": "$core.font.font-size.2",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "0h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.2",
-              "fontSize": "$core.font.font-size.3",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "1h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.3",
-              "fontSize": "$core.font.font-size.4",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "2h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.3",
-              "fontSize": "$core.font.font-size.5",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "3h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.5",
-              "fontSize": "$core.font.font-size.6",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "4h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.7",
-              "fontSize": "$core.font.font-size.7",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "5h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.8",
-              "fontSize": "$core.font.font-size.8",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "6h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.10",
-              "fontSize": "$core.font.font-size.9",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "7h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.10",
-              "fontSize": "$core.font.font-size.10",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "8h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.fixed.12",
-              "fontSize": "$core.font.font-size.11",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          }
-        },
-        "bold": {
-          "-3h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.0",
-              "fontSize": "$core.font.font-size.0",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-2h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.1",
-              "fontSize": "$core.font.font-size.1",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-1h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.1",
-              "fontSize": "$core.font.font-size.2",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "0h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.2",
-              "fontSize": "$core.font.font-size.3",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "1h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.3",
-              "fontSize": "$core.font.font-size.4",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "2h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.3",
-              "fontSize": "$core.font.font-size.5",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "3h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.5",
-              "fontSize": "$core.font.font-size.6",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "4h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.7",
-              "fontSize": "$core.font.font-size.7",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "5h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.8",
-              "fontSize": "$core.font.font-size.8",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "6h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.10",
-              "fontSize": "$core.font.font-size.9",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "7h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.10",
-              "fontSize": "$core.font.font-size.10",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "8h": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.fixed.12",
-              "fontSize": "$core.font.font-size.11",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          }
-        }
-      },
-      "wrap": {
-        "light": {
-          "0": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.3",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "1": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.4",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "2": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.5",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "3": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.6",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "4": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.7",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "5": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.8",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "6": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.9",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "7": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.10",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "8": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.11",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-3": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.0",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-2": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.1",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-1": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.light",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.2",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          }
-        },
-        "regular": {
-          "0": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.3",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "1": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.4",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "2": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.5",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "3": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.6",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "4": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.7",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "5": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.8",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "6": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.9",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "7": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.10",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "8": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.11",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-3": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.0",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-2": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.1",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-1": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.regular",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.2",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          }
-        },
-        "medium": {
-          "0": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.3",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "1": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.4",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "2": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.5",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "3": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.6",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "4": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.7",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "5": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.8",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "6": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.9",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "7": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.10",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "8": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.11",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-3": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.0",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-2": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.1",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-1": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.medium",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.2",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          }
-        },
-        "bold": {
-          "0": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.3",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "1": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.4",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "2": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.5",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "3": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.6",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "4": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.7",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "5": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.8",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "6": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.9",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "7": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.10",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "8": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.tight",
-              "fontSize": "$core.font.font-size.11",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-3": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.0",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-2": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.1",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          },
-          "-1": {
-            "value": {
-              "fontFamily": "$core.font.font-family.primary",
-              "fontWeight": "$core.font.font-weight.demi",
-              "lineHeight": "$core.font.line-height.relative.snug",
-              "fontSize": "$core.font.font-size.2",
-              "letterSpacing": "$core.font.letter-spacing.normal",
-              "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-              "textDecoration": "$core.font.text-decoration.none",
-              "textCase": "$core.font.text-case.none"
-            },
-            "type": "typography"
-          }
-        }
-      },
-      "hierarchy": {
-        "display-1": {
-          "value": "$semantic.font.wrap.regular.8",
-          "type": "typography"
-        },
-        "display-2": {
-          "value": "$semantic.font.wrap.regular.7",
-          "type": "typography"
-        },
-        "heading-1": {
-          "value": "$semantic.font.wrap.regular.6",
-          "type": "typography"
-        },
-        "heading-2": {
-          "value": "$semantic.font.wrap.regular.5",
-          "type": "typography"
-        },
-        "heading-3": {
-          "value": "$semantic.font.wrap.regular.4",
-          "type": "typography"
-        },
-        "heading-4": {
-          "value": "$semantic.font.wrap.regular.3",
-          "type": "typography"
-        },
-        "heading-5": {
-          "value": "$semantic.font.wrap.regular.2",
-          "type": "typography"
-        },
-        "heading-6": {
-          "value": "$semantic.font.wrap.regular.1",
-          "type": "typography"
-        },
-        "body-1": {
-          "value": "$semantic.font.wrap.regular.0",
-          "type": "typography"
-        },
-        "body-2": {
-          "value": "$semantic.font.wrap.regular.-1",
-          "type": "typography"
-        },
-        "overline": {
-          "value": {
-            "fontFamilies": "$core.font.font-family.primary",
-            "fontWeights": "$core.font.font-weight.bold",
-            "fontSizes": "$core.font.font-size.2",
-            "lineHeights": "$core.font.line-height.fixed.1",
-            "letterSpacing": "$core.font.letter-spacing.normal",
-            "paragraphSpacing": "$core.font.paragraph-spacing.normal",
-            "textCase": "$core.font.text-case.uppercase",
-            "textDecoration": "$core.font.text-decoration.none",
-            "fontFamily": "$core.font.font-family.primary",
-            "fontWeight": "$core.font.font-weight.bold",
-            "lineHeight": "$core.font.line-height.fixed.1",
-            "fontSize": "$core.font.font-size.2"
-          },
-          "type": "typography"
-        },
-        "caption": {
-          "value": "$semantic.font.wrap.regular.-2",
-          "type": "typography"
-        }
-      }
-    },
-    "border": {
-      "border-radius": {
-        "sharp": {
-          "value": "$core.border.border-radius.none",
-          "type": "borderRadius"
-        },
-        "round": {
-          "value": "$core.border.border-radius.1",
-          "type": "borderRadius"
-        },
-        "circular": {
-          "value": "$core.border.border-radius.half",
-          "type": "borderRadius"
-        },
-        "pill": {
-          "value": "$core.border.border-radius.full",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "ui": {
-      "border": {
-        "border-radius": {
-          "value": "$semantic.border.border-radius.sharp",
-          "type": "borderRadius"
-        }
-      },
-      "color": {
-        "brand": {
-          "default": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.blue.h-bb-060",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.vibrant.blue.v-bb-160",
-              "type": "color"
-            }
-          },
-          "hover": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.blue.h-bb-070",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.high-saturation.blue.h-bb-060",
-              "type": "color"
-            }
-          },
-          "press": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.blue.h-bb-080",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.high-saturation.blue.h-bb-070",
-              "type": "color"
-            }
-          }
-        },
-        "background": {
-          "light": {
-            "value": "$core.color.neutral.blk-005",
-            "type": "color"
-          },
-          "dark": {
-            "value": "$core.color.neutral.blk-190",
-            "type": "color"
-          }
-        },
-        "foreground": {
-          "1": {
-            "light": {
-              "value": "$core.color.neutral.blk-000",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.neutral.blk-200",
-              "type": "color"
-            }
-          },
-          "2": {
-            "light": {
-              "value": "$core.color.neutral.blk-010",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.neutral.blk-210",
-              "type": "color"
-            }
-          },
-          "3": {
-            "light": {
-              "value": "$core.color.neutral.blk-020",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.neutral.blk-220",
-              "type": "color"
-            }
-          },
-          "current": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.blue.h-bb-010",
-              "type": "color"
-            },
-            "dark": {
-              "value": "#214155",
-              "type": "color"
-            }
-          }
-        },
-        "text": {
-          "1": {
-            "light": {
-              "value": "$core.color.neutral.blk-220",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.neutral.blk-000",
-              "type": "color"
-            }
-          },
-          "2": {
-            "light": {
-              "value": "$core.color.neutral.blk-170",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.neutral.blk-060",
-              "type": "color"
-            }
-          },
-          "3": {
-            "light": {
-              "value": "$core.color.neutral.blk-140",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.neutral.blk-090",
-              "type": "color"
-            }
-          },
-          "inverse": {
-            "light": {
-              "value": "$core.color.neutral.blk-000",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.neutral.blk-220",
-              "type": "color"
-            }
-          },
-          "link": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.blue.h-bb-070",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.dark.blue.d-bb-420",
-              "type": "color"
-            }
-          }
-        },
-        "border": {
-          "1": {
-            "light": {
-              "value": "$core.color.neutral.blk-050",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.neutral.blk-160",
-              "type": "color"
-            }
-          },
-          "2": {
-            "light": {
-              "value": "$core.color.neutral.blk-040",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.neutral.blk-170",
-              "type": "color"
-            }
-          },
-          "3": {
-            "light": {
-              "value": "$core.color.neutral.blk-030",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.neutral.blk-180",
-              "type": "color"
-            }
-          },
-          "input": {
-            "light": {
-              "value": "$core.color.neutral.blk-100",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.neutral.blk-130",
-              "type": "color"
-            }
-          }
-        },
-        "info": {
-          "default": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.blue.h-bb-070",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.dark.blue.d-bb-420",
-              "type": "color"
-            }
-          },
-          "hover": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.blue.h-bb-080",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.vibrant.blue.v-bb-140",
-              "type": "color"
-            }
-          },
-          "press": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.blue.h-bb-090",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.vibrant.blue.v-bb-160",
-              "type": "color"
-            }
-          }
-        },
-        "success": {
-          "default": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.green.h-gg-060",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.dark.green.d-gg-420",
-              "type": "color"
-            }
-          },
-          "hover": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.green.h-gg-070",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.vibrant.green.v-gg-140",
-              "type": "color"
-            }
-          },
-          "press": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.green.h-gg-080",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.vibrant.green.v-gg-160",
-              "type": "color"
-            }
-          }
-        },
-        "warning": {
-          "default": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.yellow.h-yy-060",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.dark.yellow.d-yy-420",
-              "type": "color"
-            }
-          },
-          "hover": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.yellow.h-yy-070",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.vibrant.yellow.v-yy-140",
-              "type": "color"
-            }
-          },
-          "press": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.yellow.h-yy-080",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.vibrant.yellow.v-yy-160",
-              "type": "color"
-            }
-          }
-        },
-        "danger": {
-          "default": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.red.h-rr-060",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.dark.red.d-rr-420",
-              "type": "color"
-            }
-          },
-          "hover": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.red.h-rr-070",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.vibrant.red.v-rr-140",
-              "type": "color"
-            }
-          },
-          "press": {
-            "light": {
-              "value": "$core.color.palette.high-saturation.red.h-rr-080",
-              "type": "color"
-            },
-            "dark": {
-              "value": "$core.color.palette.vibrant.red.v-rr-160",
-              "type": "color"
-            }
-          }
-        },
-        "inverse": {
-          "light": {
-            "value": "$core.color.neutral.blk-190",
-            "type": "color"
-          },
-          "dark": {
-            "value": "$core.color.neutral.blk-005",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "spacing": {
-      "base": {
-        "value": "$core.spacing.0",
-        "type": "spacing"
-      },
-      "xs": {
-        "value": "$semantic.spacing.base * 2",
-        "type": "spacing"
-      },
-      "sm": {
-        "value": "$semantic.spacing.base * 4",
-        "type": "spacing"
-      },
-      "md": {
-        "value": "$semantic.spacing.base *6",
-        "type": "spacing"
-      },
-      "lg": {
-        "value": "$semantic.spacing.base * 8",
-        "type": "spacing"
-      },
-      "xl": {
-        "value": "$semantic.spacing.base *10",
-        "type": "spacing"
-      }
-    }
-  }
-}
diff --git a/packages/calcite-design-tokens/src/semantic/border.json b/packages/calcite-design-tokens/src/semantic/border.json
new file mode 100644
index 00000000000..bb8c0457473
--- /dev/null
+++ b/packages/calcite-design-tokens/src/semantic/border.json
@@ -0,0 +1,62 @@
+{
+  "semantic": {
+    "ui": {
+      "border": {
+        "border-radius": {
+          "value": "{core.border.border-radius.none}",
+          "type": "borderRadius",
+          "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema.",
+          "extensions": {
+            "calcite.deprecated": true
+          }
+        }
+      }
+    },
+    "border": {
+      "radius": {
+        "default": {
+          "value": "{core.border.border-radius.1}",
+          "type": "borderRadius"
+        },
+        "base": {
+          "value": "{core.border.border-radius.none}",
+          "type": "borderRadius"
+        },
+        "sharp": {
+          "value": "{core.border.border-radius.none}",
+          "type": "borderRadius"
+        },
+        "round": {
+          "value": "{core.border.border-radius.1}",
+          "type": "borderRadius"
+        },
+        "circular": {
+          "value": "{core.border.border-radius.half}",
+          "type": "borderRadius"
+        },
+        "pill": {
+          "value": "{core.border.border-radius.full}",
+          "type": "borderRadius"
+        }
+      },
+      "width": {
+        "none": {
+          "value": "{core.size.default.none}",
+          "type": "borderWidth"
+        },
+        "sm": {
+          "value": "{core.size.default.0} - 1",
+          "type": "borderWidth"
+        },
+        "md": {
+          "value": "{core.size.default.0}",
+          "type": "borderWidth"
+        },
+        "lg": {
+          "value": "{core.size.default.1}",
+          "type": "borderWidth"
+        }
+      }
+    }
+  }
+}
diff --git a/packages/calcite-design-tokens/src/semantic/box-shadow.json b/packages/calcite-design-tokens/src/semantic/box-shadow.json
new file mode 100644
index 00000000000..70df5999778
--- /dev/null
+++ b/packages/calcite-design-tokens/src/semantic/box-shadow.json
@@ -0,0 +1,42 @@
+{
+  "semantic": {
+    "box-shadow": {
+      "none": {
+        "value": "{core.box-shadow.0}",
+        "type": "boxShadow"
+      },
+      "sm": {
+        "value": ["{core.box-shadow.1}", "{core.box-shadow.2}"],
+        "type": "boxShadow"
+      },
+      "md": {
+        "value": ["{core.box-shadow.3}", "{core.box-shadow.4}"],
+        "type": "boxShadow"
+      },
+      "0": {
+        "value": "{core.box-shadow.0}",
+        "type": "boxShadow",
+        "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of nominal sizing.",
+        "extensions": {
+          "calcite.deprecated": true
+        }
+      },
+      "1": {
+        "value": ["{core.box-shadow.1}", "{core.box-shadow.2}"],
+        "type": "boxShadow",
+        "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of nominal sizing.",
+        "extensions": {
+          "calcite.deprecated": true
+        }
+      },
+      "2": {
+        "value": ["{core.box-shadow.3}", "{core.box-shadow.4}"],
+        "type": "boxShadow",
+        "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of nominal sizing.",
+        "extensions": {
+          "calcite.deprecated": true
+        }
+      }
+    }
+  }
+}
diff --git a/packages/calcite-design-tokens/src/semantic/color.json b/packages/calcite-design-tokens/src/semantic/color.json
new file mode 100644
index 00000000000..8f2268bb6b2
--- /dev/null
+++ b/packages/calcite-design-tokens/src/semantic/color.json
@@ -0,0 +1,769 @@
+{
+  "semantic": {
+    "ui": {
+      "color": {
+        "brand": {
+          "default": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.blue.h-bb-060}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.vibrant.blue.v-bb-160}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "hover": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.blue.h-bb-070}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.high-saturation.blue.h-bb-060}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "press": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.blue.h-bb-080}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.high-saturation.blue.h-bb-070}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          }
+        },
+        "background": {
+          "light": {
+            "value": "{core.color.neutral.blk-005}",
+            "type": "color",
+            "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+            "extensions": {
+              "calcite.deprecated": true
+            }
+          },
+          "dark": {
+            "value": "{core.color.neutral.blk-190}",
+            "type": "color",
+            "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+            "extensions": {
+              "calcite.deprecated": true
+            }
+          }
+        },
+        "foreground": {
+          "1": {
+            "light": {
+              "value": "{core.color.neutral.blk-000}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-200}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "2": {
+            "light": {
+              "value": "{core.color.neutral.blk-010}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-210}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "3": {
+            "light": {
+              "value": "{core.color.neutral.blk-020}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-220}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "current": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.blue.h-bb-010}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "#214155",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          }
+        },
+        "text": {
+          "1": {
+            "light": {
+              "value": "{core.color.neutral.blk-220}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-000}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "2": {
+            "light": {
+              "value": "{core.color.neutral.blk-170}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-060}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "3": {
+            "light": {
+              "value": "{core.color.neutral.blk-140}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-090}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "inverse": {
+            "light": {
+              "value": "{core.color.neutral.blk-000}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-220}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "link": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.blue.h-bb-070}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.dark.blue.d-bb-420}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          }
+        },
+        "border": {
+          "1": {
+            "light": {
+              "value": "{core.color.neutral.blk-050}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-160}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "2": {
+            "light": {
+              "value": "{core.color.neutral.blk-040}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-170}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "3": {
+            "light": {
+              "value": "{core.color.neutral.blk-030}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-180}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "input": {
+            "light": {
+              "value": "{core.color.neutral.blk-100}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-130}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          }
+        },
+        "info": {
+          "default": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.blue.h-bb-070}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.dark.blue.d-bb-420}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "hover": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.blue.h-bb-080}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.vibrant.blue.v-bb-140}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "press": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.blue.h-bb-090}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.vibrant.blue.v-bb-160}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          }
+        },
+        "success": {
+          "default": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.green.h-gg-060}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.dark.green.d-gg-420}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "hover": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.green.h-gg-070}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.vibrant.green.v-gg-140}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "press": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.green.h-gg-080}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.vibrant.green.v-gg-160}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          }
+        },
+        "warning": {
+          "default": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.yellow.h-yy-060}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.dark.yellow.d-yy-420}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "hover": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.yellow.h-yy-070}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.vibrant.yellow.v-yy-140}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "press": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.yellow.h-yy-080}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.vibrant.yellow.v-yy-160}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          }
+        },
+        "danger": {
+          "default": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.red.h-rr-060}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.dark.red.d-rr-420}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "hover": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.red.h-rr-070}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.vibrant.red.v-rr-140}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "press": {
+            "light": {
+              "value": "{core.color.palette.high-saturation.red.h-rr-080}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.palette.vibrant.red.v-rr-160}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          },
+          "inverse": {
+            "light": {
+              "value": "{core.color.neutral.blk-190}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            },
+            "dark": {
+              "value": "{core.color.neutral.blk-005}",
+              "type": "color",
+              "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of removing the \"ui\" level that doesn't match the naming schema and following the new color scheme context strategy.",
+              "extensions": {
+                "calcite.deprecated": true
+              }
+            }
+          }
+        }
+      }
+    },
+    "color": {
+      "brand": {
+        "default": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.blue.h-bb-060}",
+            "dark": "{core.color.palette.vibrant.blue.v-bb-160}"
+          },
+          "type": "color"
+        },
+        "hover": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.blue.h-bb-070}",
+            "dark": "{core.color.palette.high-saturation.blue.h-bb-060}"
+          },
+          "type": "color"
+        },
+        "press": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.blue.h-bb-080}",
+            "dark": "{core.color.palette.high-saturation.blue.h-bb-070}"
+          },
+          "type": "color"
+        }
+      },
+      "background": {
+        "value": {
+          "light": "{core.color.neutral.blk-005}",
+          "dark": "{core.color.neutral.blk-190}"
+        },
+        "type": "color"
+      },
+      "foreground": {
+        "1": {
+          "value": {
+            "light": "{core.color.neutral.blk-000}",
+            "dark": "{core.color.neutral.blk-200}"
+          },
+          "type": "color"
+        },
+        "2": {
+          "value": {
+            "light": "{core.color.neutral.blk-010}",
+            "dark": "{core.color.neutral.blk-210}"
+          },
+          "type": "color"
+        },
+        "3": {
+          "value": { "light": "{core.color.neutral.blk-020}", "dark": "{core.color.neutral.blk-220}" },
+          "type": "color"
+        },
+
+        "current": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.blue.h-bb-010}",
+            "dark": "#214155"
+          },
+          "type": "color"
+        }
+      },
+      "text": {
+        "1": {
+          "value": { "light": "{core.color.neutral.blk-220}", "dark": "{core.color.neutral.blk-000}" },
+          "type": "color"
+        },
+        "2": {
+          "value": { "light": "{core.color.neutral.blk-170}", "dark": "{core.color.neutral.blk-060}" },
+          "type": "color"
+        },
+        "3": {
+          "value": { "light": "{core.color.neutral.blk-140}", "dark": "{core.color.neutral.blk-090}" },
+          "type": "color"
+        },
+        "inverse": {
+          "value": { "light": "{core.color.neutral.blk-000}", "dark": "{core.color.neutral.blk-220}" },
+          "type": "color"
+        },
+        "link": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.blue.h-bb-070}",
+            "dark": "{core.color.palette.dark.blue.d-bb-420}"
+          },
+          "type": "color"
+        }
+      },
+      "border": {
+        "1": {
+          "value": { "light": "{core.color.neutral.blk-050}", "dark": "{core.color.neutral.blk-160}" },
+          "type": "color"
+        },
+        "2": {
+          "value": { "light": "{core.color.neutral.blk-040}", "dark": "{core.color.neutral.blk-170}" },
+          "type": "color"
+        },
+        "3": {
+          "value": { "light": "{core.color.neutral.blk-030}", "dark": "{core.color.neutral.blk-180}" },
+          "type": "color"
+        },
+        "input": {
+          "value": { "light": "{core.color.neutral.blk-100}", "dark": "{core.color.neutral.blk-130}" },
+          "type": "color"
+        }
+      },
+      "info": {
+        "default": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.blue.h-bb-070}",
+            "dark": "{core.color.palette.dark.blue.d-bb-420}"
+          },
+          "type": "color"
+        },
+        "hover": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.blue.h-bb-080}",
+            "dark": "{core.color.palette.vibrant.blue.v-bb-140}"
+          },
+          "type": "color"
+        },
+        "press": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.blue.h-bb-090}",
+            "dark": "{core.color.palette.vibrant.blue.v-bb-160}"
+          },
+          "type": "color"
+        }
+      },
+      "success": {
+        "default": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.green.h-gg-060}",
+            "dark": "{core.color.palette.dark.green.d-gg-420}"
+          },
+          "type": "color"
+        },
+        "hover": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.green.h-gg-070}",
+            "dark": "{core.color.palette.vibrant.green.v-gg-140}"
+          },
+          "type": "color"
+        },
+        "press": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.green.h-gg-080}",
+            "dark": "{core.color.palette.vibrant.green.v-gg-160}"
+          },
+          "type": "color"
+        }
+      },
+      "warning": {
+        "default": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.yellow.h-yy-060}",
+            "dark": "{core.color.palette.dark.yellow.d-yy-420}"
+          },
+          "type": "color"
+        },
+        "hover": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.yellow.h-yy-070}",
+            "dark": "{core.color.palette.vibrant.yellow.v-yy-140}"
+          },
+          "type": "color"
+        },
+        "press": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.yellow.h-yy-080}",
+            "dark": "{core.color.palette.vibrant.yellow.v-yy-160}"
+          },
+          "type": "color"
+        }
+      },
+      "danger": {
+        "default": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.red.h-rr-060}",
+            "dark": "{core.color.palette.dark.red.d-rr-420}"
+          },
+          "type": "color"
+        },
+        "hover": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.red.h-rr-070}",
+            "dark": "{core.color.palette.vibrant.red.v-rr-140}"
+          },
+          "type": "color"
+        },
+        "press": {
+          "value": {
+            "light": "{core.color.palette.high-saturation.red.h-rr-080}",
+            "dark": "{core.color.palette.vibrant.red.v-rr-160}"
+          },
+          "type": "color"
+        }
+      },
+      "inverse": {
+        "light": {
+          "value": "{core.color.neutral.blk-190}",
+          "type": "color"
+        },
+        "dark": {
+          "value": "{core.color.neutral.blk-005}",
+          "type": "color"
+        }
+      }
+    }
+  }
+}
diff --git a/packages/calcite-design-tokens/src/semantic/container-size.json b/packages/calcite-design-tokens/src/semantic/container-size.json
new file mode 100644
index 00000000000..285affc7f4c
--- /dev/null
+++ b/packages/calcite-design-tokens/src/semantic/container-size.json
@@ -0,0 +1,104 @@
+{
+  "semantic": {
+    "container-size": {
+      "height": {
+        "xxs": {
+          "value": {
+            "min": "0",
+            "max": "{core.breakpoint.default.154}"
+          },
+          "type": "breakpoint",
+          "description": "Small handheld devices and mini-windows"
+        },
+        "xs": {
+          "value": {
+            "min": "{core.breakpoint.default.154} + 1",
+            "max": "{core.breakpoint.default.328}"
+          },
+          "type": "breakpoint",
+          "description": "Handheld devices"
+        },
+        "sm": {
+          "value": {
+            "min": "{core.breakpoint.default.328} + 1",
+            "max": "{core.breakpoint.default.504}"
+          },
+          "type": "breakpoint",
+          "description": "Small tablets"
+        },
+        "md": {
+          "value": {
+            "min": "{core.breakpoint.default.504} + 1",
+            "max": "{core.breakpoint.default.678}"
+          },
+          "type": "breakpoint",
+          "description": "Small laptops"
+        },
+        "lg": {
+          "value": {
+            "min": "{core.breakpoint.default.678} + 1",
+            "max": "{core.breakpoint.default.854}"
+          },
+          "type": "breakpoint",
+          "description": "Large laptops and desktop computers"
+        },
+        "xl": {
+          "value": {
+            "min": "{core.breakpoint.default.854} + 1"
+          },
+          "type": "breakpoint",
+          "description": "Projectors and televisions"
+        }
+      },
+      "width": {
+        "xxs": {
+          "value": {
+            "min": 0,
+            "max": "{core.breakpoint.default.320}"
+          },
+          "type": "breakpoint",
+          "description": "Small handheld devices and mini-windows"
+        },
+        "xs": {
+          "value": {
+            "min": "{core.breakpoint.default.320} + 1",
+            "max": "{core.breakpoint.default.476}"
+          },
+          "type": "breakpoint",
+          "description": "Handheld devices"
+        },
+        "sm": {
+          "value": {
+            "min": "{core.breakpoint.default.476} + 1",
+            "max": "{core.breakpoint.default.768}"
+          },
+          "type": "breakpoint",
+          "description": "Small tablets"
+        },
+        "md": {
+          "value": {
+            "min": "{core.breakpoint.default.768} + 1",
+            "max": "{core.breakpoint.default.1152}"
+          },
+          "type": "breakpoint",
+          "description": "Small laptops"
+        },
+        "lg": {
+          "value": {
+            "min": "{core.breakpoint.default.1152} + 1",
+            "max": "{core.breakpoint.default.1440}"
+          },
+          "type": "breakpoint",
+          "description": "Large laptops and desktop computers"
+        },
+        "xl": {
+          "value": {
+            "min": "{core.breakpoint.default.1440} + 1"
+          },
+          "type": "breakpoint",
+          "description": "Projectors and televisions"
+        }
+      }
+    }
+  }
+}
diff --git a/packages/calcite-design-tokens/src/semantic/font.json b/packages/calcite-design-tokens/src/semantic/font.json
new file mode 100644
index 00000000000..d4a34de079d
--- /dev/null
+++ b/packages/calcite-design-tokens/src/semantic/font.json
@@ -0,0 +1,252 @@
+{
+  "semantic": {
+    "font": {
+      "family": {
+        "default": {
+          "value": "{core.font.font-family.primary}",
+          "type": "fontFamilies"
+        }
+      },
+      "weight": {
+        "light": {
+          "value": "{core.font.font-weight.light}",
+          "type": "fontWeights",
+          "description": "only for Avenir Next World (secondary font family)"
+        },
+        "normal": {
+          "value": "{core.font.font-weight.regular}",
+          "type": "fontWeights",
+          "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"",
+          "extensions": {
+            "calcite.deprecated": true
+          }
+        },
+        "regular": {
+          "value": "{core.font.font-weight.regular}",
+          "type": "fontWeights"
+        },
+        "medium": {
+          "value": "{core.font.font-weight.medium}",
+          "type": "fontWeights"
+        },
+        "semibold": {
+          "value": "{core.font.font-weight.demi}",
+          "type": "fontWeights"
+        },
+        "bold": {
+          "value": "{core.font.font-weight.bold}",
+          "type": "fontWeights"
+        }
+      },
+      "size": {
+        "xs": {
+          "value": "{core.sizing.4}",
+          "type": "fontSizes"
+        },
+        "sm": {
+          "value": "{core.sizing.5}",
+          "type": "fontSizes"
+        },
+        "base": {
+          "value": "{core.sizing.6}",
+          "type": "fontSizes"
+        },
+        "md": {
+          "value": "{core.sizing.7}",
+          "type": "fontSizes"
+        },
+        "lg": {
+          "value": "{core.sizing.0} * 9",
+          "type": "fontSizes"
+        },
+        "xl": {
+          "value": "{core.sizing.8}",
+          "type": "fontSizes"
+        },
+        "xxl": {
+          "value": "{core.sizing.9}",
+          "type": "fontSizes"
+        },
+        "0": {
+          "value": "{core.font.font-size.0}",
+          "type": "fontSizes",
+          "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of t-shirt sizing tokens.",
+          "extensions": {
+            "calcite.deprecated": true
+          }
+        },
+        "1": {
+          "value": "{core.font.font-size.1}",
+          "type": "fontSizes",
+          "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of t-shirt sizing tokens.",
+          "extensions": {
+            "calcite.deprecated": true
+          }
+        },
+        "2": {
+          "value": "{core.font.font-size.2}",
+          "type": "fontSizes",
+          "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of t-shirt sizing tokens.",
+          "extensions": {
+            "calcite.deprecated": true
+          }
+        },
+        "3": {
+          "value": "{core.font.font-size.3}",
+          "type": "fontSizes",
+          "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of t-shirt sizing tokens.",
+          "extensions": {
+            "calcite.deprecated": true
+          }
+        },
+        "4": {
+          "value": "{core.font.font-size.4}",
+          "type": "fontSizes",
+          "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of t-shirt sizing tokens.",
+          "extensions": {
+            "calcite.deprecated": true
+          }
+        },
+        "5": {
+          "value": "{core.font.font-size.5}",
+          "type": "fontSizes",
+          "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of t-shirt sizing tokens.",
+          "extensions": {
+            "calcite.deprecated": true
+          }
+        },
+        "6": {
+          "value": "{core.font.font-size.6}",
+          "type": "fontSizes",
+          "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of t-shirt sizing tokens.",
+          "extensions": {
+            "calcite.deprecated": true
+          }
+        },
+        "7": {
+          "value": "{core.font.font-size.7}",
+          "type": "fontSizes",
+          "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of t-shirt sizing tokens.",
+          "extensions": {
+            "calcite.deprecated": true
+          }
+        },
+        "8": {
+          "value": "{core.font.font-size.8}",
+          "type": "fontSizes",
+          "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major version in favor of t-shirt sizing tokens.",
+          "extensions": {
+            "calcite.deprecated": true
+          }
+        }
+      },
+      "style": {
+        "emphasis": {
+          "value": "{core.font.font-style.italic}",
+          "type": "fontStyle",
+          "description": "used in ratings"
+        }
+      },
+      "line-height": {
+        "fixed": {
+          "sm": {
+            "value": "{core.sizing.5}",
+            "type": "lineHeights"
+          },
+          "base": {
+            "value": "{core.sizing.7}",
+            "type": "lineHeights"
+          },
+          "lg": {
+            "value": "{core.sizing.8}",
+            "type": "lineHeights"
+          },
+          "xl": {
+            "value": "{core.sizing.9}",
+            "type": "lineHeights"
+          }
+        },
+        "relative": {
+          "default": {
+            "value": "{core.font.line-height.relative.default}",
+            "type": "lineHeights",
+            "description": "1"
+          },
+          "tight": {
+            "value": "{core.font.line-height.relative.tight}",
+            "type": "lineHeights",
+            "description": "1.25"
+          },
+          "snug": {
+            "value": "{core.font.line-height.relative.snug}",
+            "type": "lineHeights",
+            "description": "1.375"
+          },
+          "normal": {
+            "value": "{core.font.line-height.relative.normal}",
+            "type": "lineHeights",
+            "description": "1.5"
+          },
+          "relaxed": {
+            "value": "{core.font.line-height.relative.relaxed}",
+            "type": "lineHeights",
+            "description": "1.625"
+          },
+          "loose": {
+            "value": "{core.font.line-height.relative.loose}",
+            "type": "lineHeights",
+            "description": "2"
+          }
+        }
+      },
+      "letter-spacing": {
+        "tight": {
+          "value": "{core.font.letter-spacing.tight}",
+          "type": "letterSpacing"
+        },
+        "normal": {
+          "value": "{core.font.letter-spacing.normal}",
+          "type": "letterSpacing"
+        },
+        "wide": {
+          "value": "{core.font.letter-spacing.wide}",
+          "type": "letterSpacing"
+        }
+      },
+      "paragraph-spacing": {
+        "normal": {
+          "value": "{core.font.paragraph-spacing.normal}",
+          "type": "paragraphSpacing"
+        }
+      },
+      "text-decoration": {
+        "none": {
+          "value": "{core.font.text-decoration.none}",
+          "type": "textDecoration"
+        },
+        "underline": {
+          "value": "{core.font.text-decoration.underline}",
+          "type": "textDecoration"
+        }
+      },
+      "text-case": {
+        "none": {
+          "value": "{core.font.text-case.none}",
+          "type": "textCase"
+        },
+        "uppercase": {
+          "value": "{core.font.text-case.uppercase}",
+          "type": "textCase"
+        },
+        "lowercase": {
+          "value": "{core.font.text-case.lowercase}",
+          "type": "textCase"
+        },
+        "capitalize": {
+          "value": "{core.font.text-case.capitalize}",
+          "type": "textCase"
+        }
+      }
+    }
+  }
+}
diff --git a/packages/calcite-design-tokens/src/semantic/opacity.json b/packages/calcite-design-tokens/src/semantic/opacity.json
new file mode 100644
index 00000000000..01bbac04a41
--- /dev/null
+++ b/packages/calcite-design-tokens/src/semantic/opacity.json
@@ -0,0 +1,22 @@
+{
+  "semantic": {
+    "opacity": {
+      "light": {
+        "value": "{core.opacity.40}",
+        "type": "opacity"
+      },
+      "half": {
+        "value": "{core.opacity.50}",
+        "type": "opacity"
+      },
+      "dark": {
+        "value": "{core.opacity.85}",
+        "type": "opacity"
+      },
+      "full": {
+        "value": "{core.opacity.100}",
+        "type": "opacity"
+      }
+    }
+  }
+}
diff --git a/packages/calcite-design-tokens/src/semantic/spacing.json b/packages/calcite-design-tokens/src/semantic/spacing.json
new file mode 100644
index 00000000000..02a6a07b6da
--- /dev/null
+++ b/packages/calcite-design-tokens/src/semantic/spacing.json
@@ -0,0 +1,42 @@
+{
+  "semantic": {
+    "spacing": {
+      "none": {
+        "value": "{core.sizing.none}",
+        "type": "spacing"
+      },
+      "base": {
+        "value": "{core.sizing.0}",
+        "type": "spacing"
+      },
+      "half": {
+        "value": "{core.sizing.2}",
+        "type": "spacing"
+      },
+      "double": {
+        "value": "{core.sizing.8}",
+        "type": "spacing"
+      },
+      "xs": {
+        "value": "{core.sizing.1}",
+        "type": "spacing"
+      },
+      "sm": {
+        "value": "{core.sizing.3}",
+        "type": "spacing"
+      },
+      "md": {
+        "value": "{core.sizing.5}",
+        "type": "spacing"
+      },
+      "lg": {
+        "value": "{core.sizing.7}",
+        "type": "spacing"
+      },
+      "xl": {
+        "value": "{core.sizing.8}",
+        "type": "spacing"
+      }
+    }
+  }
+}
diff --git a/packages/calcite-design-tokens/src/semantic/typography.json b/packages/calcite-design-tokens/src/semantic/typography.json
new file mode 100644
index 00000000000..3d6fdba3865
--- /dev/null
+++ b/packages/calcite-design-tokens/src/semantic/typography.json
@@ -0,0 +1,549 @@
+{
+  "semantic": {
+    "typography": {
+      "default": {
+        "default": {
+          "type": "typography",
+          "value": {
+            "fontFamily": "{semantic.font.family.default}",
+            "fontSize": "{semantic.font.size.base}",
+            "fontWeight": "{semantic.font.weight.regular}",
+            "letterSpacing": "{semantic.font.letter-spacing.normal}",
+            "lineHeight": "{semantic.font.line-height.fixed.base}",
+            "paragraphSpacing": "{semantic.font.paragraph-spacing.normal}",
+            "textCase": "{semantic.font.text-case.none}",
+            "textDecoration": "{semantic.font.text-decoration.none}"
+          }
+        },
+        "light": {
+          "-3h": {
+            "value": {
+              "fontSize": "{semantic.font.size.xs}",
+              "fontWeight": "{semantic.font.weight.light}",
+              "lineHeight": "{semantic.font.line-height.fixed.sm}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-2h": {
+            "value": {
+              "fontSize": "{semantic.font.size.sm}",
+              "fontWeight": "{semantic.font.weight.light}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-1h": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.light}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "0h": {
+            "value": {
+              "fontSize": "{semantic.font.size.md}",
+              "fontWeight": "{semantic.font.weight.light}",
+              "lineHeight": "{semantic.font.line-height.fixed.lg}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "1h": {
+            "value": {
+              "fontSize": "{semantic.font.size.lg}",
+              "fontWeight": "{semantic.font.weight.light}",
+              "lineHeight": "{semantic.font.line-height.fixed.xl}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          }
+        },
+        "regular": {
+          "-3h": {
+            "value": {
+              "lineHeight": "{semantic.font.line-height.fixed.sm}",
+              "fontSize": "{semantic.font.size.xs}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-2h": {
+            "value": {
+              "fontSize": "{semantic.font.size.sm}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-1h": {
+            "value": "{semantic.typography.default.default}",
+            "type": "typography"
+          },
+          "0h": {
+            "value": {
+              "lineHeight": "{semantic.font.line-height.fixed.lg}",
+              "fontSize": "{semantic.font.size.md}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "1h": {
+            "value": {
+              "lineHeight": "{semantic.font.line-height.fixed.xl}",
+              "fontSize": "{semantic.font.size.lg}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          }
+        },
+        "medium": {
+          "-3h": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.medium}",
+              "lineHeight": "{semantic.font.line-height.fixed.sm}",
+              "fontSize": "{semantic.font.size.xs}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-2h": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.medium}",
+              "fontSize": "{semantic.font.size.sm}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-1h": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.medium}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "0h": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.medium}",
+              "lineHeight": "{semantic.font.line-height.fixed.lg}",
+              "fontSize": "{semantic.font.size.md}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "1h": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.medium}",
+              "lineHeight": "{semantic.font.line-height.fixed.xl}",
+              "fontSize": "{semantic.font.size.lg}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          }
+        },
+        "bold": {
+          "-3h": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.semibold}",
+              "lineHeight": "{semantic.font.line-height.fixed.sm}",
+              "fontSize": "{semantic.font.size.xs}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-2h": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.semibold}",
+              "fontSize": "{semantic.font.size.sm}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-1h": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.semibold}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "0h": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.semibold}",
+              "lineHeight": "{semantic.font.line-height.fixed.lg}",
+              "fontSize": "{semantic.font.size.md}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "1h": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.semibold}",
+              "lineHeight": "{semantic.font.line-height.fixed.xl}",
+              "fontSize": "{semantic.font.size.lg}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          }
+        }
+      },
+      "wrap": {
+        "light": {
+          "-2": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.light}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.sm}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-1": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.light}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+
+          "0": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.light}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.md}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "1": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.light}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.lg}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "2": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.light}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.xl}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "3": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.light}",
+              "lineHeight": "{semantic.font.line-height.relative.tight}",
+              "fontSize": "{semantic.font.size.xxl}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          }
+        },
+        "regular": {
+          "-2": {
+            "value": {
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.sm}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-1": {
+            "value": {
+              "lineHeight": "{semantic.font.line-height.relative.snug}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "0": {
+            "value": {
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.md}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "1": {
+            "value": {
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.lg}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "2": {
+            "value": {
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.xl}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "3": {
+            "value": {
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.xxl}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          }
+        },
+        "medium": {
+          "-2": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.medium}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.sm}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-1": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.medium}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "0": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.medium}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.md}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "1": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.medium}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.lg}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "2": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.medium}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.xl}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "3": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.medium}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.xxl}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          }
+        },
+        "bold": {
+          "0": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.semibold}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.md}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "1": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.semibold}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.lg}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "2": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.semibold}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.xl}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "3": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.semibold}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.xxl}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-2": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.semibold}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}",
+              "fontSize": "{semantic.font.size.sm}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          },
+          "-1": {
+            "value": {
+              "fontWeight": "{semantic.font.weight.semibold}",
+              "lineHeight": "{semantic.font.line-height.relative.snug}"
+            },
+            "type": "typography",
+            "extensions": {
+              "calcite.extends": "{semantic.typography.default.default}"
+            }
+          }
+        }
+      },
+      "hierarchy": {
+        "display": {
+          "1": {
+            "value": "{semantic.typography.wrap.bold.3}",
+            "type": "typography"
+          },
+          "2": {
+            "value": "{semantic.typography.wrap.bold.2}",
+            "type": "typography"
+          }
+        },
+        "heading": {
+          "1": {
+            "value": "{semantic.typography.wrap.medium.3}",
+            "type": "typography"
+          },
+          "2": {
+            "value": "{semantic.typography.wrap.medium.2}",
+            "type": "typography"
+          },
+          "3": {
+            "value": "{semantic.typography.wrap.medium.1}",
+            "type": "typography"
+          },
+          "4": {
+            "value": "{semantic.typography.wrap.medium.0}",
+            "type": "typography"
+          },
+          "5": {
+            "value": "{semantic.typography.wrap.medium.-1}",
+            "type": "typography"
+          }
+        },
+        "body": {
+          "snug": {
+            "value": "{semantic.typography.wrap.regular.-1}",
+            "type": "typography"
+          },
+          "default": {
+            "value": "{semantic.typography.default.default}",
+            "type": "typography"
+          }
+        },
+        "overline": {
+          "value": {
+            "lineHeight": "{semantic.font.line-height.fixed.sm}",
+            "textCase": "{semantic.font.text-case.uppercase}",
+            "fontWeight": "{semantic.font.weight.bold}"
+          },
+          "type": "typography"
+        },
+        "caption": {
+          "value": "{semantic.typography.wrap.regular.-2}",
+          "type": "typography"
+        }
+      }
+    }
+  }
+}
diff --git a/packages/calcite-design-tokens/src/semantic/z-index.json b/packages/calcite-design-tokens/src/semantic/z-index.json
new file mode 100644
index 00000000000..32f793ed0e8
--- /dev/null
+++ b/packages/calcite-design-tokens/src/semantic/z-index.json
@@ -0,0 +1,46 @@
+{
+  "semantic": {
+    "z-index": {
+      "deep": {
+        "value": "{core.z-index.0}",
+        "type": "stacking"
+      },
+      "default": {
+        "value": "{core.z-index.1}",
+        "type": "stacking"
+      },
+      "sticky": {
+        "value": "{core.z-index.3}",
+        "type": "stacking"
+      },
+      "header": {
+        "value": "{core.z-index.4}",
+        "type": "stacking"
+      },
+      "toast": {
+        "value": "{core.z-index.5}",
+        "type": "stacking"
+      },
+      "dropdown": {
+        "value": "{core.z-index.6}",
+        "type": "stacking"
+      },
+      "overlay": {
+        "value": "{core.z-index.7}",
+        "type": "stacking"
+      },
+      "modal": {
+        "value": "{core.z-index.8}",
+        "type": "stacking"
+      },
+      "popup": {
+        "value": "{core.z-index.9}",
+        "type": "stacking"
+      },
+      "tooltip": {
+        "value": "{core.z-index.9} + 1",
+        "type": "stacking"
+      }
+    }
+  }
+}