@primer/primitives 10.2.0 → 10.3.0-rc.416d4297

package/dist/docs/functional/typography/typography.json

@@ -1,5 +1,5 @@
 {
-  "fontStack-system": {
+  "fontStack-monospace": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -9,7 +9,7 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "$value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
       "$type": "fontFamily",
       "$extensions": {
         "org.primer.figma": {
@@ -18,10 +18,11 @@
         }
       }
     },
-    "name": "fontStack-system",
+    "name": "fontStack-monospace",
     "attributes": {},
-    "path": ["fontStack", "system"],
-    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "path": ["fontStack", "monospace"],
+    "key": "{fontStack.monospace}",
+    "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     "type": "fontFamily"
   },
   "fontStack-sansSerif": {
@@ -46,6 +47,7 @@
     "name": "fontStack-sansSerif",
     "attributes": {},
     "path": ["fontStack", "sansSerif"],
+    "key": "{fontStack.sansSerif}",
     "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "fontFamily"
   },
@@ -71,10 +73,11 @@
     "name": "fontStack-sansSerifDisplay",
     "attributes": {},
     "path": ["fontStack", "sansSerifDisplay"],
+    "key": "{fontStack.sansSerifDisplay}",
     "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "fontFamily"
   },
-  "fontStack-monospace": {
+  "fontStack-system": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -84,7 +87,7 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
+      "$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "$type": "fontFamily",
       "$extensions": {
         "org.primer.figma": {
@@ -93,74 +96,81 @@
         }
       }
     },
-    "name": "fontStack-monospace",
+    "name": "fontStack-system",
     "attributes": {},
-    "path": ["fontStack", "monospace"],
-    "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
+    "path": ["fontStack", "system"],
+    "key": "{fontStack.system}",
+    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "fontFamily"
   },
-  "text-display-lineBoxHeight": {
+  "text-body-lineHeight-large": {
     "$extensions": {
       "org.primer.data": {
-        "fontSize": 40
+        "fontSize": 16
       },
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["lineHeight"],
-        "fontSizeInPx": 40
+        "scopes": ["lineHeight"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 1.4,
+      "$value": 1.5,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
-          "fontSize": 40
+          "fontSize": 16
         },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["lineHeight"],
-          "fontSizeInPx": 40
+          "scopes": ["lineHeight"]
         }
       }
     },
-    "name": "text-display-lineBoxHeight",
+    "name": "text-body-lineHeight-large",
     "attributes": {},
-    "path": ["text", "display", "lineBoxHeight"],
-    "value": 1.4,
+    "path": ["text", "body", "lineHeight", "large"],
+    "key": "{text.body.lineHeight.large}",
+    "value": 1.5,
     "type": "number"
   },
-  "text-display-size": {
+  "text-body-lineHeight-medium": {
     "$extensions": {
+      "org.primer.data": {
+        "fontSize": 14
+      },
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["fontSize"]
+        "scopes": ["lineHeight"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "40px",
-      "$type": "dimension",
+      "$value": 1.4285,
+      "$type": "number",
       "$extensions": {
+        "org.primer.data": {
+          "fontSize": 14
+        },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["fontSize"]
+          "scopes": ["lineHeight"]
         }
       }
     },
-    "name": "text-display-size",
+    "name": "text-body-lineHeight-medium",
     "attributes": {},
-    "path": ["text", "display", "size"],
-    "value": "2.5rem",
-    "type": "dimension"
+    "path": ["text", "body", "lineHeight", "medium"],
+    "key": "{text.body.lineHeight.medium}",
+    "value": 1.4285,
+    "type": "number"
   },
-  "text-display-lineHeight": {
+  "text-body-lineHeight-small": {
     "$extensions": {
       "org.primer.data": {
-        "fontSize": 40
+        "fontSize": 12
       },
       "org.primer.figma": {
         "collection": "typography",
@@ -170,11 +180,11 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 1.4,
+      "$value": 1.6666,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
-          "fontSize": 40
+          "fontSize": 12
         },
         "org.primer.figma": {
           "collection": "typography",
@@ -182,58 +192,77 @@
         }
       }
     },
-    "name": "text-display-lineHeight",
+    "name": "text-body-lineHeight-small",
     "attributes": {},
-    "path": ["text", "display", "lineHeight"],
-    "value": 1.4,
+    "path": ["text", "body", "lineHeight", "small"],
+    "key": "{text.body.lineHeight.small}",
+    "value": 1.6666,
     "type": "number"
   },
-  "text-display-weight": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "typography",
-        "scopes": ["fontWeight"]
-      }
+  "text-body-shorthand-large": {
+    "filePath": "src/tokens/functional/typography/typography.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "fontWeight": "{text.body.weight}",
+        "fontSize": "{text.body.size.large}",
+        "lineHeight": "{text.body.lineHeight.large}",
+        "fontFamily": "{fontStack.sansSerif}"
+      },
+      "$type": "typography",
+      "$description": "User-generated content, markdown rendering."
     },
