@primer/primitives 10.8.0-rc.2155b901 → 10.8.0-rc.4b626bdd

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

@@ -1,5 +1,6 @@
 {
   "fontStack-monospace": {
+    "key": "{fontStack.monospace}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -16,16 +17,17 @@
           "collection": "typography",
           "scopes": ["fontFamily"]
         }
-      }
+      },
+      "key": "{fontStack.monospace}"
     },
     "name": "fontStack-monospace",
     "attributes": {},
     "path": ["fontStack", "monospace"],
-    "key": "{fontStack.monospace}",
     "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     "type": "fontFamily"
   },
   "fontStack-sansSerif": {
+    "key": "{fontStack.sansSerif}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -42,16 +44,17 @@
           "collection": "typography",
           "scopes": ["fontFamily"]
         }
-      }
+      },
+      "key": "{fontStack.sansSerif}"
     },
     "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"
   },
   "fontStack-sansSerifDisplay": {
+    "key": "{fontStack.sansSerifDisplay}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -68,16 +71,17 @@
           "collection": "typography",
           "scopes": ["fontFamily"]
         }
-      }
+      },
+      "key": "{fontStack.sansSerifDisplay}"
     },
     "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-system": {
+    "key": "{fontStack.system}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -94,16 +98,17 @@
           "collection": "typography",
           "scopes": ["fontFamily"]
         }
-      }
+      },
+      "key": "{fontStack.system}"
     },
     "name": "fontStack-system",
     "attributes": {},
     "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-body-lineHeight-large": {
+    "key": "{text.body.lineHeight.large}",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 16
@@ -126,16 +131,17 @@
           "collection": "typography",
           "scopes": ["lineHeight"]
         }
-      }
+      },
+      "key": "{text.body.lineHeight.large}"
     },
     "name": "text-body-lineHeight-large",
     "attributes": {},
     "path": ["text", "body", "lineHeight", "large"],
-    "key": "{text.body.lineHeight.large}",
     "value": 1.5,
     "type": "number"
   },
   "text-body-lineHeight-medium": {
+    "key": "{text.body.lineHeight.medium}",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 14
@@ -158,16 +164,17 @@
           "collection": "typography",
           "scopes": ["lineHeight"]
         }
-      }
+      },
+      "key": "{text.body.lineHeight.medium}"
     },
     "name": "text-body-lineHeight-medium",
     "attributes": {},
     "path": ["text", "body", "lineHeight", "medium"],
-    "key": "{text.body.lineHeight.medium}",
     "value": 1.4285,
     "type": "number"
   },
   "text-body-lineHeight-small": {
+    "key": "{text.body.lineHeight.small}",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 12
@@ -190,16 +197,17 @@
           "collection": "typography",
           "scopes": ["lineHeight"]
         }
-      }
+      },
+      "key": "{text.body.lineHeight.small}"
     },
     "name": "text-body-lineHeight-small",
     "attributes": {},
     "path": ["text", "body", "lineHeight", "small"],
-    "key": "{text.body.lineHeight.small}",
     "value": 1.6666,
     "type": "number"
   },
   "text-body-shorthand-large": {
+    "key": "{text.body.shorthand.large}",
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
@@ -210,17 +218,18 @@
         "fontFamily": "{fontStack.sansSerif}"
       },
       "$type": "typography",
-      "$description": "User-generated content, markdown rendering."
+      "$description": "User-generated content, markdown rendering.",
+      "key": "{text.body.shorthand.large}"
     },
     "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": {
+    "key": "{text.body.shorthand.medium}",
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
@@ -231,17 +240,18 @@
         "fontFamily": "{fontStack.sansSerif}"
       },
       "$type": "typography",
-      "$description": "Default UI font. Most commonly used for body text."
+      "$description": "Default UI font. Most commonly used for body text.",
+      "key": "{text.body.shorthand.medium}"
     },
     "name": "text-body-shorthand-medium",
     "attributes": {},
     "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-body-shorthand-small": {
+    "key": "{text.body.shorthand.small}",
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
@@ -252,17 +262,18 @@
         "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."
+      "$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.",
+      "key": "{text.body.shorthand.small}"
     },
     "name": "text-body-shorthand-small",
     "attributes": {},
     "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": "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-body-size-large": {
+    "key": "{text.body.size.large}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -279,16 +290,17 @@
           "collection": "typography",
           "scopes": ["fontSize"]
         }
