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

package/dist/docs/functional/size/size.json

@@ -1,5 +1,6 @@
 {
   "control-large-gap": {
+    "key": "{control.large.gap}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -16,16 +17,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.large.gap}"
     },
     "name": "control-large-gap",
     "attributes": {},
     "path": ["control", "large", "gap"],
-    "key": "{control.large.gap}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "control-large-lineBoxHeight": {
+    "key": "{control.large.lineBoxHeight}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -42,16 +44,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.large.lineBoxHeight}"
     },
     "name": "control-large-lineBoxHeight",
     "attributes": {},
     "path": ["control", "large", "lineBoxHeight"],
-    "key": "{control.large.lineBoxHeight}",
     "value": "1.25rem",
     "type": "dimension"
   },
   "control-large-paddingBlock": {
+    "key": "{control.large.paddingBlock}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -68,16 +71,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.large.paddingBlock}"
     },
     "name": "control-large-paddingBlock",
     "attributes": {},
     "path": ["control", "large", "paddingBlock"],
-    "key": "{control.large.paddingBlock}",
     "value": "0.625rem",
     "type": "dimension"
   },
   "control-large-paddingInline-normal": {
+    "key": "{control.large.paddingInline.normal}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -94,16 +98,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.large.paddingInline.normal}"
     },
     "name": "control-large-paddingInline-normal",
     "attributes": {},
     "path": ["control", "large", "paddingInline", "normal"],
-    "key": "{control.large.paddingInline.normal}",
     "value": "0.75rem",
     "type": "dimension"
   },
   "control-large-paddingInline-spacious": {
+    "key": "{control.large.paddingInline.spacious}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -120,16 +125,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.large.paddingInline.spacious}"
     },
     "name": "control-large-paddingInline-spacious",
     "attributes": {},
     "path": ["control", "large", "paddingInline", "spacious"],
-    "key": "{control.large.paddingInline.spacious}",
     "value": "1rem",
     "type": "dimension"
   },
   "control-large-size": {
+    "key": "{control.large.size}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -146,16 +152,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.large.size}"
     },
     "name": "control-large-size",
     "attributes": {},
     "path": ["control", "large", "size"],
-    "key": "{control.large.size}",
     "value": "2.5rem",
     "type": "dimension"
   },
   "control-medium-gap": {
+    "key": "{control.medium.gap}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -172,16 +179,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.medium.gap}"
     },
     "name": "control-medium-gap",
     "attributes": {},
     "path": ["control", "medium", "gap"],
-    "key": "{control.medium.gap}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "control-medium-lineBoxHeight": {
+    "key": "{control.medium.lineBoxHeight}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -198,16 +206,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.medium.lineBoxHeight}"
     },
     "name": "control-medium-lineBoxHeight",
     "attributes": {},
     "path": ["control", "medium", "lineBoxHeight"],
-    "key": "{control.medium.lineBoxHeight}",
     "value": "1.25rem",
     "type": "dimension"
   },
   "control-medium-paddingBlock": {
+    "key": "{control.medium.paddingBlock}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -224,16 +233,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.medium.paddingBlock}"
     },
     "name": "control-medium-paddingBlock",
     "attributes": {},
     "path": ["control", "medium", "paddingBlock"],
-    "key": "{control.medium.paddingBlock}",
     "value": "0.375rem",
     "type": "dimension"
   },
   "control-medium-paddingInline-condensed": {
+    "key": "{control.medium.paddingInline.condensed}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -250,16 +260,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.medium.paddingInline.condensed}"
     },
     "name": "control-medium-paddingInline-condensed",
     "attributes": {},
     "path": ["control", "medium", "paddingInline", "condensed"],
-    "key": "{control.medium.paddingInline.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "control-medium-paddingInline-normal": {
+    "key": "{control.medium.paddingInline.normal}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -276,16 +287,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.medium.paddingInline.normal}"
     },
     "name": "control-medium-paddingInline-normal",
     "attributes": {},
     "path": ["control", "medium", "paddingInline", "normal"],
-    "key": "{control.medium.paddingInline.normal}",
     "value": "0.75rem",
     "type": "dimension"
   },
   "control-medium-paddingInline-spacious": {
+    "key": "{control.medium.paddingInline.spacious}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -302,16 +314,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.medium.paddingInline.spacious}"
     },
     "name": "control-medium-paddingInline-spacious",
     "attributes": {},
     "path": ["control", "medium", "paddingInline", "spacious"],
