@primer/primitives 9.1.2 → 10.0.0-rc.29e661a3

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

@@ -1,7 +1,5 @@
 {
   "fontStack-system": {
-    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-    "$type": "fontFamily",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -11,7 +9,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "$type": "fontFamily",
       "$extensions": {
         "org.primer.figma": {
@@ -22,11 +20,11 @@
     },
     "name": "fontStack-system",
     "attributes": {},
-    "path": ["fontStack", "system"]
+    "path": ["fontStack", "system"],
+    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "type": "fontFamily"
   },
   "fontStack-sansSerif": {
-    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-    "$type": "fontFamily",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -36,7 +34,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "$type": "fontFamily",
       "$extensions": {
         "org.primer.figma": {
@@ -47,11 +45,11 @@
     },
     "name": "fontStack-sansSerif",
     "attributes": {},
-    "path": ["fontStack", "sansSerif"]
+    "path": ["fontStack", "sansSerif"],
+    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "type": "fontFamily"
   },
   "fontStack-sansSerifDisplay": {
-    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-    "$type": "fontFamily",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -61,7 +59,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "$type": "fontFamily",
       "$extensions": {
         "org.primer.figma": {
@@ -72,11 +70,11 @@
     },
     "name": "fontStack-sansSerifDisplay",
     "attributes": {},
-    "path": ["fontStack", "sansSerifDisplay"]
+    "path": ["fontStack", "sansSerifDisplay"],
+    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "type": "fontFamily"
   },
   "fontStack-monospace": {
-    "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
-    "$type": "fontFamily",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -86,7 +84,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
+      "$value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
       "$type": "fontFamily",
       "$extensions": {
         "org.primer.figma": {
@@ -97,11 +95,11 @@
     },
     "name": "fontStack-monospace",
     "attributes": {},
-    "path": ["fontStack", "monospace"]
+    "path": ["fontStack", "monospace"],
+    "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
+    "type": "fontFamily"
   },
   "text-display-lineBoxHeight": {
-    "value": 1.4,
-    "$type": "number",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 40
@@ -115,7 +113,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 1.4,
+      "$value": 1.4,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
@@ -130,11 +128,11 @@
     },
     "name": "text-display-lineBoxHeight",
     "attributes": {},
-    "path": ["text", "display", "lineBoxHeight"]
+    "path": ["text", "display", "lineBoxHeight"],
+    "value": 1.4,
+    "type": "number"
   },
   "text-display-size": {
-    "value": "2.5rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -144,7 +142,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "40px",
+      "$value": "40px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -155,11 +153,11 @@
     },
     "name": "text-display-size",
     "attributes": {},
-    "path": ["text", "display", "size"]
+    "path": ["text", "display", "size"],
+    "value": "2.5rem",
+    "type": "dimension"
   },
   "text-display-lineHeight": {
-    "value": 1.4,
-    "$type": "number",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 40
@@ -172,7 +170,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 1.4,
+      "$value": 1.4,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
@@ -186,11 +184,11 @@
     },
     "name": "text-display-lineHeight",
     "attributes": {},
-    "path": ["text", "display", "lineHeight"]
+    "path": ["text", "display", "lineHeight"],
+    "value": 1.4,
+    "type": "number"
   },
   "text-display-weight": {
-    "value": 500,
-    "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -200,7 +198,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "{base.text.weight.medium}",
+      "$value": "{base.text.weight.medium}",
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -211,31 +209,31 @@
     },
     "name": "text-display-weight",
     "attributes": {},
-    "path": ["text", "display", "weight"]
+    "path": ["text", "display", "weight"],
+    "value": 500,
+    "type": "fontWeight"
   },
   "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",
-    "comment": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": {
+      "$value": {
         "fontWeight": "{text.display.weight}",
         "fontSize": "{text.display.size}",
         "lineHeight": "{text.display.lineHeight}",
         "fontFamily": "{fontStack.sansSerifDisplay}"
       },
       "$type": "typography",
-      "comment": "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."
     },
     "name": "text-display-shorthand",
     "attributes": {},
-    "path": ["text", "display", "shorthand"]
+    "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'",
+    "type": "typography",
+    "description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
   },
   "text-title-size-large": {
-    "value": "2rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -245,7 +243,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "32px",
+      "$value": "32px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -256,11 +254,11 @@
     },
     "name": "text-title-size-large",
     "attributes": {},
