@canonical/design-tokens 0.0.1

package/tokens/canonical/global/semantic/modifier/typography/sites.tokens.json

@@ -0,0 +1,62 @@
+{
+  "$schema": "https://designtokens.org/schemas/2025.10/format.json",
+  "typography": {
+    "$type": "typography",
+    "heading": {
+      "display": {
+        "$root": {
+          "$value": {
+            "fontFamily": "{typography.fontFamily.default}",
+            "fontSize": "{dimension.size.fontSize.950}",
+            "fontWeight": "{typography.weight.extraLight}",
+            "lineHeight": "{number.lineHeight.950}",
+            "letterSpacing": "{dimension.letterSpacing.default}"
+          },
+          "$extensions": {
+            "com.canonical.typography": {
+              "$value": {
+                "letterCase": {
+                  "$ref": "#/typography/letterCase/default/$extensions/com.canonical.typography/$value"
+                },
+                "figureStyle": {
+                  "$ref": "#/typography/figureStyle/oldStyleFigure/$extensions/com.canonical.typography/$value"
+                }
+              }
+            }
+          },
+          "$description": "Display heading for hero sections and major page titles (84px) (Some properties of this token are not yet supported by the W3C DTCG specification, so they are stored in $extensions and require a token transformer compatible with Canonical design system extensions.)"
+        },
+        "bold": {
+          "$value": {
+            "fontFamily": {
+              "$ref": "#/typography/heading/display/$root/$value/fontFamily"
+            },
+            "fontSize": {
+              "$ref": "#/typography/heading/display/$root/$value/fontSize"
+            },
+            "fontWeight": "{typography.weight.regular}",
+            "lineHeight": {
+              "$ref": "#/typography/heading/display/$root/$value/lineHeight"
+            },
+            "letterSpacing": {
+              "$ref": "#/typography/heading/display/$root/$value/letterSpacing"
+            }
+          },
+          "$extensions": {
+            "com.canonical.typography": {
+              "$value": {
+                "letterCase": {
+                  "$ref": "#/typography/heading/display/$root/$extensions/com.canonical.typography/$value/letterCase"
+                },
+                "figureStyle": {
+                  "$ref": "#/typography/heading/display/$root/$extensions/com.canonical.typography/$value/figureStyle"
+                }
+              }
+            }
+          },
+          "$description": "Bold variant of display heading for additional emphasis (84px) (Some properties of this token are not yet supported by the W3C DTCG specification, so they are stored in $extensions and require a token transformer compatible with Canonical design system extensions.)"
+        }
+      }
+    }
+  }
+}

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["terrazzo.config.ts"]
+}