-    "key": "{control.medium.paddingInline.spacious}",
     "value": "1rem",
     "type": "dimension"
   },
   "control-medium-size": {
+    "key": "{control.medium.size}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -328,16 +341,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.medium.size}"
     },
     "name": "control-medium-size",
     "attributes": {},
     "path": ["control", "medium", "size"],
-    "key": "{control.medium.size}",
     "value": "2rem",
     "type": "dimension"
   },
   "control-minTarget-coarse": {
+    "key": "{control.minTarget.coarse}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -354,16 +368,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.minTarget.coarse}"
     },
     "name": "control-minTarget-coarse",
     "attributes": {},
     "path": ["control", "minTarget", "coarse"],
-    "key": "{control.minTarget.coarse}",
     "value": "2.75rem",
     "type": "dimension"
   },
   "control-minTarget-fine": {
+    "key": "{control.minTarget.fine}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -380,16 +395,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.minTarget.fine}"
     },
     "name": "control-minTarget-fine",
     "attributes": {},
     "path": ["control", "minTarget", "fine"],
-    "key": "{control.minTarget.fine}",
     "value": "1rem",
     "type": "dimension"
   },
   "control-small-gap": {
+    "key": "{control.small.gap}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -406,16 +422,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.small.gap}"
     },
     "name": "control-small-gap",
     "attributes": {},
     "path": ["control", "small", "gap"],
-    "key": "{control.small.gap}",
     "value": "0.25rem",
     "type": "dimension"
   },
   "control-small-lineBoxHeight": {
+    "key": "{control.small.lineBoxHeight}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -432,16 +449,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.small.lineBoxHeight}"
     },
     "name": "control-small-lineBoxHeight",
     "attributes": {},
     "path": ["control", "small", "lineBoxHeight"],
-    "key": "{control.small.lineBoxHeight}",
     "value": "1.25rem",
     "type": "dimension"
   },
   "control-small-paddingBlock": {
+    "key": "{control.small.paddingBlock}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -458,16 +476,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.small.paddingBlock}"
     },
     "name": "control-small-paddingBlock",
     "attributes": {},
     "path": ["control", "small", "paddingBlock"],
-    "key": "{control.small.paddingBlock}",
     "value": "0.25rem",
     "type": "dimension"
   },
   "control-small-paddingInline-condensed": {
+    "key": "{control.small.paddingInline.condensed}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -484,16 +503,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.small.paddingInline.condensed}"
     },
     "name": "control-small-paddingInline-condensed",
     "attributes": {},
     "path": ["control", "small", "paddingInline", "condensed"],
-    "key": "{control.small.paddingInline.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "control-small-paddingInline-normal": {
+    "key": "{control.small.paddingInline.normal}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -510,16 +530,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.small.paddingInline.normal}"
     },
     "name": "control-small-paddingInline-normal",
     "attributes": {},
     "path": ["control", "small", "paddingInline", "normal"],
-    "key": "{control.small.paddingInline.normal}",
     "value": "0.75rem",
     "type": "dimension"
   },
   "control-small-size": {
+    "key": "{control.small.size}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -536,16 +557,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.small.size}"
     },
     "name": "control-small-size",
     "attributes": {},
     "path": ["control", "small", "size"],
-    "key": "{control.small.size}",
     "value": "1.75rem",
     "type": "dimension"
   },
   "control-xlarge-gap": {
+    "key": "{control.xlarge.gap}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -562,16 +584,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.xlarge.gap}"
     },
     "name": "control-xlarge-gap",
     "attributes": {},
     "path": ["control", "xlarge", "gap"],
-    "key": "{control.xlarge.gap}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "control-xlarge-lineBoxHeight": {
+    "key": "{control.xlarge.lineBoxHeight}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -588,16 +611,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.xlarge.lineBoxHeight}"
     },
     "name": "control-xlarge-lineBoxHeight",
     "attributes": {},
     "path": ["control", "xlarge", "lineBoxHeight"],
