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: Stephanie Zeng

Author: stephanie56

packages/foundations/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repo/foundations",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "",
   "main": "index.js",
   "exports": {

packages/foundations/tokens.json

@@ -560,6 +560,13 @@
           "description": "",
           "value": "-1"
         },
+        {
+          "name": "brand.lineHeight.100percent",
+          "key": "--brand-line-height-100percent",
+          "type": "lineHeight",
+          "description": "",
+          "value": "100"
+        },
         {
           "name": "brand.letterSpacing.tighter",
           "key": "--brand-letter-spacing-tighter",
@@ -1018,6 +1025,13 @@
           "description": "",
           "value": "-1"
         },
+        {
+          "name": "brand.lineHeight.100percent",
+          "key": "--brand-line-height-100percent",
+          "type": "lineHeight",
+          "description": "",
+          "value": "120"
+        },
         {
           "name": "brand.letterSpacing.tighter",
           "key": "--brand-letter-spacing-tighter",
@@ -1643,20 +1657,20 @@
           "description": "",
           "value": "{--brand-spacing-60}"
         },
-        {
-          "name": "breakpoint.action.gap.default",
-          "key": "--breakpoint-action-gap-default",
-          "type": "gap",
-          "description": "",
-          "value": "{--brand-spacing-80}"
-        },
         {
           "name": "breakpoint.static.padding.md",
           "key": "--breakpoint-static-padding-md",
           "type": "padding",
           "description": "",
           "value": "{--density-padding-md}"
         },
+        {
+          "name": "breakpoint.action.gap.default",
+          "key": "--breakpoint-action-gap-default",
+          "type": "gap",
+          "description": "",
+          "value": "{--brand-spacing-80}"
+        },
         {
           "name": "breakpoint.action.borderRadius.sm",
           "key": "--breakpoint-action-border-radius-sm",
@@ -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}"
         }
       ]
     },
@@ -1912,20 +1968,20 @@
           "description": "",
           "value": "{--brand-spacing-80}"
         },
-        {
-          "name": "breakpoint.action.gap.default",
-          "key": "--breakpoint-action-gap-default",
-          "type": "gap",
-          "description": "",
-          "value": "{--brand-spacing-160}"
-        },
         {
           "name": "breakpoint.static.padding.md",
           "key": "--breakpoint-static-padding-md",
           "type": "padding",
           "description": "",
           "value": "{--density-padding-lg}"
         },
+        {
+          "name": "breakpoint.action.gap.default",
+          "key": "--breakpoint-action-gap-default",
+          "type": "gap",
+          "description": "",
+          "value": "{--brand-spacing-160}"
+        },
         {
           "name": "breakpoint.action.borderRadius.sm",
           "key": "--breakpoint-action-border-radius-sm",
@@ -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}"
         }
       ]
     }
@@ -2053,28 +2151,36 @@
   ],
   "vectors": [
     {
-      "name": "Box - Moving",
+      "name": "heart",
       "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"
-      }
+      "source": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M1.24375 8.24375L2 9L8 15L14 9L14.7563 8.24375C15.5531 7.44687 16 6.36875 16 5.24375C16 2.9 14.1 1 11.7563 1C10.6313 1 9.55313 1.44688 8.75625 2.24375L8 3L7.24375 2.24375C6.44688 1.44688 5.36875 1 4.24375 1C1.9 1 0 2.9 0 5.24375C0 6.36875 0.446875 7.44687 1.24375 8.24375Z\" fill=\"black\"/>\n</svg>\n",
+      "properties": {}
     },
     {
-      "name": "Box - Moving",
+      "name": "clock_outline_spot",
       "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",
+      "source": "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_2190_2908)\">\n<path d=\"M10 0C4.486 0 0 4.486 0 10C0 15.514 4.486 20 10 20C15.514 20 20 15.514 20 10C20 4.486 15.514 0 10 0ZM10 18C5.589 18 2 14.411 2 10C2 5.589 5.589 2 10 2C14.411 2 18 5.589 18 10C18 14.411 14.411 18 10 18ZM11 9.586V5C11 4.73478 10.8946 4.48043 10.7071 4.29289C10.5196 4.10536 10.2652 4 10 4C9.73478 4 9.48043 4.10536 9.29289 4.29289C9.10536 4.48043 9 4.73478 9 5V10C9 10.266 9.105 10.52 9.293 10.707L12.293 13.707C12.3857 13.8002 12.4958 13.8741 12.6171 13.9246C12.7385 13.9751 12.8686 14.001 13 14.001C13.1314 14.001 13.2615 13.9751 13.3829 13.9246C13.5042 13.8741 13.6143 13.8002 13.707 13.707C13.7999 13.6142 13.8737 13.504 13.924 13.3827C13.9743 13.2614 14.0002 13.1313 14.0002 13C14.0002 12.8687 13.9743 12.7386 13.924 12.6173C13.8737 12.496 13.7999 12.3858 13.707 12.293L11 9.586Z\" fill=\"black\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2190_2908\">\n<rect width=\"20\" height=\"20\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n",
       "properties": {
-        "Size": "M",
-        "Icon type": "Stroke",
-        "Icon colour": "Default",
-        "Frame type": "None",
-        "Frame fill": "None"
+        "usage": "application"
       }
+    },
+    {
+      "name": "phone_android_24px",
+      "description": "",
+      "source": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 1H8C6.34 1 5 2.34 5 4V20C5 21.66 6.34 23 8 23H16C17.66 23 19 21.66 19 20V4C19 2.34 17.66 1 16 1ZM14 21H10V20H14V21ZM7 18H17V4H7V18Z\" fill=\"#262626\"/>\n</svg>\n",
+      "properties": {}
+    },
+    {
+      "name": "phonelink_24px",
+      "description": "",
+      "source": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 6H22V4H4C2.9 4 2 4.9 2 6V17H0V20H14V17H4V6ZM23 8H17C16.45 8 16 8.45 16 9V19C16 19.55 16.45 20 17 20H23C23.55 20 24 19.55 24 19V9C24 8.45 23.55 8 23 8ZM18 17H22V10H18V17Z\" fill=\"#262626\"/>\n</svg>\n",
+      "properties": {}
+    },
+    {
+      "name": "insert_comment_24px",
+      "description": "",
+      "source": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 2H20C21.1 2 22 2.9 22 4V22L18 18H4C2.9 18 2 17.1 2 16V4C2 2.9 2.9 2 4 2ZM6 14H18V12H6V14ZM18 11H6V9H18V11ZM6 8H18V6H6V8Z\" fill=\"#262626\"/>\n</svg>\n",
+      "properties": {}
     }
   ]
 }