chore: #263 v5 Fix token file for font-weight variable values

reapit · Jan 9, 2025 · 92a9cd7 · 92a9cd7
1 parent 5e0a20e
commit 92a9cd7
Show file tree

Hide file tree

Showing 12 changed files with 28 additions and 28 deletions.
diff --git a/src/components/avatar/styles.ts b/src/components/avatar/styles.ts
@@ -30,7 +30,7 @@ export const ElAvatar = styled.span`
   text-align: center;
   font-family: var(--font-family);
   font-style: normal;
-  font-weight: 600;
+  font-weight: var(--font-weight-semibold);
 
   ${baseColourDefaultStyle}
   ${baseCircleStyle}

diff --git a/src/components/dialog/styles.ts b/src/components/dialog/styles.ts
@@ -99,7 +99,7 @@ export const ElDialogTitle = styled.h2`
   font-family: var(--font-family, Inter);
   font-size: var(--font-size-lg, 18px);
   font-style: normal;
-  font-weight: 600;
+  font-weight: var(--font-weight-semibold);
   line-height: var(--line-height-lg, 24px);
   letter-spacing: var(--letter-spacing-lg, -0.18px);
 `

diff --git a/src/components/menu/styles.ts b/src/components/menu/styles.ts
@@ -40,7 +40,7 @@ const baseMenuItemStyles = `
   gap: var(--spacing-4);
   font-family: var(--font-family);
   font-size: var(--font-size-sm);
-  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
   letter-spacing: var(--letter-spacing-sm);
   color: var(--text-primary);
@@ -72,7 +72,7 @@ export const ElMenuItemGroupTitle = styled.div`
   font-family: var(--font-family);
   font-size: var(--font-size-2xs);
   font-style: normal;
-  font-weight: 600;
+  font-weight: var(--font-weight-semibold);
   line-height: var(--line-height-2xs);
   letter-spacing: var(--letter-spacing-2xs);
   color: var(--text-placeholder);

diff --git a/src/components/nav-dropdown-button/styles.ts b/src/components/nav-dropdown-button/styles.ts
@@ -14,7 +14,7 @@ export const ElNavDropdownButton = styled.button`
   align-items: center;
   font-family: var(--font-family);
   font-size: var(--font-size-sm);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: var(--line-height-sm);
   letter-spacing: var(--letter-spacing-sm);
 

diff --git a/src/components/nav-item/styles.ts b/src/components/nav-item/styles.ts
@@ -8,7 +8,7 @@ export const ElNavItemLabelContainer = styled.span`
   font-family: var(--font-family);
   font-size: var(--font-size-sm);
   font-style: normal;
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: var(--line-height-sm);
   letter-spacing: var(--letter-spacing-sm);
 `

diff --git a/src/components/nav-search-button/styles.ts b/src/components/nav-search-button/styles.ts
@@ -59,7 +59,7 @@ const basePlaceholderStyle = `
 export const ElNavSearchButtonPlaceholder = styled.span`
   ${basePlaceholderStyle}
   font-size: var(--font-size-xs);
-  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   line-height: var(--line-height-xs);
   letter-spacing: var(--letter-spacing-xs);
 
@@ -70,7 +70,7 @@ export const ElNavSearchButtonPlaceholder = styled.span`
 export const ElNavSearchButtonShortcutText = styled.span`
   ${basePlaceholderStyle}
   font-size: var(--font-size-2xs);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   line-height: var(--line-height-2xs);
   letter-spacing: var(--letter-spacing-2xs);
 `
diff --git a/src/components/table/table-toolbar/styles.ts b/src/components/table/table-toolbar/styles.ts
@@ -13,7 +13,7 @@ export const ElTableToolbar = styled.div`
 export const ElTableToolbarDescription = styled.div`
   font-family: var(--font-family);
   font-size: var(--font-size-sm);
-  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   color: var(--text-colour-text-primary);
   line-height: var(--line-height-sm);
   letter-spacing: var(--letter-spacing-sm);

diff --git a/src/tokens/payprop/tokens.css b/src/tokens/payprop/tokens.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Dec 2024 06:57:57 GMT
+ * Generated on Thu, 09 Jan 2025 07:23:22 GMT
  */
 
 :root {
@@ -103,9 +103,9 @@
   --plum-200: #d0a0da;
   --plum-100: #e6d2f0;
   --plum-050: #faf4ff;
-  --font-weight-regular: Regular;
-  --font-weight-medium: Medium;
-  --font-weight-semibold: Semi Bold;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
   --font-family: Inter;
   --unit-0: 0rem;
   --unit-px: 0.0625rem;

diff --git a/src/tokens/payprop/tokens.ts b/src/tokens/payprop/tokens.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Dec 2024 06:57:57 GMT
+ * Generated on Thu, 09 Jan 2025 07:23:22 GMT
  */
 
 export const neutral900 = '#222b33'
@@ -102,9 +102,9 @@ export const plum300 = '#bd78cc'
 export const plum200 = '#d0a0da'
 export const plum100 = '#e6d2f0'
 export const plum050 = '#faf4ff'
-export const fontWeightRegular = 'Regular'
-export const fontWeightMedium = 'Medium'
-export const fontWeightSemibold = 'Semi Bold'
+export const fontWeightRegular = '400'
+export const fontWeightMedium = '500'
+export const fontWeightSemibold = '600'
 export const fontFamily = 'Inter'
 export const unit0 = '0rem'
 export const unitPx = '0.0625rem'

diff --git a/src/tokens/reapit/tokens.css b/src/tokens/reapit/tokens.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Dec 2024 06:57:57 GMT
+ * Generated on Thu, 09 Jan 2025 07:23:22 GMT
  */
 
 :root {
@@ -103,9 +103,9 @@
   --plum-200: #d0a0da;
   --plum-100: #e6d2f0;
   --plum-050: #faf4ff;
-  --font-weight-regular: Regular;
-  --font-weight-medium: Medium;
-  --font-weight-semibold: Semi Bold;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
   --font-family: Inter;
   --unit-0: 0rem;
   --unit-px: 0.0625rem;

diff --git a/src/tokens/reapit/tokens.ts b/src/tokens/reapit/tokens.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Dec 2024 06:57:57 GMT
+ * Generated on Thu, 09 Jan 2025 07:23:22 GMT
  */
 
 export const neutral900 = '#222b33'
@@ -102,9 +102,9 @@ export const plum300 = '#bd78cc'
 export const plum200 = '#d0a0da'
 export const plum100 = '#e6d2f0'
 export const plum050 = '#faf4ff'
-export const fontWeightRegular = 'Regular'
-export const fontWeightMedium = 'Medium'
-export const fontWeightSemibold = 'Semi Bold'
+export const fontWeightRegular = '400'
+export const fontWeightMedium = '500'
+export const fontWeightSemibold = '600'
 export const fontFamily = 'Inter'
 export const unit0 = '0rem'
 export const unitPx = '0.0625rem'

diff --git a/src/tokens/tokens.json b/src/tokens/tokens.json
@@ -1366,19 +1366,19 @@
       "description": ""
     },
     "font-weight-regular": {
-      "value": "Regular",
+      "value": "400",
       "type": "text",
       "parent": "_Primitives/Value",
       "description": ""
     },
     "font-weight-medium": {
-      "value": "Medium",
+      "value": "500",
       "type": "text",
       "parent": "_Primitives/Value",
       "description": ""
     },
     "font-weight-semibold": {
-      "value": "Semi Bold",
+      "value": "600",
       "type": "text",
       "parent": "_Primitives/Value",
       "description": ""