-      }
+      },
+      "key": "{text.body.size.large}"
     },
     "name": "text-body-size-large",
     "attributes": {},
     "path": ["text", "body", "size", "large"],
-    "key": "{text.body.size.large}",
     "value": "1rem",
     "type": "dimension"
   },
   "text-body-size-medium": {
+    "key": "{text.body.size.medium}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -305,16 +317,17 @@
           "collection": "typography",
           "scopes": ["fontSize"]
         }
-      }
+      },
+      "key": "{text.body.size.medium}"
     },
     "name": "text-body-size-medium",
     "attributes": {},
     "path": ["text", "body", "size", "medium"],
-    "key": "{text.body.size.medium}",
     "value": "0.875rem",
     "type": "dimension"
   },
   "text-body-size-small": {
+    "key": "{text.body.size.small}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -331,16 +344,17 @@
           "collection": "typography",
           "scopes": ["fontSize"]
         }
-      }
+      },
+      "key": "{text.body.size.small}"
     },
     "name": "text-body-size-small",
     "attributes": {},
     "path": ["text", "body", "size", "small"],
-    "key": "{text.body.size.small}",
     "value": "0.75rem",
     "type": "dimension"
   },
   "text-body-weight": {
+    "key": "{text.body.weight}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -357,16 +371,17 @@
           "collection": "typography",
           "scopes": ["fontWeight"]
         }
-      }
+      },
+      "key": "{text.body.weight}"
     },
     "name": "text-body-weight",
     "attributes": {},
     "path": ["text", "body", "weight"],
-    "key": "{text.body.weight}",
     "value": 400,
     "type": "fontWeight"
   },
   "text-caption-lineHeight": {
+    "key": "{text.caption.lineHeight}",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 12
@@ -389,16 +404,17 @@
           "collection": "typography",
           "scopes": ["lineHeight"]
         }
-      }
+      },
+      "key": "{text.caption.lineHeight}"
     },
     "name": "text-caption-lineHeight",
     "attributes": {},
     "path": ["text", "caption", "lineHeight"],
-    "key": "{text.caption.lineHeight}",
     "value": 1.3333,
     "type": "number"
   },
   "text-caption-shorthand": {
+    "key": "{text.caption.shorthand}",
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
@@ -409,17 +425,18 @@
         "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": "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.",
+      "key": "{text.caption.shorthand}"
     },
     "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": {
+    "key": "{text.caption.size}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -436,16 +453,17 @@
           "collection": "typography",
           "scopes": ["fontSize"]
         }
-      }
+      },
+      "key": "{text.caption.size}"
     },
     "name": "text-caption-size",
     "attributes": {},
     "path": ["text", "caption", "size"],
-    "key": "{text.caption.size}",
     "value": "0.75rem",
     "type": "dimension"
   },
   "text-caption-weight": {
+    "key": "{text.caption.weight}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -462,16 +480,17 @@
           "collection": "typography",
           "scopes": ["fontWeight"]
         }
-      }
+      },
+      "key": "{text.caption.weight}"
     },
     "name": "text-caption-weight",
     "attributes": {},
     "path": ["text", "caption", "weight"],
-    "key": "{text.caption.weight}",
     "value": 400,
     "type": "fontWeight"
   },
   "text-codeBlock-lineHeight": {
+    "key": "{text.codeBlock.lineHeight}",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 13
@@ -494,16 +513,17 @@
           "collection": "typography",
           "scopes": ["lineHeight"]
         }
-      }
+      },
+      "key": "{text.codeBlock.lineHeight}"
     },
     "name": "text-codeBlock-lineHeight",
     "attributes": {},
     "path": ["text", "codeBlock", "lineHeight"],
-    "key": "{text.codeBlock.lineHeight}",
     "value": 1.5385,
     "type": "number"
   },
   "text-codeBlock-shorthand": {
+    "key": "{text.codeBlock.shorthand}",
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
@@ -514,17 +534,18 @@
         "fontFamily": "{fontStack.monospace}"
       },
       "$type": "typography",