-    "path": ["text", "title", "size", "large"]
+    "path": ["text", "title", "size", "large"],
+    "value": "2rem",
+    "type": "dimension"
   },
   "text-title-size-medium": {
-    "value": "1.25rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -270,7 +268,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "20px",
+      "$value": "20px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -281,11 +279,11 @@
     },
     "name": "text-title-size-medium",
     "attributes": {},
-    "path": ["text", "title", "size", "medium"]
+    "path": ["text", "title", "size", "medium"],
+    "value": "1.25rem",
+    "type": "dimension"
   },
   "text-title-size-small": {
-    "value": "1rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -295,7 +293,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "16px",
+      "$value": "16px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -306,11 +304,11 @@
     },
     "name": "text-title-size-small",
     "attributes": {},
-    "path": ["text", "title", "size", "small"]
+    "path": ["text", "title", "size", "small"],
+    "value": "1rem",
+    "type": "dimension"
   },
   "text-title-lineHeight-large": {
-    "value": 1.5,
-    "$type": "number",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 32
@@ -323,7 +321,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 1.5,
+      "$value": 1.5,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
@@ -337,11 +335,11 @@
     },
     "name": "text-title-lineHeight-large",
     "attributes": {},
-    "path": ["text", "title", "lineHeight", "large"]
+    "path": ["text", "title", "lineHeight", "large"],
+    "value": 1.5,
+    "type": "number"
   },
   "text-title-lineHeight-medium": {
-    "value": 1.6,
-    "$type": "number",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 20
@@ -354,7 +352,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 1.6,
+      "$value": 1.6,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
@@ -368,11 +366,11 @@
     },
     "name": "text-title-lineHeight-medium",
     "attributes": {},
-    "path": ["text", "title", "lineHeight", "medium"]
+    "path": ["text", "title", "lineHeight", "medium"],
+    "value": 1.6,
+    "type": "number"
   },
   "text-title-lineHeight-small": {
-    "value": 1.5,
-    "$type": "number",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 16
@@ -385,7 +383,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 1.5,
+      "$value": 1.5,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
@@ -399,11 +397,11 @@
     },
     "name": "text-title-lineHeight-small",
     "attributes": {},
-    "path": ["text", "title", "lineHeight", "small"]
+    "path": ["text", "title", "lineHeight", "small"],
+    "value": 1.5,
+    "type": "number"
   },
   "text-title-weight-large": {
-    "value": 600,
-    "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -413,7 +411,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "{base.text.weight.semibold}",
+      "$value": "{base.text.weight.semibold}",
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -424,11 +422,11 @@
     },
     "name": "text-title-weight-large",
     "attributes": {},
-    "path": ["text", "title", "weight", "large"]
+    "path": ["text", "title", "weight", "large"],
+    "value": 600,
+    "type": "fontWeight"
   },
   "text-title-weight-medium": {
-    "value": 600,
-    "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -438,7 +436,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "{base.text.weight.semibold}",
+      "$value": "{base.text.weight.semibold}",
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -449,11 +447,11 @@
     },
     "name": "text-title-weight-medium",
     "attributes": {},
-    "path": ["text", "title", "weight", "medium"]
+    "path": ["text", "title", "weight", "medium"],
+    "value": 600,
+    "type": "fontWeight"
   },
   "text-title-weight-small": {
-    "value": 600,
-    "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -463,7 +461,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "{base.text.weight.semibold}",
+      "$value": "{base.text.weight.semibold}",
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -474,71 +472,71 @@
     },
     "name": "text-title-weight-small",
     "attributes": {},
-    "path": ["text", "title", "weight", "small"]
+    "path": ["text", "title", "weight", "small"],
+    "value": 600,
+    "type": "fontWeight"
   },
   "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",
-    "comment": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": {
+      "$value": {
         "fontWeight": "{text.title.weight.large}",
         "fontSize": "{text.title.size.large}",
         "lineHeight": "{text.title.lineHeight.large}",
         "fontFamily": "{fontStack.sansSerifDisplay}"
       },
       "$type": "typography",
-      "comment": "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."
     },
     "name": "text-title-shorthand-large",
     "attributes": {},
