Merge pull request #1062 from lumapps/chore/add-missing-design-token-…

…for-font-weight chore(design-tokens): add font-weight medium
lumapps · Jan 4, 2024 · 2ad2250 · 2ad2250
2 parents 83b1ab2 + 8681dab
commit 2ad2250
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+-   Add new design token `medium` for `font-weight`.
+
 ### Fixed
 
 -   Tooltip: fixed tooltip closing when mouse is hovering the tooltip text.

diff --git a/packages/lumx-core/src/css/design-tokens.css b/packages/lumx-core/src/css/design-tokens.css
@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 01 Dec 2023 09:07:37 GMT
+ * Generated on Thu, 04 Jan 2024 13:59:14 GMT
  */
 
 :root {
@@ -467,6 +467,7 @@
     --lumx-spacing-unit-huge: 24px;
     --lumx-typography-font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif";
     --lumx-typography-font-weight-regular: 400;
+    --lumx-typography-font-weight-medium: 500;
     --lumx-typography-font-weight-bold: 700;
     --lumx-typography-font-weight-light: 300;
     --lumx-typography-interface-display1-font-size: 34px;

diff --git a/packages/lumx-core/src/js/constants/design-tokens.ts b/packages/lumx-core/src/js/constants/design-tokens.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Dec 2023 09:07:37 GMT
+ * Generated on Thu, 04 Jan 2024 13:59:14 GMT
  */
 
 export const DESIGN_TOKENS = {
@@ -2041,7 +2041,12 @@ export const DESIGN_TOKENS = {
             value:
                 "'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'sans-serif'",
         },
-        'font-weight': { regular: { value: '400' }, bold: { value: '700' }, light: { value: '300' } },
+        'font-weight': {
+            regular: { value: '400' },
+            medium: { value: '500' },
+            bold: { value: '700' },
+            light: { value: '300' },
+        },
         interface: {
             display1: {
                 'font-size': { value: '34px' },

diff --git a/packages/lumx-core/src/scss/_design-tokens.scss b/packages/lumx-core/src/scss/_design-tokens.scss
@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 01 Dec 2023 09:07:37 GMT
+ * Generated on Thu, 04 Jan 2024 13:59:14 GMT
  */
 
 $lumx-button-height: 36px !default;
@@ -466,6 +466,7 @@ $lumx-spacing-unit-big: 16px !default;
 $lumx-spacing-unit-huge: 24px !default;
 $lumx-typography-font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif" !default;
 $lumx-typography-font-weight-regular: 400 !default;
+$lumx-typography-font-weight-medium: 500 !default;
 $lumx-typography-font-weight-bold: 700 !default;
 $lumx-typography-font-weight-light: 300 !default;
 $lumx-typography-interface-display1-font-size: 34px !default;
@@ -1514,6 +1515,7 @@ $lumx-design-tokens: (
         "font-family": $lumx-typography-font-family,
         "font-weight": (
             "regular": $lumx-typography-font-weight-regular,
+            "medium": $lumx-typography-font-weight-medium,
             "bold": $lumx-typography-font-weight-bold,
             "light": $lumx-typography-font-weight-light
         ),

diff --git a/packages/lumx-core/style-dictionary/properties/core/typography.json b/packages/lumx-core/style-dictionary/properties/core/typography.json
@@ -5,6 +5,7 @@
         },
         "font-weight": {
             "regular": { "value": "400" },
+            "medium": { "value":  "500" },
             "bold": { "value": "700" },
             "light": { "value": "300" }
         },