styles: updates font weight, letter spacing, and font size (#230)

* chore: update doc-components version (#228) * style: reverts semantic font weights back to 100 scale * style: updates letter spacing for body type * style: updates xs font size to 12px * style: build updated tokens * chore: package-lock update * ci: update @tokens-studio/sd-transforms package to the latest version * chore: adds necessary preprocessor to script file to fix shadow tokens --------- Co-authored-by: Julian Skinner <ju-Skinner@users.noreply.github.com> Co-authored-by: Kajabi Automations Bot <120066875+dev-kjbot@users.noreply.github.com> Co-authored-by: Julian Skinner <ju.skinner@gmail.com>
Kajabi · Sep 9, 2024 · e9e8fa5 · e9e8fa5
1 parent 362bc16
commit e9e8fa5
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 31 deletions.
diff --git a/.gitignore b/.gitignore
@@ -47,5 +47,5 @@ testem.log
 # System Files
 .DS_Store
 Thumbs.db
-
+.nx
 tmp/
diff --git a/libs/core/src/global/styles/tokens/semantic/_semantic.scss b/libs/core/src/global/styles/tokens/semantic/_semantic.scss
@@ -15,13 +15,13 @@
   --pine-typography-heading-h4: 600 20px/1.25 "GreetStandard";
   --pine-typography-heading-h5: 500 18px/1.25 "GreetStandard";
   --pine-typography-heading-h6: 500 16px/1.25 "GreetStandard";
-  --pine-typography-body-md-default: 425 14px/1.425 "Inter";
-  --pine-typography-body-md-medium: 525 14px/1.425 "Inter";
-  --pine-typography-body-md-semibold: 625 14px/1.425 "Inter";
-  --pine-typography-body-md-bold: 725 14px/1.425 "Inter";
+  --pine-typography-body-md-default: 400 14px/1.425 "Inter";
+  --pine-typography-body-md-medium: 500 14px/1.425 "Inter";
+  --pine-typography-body-md-semibold: 600 14px/1.425 "Inter";
+  --pine-typography-body-md-bold: 700 14px/1.425 "Inter";
   --pine-typography-body-sm-default: 400 12px/1.425 "Inter";
-  --pine-typography-body-sm-medium: 525 12px/1.425 "Inter";
-  --pine-typography-body-sm-bold: 725 12px/1.425 "Inter";
-  --pine-typography-body-xs-default: 400 11px/1.425 "Inter";
-  --pine-typography-body-xs-semibold: 600 11px/1.425 "Inter";
+  --pine-typography-body-sm-medium: 500 12px/1.425 "Inter";
+  --pine-typography-body-sm-bold: 700 12px/1.425 "Inter";
+  --pine-typography-body-xs-default: 400 12px/1.425 "Inter";
+  --pine-typography-body-xs-semibold: 600 12px/1.425 "Inter";
 }
diff --git a/libs/core/src/global/styles/tokens/semantic/semantic.json b/libs/core/src/global/styles/tokens/semantic/semantic.json
@@ -137,40 +137,40 @@
         "default": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.normal} + 25",
+            "fontWeight": "{font-weight.normal}",
             "fontSize": "{font-size.100}",
             "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.100}"
+            "letterSpacing": "{letter-spacing.114}"
           },
           "type": "typography"
         },
         "medium": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.medium} + 25",
+            "fontWeight": "{font-weight.medium}",
             "fontSize": "{font-size.100}",
             "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.100}"
+            "letterSpacing": "{letter-spacing.114}"
           },
           "type": "typography"
         },
         "semibold": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.semi-bold} + 25",
+            "fontWeight": "{font-weight.semi-bold}",
             "fontSize": "{font-size.100}",
             "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.100}"
+            "letterSpacing": "{letter-spacing.114}"
           },
           "type": "typography"
         },
         "bold": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.bold} + 25",
+            "fontWeight": "{font-weight.bold}",
             "fontSize": "{font-size.100}",
             "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.100}"
+            "letterSpacing": "{letter-spacing.114}"
           },
           "type": "typography"
         }
@@ -181,28 +181,25 @@
             "fontFamily": "{font-family.inter}",
             "fontWeight": "{font-weight.normal}",
             "fontSize": "{font-size.85}",
-            "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.85}"
+            "lineHeight": "{line-height.100} * 1.425"
           },
           "type": "typography"
         },
         "medium": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.medium} + 25",
+            "fontWeight": "{font-weight.medium}",
             "fontSize": "{font-size.85}",
-            "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.85}"
+            "lineHeight": "{line-height.100} * 1.425"
           },
           "type": "typography"
         },
         "bold": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.bold} + 25",
+            "fontWeight": "{font-weight.bold}",
             "fontSize": "{font-size.85}",
-            "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.85}"
+            "lineHeight": "{line-height.100} * 1.425"
           },
           "type": "typography"
         }
@@ -212,19 +209,17 @@
           "value": {
             "fontFamily": "{font-family.inter}",
             "fontWeight": "{font-weight.normal}",
-            "fontSize": "{font-size.71} + 1",
-            "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.78}"
+            "fontSize": "{font-size.85}",
+            "lineHeight": "{line-height.100} * 1.425"
           },
           "type": "typography"
         },
         "semibold": {
           "value": {
             "fontFamily": "{font-family.inter}",
             "fontWeight": "{font-weight.semi-bold}",
-            "fontSize": "{font-size.71} + 1",
-            "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.78}"
+            "fontSize": "{font-size.85}",
+            "lineHeight": "{line-height.100} * 1.425"
           },
           "type": "typography"
         }