+    "name": "text-body-shorthand-large",
+    "attributes": {},
+    "path": ["text", "body", "shorthand", "large"],
+    "key": "{text.body.shorthand.large}",
+    "value": "400 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "type": "typography",
+    "description": "User-generated content, markdown rendering."
+  },
+  "text-body-shorthand-medium": {
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.text.weight.medium}",
-      "$type": "fontWeight",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "typography",
-          "scopes": ["fontWeight"]
-        }
-      }
+      "$value": {
+        "fontWeight": "{text.body.weight}",
+        "fontSize": "{text.body.size.medium}",
+        "lineHeight": "{text.body.lineHeight.medium}",
+        "fontFamily": "{fontStack.sansSerif}"
+      },
+      "$type": "typography",
+      "$description": "Default UI font. Most commonly used for body text."
     },
-    "name": "text-display-weight",
+    "name": "text-body-shorthand-medium",
     "attributes": {},
-    "path": ["text", "display", "weight"],
-    "value": 500,
-    "type": "fontWeight"
+    "path": ["text", "body", "shorthand", "medium"],
+    "key": "{text.body.shorthand.medium}",
+    "value": "400 0.875rem/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "type": "typography",
+    "description": "Default UI font. Most commonly used for body text."
   },
-  "text-display-shorthand": {
+  "text-body-shorthand-small": {
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
       "$value": {
-        "fontWeight": "{text.display.weight}",
-        "fontSize": "{text.display.size}",
-        "lineHeight": "{text.display.lineHeight}",
-        "fontFamily": "{fontStack.sansSerifDisplay}"
+        "fontWeight": "{text.body.weight}",
+        "fontSize": "{text.body.size.small}",
+        "lineHeight": "{text.body.lineHeight.small}",
+        "fontFamily": "{fontStack.sansSerif}"
       },
       "$type": "typography",
-      "$description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
+      "$description": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px."
     },
-    "name": "text-display-shorthand",
+    "name": "text-body-shorthand-small",
     "attributes": {},
-    "path": ["text", "display", "shorthand"],
-    "value": "500 2.5rem/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "path": ["text", "body", "shorthand", "small"],
+    "key": "{text.body.shorthand.small}",
+    "value": "400 0.75rem/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "typography",
-    "description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
+    "description": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px."
   },
-  "text-title-size-large": {
+  "text-body-size-large": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -243,7 +272,7 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "32px",
+      "$value": "16px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -252,13 +281,14 @@
         }
       }
     },
-    "name": "text-title-size-large",
+    "name": "text-body-size-large",
     "attributes": {},
-    "path": ["text", "title", "size", "large"],
-    "value": "2rem",
+    "path": ["text", "body", "size", "large"],
+    "key": "{text.body.size.large}",
+    "value": "1rem",
     "type": "dimension"
   },
-  "text-title-size-medium": {
+  "text-body-size-medium": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -268,7 +298,7 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "20px",
+      "$value": "14px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -277,13 +307,14 @@
         }
       }
     },
-    "name": "text-title-size-medium",
+    "name": "text-body-size-medium",
     "attributes": {},
-    "path": ["text", "title", "size", "medium"],
-    "value": "1.25rem",
+    "path": ["text", "body", "size", "medium"],
+    "key": "{text.body.size.medium}",
+    "value": "0.875rem",
     "type": "dimension"
   },
-  "text-title-size-small": {
+  "text-body-size-small": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -293,7 +324,7 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "16px",
+      "$value": "12px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -302,47 +333,43 @@
         }
       }
     },
-    "name": "text-title-size-small",
+    "name": "text-body-size-small",
     "attributes": {},
-    "path": ["text", "title", "size", "small"],
-    "value": "1rem",
+    "path": ["text", "body", "size", "small"],
+    "key": "{text.body.size.small}",
+    "value": "0.75rem",
     "type": "dimension"
   },
