fix(design-tokens): Changes to Design Tokens

Added tokens: + brand.lineHeight.100percent + typography.subtitle.fontSize.lg + typography.subtitle.fontSize.md + typography.subtitle.fontWeight.default + typography.subtitle.lineHeight.lg + typography.subtitle.lineHeight.md + typography.subtitle.letterSpacing.default # Figma User: Jason Santos
rangle · Dec 16, 2024 · 30aecb1 · 30aecb1
1 parent 5de0e90
commit 30aecb1
Show file tree

Hide file tree

Showing 2 changed files with 99 additions and 27 deletions.
diff --git a/packages/foundations/package.json b/packages/foundations/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@repo/foundations",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "",
   "main": "index.js",
   "exports": {

diff --git a/packages/foundations/tokens.json b/packages/foundations/tokens.json
@@ -553,6 +553,13 @@
           "description": "",
           "value": "24"
         },
+        {
+          "name": "brand.lineHeight.100percent",
+          "key": "--brand-line-height-100percent",
+          "type": "lineHeight",
+          "description": "",
+          "value": "100"
+        },
         {
           "name": "brand.letterSpacing.tightest",
           "key": "--brand-letter-spacing-tightest",
@@ -1011,6 +1018,13 @@
           "description": "",
           "value": "28"
         },
+        {
+          "name": "brand.lineHeight.100percent",
+          "key": "--brand-line-height-100percent",
+          "type": "lineHeight",
+          "description": "",
+          "value": "120"
+        },
         {
           "name": "brand.letterSpacing.tightest",
           "key": "--brand-letter-spacing-tightest",
@@ -1768,6 +1782,48 @@
           "type": "letterSpacing",
           "description": "",
           "value": "{--brand-letter-spacing-regular}"
+        },
+        {
+          "name": "typography.subtitle.fontSize.lg",
+          "key": "--typography-subtitle-font-size-lg",
+          "type": "fontSize",
+          "description": "",
+          "value": "{--brand-font-size-sm}"
+        },
+        {
+          "name": "typography.subtitle.fontSize.md",
+          "key": "--typography-subtitle-font-size-md",
+          "type": "fontSize",
+          "description": "",
+          "value": "{--brand-font-size-regular}"
+        },
+        {
+          "name": "typography.subtitle.fontWeight.default",
+          "key": "--typography-subtitle-font-weight-default",
+          "type": "fontWeight",
+          "description": "",
+          "value": "{--brand-font-weight-bold}"
+        },
+        {
+          "name": "typography.subtitle.lineHeight.lg",
+          "key": "--typography-subtitle-line-height-lg",
+          "type": "lineHeight",
+          "description": "",
+          "value": "{--brand-line-height-5}"
+        },
+        {
+          "name": "typography.subtitle.lineHeight.md",
+          "key": "--typography-subtitle-line-height-md",
+          "type": "lineHeight",
+          "description": "",
+          "value": "{--brand-line-height-4}"
+        },
+        {
+          "name": "typography.subtitle.letterSpacing.default",
+          "key": "--typography-subtitle-letter-spacing-default",
+          "type": "letterSpacing",
+          "description": "",
+          "value": "{--brand-letter-spacing-regular}"
         }
       ]
     },
@@ -2037,6 +2093,48 @@
           "type": "letterSpacing",
           "description": "",
           "value": "{--brand-letter-spacing-regular}"
+        },
+        {
+          "name": "typography.subtitle.fontSize.lg",
+          "key": "--typography-subtitle-font-size-lg",
+          "type": "fontSize",
+          "description": "",
+          "value": "{--brand-font-size-regular}"
+        },
+        {
+          "name": "typography.subtitle.fontSize.md",
+          "key": "--typography-subtitle-font-size-md",
+          "type": "fontSize",
+          "description": "",
+          "value": "{--brand-font-size-lg}"
+        },
+        {
+          "name": "typography.subtitle.fontWeight.default",
+          "key": "--typography-subtitle-font-weight-default",
+          "type": "fontWeight",
+          "description": "",
+          "value": "{--brand-font-weight-bold}"
+        },
+        {
+          "name": "typography.subtitle.lineHeight.lg",
+          "key": "--typography-subtitle-line-height-lg",
+          "type": "lineHeight",
+          "description": "",
+          "value": "{--brand-line-height-6}"
+        },
+        {
+          "name": "typography.subtitle.lineHeight.md",
+          "key": "--typography-subtitle-line-height-md",
+          "type": "lineHeight",
+          "description": "",
+          "value": "{--brand-line-height-5}"
+        },
+        {
+          "name": "typography.subtitle.letterSpacing.default",
+          "key": "--typography-subtitle-letter-spacing-default",
+          "type": "letterSpacing",
+          "description": "",
+          "value": "{--brand-letter-spacing-regular}"
         }
       ]
     }
@@ -2050,31 +2148,5 @@
     "density--compact",
     "breakpoints--mobile",
     "breakpoints--desktop"
-  ],
-  "vectors": [
-    {
-      "name": "Box - Moving",
-      "description": "",
-      "source": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.60817 8.19257V4.34122M2.60817 4.34122L8.77033 0.875L11.8514 2.60811M2.60817 4.34122L5.68925 6.21666M14.9325 4.34122V11.5304L8.51357 15.125M14.9325 4.34122L8.51357 7.93581M14.9325 4.34122L11.8514 2.60811M8.51357 15.125L6.45952 13.8412M8.51357 15.125V7.93581M8.51357 7.93581L5.68925 6.21666M5.68925 6.21666L11.8514 2.60811M1.06763 11.7872L4.91898 9.47635M1.06763 14.3547L6.45952 11.0169\" stroke=\"#00549A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
-      "properties": {
-        "Size": "S",
-        "Icon type": "Stroke",
-        "Icon colour": "Default",
-        "Frame type": "None",
-        "Frame fill": "None"
-      }
-    },
-    {
-      "name": "Box - Moving",
-      "description": "",
-      "source": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3.48651 12.3041V6.22297M3.48651 6.22297L13.2162 0.75L18.0811 3.48649M3.48651 6.22297L8.35137 9.1842M22.946 6.22297V17.5743L12.8108 23.25M22.946 6.22297L12.8108 11.8986M22.946 6.22297L18.0811 3.48649M12.8108 23.25L9.56759 21.223M12.8108 23.25V11.8986M12.8108 11.8986L8.35137 9.1842M8.35137 9.1842L18.0811 3.48649M1.05408 17.9797L7.13516 14.3311M1.05408 22.0338L9.56759 16.7635\" stroke=\"#00549A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n",
-      "properties": {
-        "Size": "M",
-        "Icon type": "Stroke",
-        "Icon colour": "Default",
-        "Frame type": "None",
-        "Frame fill": "None"
-      }
-    }
   ]
 }