-      "$description": "Default style for rendering code blocks."
+      "$description": "Default style for rendering code blocks.",
+      "key": "{text.codeBlock.shorthand}"
     },
     "name": "text-codeBlock-shorthand",
     "attributes": {},
     "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": "Default style for rendering code blocks."
   },
   "text-codeBlock-size": {
+    "key": "{text.codeBlock.size}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -541,16 +562,17 @@
           "collection": "typography",
           "scopes": ["fontSize"]
         }
-      }
+      },
+      "key": "{text.codeBlock.size}"
     },
     "name": "text-codeBlock-size",
     "attributes": {},
     "path": ["text", "codeBlock", "size"],
-    "key": "{text.codeBlock.size}",
     "value": "0.8125rem",
     "type": "dimension"
   },
   "text-codeBlock-weight": {
+    "key": "{text.codeBlock.weight}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -567,16 +589,17 @@
           "collection": "typography",
           "scopes": ["fontWeight"]
         }
-      }
+      },
+      "key": "{text.codeBlock.weight}"
     },
     "name": "text-codeBlock-weight",
     "attributes": {},
     "path": ["text", "codeBlock", "weight"],
-    "key": "{text.codeBlock.weight}",
     "value": 400,
     "type": "fontWeight"
   },
   "text-codeInline-shorthand": {
+    "key": "{text.codeInline.shorthand}",
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
@@ -586,17 +609,18 @@
         "fontFamily": "{fontStack.monospace}"
       },
       "$type": "typography",
-      "$description": "Inline code blocks using em units to inherit size from its parent."
+      "$description": "Inline code blocks using em units to inherit size from its parent.",
+      "key": "{text.codeInline.shorthand}"
     },
     "name": "text-codeInline-shorthand",
     "attributes": {},
     "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": "Inline code blocks using em units to inherit size from its parent."
   },
   "text-codeInline-size": {
+    "key": "{text.codeInline.size}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -613,16 +637,17 @@
           "collection": "typography",
           "scopes": ["fontSize"]
         }
-      }
+      },
+      "key": "{text.codeInline.size}"
     },
     "name": "text-codeInline-size",
     "attributes": {},
     "path": ["text", "codeInline", "size"],
-    "key": "{text.codeInline.size}",
     "value": "0.9285em",
     "type": "dimension"
   },
   "text-codeInline-weight": {
+    "key": "{text.codeInline.weight}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -639,16 +664,17 @@
           "collection": "typography",
           "scopes": ["fontWeight"]
         }
-      }
+      },
+      "key": "{text.codeInline.weight}"
     },
     "name": "text-codeInline-weight",
     "attributes": {},
     "path": ["text", "codeInline", "weight"],
-    "key": "{text.codeInline.weight}",
     "value": 400,
     "type": "fontWeight"
   },
   "text-display-lineBoxHeight": {
+    "key": "{text.display.lineBoxHeight}",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 40
@@ -673,16 +699,17 @@
           "scopes": ["lineHeight"],
           "fontSizeInPx": 40
         }
-      }
+      },
+      "key": "{text.display.lineBoxHeight}"
     },
     "name": "text-display-lineBoxHeight",
     "attributes": {},
     "path": ["text", "display", "lineBoxHeight"],
-    "key": "{text.display.lineBoxHeight}",
     "value": 1.4,
     "type": "number"
   },
   "text-display-lineHeight": {
+    "key": "{text.display.lineHeight}",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 40
@@ -705,16 +732,17 @@
           "collection": "typography",
           "scopes": ["lineHeight"]
         }
-      }
+      },
+      "key": "{text.display.lineHeight}"
     },
     "name": "text-display-lineHeight",
     "attributes": {},
     "path": ["text", "display", "lineHeight"],
-    "key": "{text.display.lineHeight}",
     "value": 1.4,
     "type": "number"
   },
   "text-display-shorthand": {
+    "key": "{text.display.shorthand}",
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
@@ -725,17 +753,18 @@
         "fontFamily": "{fontStack.sansSerifDisplay}"
       },
       "$type": "typography",
