feat: add basis typography scale to NORA tokens

nl-design-system · Oct 23, 2024 · cfd6a69 · cfd6a69
1 parent 1bccaa8
commit cfd6a69
Showing 1 changed file with 36 additions and 21 deletions.
diff --git a/proprietary/nora-design-tokens/figma/figma.tokens.json b/proprietary/nora-design-tokens/figma/figma.tokens.json
@@ -627,7 +627,7 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{nora.typography.font-size.md}"
+          "$value": "{basis.typography.scale.medium.font-size}"
         },
         "line-height": {
           "$type": "lineHeights",
@@ -636,7 +636,7 @@
         "large-vw": {
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{nora.typography.font-size.lg}"
+            "$value": "{basis.typography.scale.large.font-size}"
           }
         },
         "font-weight": {
@@ -785,7 +785,7 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{nora.typography.font-size.md}"
+          "$value": "{basis.typography.scale.medium.font-size}"
         },
         "line-height": {
           "$type": "lineHeights",
@@ -1070,6 +1070,21 @@
           "$value": "45.25rem"
         }
       }
+    },
+    "basis": {
+      "typography": {
+        "scale": {
+          "xx-small": { "font-size": { "$value": "12px", "comment": "12px" } },
+          "x-small": { "font-size": { "$value": "15px", "comment": "15px" } },
+          "small": { "font-size": { "$value": "16px", "comment": "16px" } },
+          "medium": { "font-size": { "$value": "17px", "comment": "17px" } },
+          "large": { "font-size": { "$value": "19px", "comment": "19px" } },
+          "x-large": { "font-size": { "$value": "24px", "comment": "24px" } },
+          "xx-large": { "font-size": { "$value": "32px", "comment": "32px" } },
+          "xxx-large": { "font-size": { "$value": "42px", "comment": "42px" } },
+          "xxxx-large": { "font-size": { "$value": "48px", "comment": "48px" } }
+        }
+      }
     }
   },
   "components/breadcrumb-nav": {
@@ -1081,7 +1096,7 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{nora.typography.font-size.xs}"
+          "$value": "{basis.typography.scale.x-small.font-size}"
         },
         "link": {
           "icon": {
@@ -1441,12 +1456,12 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{nora.typography.font-size.2xl}"
+          "$value": "{basis.typography.scale.xx-large.font-size}"
         },
         "large-vw": {
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{nora.typography.font-size.3xl}"
+            "$value": "{basis.typography.scale.xxx-large.font-size}"
           }
         }
       },
@@ -1469,12 +1484,12 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{nora.typography.font-size.xl}"
+          "$value": "{basis.typography.scale.x-large.font-size}"
         },
         "large-vw": {
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{nora.typography.font-size.2xl}"
+            "$value": "{basis.typography.scale.xx-large.font-size}"
           }
         }
       },
@@ -1497,12 +1512,12 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{nora.typography.font-size.lg}"
+          "$value": "{basis.typography.scale.large.font-size}"
         },
         "large-vw": {
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{nora.typography.font-size.xl}"
+            "$value": "{basis.typography.scale.x-large.font-size}"
           }
         }
       },
@@ -1525,12 +1540,12 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{nora.typography.font-size.md}"
+          "$value": "{basis.typography.scale.medium.font-size}"
         },
         "large-vw": {
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{nora.typography.font-size.lg}"
+            "$value": "{basis.typography.scale.large.font-size}"
           }
         }
       },
@@ -1553,12 +1568,12 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{nora.typography.font-size.sm}"
+          "$value": "{basis.typography.scale.small.font-size}"
         },
         "large-vw": {
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{nora.typography.font-size.md}"
+            "$value": "{basis.typography.scale.medium.font-size}"
           }
         }
       },
@@ -1581,12 +1596,12 @@
         },
         "font-size": {
           "$type": "fontSizes",
-          "$value": "{nora.typography.font-size.sm}"
+          "$value": "{basis.typography.scale.small.font-size}"
         },
         "large-vw": {
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{nora.typography.font-size.md}"
+            "$value": "{basis.typography.scale.medium.font-size}"
           }
         }
       }
@@ -1682,7 +1697,7 @@
           },
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{nora.typography.font-size.md}"
+            "$value": "{basis.typography.scale.medium.font-size}"
           },
           "padding-inline-start": {
             "$type": "spacing",
@@ -1732,7 +1747,7 @@
           },
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{nora.typography.font-size.lg}"
+            "$value": "{basis.typography.scale.large.font-size}"
           },
           "line-height": {
             "$type": "lineHeights",
@@ -2134,7 +2149,7 @@
           },
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{nora.typography.font-size.lg}"
+            "$value": "{basis.typography.scale.large.font-size}"
           },
           "font-weight": {
             "$type": "fontWeights",
@@ -2152,7 +2167,7 @@
           },
           "font-size": {
             "$type": "fontSizes",
-            "$value": "{nora.typography.font-size.sm}"
+            "$value": "{basis.typography.scale.small.font-size}"
           },
           "font-weight": {
             "$type": "fontWeights",
@@ -2324,7 +2339,7 @@
               "$value": {
                 "fontFamily": "{nora.document.font-family}",
                 "fontWeight": "{nora.document.font-weight}",
-                "fontSize": "{nora.typography.font-size.sm}",
+                "fontSize": "{basis.typography.scale.small.font-size}",
                 "lineHeight": "{nora.typography.line-height.120}",
                 "letterSpacing": "null",
                 "paragraphSpacing": "null",