-  "text-title-lineHeight-large": {
+  "text-body-weight": {
     "$extensions": {
-      "org.primer.data": {
-        "fontSize": 32
-      },
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["lineHeight"]
+        "scopes": ["fontWeight"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 1.5,
-      "$type": "number",
+      "$value": "{base.text.weight.normal}",
+      "$type": "fontWeight",
       "$extensions": {
-        "org.primer.data": {
-          "fontSize": 32
-        },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["lineHeight"]
+          "scopes": ["fontWeight"]
         }
       }
     },
-    "name": "text-title-lineHeight-large",
+    "name": "text-body-weight",
     "attributes": {},
-    "path": ["text", "title", "lineHeight", "large"],
-    "value": 1.5,
-    "type": "number"
+    "path": ["text", "body", "weight"],
+    "key": "{text.body.weight}",
+    "value": 400,
+    "type": "fontWeight"
   },
-  "text-title-lineHeight-medium": {
+  "text-caption-lineHeight": {
     "$extensions": {
       "org.primer.data": {
-        "fontSize": 20
+        "fontSize": 12
       },
       "org.primer.figma": {
         "collection": "typography",
@@ -352,11 +379,11 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 1.6,
+      "$value": 1.3333,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
-          "fontSize": 20
+          "fontSize": 12
         },
         "org.primer.figma": {
           "collection": "typography",
@@ -364,69 +391,61 @@
         }
       }
     },
-    "name": "text-title-lineHeight-medium",
+    "name": "text-caption-lineHeight",
     "attributes": {},
-    "path": ["text", "title", "lineHeight", "medium"],
-    "value": 1.6,
+    "path": ["text", "caption", "lineHeight"],
+    "key": "{text.caption.lineHeight}",
+    "value": 1.3333,
     "type": "number"
   },
-  "text-title-lineHeight-small": {
-    "$extensions": {
-      "org.primer.data": {
-        "fontSize": 16
+  "text-caption-shorthand": {
+    "filePath": "src/tokens/functional/typography/typography.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "fontWeight": "{text.caption.weight}",
+        "fontSize": "{text.caption.size}",
+        "lineHeight": "{text.caption.lineHeight}",
+        "fontFamily": "{fontStack.sansSerif}"
       },
+      "$type": "typography",
+      "$description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
+    },
+    "name": "text-caption-shorthand",
+    "attributes": {},
+    "path": ["text", "caption", "shorthand"],
+    "key": "{text.caption.shorthand}",
+    "value": "400 0.75rem/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "type": "typography",
+    "description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
+  },
+  "text-caption-size": {
+    "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["lineHeight"]
+        "scopes": ["fontSize"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 1.5,
-      "$type": "number",
+      "$value": "12px",
+      "$type": "dimension",
       "$extensions": {
-        "org.primer.data": {
-          "fontSize": 16
-        },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["lineHeight"]
+          "scopes": ["fontSize"]
         }
       }
     },
-    "name": "text-title-lineHeight-small",
+    "name": "text-caption-size",
     "attributes": {},
-    "path": ["text", "title", "lineHeight", "small"],
-    "value": 1.5,
-    "type": "number"
-  },
-  "text-title-weight-large": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "typography",
-        "scopes": ["fontWeight"]
-      }
-    },
-    "filePath": "src/tokens/functional/typography/typography.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.text.weight.semibold}",
-      "$type": "fontWeight",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "typography",
-          "scopes": ["fontWeight"]
-        }
-      }
-    },
-    "name": "text-title-weight-large",
-    "attributes": {},
-    "path": ["text", "title", "weight", "large"],
-    "value": 600,
-    "type": "fontWeight"
+    "path": ["text", "caption", "size"],
+    "key": "{text.caption.size}",
+    "value": "0.75rem",
+    "type": "dimension"
   },
-  "text-title-weight-medium": {
+  "text-caption-weight": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -436,7 +455,7 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.text.weight.semibold}",
+      "$value": "{base.text.weight.normal}",
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -445,98 +464,67 @@
         }
       }
     },
-    "name": "text-title-weight-medium",
+    "name": "text-caption-weight",
     "attributes": {},
-    "path": ["text", "title", "weight", "medium"],
-    "value": 600,
+    "path": ["text", "caption", "weight"],
+    "key": "{text.caption.weight}",
+    "value": 400,
     "type": "fontWeight"
   },
-  "text-title-weight-small": {
+  "text-codeBlock-lineHeight": {
     "$extensions": {
+      "org.primer.data": {
+        "fontSize": 13
+      },
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["fontWeight"]
+        "scopes": ["lineHeight"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.text.weight.semibold}",
-      "$type": "fontWeight",
+      "$value": 1.5385,
+      "$type": "number",
       "$extensions": {
+        "org.primer.data": {
+          "fontSize": 13
+        },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["fontWeight"]
+          "scopes": ["lineHeight"]
         }
       }
     },
-    "name": "text-title-weight-small",
-    "attributes": {},
-    "path": ["text", "title", "weight", "small"],
-    "value": 600,
-    "type": "fontWeight"
-  },
-  "text-title-shorthand-large": {
-    "filePath": "src/tokens/functional/typography/typography.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "fontWeight": "{text.title.weight.large}",
-        "fontSize": "{text.title.size.large}",
-        "lineHeight": "{text.title.lineHeight.large}",
-        "fontFamily": "{fontStack.sansSerifDisplay}"
-      },
-      "$type": "typography",
-      "$description": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports."
-    },
-    "name": "text-title-shorthand-large",
-    "attributes": {},
-    "path": ["text", "title", "shorthand", "large"],
-    "value": "600 2rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-    "type": "typography",
-    "description": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports."
-  },
-  "text-title-shorthand-medium": {
-    "filePath": "src/tokens/functional/typography/typography.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "fontWeight": "{text.title.weight.medium}",
-        "fontSize": "{text.title.size.medium}",
-        "lineHeight": "{text.title.lineHeight.medium}",
-        "fontFamily": "{fontStack.sansSerifDisplay}"
-      },
-      "$type": "typography",
-      "$description": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition."
-    },
-    "name": "text-title-shorthand-medium",
+    "name": "text-codeBlock-lineHeight",
     "attributes": {},
