fix: update typography tokens to reflect the new figma values (#3049)

Author: pixelgitter

.changeset/plenty-jokes-smile.md

@@ -0,0 +1,5 @@
+---
+"@utrecht/design-tokens": patch
+---
+
+Corrected the typography token values and the heading token values to make the headings visually distinctive.

proprietary/design-tokens/src/brand/utrecht/typography.tokens.json

@@ -5,28 +5,33 @@
         "font-family": { "value": "\"Noto Sans Variable\", \"Arial\", sans-serif" }
       },
       "scale": {
-        "sm": { "font-size": { "value": "14px", "comment": "14px" } },
-        "md": { "font-size": { "value": "16px", "comment": "16px" } },
-        "lg": { "font-size": { "value": "18px", "comment": "18px" } },
-        "xl": { "font-size": { "value": "20px", "comment": "20px" } },
-        "2xl": { "font-size": { "value": "22px", "comment": "22px" } },
-        "3xl": { "font-size": { "value": "24px", "comment": "24px" } },
-        "4xl": { "font-size": { "value": "32px", "comment": "32px" } }
+        "sm": { "font-size": { "value": "0.875rem", "comment": "14px" } },
+        "md": { "font-size": { "value": "1rem", "comment": "16px" } },
+        "lg": { "font-size": { "value": "1.125rem", "comment": "18px" } },
+        "xl": { "font-size": { "value": "1.25rem", "comment": "20px" } },
+        "2xl": { "font-size": { "value": "1.5rem", "comment": "24px" } },
+        "3xl": { "font-size": { "value": "2rem", "comment": "32px" } },
+        "4xl": { "font-size": { "value": "2.5rem", "comment": "40px" } }
       },
       "weight-scale": {
-        "bold": { "font-weight": { "value": "700" } },
         "normal": { "font-weight": { "value": "400" } },
-        "semibold": { "font-weight": { "value": "600" } }
+        "medium": { "font-weight": { "value": "500" } },
+        "semibold": { "font-weight": { "value": "600" } },
+        "bold": { "font-weight": { "value": "700" } }
       },
       "font-style": {
         "normal": { "value": "normal" },
         "inherit": { "value": "inherit" }
       },
       "line-height": {
-        "xs": { "value": "1" },
-        "sm": { "value": "1.25" },
+        "xs": { "value": "1.5" },
+        "sm": { "value": "1.5" },
         "md": { "value": "1.5" },
-        "lg": { "value": "2" }
+        "lg": { "value": "1.25" },
+        "xl": { "value": "1.25" },
+        "2xl": { "value": "1.25" },
+        "3xl": { "value": "1.25" },
+        "4xl": { "value": "1.1" }
       }
     }
   }

proprietary/design-tokens/src/component/nl/heading.tokens.json

@@ -4,35 +4,35 @@
       "level-1": {
         "color": {},
         "font-family": { "value": "{utrecht.typography.sans-serif.font-family}" },
-        "font-size": { "value": "{utrecht.typography.scale.4xl.font-size}" },
+        "font-size": { "value": "{utrecht.typography.scale.3xl.font-size}" },
         "font-weight": { "value": "{utrecht.typography.weight-scale.semibold.font-weight}" },
-        "line-height": { "value": "{utrecht.typography.line-height.sm}" }
+        "line-height": { "value": "{utrecht.typography.line-height.3xl}" }
       },
       "level-2": {
         "color": {},
         "font-family": { "value": "{utrecht.typography.sans-serif.font-family}" },
-        "font-size": { "value": "{utrecht.typography.scale.xl.font-size}" },
+        "font-size": { "value": "{utrecht.typography.scale.2xl.font-size}" },
         "font-weight": { "value": "{utrecht.typography.weight-scale.semibold.font-weight}" },
-        "line-height": { "value": "{utrecht.typography.line-height.sm}" }
+        "line-height": { "value": "{utrecht.typography.line-height.2xl}" }
       },
       "level-3": {
         "color": {},
         "font-family": { "value": "{utrecht.typography.sans-serif.font-family}" },
         "font-size": { "value": "{utrecht.typography.scale.xl.font-size}" },
         "font-weight": { "value": "{utrecht.typography.weight-scale.semibold.font-weight}" },
-        "line-height": { "value": "{utrecht.typography.line-height.sm}" }
+        "line-height": { "value": "{utrecht.typography.line-height.xl}" }
       },
       "level-4": {
         "color": {},
         "font-family": { "value": "{utrecht.typography.sans-serif.font-family}" },
         "font-size": { "value": "{utrecht.typography.scale.lg.font-size}" },
         "font-weight": { "value": "{utrecht.typography.weight-scale.semibold.font-weight}" },
-        "line-height": { "value": "{utrecht.typography.line-height.md}" }
+        "line-height": { "value": "{utrecht.typography.line-height.lg}" }
       },
       "level-5": {
         "color": {},
         "font-family": { "value": "{utrecht.typography.sans-serif.font-family}" },
-        "font-size": { "value": "{utrecht.typography.scale.sm.font-size}" },
+        "font-size": { "value": "{utrecht.typography.scale.md.font-size}" },
         "font-weight": { "value": "{utrecht.typography.weight-scale.semibold.font-weight}" },
         "line-height": { "value": "{utrecht.typography.line-height.md}" }
       },
@@ -41,7 +41,7 @@
         "font-family": { "value": "{utrecht.typography.sans-serif.font-family}" },
         "font-size": { "value": "{utrecht.typography.scale.sm.font-size}" },
         "font-weight": { "value": "{utrecht.typography.weight-scale.semibold.font-weight}" },
-        "line-height": { "value": "{utrecht.typography.line-height.md}" }
+        "line-height": { "value": "{utrecht.typography.line-height.sm}" }
       }
     }
   }