-    "key": "{control.xlarge.lineBoxHeight}",
     "value": "1.25rem",
     "type": "dimension"
   },
   "control-xlarge-paddingBlock": {
+    "key": "{control.xlarge.paddingBlock}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -614,16 +638,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.xlarge.paddingBlock}"
     },
     "name": "control-xlarge-paddingBlock",
     "attributes": {},
     "path": ["control", "xlarge", "paddingBlock"],
-    "key": "{control.xlarge.paddingBlock}",
     "value": "0.875rem",
     "type": "dimension"
   },
   "control-xlarge-paddingInline-normal": {
+    "key": "{control.xlarge.paddingInline.normal}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -640,16 +665,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.xlarge.paddingInline.normal}"
     },
     "name": "control-xlarge-paddingInline-normal",
     "attributes": {},
     "path": ["control", "xlarge", "paddingInline", "normal"],
-    "key": "{control.xlarge.paddingInline.normal}",
     "value": "0.75rem",
     "type": "dimension"
   },
   "control-xlarge-paddingInline-spacious": {
+    "key": "{control.xlarge.paddingInline.spacious}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -666,16 +692,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.xlarge.paddingInline.spacious}"
     },
     "name": "control-xlarge-paddingInline-spacious",
     "attributes": {},
     "path": ["control", "xlarge", "paddingInline", "spacious"],
-    "key": "{control.xlarge.paddingInline.spacious}",
     "value": "1rem",
     "type": "dimension"
   },
   "control-xlarge-size": {
+    "key": "{control.xlarge.size}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -692,16 +719,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.xlarge.size}"
     },
     "name": "control-xlarge-size",
     "attributes": {},
     "path": ["control", "xlarge", "size"],
-    "key": "{control.xlarge.size}",
     "value": "3rem",
     "type": "dimension"
   },
   "control-xsmall-gap": {
+    "key": "{control.xsmall.gap}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -718,16 +746,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.xsmall.gap}"
     },
     "name": "control-xsmall-gap",
     "attributes": {},
     "path": ["control", "xsmall", "gap"],
-    "key": "{control.xsmall.gap}",
     "value": "0.25rem",
     "type": "dimension"
   },
   "control-xsmall-lineBoxHeight": {
+    "key": "{control.xsmall.lineBoxHeight}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -744,16 +773,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.xsmall.lineBoxHeight}"
     },
     "name": "control-xsmall-lineBoxHeight",
     "attributes": {},
     "path": ["control", "xsmall", "lineBoxHeight"],
-    "key": "{control.xsmall.lineBoxHeight}",
     "value": "1.25rem",
     "type": "dimension"
   },
   "control-xsmall-paddingBlock": {
+    "key": "{control.xsmall.paddingBlock}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -770,16 +800,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.xsmall.paddingBlock}"
     },
     "name": "control-xsmall-paddingBlock",
     "attributes": {},
     "path": ["control", "xsmall", "paddingBlock"],
-    "key": "{control.xsmall.paddingBlock}",
     "value": "0.125rem",
     "type": "dimension"
   },
   "control-xsmall-paddingInline-condensed": {
+    "key": "{control.xsmall.paddingInline.condensed}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -796,16 +827,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.xsmall.paddingInline.condensed}"
     },
     "name": "control-xsmall-paddingInline-condensed",
     "attributes": {},
     "path": ["control", "xsmall", "paddingInline", "condensed"],
-    "key": "{control.xsmall.paddingInline.condensed}",
     "value": "0.25rem",
     "type": "dimension"
   },
   "control-xsmall-paddingInline-normal": {
+    "key": "{control.xsmall.paddingInline.normal}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -822,16 +854,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.xsmall.paddingInline.normal}"
     },
     "name": "control-xsmall-paddingInline-normal",
     "attributes": {},
     "path": ["control", "xsmall", "paddingInline", "normal"],
-    "key": "{control.xsmall.paddingInline.normal}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "control-xsmall-paddingInline-spacious": {
+    "key": "{control.xsmall.paddingInline.spacious}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -848,16 +881,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{control.xsmall.paddingInline.spacious}"
     },
     "name": "control-xsmall-paddingInline-spacious",
     "attributes": {},
     "path": ["control", "xsmall", "paddingInline", "spacious"],