-    "path": ["text", "title", "shorthand", "large"]
+    "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": {
-    "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",
-    "comment": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": {
+      "$value": {
         "fontWeight": "{text.title.weight.medium}",
         "fontSize": "{text.title.size.medium}",
         "lineHeight": "{text.title.lineHeight.medium}",
         "fontFamily": "{fontStack.sansSerifDisplay}"
       },
       "$type": "typography",
-      "comment": "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."
     },
     "name": "text-title-shorthand-medium",
     "attributes": {},
-    "path": ["text", "title", "shorthand", "medium"]
+    "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."
   },
   "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",
-    "comment": "Uses the same size as body (large) with a heavier weight of semibold (600).",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": {
+      "$value": {
         "fontWeight": "{text.title.weight.small}",
         "fontSize": "{text.title.size.small}",
         "lineHeight": "{text.title.lineHeight.small}",
         "fontFamily": "{fontStack.sansSerif}"
       },
       "$type": "typography",
-      "comment": "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)."
     },
     "name": "text-title-shorthand-small",
     "attributes": {},
-    "path": ["text", "title", "shorthand", "small"]
+    "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'",
+    "type": "typography",
+    "description": "Uses the same size as body (large) with a heavier weight of semibold (600)."
   },
   "text-subtitle-size": {
-    "value": "1.25rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -548,7 +546,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "20px",
+      "$value": "20px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -559,11 +557,11 @@
     },
     "name": "text-subtitle-size",
     "attributes": {},
-    "path": ["text", "subtitle", "size"]
+    "path": ["text", "subtitle", "size"],
+    "value": "1.25rem",
+    "type": "dimension"
   },
   "text-subtitle-lineHeight": {
-    "value": 1.6,
-    "$type": "number",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 20
@@ -576,7 +574,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 1.6,
+      "$value": 1.6,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
@@ -590,11 +588,11 @@
     },
     "name": "text-subtitle-lineHeight",
     "attributes": {},
-    "path": ["text", "subtitle", "lineHeight"]
+    "path": ["text", "subtitle", "lineHeight"],
+    "value": 1.6,
+    "type": "number"
   },
   "text-subtitle-weight": {
-    "value": 400,
-    "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -604,7 +602,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "{base.text.weight.normal}",
+      "$value": "{base.text.weight.normal}",
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -615,31 +613,31 @@
     },
     "name": "text-subtitle-weight",
     "attributes": {},
-    "path": ["text", "subtitle", "weight"]
+    "path": ["text", "subtitle", "weight"],
+    "value": 400,
+    "type": "fontWeight"
   },
   "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",
-    "comment": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": {
+      "$value": {
         "fontWeight": "{text.subtitle.weight}",
         "fontSize": "{text.subtitle.size}",
         "lineHeight": "{text.subtitle.lineHeight}",
         "fontFamily": "{fontStack.sansSerifDisplay}"
       },
       "$type": "typography",
-      "comment": "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)."
     },
     "name": "text-subtitle-shorthand",
     "attributes": {},
-    "path": ["text", "subtitle", "shorthand"]
+    "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'",
+    "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-body-size-large": {
-    "value": "1rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -649,7 +647,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "16px",
+      "$value": "16px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -660,11 +658,11 @@
     },
     "name": "text-body-size-large",
     "attributes": {},
-    "path": ["text", "body", "size", "large"]
+    "path": ["text", "body", "size", "large"],
+    "value": "1rem",
+    "type": "dimension"
   },
   "text-body-size-medium": {
-    "value": "0.875rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -674,7 +672,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "14px",
+      "$value": "14px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -685,11 +683,11 @@
     },
     "name": "text-body-size-medium",
     "attributes": {},
-    "path": ["text", "body", "size", "medium"]
+    "path": ["text", "body", "size", "medium"],
+    "value": "0.875rem",
+    "type": "dimension"
   },
   "text-body-size-small": {
-    "value": "0.75rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -699,7 +697,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "12px",
+      "$value": "12px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -710,11 +708,11 @@
     },
     "name": "text-body-size-small",
     "attributes": {},
-    "path": ["text", "body", "size", "small"]
+    "path": ["text", "body", "size", "small"],
+    "value": "0.75rem",
+    "type": "dimension"
   },
   "text-body-lineHeight-large": {
-    "value": 1.5,
-    "$type": "number",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 16
@@ -727,7 +725,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 1.5,
+      "$value": 1.5,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
@@ -741,11 +739,11 @@
     },
     "name": "text-body-lineHeight-large",
     "attributes": {},
