Tokens: Update Typography Tokens (#225)

* style: updates font weight values, adds a new line height value, and correct font family value * style: builds new type tokens * style: fixes type changes * style: builds fixed tokens --------- Co-authored-by: Kajabi Automations Bot <120066875+dev-kjbot@users.noreply.github.com>
Kajabi · Sep 9, 2024 · f3bfcc8 · f3bfcc8
1 parent 3c1a2c6
commit f3bfcc8
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 20 deletions.
diff --git a/libs/core/src/global/styles/tokens/core/_core.scss b/libs/core/src/global/styles/tokens/core/_core.scss
@@ -105,7 +105,7 @@
   --pine-color-purple-800: #402fa4;
   --pine-color-purple-900: #372d82;
   --pine-color-purple-950: #221b4b;
-  --pine-font-family-greet: "Greet";
+  --pine-font-family-greet: "GreetStandard";
   --pine-font-size-57: 8px;
   --pine-font-size-71: 10px;
   --pine-font-size-85: 12px;
@@ -123,20 +123,21 @@
   --pine-font-size-257: 36px;
   --pine-font-size-271: 38px;
   --pine-font-size-285: 40px;
-  --pine-font-weight-thin: 100;
-  --pine-font-weight-extra-light: 200;
-  --pine-font-weight-light: 300;
-  --pine-font-weight-normal: 400;
-  --pine-font-weight-medium: 500;
-  --pine-font-weight-semi-bold: 600;
-  --pine-font-weight-bold: 700;
-  --pine-font-weight-extra-bold: 800;
-  --pine-font-weight-heavy: 900;
+  --pine-font-weight-thin: 125;
+  --pine-font-weight-extra-light: 225;
+  --pine-font-weight-light: 325;
+  --pine-font-weight-normal: 425;
+  --pine-font-weight-medium: 525;
+  --pine-font-weight-semi-bold: 625;
+  --pine-font-weight-bold: 725;
+  --pine-font-weight-extra-bold: 825;
+  --pine-font-weight-heavy: 925;
   --pine-line-height-25: 0.625;
   --pine-line-height-50: 0.78125;
   --pine-line-height-75: 0.9375;
   --pine-line-height-100: 1;
   --pine-line-height-125: 1.25;
+  --pine-line-height-142: 1.425;
   --pine-line-height-150: 1.5;
   --pine-line-height-175: 1.75;
   --pine-line-height-200: 2;

diff --git a/libs/core/src/global/styles/tokens/core/core.json b/libs/core/src/global/styles/tokens/core/core.json
@@ -505,7 +505,7 @@
   },
   "font-family": {
     "greet": {
-      "value": "\"Greet\"",
+      "value": "\"GreetStandard\"",
       "type": "fontFamilies"
     }
   },
@@ -581,39 +581,39 @@
   },
   "font-weight": {
     "thin": {
-      "value": "100",
+      "value": "125",
       "type": "fontWeights"
     },
     "extra-light": {
-      "value": "200",
+      "value": "225",
       "type": "fontWeights"
     },
     "light": {
-      "value": "300",
+      "value": "325",
       "type": "fontWeights"
     },
     "normal": {
-      "value": "400",
+      "value": "425",
       "type": "fontWeights"
     },
     "medium": {
-      "value": "500",
+      "value": "525",
       "type": "fontWeights"
     },
     "semi-bold": {
-      "value": "600",
+      "value": "625",
       "type": "fontWeights"
     },
     "bold": {
-      "value": "700",
+      "value": "725",
       "type": "fontWeights"
     },
     "extra-bold": {
-      "value": "800",
+      "value": "825",
       "type": "fontWeights"
     },
     "heavy": {
-      "value": "900",
+      "value": "925",
       "type": "fontWeights"
     }
   },
@@ -638,6 +638,10 @@
       "value": "1.25",
       "type": "lineHeights"
     },
+    "142": {
+      "value": "1.425",
+      "type": "lineHeights"
+    },
     "150": {
       "value": "1.5",
       "type": "lineHeights"