-    "key": "{control.xsmall.paddingInline.spacious}",
     "value": "0.75rem",
     "type": "dimension"
   },
   "control-xsmall-size": {
+    "key": "{control.xsmall.size}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -874,16 +908,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{control.xsmall.size}"
     },
     "name": "control-xsmall-size",
     "attributes": {},
     "path": ["control", "xsmall", "size"],
-    "key": "{control.xsmall.size}",
     "value": "1.5rem",
     "type": "dimension"
   },
   "controlStack-large-gap-auto": {
+    "key": "{controlStack.large.gap.auto}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -900,16 +935,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{controlStack.large.gap.auto}"
     },
     "name": "controlStack-large-gap-auto",
     "attributes": {},
     "path": ["controlStack", "large", "gap", "auto"],
-    "key": "{controlStack.large.gap.auto}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "controlStack-large-gap-condensed": {
+    "key": "{controlStack.large.gap.condensed}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -926,16 +962,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{controlStack.large.gap.condensed}"
     },
     "name": "controlStack-large-gap-condensed",
     "attributes": {},
     "path": ["controlStack", "large", "gap", "condensed"],
-    "key": "{controlStack.large.gap.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "controlStack-large-gap-spacious": {
+    "key": "{controlStack.large.gap.spacious}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -952,16 +989,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{controlStack.large.gap.spacious}"
     },
     "name": "controlStack-large-gap-spacious",
     "attributes": {},
     "path": ["controlStack", "large", "gap", "spacious"],
-    "key": "{controlStack.large.gap.spacious}",
     "value": "0.75rem",
     "type": "dimension"
   },
   "controlStack-medium-gap-condensed": {
+    "key": "{controlStack.medium.gap.condensed}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -978,16 +1016,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{controlStack.medium.gap.condensed}"
     },
     "name": "controlStack-medium-gap-condensed",
     "attributes": {},
     "path": ["controlStack", "medium", "gap", "condensed"],
-    "key": "{controlStack.medium.gap.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "controlStack-medium-gap-spacious": {
+    "key": "{controlStack.medium.gap.spacious}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1004,16 +1043,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{controlStack.medium.gap.spacious}"
     },
     "name": "controlStack-medium-gap-spacious",
     "attributes": {},
     "path": ["controlStack", "medium", "gap", "spacious"],
-    "key": "{controlStack.medium.gap.spacious}",
     "value": "0.75rem",
     "type": "dimension"
   },
   "controlStack-small-gap-condensed": {
+    "key": "{controlStack.small.gap.condensed}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1030,16 +1070,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{controlStack.small.gap.condensed}"
     },
     "name": "controlStack-small-gap-condensed",
     "attributes": {},
     "path": ["controlStack", "small", "gap", "condensed"],
-    "key": "{controlStack.small.gap.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "controlStack-small-gap-spacious": {
+    "key": "{controlStack.small.gap.spacious}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1056,16 +1097,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{controlStack.small.gap.spacious}"
     },
     "name": "controlStack-small-gap-spacious",
     "attributes": {},
     "path": ["controlStack", "small", "gap", "spacious"],
-    "key": "{controlStack.small.gap.spacious}",
     "value": "1rem",
     "type": "dimension"
   },
   "overlay-borderRadius": {
+    "key": "{overlay.borderRadius}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1082,16 +1124,17 @@
           "collection": "pattern/size",
           "scopes": ["radius"]
         }
-      }
+      },
+      "key": "{overlay.borderRadius}"
     },
     "name": "overlay-borderRadius",
     "attributes": {},
     "path": ["overlay", "borderRadius"],
-    "key": "{overlay.borderRadius}",
     "value": "0.375rem",
     "type": "dimension"
   },
   "overlay-height-large": {
+    "key": "{overlay.height.large}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1108,16 +1151,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{overlay.height.large}"
     },
     "name": "overlay-height-large",
     "attributes": {},
     "path": ["overlay", "height", "large"],
-    "key": "{overlay.height.large}",
     "value": "27rem",
     "type": "dimension"
   },
   "overlay-height-medium": {
+    "key": "{overlay.height.medium}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1134,16 +1178,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{overlay.height.medium}"
     },
     "name": "overlay-height-medium",
     "attributes": {},
     "path": ["overlay", "height", "medium"],