-    "path": ["text", "body", "lineHeight", "large"]
+    "path": ["text", "body", "lineHeight", "large"],
+    "value": 1.5,
+    "type": "number"
   },
   "text-body-lineHeight-medium": {
-    "value": 1.4285,
-    "$type": "number",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 14
@@ -758,7 +756,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 1.4285,
+      "$value": 1.4285,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
@@ -772,11 +770,11 @@
     },
     "name": "text-body-lineHeight-medium",
     "attributes": {},
-    "path": ["text", "body", "lineHeight", "medium"]
+    "path": ["text", "body", "lineHeight", "medium"],
+    "value": 1.4285,
+    "type": "number"
   },
   "text-body-lineHeight-small": {
-    "value": 1.6666,
-    "$type": "number",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 12
@@ -789,7 +787,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 1.6666,
+      "$value": 1.6666,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
@@ -803,11 +801,11 @@
     },
     "name": "text-body-lineHeight-small",
     "attributes": {},
-    "path": ["text", "body", "lineHeight", "small"]
+    "path": ["text", "body", "lineHeight", "small"],
+    "value": 1.6666,
+    "type": "number"
   },
   "text-body-weight": {
-    "value": 400,
-    "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -817,7 +815,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "{base.text.weight.normal}",
+      "$value": "{base.text.weight.normal}",
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -828,71 +826,71 @@
     },
     "name": "text-body-weight",
     "attributes": {},
-    "path": ["text", "body", "weight"]
+    "path": ["text", "body", "weight"],
+    "value": 400,
+    "type": "fontWeight"
   },
   "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",
-    "comment": "User-generated content, markdown rendering.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": {
+      "$value": {
         "fontWeight": "{text.body.weight}",
         "fontSize": "{text.body.size.large}",
         "lineHeight": "{text.body.lineHeight.large}",
         "fontFamily": "{fontStack.sansSerif}"
       },
       "$type": "typography",
-      "comment": "User-generated content, markdown rendering."
+      "$description": "User-generated content, markdown rendering."
     },
     "name": "text-body-shorthand-large",
     "attributes": {},
-    "path": ["text", "body", "shorthand", "large"]
+    "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'",
+    "type": "typography",
+    "description": "User-generated content, markdown rendering."
   },
   "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",
-    "comment": "Default UI font. Most commonly used for body text.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": {
+      "$value": {
         "fontWeight": "{text.body.weight}",
         "fontSize": "{text.body.size.medium}",
         "lineHeight": "{text.body.lineHeight.medium}",
         "fontFamily": "{fontStack.sansSerif}"
       },
       "$type": "typography",
-      "comment": "Default UI font. Most commonly used for body text."
+      "$description": "Default UI font. Most commonly used for body text."
     },
     "name": "text-body-shorthand-medium",
     "attributes": {},
-    "path": ["text", "body", "shorthand", "medium"]
+    "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."
   },
   "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",
-    "comment": "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.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": {
+      "$value": {
         "fontWeight": "{text.body.weight}",
         "fontSize": "{text.body.size.small}",
         "lineHeight": "{text.body.lineHeight.small}",
         "fontFamily": "{fontStack.sansSerif}"
       },
       "$type": "typography",
-      "comment": "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."
     },
     "name": "text-body-shorthand-small",
     "attributes": {},
-    "path": ["text", "body", "shorthand", "small"]
+    "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."
   },
   "text-caption-size": {
-    "value": "0.75rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -902,7 +900,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "12px",
+      "$value": "12px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -913,11 +911,11 @@
     },
     "name": "text-caption-size",
     "attributes": {},
-    "path": ["text", "caption", "size"]
+    "path": ["text", "caption", "size"],
+    "value": "0.75rem",
+    "type": "dimension"
   },
   "text-caption-lineHeight": {
-    "value": 1.3333,
-    "$type": "number",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 12
@@ -930,7 +928,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 1.3333,
+      "$value": 1.3333,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
@@ -944,11 +942,11 @@
     },
     "name": "text-caption-lineHeight",
     "attributes": {},
-    "path": ["text", "caption", "lineHeight"]
+    "path": ["text", "caption", "lineHeight"],
+    "value": 1.3333,
+    "type": "number"
   },
   "text-caption-weight": {
-    "value": 400,
-    "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -958,7 +956,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "{base.text.weight.normal}",
+      "$value": "{base.text.weight.normal}",
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -969,31 +967,31 @@
     },
     "name": "text-caption-weight",
     "attributes": {},