-    "path": ["text", "title", "shorthand", "medium"],
-    "value": "600 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-    "type": "typography",
-    "description": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition."
+    "path": ["text", "codeBlock", "lineHeight"],
+    "key": "{text.codeBlock.lineHeight}",
+    "value": 1.5385,
+    "type": "number"
   },
-  "text-title-shorthand-small": {
+  "text-codeBlock-shorthand": {
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
       "$value": {
-        "fontWeight": "{text.title.weight.small}",
-        "fontSize": "{text.title.size.small}",
-        "lineHeight": "{text.title.lineHeight.small}",
-        "fontFamily": "{fontStack.sansSerif}"
+        "fontWeight": "{text.codeBlock.weight}",
+        "fontSize": "{text.codeBlock.size}",
+        "lineHeight": "{text.codeBlock.lineHeight}",
+        "fontFamily": "{fontStack.monospace}"
       },
       "$type": "typography",
-      "$description": "Uses the same size as body (large) with a heavier weight of semibold (600)."
+      "$description": "Default style for rendering code blocks."
     },
-    "name": "text-title-shorthand-small",
+    "name": "text-codeBlock-shorthand",
     "attributes": {},
-    "path": ["text", "title", "shorthand", "small"],
-    "value": "600 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "path": ["text", "codeBlock", "shorthand"],
+    "key": "{text.codeBlock.shorthand}",
+    "value": "400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     "type": "typography",
-    "description": "Uses the same size as body (large) with a heavier weight of semibold (600)."
+    "description": "Default style for rendering code blocks."
   },
-  "text-subtitle-size": {
+  "text-codeBlock-size": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -546,7 +534,7 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "20px",
+      "$value": "13px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -555,44 +543,14 @@
         }
       }
     },
-    "name": "text-subtitle-size",
+    "name": "text-codeBlock-size",
     "attributes": {},
-    "path": ["text", "subtitle", "size"],
-    "value": "1.25rem",
+    "path": ["text", "codeBlock", "size"],
+    "key": "{text.codeBlock.size}",
+    "value": "0.8125rem",
     "type": "dimension"
   },
-  "text-subtitle-lineHeight": {
-    "$extensions": {
-      "org.primer.data": {
-        "fontSize": 20
-      },
-      "org.primer.figma": {
-        "collection": "typography",
-        "scopes": ["lineHeight"]
-      }
-    },
-    "filePath": "src/tokens/functional/typography/typography.json5",
-    "isSource": true,
-    "original": {
-      "$value": 1.6,
-      "$type": "number",
-      "$extensions": {
-        "org.primer.data": {
-          "fontSize": 20
-        },
-        "org.primer.figma": {
-          "collection": "typography",
-          "scopes": ["lineHeight"]
-        }
-      }
-    },
-    "name": "text-subtitle-lineHeight",
-    "attributes": {},
-    "path": ["text", "subtitle", "lineHeight"],
-    "value": 1.6,
-    "type": "number"
-  },
-  "text-subtitle-weight": {
+  "text-codeBlock-weight": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -611,33 +569,34 @@
         }
       }
     },
-    "name": "text-subtitle-weight",
+    "name": "text-codeBlock-weight",
     "attributes": {},
-    "path": ["text", "subtitle", "weight"],
+    "path": ["text", "codeBlock", "weight"],
+    "key": "{text.codeBlock.weight}",
     "value": 400,
     "type": "fontWeight"
   },
-  "text-subtitle-shorthand": {
+  "text-codeInline-shorthand": {
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
       "$value": {
-        "fontWeight": "{text.subtitle.weight}",
-        "fontSize": "{text.subtitle.size}",
-        "lineHeight": "{text.subtitle.lineHeight}",
-        "fontFamily": "{fontStack.sansSerifDisplay}"
+        "fontWeight": "{text.codeInline.weight}",
+        "fontSize": "{text.codeInline.size}",
+        "fontFamily": "{fontStack.monospace}"
       },
       "$type": "typography",
-      "$description": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
+      "$description": "Inline code blocks using em units to inherit size from its parent."
     },
-    "name": "text-subtitle-shorthand",
+    "name": "text-codeInline-shorthand",
     "attributes": {},
-    "path": ["text", "subtitle", "shorthand"],
-    "value": "400 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "path": ["text", "codeInline", "shorthand"],
+    "key": "{text.codeInline.shorthand}",
+    "value": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     "type": "typography",
-    "description": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
+    "description": "Inline code blocks using em units to inherit size from its parent."
   },
-  "text-body-size-large": {
+  "text-codeInline-size": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -647,7 +606,7 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "16px",
+      "$value": "0.9285em",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -656,66 +615,77 @@
         }
       }
     },