-    "key": "{overlay.height.medium}",
     "value": "20rem",
     "type": "dimension"
   },
   "overlay-height-small": {
+    "key": "{overlay.height.small}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1160,16 +1205,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{overlay.height.small}"
     },
     "name": "overlay-height-small",
     "attributes": {},
     "path": ["overlay", "height", "small"],
-    "key": "{overlay.height.small}",
     "value": "16rem",
     "type": "dimension"
   },
   "overlay-height-xlarge": {
+    "key": "{overlay.height.xlarge}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1186,16 +1232,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{overlay.height.xlarge}"
     },
     "name": "overlay-height-xlarge",
     "attributes": {},
     "path": ["overlay", "height", "xlarge"],
-    "key": "{overlay.height.xlarge}",
     "value": "37.5rem",
     "type": "dimension"
   },
   "overlay-offset": {
+    "key": "{overlay.offset}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1212,16 +1259,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{overlay.offset}"
     },
     "name": "overlay-offset",
     "attributes": {},
     "path": ["overlay", "offset"],
-    "key": "{overlay.offset}",
     "value": "0.25rem",
     "type": "dimension"
   },
   "overlay-padding-condensed": {
+    "key": "{overlay.padding.condensed}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1238,16 +1286,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{overlay.padding.condensed}"
     },
     "name": "overlay-padding-condensed",
     "attributes": {},
     "path": ["overlay", "padding", "condensed"],
-    "key": "{overlay.padding.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "overlay-padding-normal": {
+    "key": "{overlay.padding.normal}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1264,16 +1313,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{overlay.padding.normal}"
     },
     "name": "overlay-padding-normal",
     "attributes": {},
     "path": ["overlay", "padding", "normal"],
-    "key": "{overlay.padding.normal}",
     "value": "1rem",
     "type": "dimension"
   },
   "overlay-paddingBlock-condensed": {
+    "key": "{overlay.paddingBlock.condensed}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1290,16 +1340,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{overlay.paddingBlock.condensed}"
     },
     "name": "overlay-paddingBlock-condensed",
     "attributes": {},
     "path": ["overlay", "paddingBlock", "condensed"],
-    "key": "{overlay.paddingBlock.condensed}",
     "value": "0.25rem",
     "type": "dimension"
   },
   "overlay-paddingBlock-normal": {
+    "key": "{overlay.paddingBlock.normal}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1316,16 +1367,17 @@
           "collection": "pattern/size",
           "scopes": ["gap"]
         }
-      }
+      },
+      "key": "{overlay.paddingBlock.normal}"
     },
     "name": "overlay-paddingBlock-normal",
     "attributes": {},
     "path": ["overlay", "paddingBlock", "normal"],
-    "key": "{overlay.paddingBlock.normal}",
     "value": "0.75rem",
     "type": "dimension"
   },
   "overlay-width-large": {
+    "key": "{overlay.width.large}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1342,16 +1394,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{overlay.width.large}"
     },
     "name": "overlay-width-large",
     "attributes": {},
     "path": ["overlay", "width", "large"],
-    "key": "{overlay.width.large}",
     "value": "40rem",
     "type": "dimension"
   },
   "overlay-width-medium": {
+    "key": "{overlay.width.medium}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1368,16 +1421,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{overlay.width.medium}"
     },
     "name": "overlay-width-medium",
     "attributes": {},
     "path": ["overlay", "width", "medium"],
-    "key": "{overlay.width.medium}",
     "value": "30rem",
     "type": "dimension"
   },
   "overlay-width-small": {
+    "key": "{overlay.width.small}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1394,16 +1448,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{overlay.width.small}"
     },
     "name": "overlay-width-small",
     "attributes": {},
     "path": ["overlay", "width", "small"],
-    "key": "{overlay.width.small}",
     "value": "20rem",
     "type": "dimension"
   },
   "overlay-width-xlarge": {
+    "key": "{overlay.width.xlarge}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1420,16 +1475,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{overlay.width.xlarge}"
     },
     "name": "overlay-width-xlarge",
     "attributes": {},
     "path": ["overlay", "width", "xlarge"],