-    "path": ["text", "caption", "weight"]
+    "path": ["text", "caption", "weight"],
+    "value": 400,
+    "type": "fontWeight"
   },
   "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",
-    "comment": "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.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": {
+      "$value": {
         "fontWeight": "{text.caption.weight}",
         "fontSize": "{text.caption.size}",
         "lineHeight": "{text.caption.lineHeight}",
         "fontFamily": "{fontStack.sansSerif}"
       },
       "$type": "typography",
-      "comment": "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."
     },
     "name": "text-caption-shorthand",
     "attributes": {},
-    "path": ["text", "caption", "shorthand"]
+    "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'",
+    "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-codeBlock-size": {
-    "value": "0.8125rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1003,7 +1001,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "13px",
+      "$value": "13px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1014,11 +1012,11 @@
     },
     "name": "text-codeBlock-size",
     "attributes": {},
-    "path": ["text", "codeBlock", "size"]
+    "path": ["text", "codeBlock", "size"],
+    "value": "0.8125rem",
+    "type": "dimension"
   },
   "text-codeBlock-lineHeight": {
-    "value": 1.5385,
-    "$type": "number",
     "$extensions": {
       "org.primer.data": {
         "fontSize": 13
@@ -1031,7 +1029,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 1.5385,
+      "$value": 1.5385,
       "$type": "number",
       "$extensions": {
         "org.primer.data": {
@@ -1045,11 +1043,11 @@
     },
     "name": "text-codeBlock-lineHeight",
     "attributes": {},
-    "path": ["text", "codeBlock", "lineHeight"]
+    "path": ["text", "codeBlock", "lineHeight"],
+    "value": 1.5385,
+    "type": "number"
   },
   "text-codeBlock-weight": {
-    "value": 400,
-    "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1059,7 +1057,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "{base.text.weight.normal}",
+      "$value": "{base.text.weight.normal}",
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -1070,31 +1068,31 @@
     },
     "name": "text-codeBlock-weight",
     "attributes": {},
-    "path": ["text", "codeBlock", "weight"]
+    "path": ["text", "codeBlock", "weight"],
+    "value": 400,
+    "type": "fontWeight"
   },
   "text-codeBlock-shorthand": {
-    "value": "400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
-    "$type": "typography",
-    "comment": "Default style for rendering code blocks.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": {
+      "$value": {
         "fontWeight": "{text.codeBlock.weight}",
         "fontSize": "{text.codeBlock.size}",
         "lineHeight": "{text.codeBlock.lineHeight}",
         "fontFamily": "{fontStack.monospace}"
       },
       "$type": "typography",
-      "comment": "Default style for rendering code blocks."
+      "$description": "Default style for rendering code blocks."
     },
     "name": "text-codeBlock-shorthand",
     "attributes": {},
-    "path": ["text", "codeBlock", "shorthand"]
+    "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."
   },
   "text-codeInline-size": {
-    "value": "0.9285em",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1104,7 +1102,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "0.9285em",
+      "$value": "0.9285em",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1115,11 +1113,11 @@
     },
     "name": "text-codeInline-size",
     "attributes": {},
-    "path": ["text", "codeInline", "size"]
+    "path": ["text", "codeInline", "size"],
+    "value": "0.9285em",
+    "type": "dimension"
   },
   "text-codeInline-weight": {
-    "value": 400,
-    "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
         "collection": "typography",
@@ -1129,7 +1127,7 @@
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "{base.text.weight.normal}",
+      "$value": "{base.text.weight.normal}",
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -1140,25 +1138,27 @@
     },
     "name": "text-codeInline-weight",
     "attributes": {},
-    "path": ["text", "codeInline", "weight"]
+    "path": ["text", "codeInline", "weight"],
+    "value": 400,
+    "type": "fontWeight"
   },
   "text-codeInline-shorthand": {
-    "value": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
-    "$type": "typography",
-    "comment": "Inline code blocks using em units to inherit size from its parent.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": {
+      "$value": {
         "fontWeight": "{text.codeInline.weight}",
         "fontSize": "{text.codeInline.size}",
         "fontFamily": "{fontStack.monospace}"
       },
       "$type": "typography",
-      "comment": "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."
     },
     "name": "text-codeInline-shorthand",
     "attributes": {},
-    "path": ["text", "codeInline", "shorthand"]
+    "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."
   }
 }