-    "name": "text-body-size-large",
+    "name": "text-codeInline-size",
     "attributes": {},
-    "path": ["text", "body", "size", "large"],
-    "value": "1rem",
+    "path": ["text", "codeInline", "size"],
+    "key": "{text.codeInline.size}",
+    "value": "0.9285em",
     "type": "dimension"
   },
-  "text-body-size-medium": {
+  "text-codeInline-weight": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["fontSize"]
+        "scopes": ["fontWeight"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "14px",
-      "$type": "dimension",
+      "$value": "{base.text.weight.normal}",
+      "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["fontSize"]
+          "scopes": ["fontWeight"]
         }
       }
     },
-    "name": "text-body-size-medium",
+    "name": "text-codeInline-weight",
     "attributes": {},
-    "path": ["text", "body", "size", "medium"],
-    "value": "0.875rem",
-    "type": "dimension"
+    "path": ["text", "codeInline", "weight"],
+    "key": "{text.codeInline.weight}",
+    "value": 400,
+    "type": "fontWeight"
   },
-  "text-body-size-small": {
+  "text-display-lineBoxHeight": {
     "$extensions": {
+      "org.primer.data": {
+        "fontSize": 40
+      },
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["fontSize"]
+        "scopes": ["lineHeight"],
+        "fontSizeInPx": 40
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "12px",
-      "$type": "dimension",
+      "$value": 1.4,
+      "$type": "number",
       "$extensions": {
+        "org.primer.data": {
+          "fontSize": 40
+        },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["fontSize"]
+          "scopes": ["lineHeight"],
+          "fontSizeInPx": 40
         }
       }
     },
-    "name": "text-body-size-small",
+    "name": "text-display-lineBoxHeight",
     "attributes": {},
-    "path": ["text", "body", "size", "small"],
-    "value": "0.75rem",
-    "type": "dimension"
+    "path": ["text", "display", "lineBoxHeight"],
+    "key": "{text.display.lineBoxHeight}",
+    "value": 1.4,
+    "type": "number"
   },
-  "text-body-lineHeight-large": {
+  "text-display-lineHeight": {
     "$extensions": {
       "org.primer.data": {
-        "fontSize": 16
+        "fontSize": 40
       },
       "org.primer.figma": {
         "collection": "typography",
@@ -725,11 +695,11 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 1.5,
+      "$value": 1.4,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
-          "fontSize": 16
+          "fontSize": 40
         },
         "org.primer.figma": {
           "collection": "typography",
@@ -737,188 +707,227 @@
         }
       }
     },
-    "name": "text-body-lineHeight-large",
+    "name": "text-display-lineHeight",
     "attributes": {},
-    "path": ["text", "body", "lineHeight", "large"],
-    "value": 1.5,
+    "path": ["text", "display", "lineHeight"],
+    "key": "{text.display.lineHeight}",
+    "value": 1.4,
     "type": "number"
   },
-  "text-body-lineHeight-medium": {
-    "$extensions": {
-      "org.primer.data": {
-        "fontSize": 14
+  "text-display-shorthand": {
+    "filePath": "src/tokens/functional/typography/typography.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "fontWeight": "{text.display.weight}",
+        "fontSize": "{text.display.size}",
+        "lineHeight": "{text.display.lineHeight}",
+        "fontFamily": "{fontStack.sansSerifDisplay}"
       },
+      "$type": "typography",
+      "$description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
+    },
+    "name": "text-display-shorthand",
+    "attributes": {},
+    "path": ["text", "display", "shorthand"],
+    "key": "{text.display.shorthand}",
+    "value": "500 2.5rem/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "type": "typography",
+    "description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
+  },
+  "text-display-size": {
+    "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["lineHeight"]
+        "scopes": ["fontSize"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 1.4285,
-      "$type": "number",
+      "$value": "40px",
+      "$type": "dimension",
       "$extensions": {
-        "org.primer.data": {
-          "fontSize": 14
-        },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["lineHeight"]
+          "scopes": ["fontSize"]
         }
       }
     },
-    "name": "text-body-lineHeight-medium",
+    "name": "text-display-size",
     "attributes": {},
-    "path": ["text", "body", "lineHeight", "medium"],
-    "value": 1.4285,
-    "type": "number"
+    "path": ["text", "display", "size"],
+    "key": "{text.display.size}",
+    "value": "2.5rem",
+    "type": "dimension"
   },