-      "$description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
+      "$description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.",
+      "key": "{text.display.shorthand}"
     },
     "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": {
+    "key": "{text.display.size}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -752,16 +781,17 @@
           "collection": "typography",
           "scopes": ["fontSize"]
         }
-      }
+      },
+      "key": "{text.display.size}"
     },
     "name": "text-display-size",
     "attributes": {},
     "path": ["text", "display", "size"],
-    "key": "{text.display.size}",
     "value": "2.5rem",
     "type": "dimension"
   },
   "text-display-weight": {
+    "key": "{text.display.weight}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -778,16 +808,17 @@
           "collection": "typography",
           "scopes": ["fontWeight"]
         }
-      }
+      },
+      "key": "{text.display.weight}"
     },
     "name": "text-display-weight",
     "attributes": {},
     "path": ["text", "display", "weight"],
-    "key": "{text.display.weight}",
     "value": 500,
     "type": "fontWeight"
   },
   "text-subtitle-lineHeight": {
+    "key": "{text.subtitle.lineHeight}",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 20
@@ -810,16 +841,17 @@
           "collection": "typography",
           "scopes": ["lineHeight"]
         }
-      }
+      },
+      "key": "{text.subtitle.lineHeight}"
     },
     "name": "text-subtitle-lineHeight",
     "attributes": {},
     "path": ["text", "subtitle", "lineHeight"],
-    "key": "{text.subtitle.lineHeight}",
     "value": 1.6,
     "type": "number"
   },
   "text-subtitle-shorthand": {
+    "key": "{text.subtitle.shorthand}",
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
@@ -830,17 +862,18 @@
         "fontFamily": "{fontStack.sansSerifDisplay}"
       },
       "$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": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).",
+      "key": "{text.subtitle.shorthand}"
     },
     "name": "text-subtitle-shorthand",
     "attributes": {},
     "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": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
   },
   "text-subtitle-size": {
+    "key": "{text.subtitle.size}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -857,16 +890,17 @@
           "collection": "typography",
           "scopes": ["fontSize"]
         }
-      }
+      },
+      "key": "{text.subtitle.size}"
     },
     "name": "text-subtitle-size",
     "attributes": {},
     "path": ["text", "subtitle", "size"],
-    "key": "{text.subtitle.size}",
     "value": "1.25rem",
     "type": "dimension"
   },
   "text-subtitle-weight": {
+    "key": "{text.subtitle.weight}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -883,16 +917,17 @@
           "collection": "typography",
           "scopes": ["fontWeight"]
         }
-      }
+      },
+      "key": "{text.subtitle.weight}"
     },
     "name": "text-subtitle-weight",
     "attributes": {},
     "path": ["text", "subtitle", "weight"],
-    "key": "{text.subtitle.weight}",
     "value": 400,
     "type": "fontWeight"
   },
   "text-title-lineHeight-large": {
+    "key": "{text.title.lineHeight.large}",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 32
@@ -915,16 +950,17 @@
           "collection": "typography",
           "scopes": ["lineHeight"]
         }
-      }
+      },
+      "key": "{text.title.lineHeight.large}"
     },
     "name": "text-title-lineHeight-large",
     "attributes": {},
     "path": ["text", "title", "lineHeight", "large"],
-    "key": "{text.title.lineHeight.large}",
     "value": 1.5,
     "type": "number"
   },
   "text-title-lineHeight-medium": {
+    "key": "{text.title.lineHeight.medium}",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 20
@@ -947,16 +983,17 @@
           "collection": "typography",
           "scopes": ["lineHeight"]
         }
-      }
+      },
+      "key": "{text.title.lineHeight.medium}"
     },
     "name": "text-title-lineHeight-medium",
     "attributes": {},
     "path": ["text", "title", "lineHeight", "medium"],
-    "key": "{text.title.lineHeight.medium}",
     "value": 1.6,
     "type": "number"
   },
   "text-title-lineHeight-small": {
+    "key": "{text.title.lineHeight.small}",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 16
@@ -979,16 +1016,17 @@
           "collection": "typography",
           "scopes": ["lineHeight"]
         }