-    "key": "{overlay.width.xlarge}",
     "value": "60rem",
     "type": "dimension"
   },
   "overlay-width-xsmall": {
+    "key": "{overlay.width.xsmall}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1446,16 +1502,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{overlay.width.xsmall}"
     },
     "name": "overlay-width-xsmall",
     "attributes": {},
     "path": ["overlay", "width", "xsmall"],
-    "key": "{overlay.width.xsmall}",
     "value": "12rem",
     "type": "dimension"
   },
   "spinner-size-large": {
+    "key": "{spinner.size.large}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1472,16 +1529,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{spinner.size.large}"
     },
     "name": "spinner-size-large",
     "attributes": {},
     "path": ["spinner", "size", "large"],
-    "key": "{spinner.size.large}",
     "value": "4rem",
     "type": "dimension"
   },
   "spinner-size-medium": {
+    "key": "{spinner.size.medium}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1498,16 +1556,17 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{spinner.size.medium}"
     },
     "name": "spinner-size-medium",
     "attributes": {},
     "path": ["spinner", "size", "medium"],
-    "key": "{spinner.size.medium}",
     "value": "2rem",
     "type": "dimension"
   },
   "spinner-size-small": {
+    "key": "{spinner.size.small}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1524,30 +1583,32 @@
           "collection": "pattern/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{spinner.size.small}"
     },
     "name": "spinner-size-small",
     "attributes": {},
     "path": ["spinner", "size", "small"],
-    "key": "{spinner.size.small}",
     "value": "1rem",
     "type": "dimension"
   },
   "spinner-strokeWidth-default": {
+    "key": "{spinner.strokeWidth.default}",
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
       "$value": "2px",
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{spinner.strokeWidth.default}"
     },
     "name": "spinner-strokeWidth-default",
     "attributes": {},
     "path": ["spinner", "strokeWidth", "default"],
-    "key": "{spinner.strokeWidth.default}",
     "value": "0.125rem",
     "type": "dimension"
   },
   "stack-gap-condensed": {
+    "key": "{stack.gap.condensed}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1572,16 +1633,17 @@
             "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
           }
         }
-      }
+      },
+      "key": "{stack.gap.condensed}"
     },
     "name": "stack-gap-condensed",
     "attributes": {},
     "path": ["stack", "gap", "condensed"],
-    "key": "{stack.gap.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "stack-gap-normal": {
+    "key": "{stack.gap.normal}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1606,16 +1668,17 @@
             "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
           }
         }
-      }
+      },
+      "key": "{stack.gap.normal}"
     },
     "name": "stack-gap-normal",
     "attributes": {},
     "path": ["stack", "gap", "normal"],
-    "key": "{stack.gap.normal}",
     "value": "1rem",
     "type": "dimension"
   },
   "stack-gap-spacious": {
+    "key": "{stack.gap.spacious}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1640,16 +1703,17 @@
             "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
           }
         }
-      }
+      },
+      "key": "{stack.gap.spacious}"
     },
     "name": "stack-gap-spacious",
     "attributes": {},
     "path": ["stack", "gap", "spacious"],
-    "key": "{stack.gap.spacious}",
     "value": "1.5rem",
     "type": "dimension"
   },
   "stack-padding-condensed": {
+    "key": "{stack.padding.condensed}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1674,16 +1738,17 @@
             "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
           }
         }
-      }
+      },
+      "key": "{stack.padding.condensed}"
     },
     "name": "stack-padding-condensed",
     "attributes": {},
     "path": ["stack", "padding", "condensed"],
-    "key": "{stack.padding.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
   "stack-padding-normal": {
+    "key": "{stack.padding.normal}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1708,16 +1773,17 @@
             "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
           }
         }
-      }
+      },
+      "key": "{stack.padding.normal}"
     },
     "name": "stack-padding-normal",
     "attributes": {},
     "path": ["stack", "padding", "normal"],
-    "key": "{stack.padding.normal}",
     "value": "1rem",
     "type": "dimension"
   },
   "stack-padding-spacious": {
+    "key": "{stack.padding.spacious}",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1742,12 +1808,12 @@
             "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
           }
         }
-      }
+      },
+      "key": "{stack.padding.spacious}"
     },
     "name": "stack-padding-spacious",
     "attributes": {},
     "path": ["stack", "padding", "spacious"],
-    "key": "{stack.padding.spacious}",
     "value": "1.5rem",
     "type": "dimension"
   }