-  "text-body-lineHeight-small": {
+  "text-display-weight": {
     "$extensions": {
-      "org.primer.data": {
-        "fontSize": 12
-      },
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["lineHeight"]
+        "scopes": ["fontWeight"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 1.6666,
-      "$type": "number",
+      "$value": "{base.text.weight.medium}",
+      "$type": "fontWeight",
       "$extensions": {
-        "org.primer.data": {
-          "fontSize": 12
-        },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["lineHeight"]
+          "scopes": ["fontWeight"]
         }
       }
     },
-    "name": "text-body-lineHeight-small",
+    "name": "text-display-weight",
     "attributes": {},
-    "path": ["text", "body", "lineHeight", "small"],
-    "value": 1.6666,
-    "type": "number"
+    "path": ["text", "display", "weight"],
+    "key": "{text.display.weight}",
+    "value": 500,
+    "type": "fontWeight"
   },
-  "text-body-weight": {
+  "text-subtitle-lineHeight": {
     "$extensions": {
+      "org.primer.data": {
+        "fontSize": 20
+      },
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["fontWeight"]
+        "scopes": ["lineHeight"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.text.weight.normal}",
-      "$type": "fontWeight",
+      "$value": 1.6,
+      "$type": "number",
       "$extensions": {
+        "org.primer.data": {
+          "fontSize": 20
+        },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["fontWeight"]
+          "scopes": ["lineHeight"]
         }
       }
     },
-    "name": "text-body-weight",
+    "name": "text-subtitle-lineHeight",
     "attributes": {},
-    "path": ["text", "body", "weight"],
-    "value": 400,
-    "type": "fontWeight"
+    "path": ["text", "subtitle", "lineHeight"],
+    "key": "{text.subtitle.lineHeight}",
+    "value": 1.6,
+    "type": "number"
   },
-  "text-body-shorthand-large": {
+  "text-subtitle-shorthand": {
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
       "$value": {
-        "fontWeight": "{text.body.weight}",
-        "fontSize": "{text.body.size.large}",
-        "lineHeight": "{text.body.lineHeight.large}",
-        "fontFamily": "{fontStack.sansSerif}"
+        "fontWeight": "{text.subtitle.weight}",
+        "fontSize": "{text.subtitle.size}",
+        "lineHeight": "{text.subtitle.lineHeight}",
+        "fontFamily": "{fontStack.sansSerifDisplay}"
       },
       "$type": "typography",
-      "$description": "User-generated content, markdown rendering."
+      "$description": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
     },
-    "name": "text-body-shorthand-large",
+    "name": "text-subtitle-shorthand",
     "attributes": {},
-    "path": ["text", "body", "shorthand", "large"],
-    "value": "400 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "path": ["text", "subtitle", "shorthand"],
+    "key": "{text.subtitle.shorthand}",
+    "value": "400 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "typography",
-    "description": "User-generated content, markdown rendering."
+    "description": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
   },
-  "text-body-shorthand-medium": {
+  "text-subtitle-size": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "typography",
+        "scopes": ["fontSize"]
+      }
+    },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": {
-        "fontWeight": "{text.body.weight}",
-        "fontSize": "{text.body.size.medium}",
-        "lineHeight": "{text.body.lineHeight.medium}",
-        "fontFamily": "{fontStack.sansSerif}"
-      },
-      "$type": "typography",
-      "$description": "Default UI font. Most commonly used for body text."
+      "$value": "20px",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "typography",
+          "scopes": ["fontSize"]
+        }
+      }
     },
-    "name": "text-body-shorthand-medium",
+    "name": "text-subtitle-size",
     "attributes": {},
-    "path": ["text", "body", "shorthand", "medium"],
-    "value": "400 0.875rem/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-    "type": "typography",
-    "description": "Default UI font. Most commonly used for body text."
+    "path": ["text", "subtitle", "size"],
+    "key": "{text.subtitle.size}",
+    "value": "1.25rem",
+    "type": "dimension"
   },
-  "text-body-shorthand-small": {
+  "text-subtitle-weight": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "typography",
+        "scopes": ["fontWeight"]
+      }
+    },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": {
-        "fontWeight": "{text.body.weight}",
-        "fontSize": "{text.body.size.small}",
-        "lineHeight": "{text.body.lineHeight.small}",
-        "fontFamily": "{fontStack.sansSerif}"
-      },
-      "$type": "typography",
-      "$description": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px."
+      "$value": "{base.text.weight.normal}",
+      "$type": "fontWeight",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "typography",
+          "scopes": ["fontWeight"]
+        }
+      }
     },
-    "name": "text-body-shorthand-small",
+    "name": "text-subtitle-weight",
     "attributes": {},
-    "path": ["text", "body", "shorthand", "small"],
-    "value": "400 0.75rem/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-    "type": "typography",
-    "description": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px."
+    "path": ["text", "subtitle", "weight"],
+    "key": "{text.subtitle.weight}",
+    "value": 400,
+    "type": "fontWeight"
   },