-      }
+      },
+      "key": "{text.title.lineHeight.small}"
     },
     "name": "text-title-lineHeight-small",
     "attributes": {},
     "path": ["text", "title", "lineHeight", "small"],
-    "key": "{text.title.lineHeight.small}",
     "value": 1.5,
     "type": "number"
   },
   "text-title-shorthand-large": {
+    "key": "{text.title.shorthand.large}",
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
@@ -999,17 +1037,18 @@
         "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."
+      "$description": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.",
+      "key": "{text.title.shorthand.large}"
     },
     "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": {
+    "key": "{text.title.shorthand.medium}",
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
@@ -1020,17 +1059,18 @@
         "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."
+      "$description": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.",
+      "key": "{text.title.shorthand.medium}"
     },
     "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": {
+    "key": "{text.title.shorthand.small}",
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
@@ -1041,17 +1081,18 @@
         "fontFamily": "{fontStack.sansSerif}"
       },
       "$type": "typography",
-      "$description": "Uses the same size as body (large) with a heavier weight of semibold (600)."
+      "$description": "Uses the same size as body (large) with a heavier weight of semibold (600).",
+      "key": "{text.title.shorthand.small}"
     },
     "name": "text-title-shorthand-small",
     "attributes": {},
     "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": "Uses the same size as body (large) with a heavier weight of semibold (600)."
   },
   "text-title-size-large": {
+    "key": "{text.title.size.large}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1068,16 +1109,17 @@
           "collection": "typography",
           "scopes": ["fontSize"]
         }
-      }
+      },
+      "key": "{text.title.size.large}"
     },
     "name": "text-title-size-large",
     "attributes": {},
     "path": ["text", "title", "size", "large"],
-    "key": "{text.title.size.large}",
     "value": "2rem",
     "type": "dimension"
   },
   "text-title-size-medium": {
+    "key": "{text.title.size.medium}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1094,16 +1136,17 @@
           "collection": "typography",
           "scopes": ["fontSize"]
         }
-      }
+      },
+      "key": "{text.title.size.medium}"
     },
     "name": "text-title-size-medium",
     "attributes": {},
     "path": ["text", "title", "size", "medium"],
-    "key": "{text.title.size.medium}",
     "value": "1.25rem",
     "type": "dimension"
   },
   "text-title-size-small": {
+    "key": "{text.title.size.small}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1120,16 +1163,17 @@
           "collection": "typography",
           "scopes": ["fontSize"]
         }
-      }
+      },
+      "key": "{text.title.size.small}"
     },
     "name": "text-title-size-small",
     "attributes": {},
     "path": ["text", "title", "size", "small"],
-    "key": "{text.title.size.small}",
     "value": "1rem",
     "type": "dimension"
   },
   "text-title-weight-large": {
+    "key": "{text.title.weight.large}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1146,16 +1190,17 @@
           "collection": "typography",
           "scopes": ["fontWeight"]
         }
-      }
+      },
+      "key": "{text.title.weight.large}"
     },
     "name": "text-title-weight-large",
     "attributes": {},
     "path": ["text", "title", "weight", "large"],
-    "key": "{text.title.weight.large}",
     "value": 600,
     "type": "fontWeight"
   },
   "text-title-weight-medium": {
+    "key": "{text.title.weight.medium}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1172,16 +1217,17 @@
           "collection": "typography",
           "scopes": ["fontWeight"]
         }
-      }
+      },
+      "key": "{text.title.weight.medium}"
     },
     "name": "text-title-weight-medium",
     "attributes": {},
     "path": ["text", "title", "weight", "medium"],
-    "key": "{text.title.weight.medium}",
     "value": 600,
     "type": "fontWeight"
   },
   "text-title-weight-small": {
+    "key": "{text.title.weight.small}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1198,12 +1244,12 @@
           "collection": "typography",
           "scopes": ["fontWeight"]
         }
-      }
+      },
+      "key": "{text.title.weight.small}"
     },
     "name": "text-title-weight-small",
     "attributes": {},
     "path": ["text", "title", "weight", "small"],
-    "key": "{text.title.weight.small}",
     "value": 600,
     "type": "fontWeight"
   }