-  "text-caption-size": {
+  "text-title-lineHeight-large": {
     "$extensions": {
+      "org.primer.data": {
+        "fontSize": 32
+      },
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["fontSize"]
+        "scopes": ["lineHeight"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "12px",
-      "$type": "dimension",
+      "$value": 1.5,
+      "$type": "number",
       "$extensions": {
+        "org.primer.data": {
+          "fontSize": 32
+        },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["fontSize"]
+          "scopes": ["lineHeight"]
         }
       }
     },
-    "name": "text-caption-size",
+    "name": "text-title-lineHeight-large",
     "attributes": {},
-    "path": ["text", "caption", "size"],
-    "value": "0.75rem",
-    "type": "dimension"
+    "path": ["text", "title", "lineHeight", "large"],
+    "key": "{text.title.lineHeight.large}",
+    "value": 1.5,
+    "type": "number"
   },
-  "text-caption-lineHeight": {
+  "text-title-lineHeight-medium": {
     "$extensions": {
       "org.primer.data": {
-        "fontSize": 12
+        "fontSize": 20
       },
       "org.primer.figma": {
         "collection": "typography",
@@ -928,11 +937,11 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 1.3333,
+      "$value": 1.6,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
-          "fontSize": 12
+          "fontSize": 20
         },
         "org.primer.figma": {
           "collection": "typography",
@@ -940,58 +949,109 @@
         }
       }
     },
-    "name": "text-caption-lineHeight",
+    "name": "text-title-lineHeight-medium",
     "attributes": {},
-    "path": ["text", "caption", "lineHeight"],
-    "value": 1.3333,
+    "path": ["text", "title", "lineHeight", "medium"],
+    "key": "{text.title.lineHeight.medium}",
+    "value": 1.6,
     "type": "number"
   },
-  "text-caption-weight": {
+  "text-title-lineHeight-small": {
     "$extensions": {
+      "org.primer.data": {
+        "fontSize": 16
+      },
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["fontWeight"]
+        "scopes": ["lineHeight"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.text.weight.normal}",
-      "$type": "fontWeight",
+      "$value": 1.5,
+      "$type": "number",
       "$extensions": {
+        "org.primer.data": {
+          "fontSize": 16
+        },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["fontWeight"]
+          "scopes": ["lineHeight"]
         }
       }
     },
-    "name": "text-caption-weight",
+    "name": "text-title-lineHeight-small",
     "attributes": {},
-    "path": ["text", "caption", "weight"],
-    "value": 400,
-    "type": "fontWeight"
+    "path": ["text", "title", "lineHeight", "small"],
+    "key": "{text.title.lineHeight.small}",
+    "value": 1.5,
+    "type": "number"
   },
-  "text-caption-shorthand": {
+  "text-title-shorthand-large": {
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
       "$value": {
-        "fontWeight": "{text.caption.weight}",
-        "fontSize": "{text.caption.size}",
-        "lineHeight": "{text.caption.lineHeight}",
+        "fontWeight": "{text.title.weight.large}",
+        "fontSize": "{text.title.size.large}",
+        "lineHeight": "{text.title.lineHeight.large}",
+        "fontFamily": "{fontStack.sansSerifDisplay}"
+      },
+      "$type": "typography",
+      "$description": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports."
+    },
+    "name": "text-title-shorthand-large",
+    "attributes": {},
+    "path": ["text", "title", "shorthand", "large"],
+    "key": "{text.title.shorthand.large}",
+    "value": "600 2rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "type": "typography",
+    "description": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports."
+  },
+  "text-title-shorthand-medium": {
+    "filePath": "src/tokens/functional/typography/typography.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "fontWeight": "{text.title.weight.medium}",
+        "fontSize": "{text.title.size.medium}",
+        "lineHeight": "{text.title.lineHeight.medium}",
+        "fontFamily": "{fontStack.sansSerifDisplay}"
+      },
+      "$type": "typography",
+      "$description": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition."
+    },
+    "name": "text-title-shorthand-medium",
+    "attributes": {},
+    "path": ["text", "title", "shorthand", "medium"],
+    "key": "{text.title.shorthand.medium}",
+    "value": "600 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "type": "typography",
+    "description": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition."
+  },
+  "text-title-shorthand-small": {
+    "filePath": "src/tokens/functional/typography/typography.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "fontWeight": "{text.title.weight.small}",
+        "fontSize": "{text.title.size.small}",
+        "lineHeight": "{text.title.lineHeight.small}",
         "fontFamily": "{fontStack.sansSerif}"
       },
       "$type": "typography",
-      "$description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
+      "$description": "Uses the same size as body (large) with a heavier weight of semibold (600)."
     },
-    "name": "text-caption-shorthand",
+    "name": "text-title-shorthand-small",
     "attributes": {},
-    "path": ["text", "caption", "shorthand"],
-    "value": "400 0.75rem/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "path": ["text", "title", "shorthand", "small"],
+    "key": "{text.title.shorthand.small}",
+    "value": "600 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "typography",
-    "description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
+    "description": "Uses the same size as body (large) with a heavier weight of semibold (600)."
   },
-  "text-codeBlock-size": {
+  "text-title-size-large": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1001,7 +1061,7 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "13px",
+      "$value": "32px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1010,114 +1070,92 @@
         }
       }
     },
-    "name": "text-codeBlock-size",
+    "name": "text-title-size-large",
     "attributes": {},
-    "path": ["text", "codeBlock", "size"],
-    "value": "0.8125rem",
+    "path": ["text", "title", "size", "large"],
+    "key": "{text.title.size.large}",
+    "value": "2rem",
     "type": "dimension"
   },
-  "text-codeBlock-lineHeight": {
+  "text-title-size-medium": {
     "$extensions": {
-      "org.primer.data": {
-        "fontSize": 13
-      },
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["lineHeight"]
+        "scopes": ["fontSize"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 1.5385,
-      "$type": "number",
+      "$value": "20px",
+      "$type": "dimension",
       "$extensions": {
-        "org.primer.data": {
-          "fontSize": 13
-        },
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["lineHeight"]
+          "scopes": ["fontSize"]
         }
       }
     },
-    "name": "text-codeBlock-lineHeight",
+    "name": "text-title-size-medium",
     "attributes": {},
-    "path": ["text", "codeBlock", "lineHeight"],
-    "value": 1.5385,
-    "type": "number"
+    "path": ["text", "title", "size", "medium"],
+    "key": "{text.title.size.medium}",
+    "value": "1.25rem",
+    "type": "dimension"
   },
-  "text-codeBlock-weight": {
+  "text-title-size-small": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["fontWeight"]
+        "scopes": ["fontSize"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.text.weight.normal}",
-      "$type": "fontWeight",
+      "$value": "16px",
+      "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["fontWeight"]
+          "scopes": ["fontSize"]
         }
       }
     },
-    "name": "text-codeBlock-weight",
-    "attributes": {},
-    "path": ["text", "codeBlock", "weight"],
-    "value": 400,
-    "type": "fontWeight"
-  },
-  "text-codeBlock-shorthand": {
-    "filePath": "src/tokens/functional/typography/typography.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "fontWeight": "{text.codeBlock.weight}",
-        "fontSize": "{text.codeBlock.size}",
-        "lineHeight": "{text.codeBlock.lineHeight}",
-        "fontFamily": "{fontStack.monospace}"
-      },
-      "$type": "typography",
-      "$description": "Default style for rendering code blocks."
-    },
-    "name": "text-codeBlock-shorthand",
+    "name": "text-title-size-small",
     "attributes": {},
-    "path": ["text", "codeBlock", "shorthand"],
-    "value": "400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
-    "type": "typography",
-    "description": "Default style for rendering code blocks."
+    "path": ["text", "title", "size", "small"],
+    "key": "{text.title.size.small}",
+    "value": "1rem",
+    "type": "dimension"
   },
-  "text-codeInline-size": {
+  "text-title-weight-large": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
-        "scopes": ["fontSize"]
+        "scopes": ["fontWeight"]
       }
     },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "0.9285em",
-      "$type": "dimension",
+      "$value": "{base.text.weight.semibold}",
+      "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
           "collection": "typography",
-          "scopes": ["fontSize"]
+          "scopes": ["fontWeight"]
         }
       }
     },
-    "name": "text-codeInline-size",
+    "name": "text-title-weight-large",
     "attributes": {},
-    "path": ["text", "codeInline", "size"],
-    "value": "0.9285em",
-    "type": "dimension"
+    "path": ["text", "title", "weight", "large"],
+    "key": "{text.title.weight.large}",
+    "value": 600,
+    "type": "fontWeight"
   },
-  "text-codeInline-weight": {
+  "text-title-weight-medium": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1127,7 +1165,7 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.text.weight.normal}",
+      "$value": "{base.text.weight.semibold}",
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -1136,29 +1174,37 @@
         }
       }
     },
-    "name": "text-codeInline-weight",
+    "name": "text-title-weight-medium",
     "attributes": {},
-    "path": ["text", "codeInline", "weight"],
-    "value": 400,
+    "path": ["text", "title", "weight", "medium"],
+    "key": "{text.title.weight.medium}",
+    "value": 600,
     "type": "fontWeight"
   },
-  "text-codeInline-shorthand": {
+  "text-title-weight-small": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "typography",
+        "scopes": ["fontWeight"]
+      }
+    },
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": {
-        "fontWeight": "{text.codeInline.weight}",
-        "fontSize": "{text.codeInline.size}",
-        "fontFamily": "{fontStack.monospace}"
-      },
-      "$type": "typography",
-      "$description": "Inline code blocks using em units to inherit size from its parent."
+      "$value": "{base.text.weight.semibold}",
+      "$type": "fontWeight",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "typography",
+          "scopes": ["fontWeight"]
+        }
+      }
     },
-    "name": "text-codeInline-shorthand",
+    "name": "text-title-weight-small",
     "attributes": {},
-    "path": ["text", "codeInline", "shorthand"],
-    "value": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
-    "type": "typography",
-    "description": "Inline code blocks using em units to inherit size from its parent."
+    "path": ["text", "title", "weight", "small"],
+    "key": "{text.title.weight.small}",
+    "value": 600,
+    "type": "fontWeight"
   }
 }