@primer/primitives 10.2.0 → 10.3.0-rc.37645a3a

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

@@ -1,30 +1,31 @@
 {
-  "control-minTarget-fine": {
+  "control-large-gap": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["size"]
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.16}",
+      "$value": "{base.size.8}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["size"]
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "control-minTarget-fine",
+    "name": "control-large-gap",
     "attributes": {},
-    "path": ["control", "minTarget", "fine"],
-    "value": "1rem",
+    "path": ["control", "large", "gap"],
+    "key": "{control.large.gap}",
+    "value": "0.5rem",
     "type": "dimension"
   },
-  "control-minTarget-coarse": {
+  "control-large-lineBoxHeight": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -34,7 +35,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.44}",
+      "$value": "{base.size.20}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -43,63 +44,66 @@
         }
       }
     },
-    "name": "control-minTarget-coarse",
+    "name": "control-large-lineBoxHeight",
     "attributes": {},
-    "path": ["control", "minTarget", "coarse"],
-    "value": "2.75rem",
+    "path": ["control", "large", "lineBoxHeight"],
+    "key": "{control.large.lineBoxHeight}",
+    "value": "1.25rem",
     "type": "dimension"
   },
-  "control-xsmall-size": {
+  "control-large-paddingBlock": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["size"]
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.24}",
+      "$value": "10px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["size"]
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "control-xsmall-size",
+    "name": "control-large-paddingBlock",
     "attributes": {},
-    "path": ["control", "xsmall", "size"],
-    "value": "1.5rem",
+    "path": ["control", "large", "paddingBlock"],
+    "key": "{control.large.paddingBlock}",
+    "value": "0.625rem",
     "type": "dimension"
   },
-  "control-xsmall-lineBoxHeight": {
+  "control-large-paddingInline-normal": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["size"]
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.20}",
+      "$value": "{base.size.12}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["size"]
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "control-xsmall-lineBoxHeight",
+    "name": "control-large-paddingInline-normal",
     "attributes": {},
-    "path": ["control", "xsmall", "lineBoxHeight"],
-    "value": "1.25rem",
+    "path": ["control", "large", "paddingInline", "normal"],
+    "key": "{control.large.paddingInline.normal}",
+    "value": "0.75rem",
     "type": "dimension"
   },
-  "control-xsmall-paddingBlock": {
+  "control-large-paddingInline-spacious": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -109,7 +113,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "2px",
+      "$value": "{base.size.16}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -118,38 +122,40 @@
         }
       }
     },
-    "name": "control-xsmall-paddingBlock",
+    "name": "control-large-paddingInline-spacious",
     "attributes": {},
-    "path": ["control", "xsmall", "paddingBlock"],
-    "value": "0.125rem",
+    "path": ["control", "large", "paddingInline", "spacious"],
+    "key": "{control.large.paddingInline.spacious}",
+    "value": "1rem",
     "type": "dimension"
   },
-  "control-xsmall-paddingInline-condensed": {
+  "control-large-size": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "scopes": ["size"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.4}",
+      "$value": "{base.size.40}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "scopes": ["size"]
         }
       }
     },
-    "name": "control-xsmall-paddingInline-condensed",
+    "name": "control-large-size",
     "attributes": {},
-    "path": ["control", "xsmall", "paddingInline", "condensed"],
-    "value": "0.25rem",
+    "path": ["control", "large", "size"],
+    "key": "{control.large.size}",
+    "value": "2.5rem",
     "type": "dimension"
   },
-  "control-xsmall-paddingInline-normal": {
+  "control-medium-gap": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -168,38 +174,40 @@
         }
       }
     },
-    "name": "control-xsmall-paddingInline-normal",
+    "name": "control-medium-gap",
     "attributes": {},
-    "path": ["control", "xsmall", "paddingInline", "normal"],
+    "path": ["control", "medium", "gap"],
+    "key": "{control.medium.gap}",
     "value": "0.5rem",
     "type": "dimension"
   },
-  "control-xsmall-paddingInline-spacious": {
+  "control-medium-lineBoxHeight": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "scopes": ["size"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.12}",
+      "$value": "{base.size.20}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "scopes": ["size"]
         }
       }
     },
-    "name": "control-xsmall-paddingInline-spacious",
+    "name": "control-medium-lineBoxHeight",
     "attributes": {},
-    "path": ["control", "xsmall", "paddingInline", "spacious"],
-    "value": "0.75rem",
+    "path": ["control", "medium", "lineBoxHeight"],
+    "key": "{control.medium.lineBoxHeight}",
+    "value": "1.25rem",
     "type": "dimension"
   },
-  "control-xsmall-gap": {
+  "control-medium-paddingBlock": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -209,7 +217,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.4}",
+      "$value": "6px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -218,63 +226,66 @@
         }
       }
     },
-    "name": "control-xsmall-gap",
+    "name": "control-medium-paddingBlock",
     "attributes": {},
-    "path": ["control", "xsmall", "gap"],
-    "value": "0.25rem",
+    "path": ["control", "medium", "paddingBlock"],
+    "key": "{control.medium.paddingBlock}",
+    "value": "0.375rem",
     "type": "dimension"
   },
-  "control-small-size": {
+  "control-medium-paddingInline-condensed": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["size"]
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.28}",
+      "$value": "{base.size.8}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["size"]
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "control-small-size",
+    "name": "control-medium-paddingInline-condensed",
     "attributes": {},
-    "path": ["control", "small", "size"],
-    "value": "1.75rem",
+    "path": ["control", "medium", "paddingInline", "condensed"],
+    "key": "{control.medium.paddingInline.condensed}",
+    "value": "0.5rem",
     "type": "dimension"
   },
-  "control-small-lineBoxHeight": {
+  "control-medium-paddingInline-normal": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["size"]
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.20}",
+      "$value": "{base.size.12}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["size"]
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "control-small-lineBoxHeight",
+    "name": "control-medium-paddingInline-normal",
     "attributes": {},
-    "path": ["control", "small", "lineBoxHeight"],
-    "value": "1.25rem",
+    "path": ["control", "medium", "paddingInline", "normal"],
+    "key": "{control.medium.paddingInline.normal}",
+    "value": "0.75rem",
     "type": "dimension"
   },
-  "control-small-paddingBlock": {
+  "control-medium-paddingInline-spacious": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -284,7 +295,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.4}",
+      "$value": "{base.size.16}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -293,113 +304,118 @@
         }
       }
     },
-    "name": "control-small-paddingBlock",
+    "name": "control-medium-paddingInline-spacious",
     "attributes": {},
-    "path": ["control", "small", "paddingBlock"],
-    "value": "0.25rem",
+    "path": ["control", "medium", "paddingInline", "spacious"],
+    "key": "{control.medium.paddingInline.spacious}",
+    "value": "1rem",
     "type": "dimension"
   },
-  "control-small-paddingInline-condensed": {
+  "control-medium-size": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "scopes": ["size"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.8}",
+      "$value": "{base.size.32}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "scopes": ["size"]
         }
       }
     },
-    "name": "control-small-paddingInline-condensed",
+    "name": "control-medium-size",
     "attributes": {},
-    "path": ["control", "small", "paddingInline", "condensed"],
-    "value": "0.5rem",
+    "path": ["control", "medium", "size"],
+    "key": "{control.medium.size}",
+    "value": "2rem",
     "type": "dimension"
   },
-  "control-small-paddingInline-normal": {
+  "control-minTarget-coarse": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "scopes": ["size"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.12}",
+      "$value": "{base.size.44}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "scopes": ["size"]
         }
       }
     },
-    "name": "control-small-paddingInline-normal",
+    "name": "control-minTarget-coarse",
     "attributes": {},
-    "path": ["control", "small", "paddingInline", "normal"],
-    "value": "0.75rem",
+    "path": ["control", "minTarget", "coarse"],
+    "key": "{control.minTarget.coarse}",
+    "value": "2.75rem",
     "type": "dimension"
   },
-  "control-small-gap": {
+  "control-minTarget-fine": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "scopes": ["size"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.4}",
+      "$value": "{base.size.16}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "scopes": ["size"]
         }
       }
     },
-    "name": "control-small-gap",
+    "name": "control-minTarget-fine",
     "attributes": {},
-    "path": ["control", "small", "gap"],
-    "value": "0.25rem",
+    "path": ["control", "minTarget", "fine"],
+    "key": "{control.minTarget.fine}",
+    "value": "1rem",
     "type": "dimension"
   },
-  "control-medium-size": {
+  "control-small-gap": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["size"]
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.32}",
+      "$value": "{base.size.4}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["size"]
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "control-medium-size",
+    "name": "control-small-gap",
     "attributes": {},
-    "path": ["control", "medium", "size"],
-    "value": "2rem",
+    "path": ["control", "small", "gap"],
+    "key": "{control.small.gap}",
+    "value": "0.25rem",
     "type": "dimension"
   },
-  "control-medium-lineBoxHeight": {
+  "control-small-lineBoxHeight": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -418,13 +434,14 @@
         }
       }
     },
-    "name": "control-medium-lineBoxHeight",
+    "name": "control-small-lineBoxHeight",
     "attributes": {},
-    "path": ["control", "medium", "lineBoxHeight"],
+    "path": ["control", "small", "lineBoxHeight"],
+    "key": "{control.small.lineBoxHeight}",
     "value": "1.25rem",
     "type": "dimension"
   },
-  "control-medium-paddingBlock": {
+  "control-small-paddingBlock": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -434,7 +451,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "6px",
+      "$value": "{base.size.4}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -443,13 +460,14 @@
         }
       }
     },
-    "name": "control-medium-paddingBlock",
+    "name": "control-small-paddingBlock",
     "attributes": {},
-    "path": ["control", "medium", "paddingBlock"],
-    "value": "0.375rem",
+    "path": ["control", "small", "paddingBlock"],
+    "key": "{control.small.paddingBlock}",
+    "value": "0.25rem",
     "type": "dimension"
   },
-  "control-medium-paddingInline-condensed": {
+  "control-small-paddingInline-condensed": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -468,13 +486,14 @@
         }
       }
     },
-    "name": "control-medium-paddingInline-condensed",
+    "name": "control-small-paddingInline-condensed",
     "attributes": {},
-    "path": ["control", "medium", "paddingInline", "condensed"],
+    "path": ["control", "small", "paddingInline", "condensed"],
+    "key": "{control.small.paddingInline.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
-  "control-medium-paddingInline-normal": {
+  "control-small-paddingInline-normal": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -493,38 +512,40 @@
         }
       }
     },
-    "name": "control-medium-paddingInline-normal",
+    "name": "control-small-paddingInline-normal",
     "attributes": {},
-    "path": ["control", "medium", "paddingInline", "normal"],
+    "path": ["control", "small", "paddingInline", "normal"],
+    "key": "{control.small.paddingInline.normal}",
     "value": "0.75rem",
     "type": "dimension"
   },
-  "control-medium-paddingInline-spacious": {
+  "control-small-size": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "scopes": ["size"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.16}",
+      "$value": "{base.size.28}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "scopes": ["size"]
         }
       }
     },
-    "name": "control-medium-paddingInline-spacious",
+    "name": "control-small-size",
     "attributes": {},
-    "path": ["control", "medium", "paddingInline", "spacious"],
-    "value": "1rem",
+    "path": ["control", "small", "size"],
+    "key": "{control.small.size}",
+    "value": "1.75rem",
     "type": "dimension"
   },
-  "control-medium-gap": {
+  "control-xlarge-gap": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -543,13 +564,14 @@
         }
       }
     },
-    "name": "control-medium-gap",
+    "name": "control-xlarge-gap",
     "attributes": {},
-    "path": ["control", "medium", "gap"],
+    "path": ["control", "xlarge", "gap"],
+    "key": "{control.xlarge.gap}",
     "value": "0.5rem",
     "type": "dimension"
   },
-  "control-large-size": {
+  "control-xlarge-lineBoxHeight": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -559,7 +581,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.40}",
+      "$value": "{base.size.20}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -568,38 +590,40 @@
         }
       }
     },
-    "name": "control-large-size",
+    "name": "control-xlarge-lineBoxHeight",
     "attributes": {},
-    "path": ["control", "large", "size"],
-    "value": "2.5rem",
+    "path": ["control", "xlarge", "lineBoxHeight"],
+    "key": "{control.xlarge.lineBoxHeight}",
+    "value": "1.25rem",
     "type": "dimension"
   },
-  "control-large-lineBoxHeight": {
+  "control-xlarge-paddingBlock": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["size"]
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.20}",
+      "$value": "14px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["size"]
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "control-large-lineBoxHeight",
+    "name": "control-xlarge-paddingBlock",
     "attributes": {},
-    "path": ["control", "large", "lineBoxHeight"],
-    "value": "1.25rem",
+    "path": ["control", "xlarge", "paddingBlock"],
+    "key": "{control.xlarge.paddingBlock}",
+    "value": "0.875rem",
     "type": "dimension"
   },
-  "control-large-paddingBlock": {
+  "control-xlarge-paddingInline-normal": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -609,7 +633,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "10px",
+      "$value": "{base.size.12}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -618,13 +642,14 @@
         }
       }
     },
-    "name": "control-large-paddingBlock",
+    "name": "control-xlarge-paddingInline-normal",
     "attributes": {},
-    "path": ["control", "large", "paddingBlock"],
-    "value": "0.625rem",
+    "path": ["control", "xlarge", "paddingInline", "normal"],
+    "key": "{control.xlarge.paddingInline.normal}",
+    "value": "0.75rem",
     "type": "dimension"
   },
-  "control-large-paddingInline-normal": {
+  "control-xlarge-paddingInline-spacious": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -634,7 +659,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.12}",
+      "$value": "{base.size.16}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -643,38 +668,40 @@
         }
       }
     },
-    "name": "control-large-paddingInline-normal",
+    "name": "control-xlarge-paddingInline-spacious",
     "attributes": {},
-    "path": ["control", "large", "paddingInline", "normal"],
-    "value": "0.75rem",
+    "path": ["control", "xlarge", "paddingInline", "spacious"],
+    "key": "{control.xlarge.paddingInline.spacious}",
+    "value": "1rem",
     "type": "dimension"
   },
-  "control-large-paddingInline-spacious": {
+  "control-xlarge-size": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "scopes": ["size"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.16}",
+      "$value": "{base.size.48}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "scopes": ["size"]
         }
       }
     },
-    "name": "control-large-paddingInline-spacious",
+    "name": "control-xlarge-size",
     "attributes": {},
-    "path": ["control", "large", "paddingInline", "spacious"],
-    "value": "1rem",
+    "path": ["control", "xlarge", "size"],
+    "key": "{control.xlarge.size}",
+    "value": "3rem",
     "type": "dimension"
   },
-  "control-large-gap": {
+  "control-xsmall-gap": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -684,7 +711,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.8}",
+      "$value": "{base.size.4}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -693,13 +720,14 @@
         }
       }
     },
-    "name": "control-large-gap",
+    "name": "control-xsmall-gap",
     "attributes": {},
-    "path": ["control", "large", "gap"],
-    "value": "0.5rem",
+    "path": ["control", "xsmall", "gap"],
+    "key": "{control.xsmall.gap}",
+    "value": "0.25rem",
     "type": "dimension"
   },
-  "control-xlarge-size": {
+  "control-xsmall-lineBoxHeight": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -709,7 +737,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.48}",
+      "$value": "{base.size.20}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -718,38 +746,40 @@
         }
       }
     },
-    "name": "control-xlarge-size",
+    "name": "control-xsmall-lineBoxHeight",
     "attributes": {},
-    "path": ["control", "xlarge", "size"],
-    "value": "3rem",
+    "path": ["control", "xsmall", "lineBoxHeight"],
+    "key": "{control.xsmall.lineBoxHeight}",
+    "value": "1.25rem",
     "type": "dimension"
   },
-  "control-xlarge-lineBoxHeight": {
+  "control-xsmall-paddingBlock": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["size"]
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.20}",
+      "$value": "2px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["size"]
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "control-xlarge-lineBoxHeight",
+    "name": "control-xsmall-paddingBlock",
     "attributes": {},
-    "path": ["control", "xlarge", "lineBoxHeight"],
-    "value": "1.25rem",
+    "path": ["control", "xsmall", "paddingBlock"],
+    "key": "{control.xsmall.paddingBlock}",
+    "value": "0.125rem",
     "type": "dimension"
   },
-  "control-xlarge-paddingBlock": {
+  "control-xsmall-paddingInline-condensed": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -759,7 +789,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "14px",
+      "$value": "{base.size.4}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -768,13 +798,14 @@
         }
       }
     },
-    "name": "control-xlarge-paddingBlock",
+    "name": "control-xsmall-paddingInline-condensed",
     "attributes": {},
-    "path": ["control", "xlarge", "paddingBlock"],
-    "value": "0.875rem",
+    "path": ["control", "xsmall", "paddingInline", "condensed"],
+    "key": "{control.xsmall.paddingInline.condensed}",
+    "value": "0.25rem",
     "type": "dimension"
   },
-  "control-xlarge-paddingInline-normal": {
+  "control-xsmall-paddingInline-normal": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -784,7 +815,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.12}",
+      "$value": "{base.size.8}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -793,13 +824,14 @@
         }
       }
     },
-    "name": "control-xlarge-paddingInline-normal",
+    "name": "control-xsmall-paddingInline-normal",
     "attributes": {},
-    "path": ["control", "xlarge", "paddingInline", "normal"],
-    "value": "0.75rem",
+    "path": ["control", "xsmall", "paddingInline", "normal"],
+    "key": "{control.xsmall.paddingInline.normal}",
+    "value": "0.5rem",
     "type": "dimension"
   },
-  "control-xlarge-paddingInline-spacious": {
+  "control-xsmall-paddingInline-spacious": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -809,7 +841,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.16}",
+      "$value": "{base.size.12}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -818,13 +850,40 @@
         }
       }
     },
-    "name": "control-xlarge-paddingInline-spacious",
+    "name": "control-xsmall-paddingInline-spacious",
     "attributes": {},
-    "path": ["control", "xlarge", "paddingInline", "spacious"],
-    "value": "1rem",
+    "path": ["control", "xsmall", "paddingInline", "spacious"],
+    "key": "{control.xsmall.paddingInline.spacious}",
+    "value": "0.75rem",
     "type": "dimension"
   },
-  "control-xlarge-gap": {
+  "control-xsmall-size": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "pattern/size",
+        "scopes": ["size"]
+      }
+    },
+    "filePath": "src/tokens/functional/size/size.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.size.24}",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "pattern/size",
+          "scopes": ["size"]
+        }
+      }
+    },
+    "name": "control-xsmall-size",
+    "attributes": {},
+    "path": ["control", "xsmall", "size"],
+    "key": "{control.xsmall.size}",
+    "value": "1.5rem",
+    "type": "dimension"
+  },
+  "controlStack-large-gap-auto": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -843,13 +902,14 @@
         }
       }
     },
-    "name": "control-xlarge-gap",
+    "name": "controlStack-large-gap-auto",
     "attributes": {},
-    "path": ["control", "xlarge", "gap"],
+    "path": ["controlStack", "large", "gap", "auto"],
+    "key": "{controlStack.large.gap.auto}",
     "value": "0.5rem",
     "type": "dimension"
   },
-  "controlStack-small-gap-condensed": {
+  "controlStack-large-gap-condensed": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -868,13 +928,14 @@
         }
       }
     },
-    "name": "controlStack-small-gap-condensed",
+    "name": "controlStack-large-gap-condensed",
     "attributes": {},
-    "path": ["controlStack", "small", "gap", "condensed"],
+    "path": ["controlStack", "large", "gap", "condensed"],
+    "key": "{controlStack.large.gap.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
-  "controlStack-small-gap-spacious": {
+  "controlStack-large-gap-spacious": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -884,7 +945,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.16}",
+      "$value": "{base.size.12}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -893,10 +954,11 @@
         }
       }
     },
-    "name": "controlStack-small-gap-spacious",
+    "name": "controlStack-large-gap-spacious",
     "attributes": {},
-    "path": ["controlStack", "small", "gap", "spacious"],
-    "value": "1rem",
+    "path": ["controlStack", "large", "gap", "spacious"],
+    "key": "{controlStack.large.gap.spacious}",
+    "value": "0.75rem",
     "type": "dimension"
   },
   "controlStack-medium-gap-condensed": {
@@ -921,6 +983,7 @@
     "name": "controlStack-medium-gap-condensed",
     "attributes": {},
     "path": ["controlStack", "medium", "gap", "condensed"],
+    "key": "{controlStack.medium.gap.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
@@ -946,10 +1009,11 @@
     "name": "controlStack-medium-gap-spacious",
     "attributes": {},
     "path": ["controlStack", "medium", "gap", "spacious"],
+    "key": "{controlStack.medium.gap.spacious}",
     "value": "0.75rem",
     "type": "dimension"
   },
-  "controlStack-large-gap-auto": {
+  "controlStack-small-gap-condensed": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -968,13 +1032,14 @@
         }
       }
     },
-    "name": "controlStack-large-gap-auto",
+    "name": "controlStack-small-gap-condensed",
     "attributes": {},
-    "path": ["controlStack", "large", "gap", "auto"],
+    "path": ["controlStack", "small", "gap", "condensed"],
+    "key": "{controlStack.small.gap.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
-  "controlStack-large-gap-condensed": {
+  "controlStack-small-gap-spacious": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -984,7 +1049,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.8}",
+      "$value": "{base.size.16}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -993,51 +1058,66 @@
         }
       }
     },
-    "name": "controlStack-large-gap-condensed",
+    "name": "controlStack-small-gap-spacious",
     "attributes": {},
-    "path": ["controlStack", "large", "gap", "condensed"],
-    "value": "0.5rem",
+    "path": ["controlStack", "small", "gap", "spacious"],
+    "key": "{controlStack.small.gap.spacious}",
+    "value": "1rem",
     "type": "dimension"
   },
-  "controlStack-large-gap-spacious": {
+  "overlay-borderRadius": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "scopes": ["radius"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.12}",
+      "$value": "{borderRadius.medium}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "scopes": ["radius"]
         }
       }
     },
-    "name": "controlStack-large-gap-spacious",
+    "name": "overlay-borderRadius",
     "attributes": {},
-    "path": ["controlStack", "large", "gap", "spacious"],
-    "value": "0.75rem",
+    "path": ["overlay", "borderRadius"],
+    "key": "{overlay.borderRadius}",
+    "value": "0.375rem",
     "type": "dimension"
   },
-  "spinner-strokeWidth-default": {
+  "overlay-height-large": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "pattern/size",
+        "scopes": ["size"]
+      }
+    },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "2px",
-      "$type": "dimension"
+      "$value": "432px",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "pattern/size",
+          "scopes": ["size"]
+        }
+      }
     },
-    "name": "spinner-strokeWidth-default",
+    "name": "overlay-height-large",
     "attributes": {},
-    "path": ["spinner", "strokeWidth", "default"],
-    "value": "0.125rem",
+    "path": ["overlay", "height", "large"],
+    "key": "{overlay.height.large}",
+    "value": "27rem",
     "type": "dimension"
   },
-  "spinner-size-small": {
+  "overlay-height-medium": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1047,7 +1127,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.16}",
+      "$value": "320px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1056,13 +1136,14 @@
         }
       }
     },
-    "name": "spinner-size-small",
+    "name": "overlay-height-medium",
     "attributes": {},
-    "path": ["spinner", "size", "small"],
-    "value": "1rem",
+    "path": ["overlay", "height", "medium"],
+    "key": "{overlay.height.medium}",
+    "value": "20rem",
     "type": "dimension"
   },
-  "spinner-size-medium": {
+  "overlay-height-small": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1072,7 +1153,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.32}",
+      "$value": "256px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1081,13 +1162,14 @@
         }
       }
     },
-    "name": "spinner-size-medium",
+    "name": "overlay-height-small",
     "attributes": {},
-    "path": ["spinner", "size", "medium"],
-    "value": "2rem",
+    "path": ["overlay", "height", "small"],
+    "key": "{overlay.height.small}",
+    "value": "16rem",
     "type": "dimension"
   },
-  "spinner-size-large": {
+  "overlay-height-xlarge": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1097,7 +1179,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.64}",
+      "$value": "600px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1106,120 +1188,44 @@
         }
       }
     },
-    "name": "spinner-size-large",
+    "name": "overlay-height-xlarge",
     "attributes": {},
-    "path": ["spinner", "size", "large"],
-    "value": "4rem",
+    "path": ["overlay", "height", "xlarge"],
+    "key": "{overlay.height.xlarge}",
+    "value": "37.5rem",
     "type": "dimension"
   },
-  "stack-padding-condensed": {
+  "overlay-offset": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"],
-        "group": "component",
-        "codeSyntax": {
-          "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
-        }
+        "scopes": ["size"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.8}",
+      "$value": "4px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"],
-          "group": "component",
-          "codeSyntax": {
-            "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
-          }
-        }
-      }
-    },
-    "name": "stack-padding-condensed",
-    "attributes": {},
-    "path": ["stack", "padding", "condensed"],
-    "value": "0.5rem",
-    "type": "dimension"
-  },
-  "stack-padding-normal": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "pattern/size",
-        "group": "component",
-        "scopes": ["gap"],
-        "codeSyntax": {
-          "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/size/size.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.size.16}",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "pattern/size",
-          "group": "component",
-          "scopes": ["gap"],
-          "codeSyntax": {
-            "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
-          }
-        }
-      }
-    },
-    "name": "stack-padding-normal",
-    "attributes": {},
-    "path": ["stack", "padding", "normal"],
-    "value": "1rem",
-    "type": "dimension"
-  },
-  "stack-padding-spacious": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "pattern/size",
-        "group": "component",
-        "scopes": ["gap"],
-        "codeSyntax": {
-          "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/size/size.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.size.24}",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "pattern/size",
-          "group": "component",
-          "scopes": ["gap"],
-          "codeSyntax": {
-            "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
-          }
+          "scopes": ["size"]
         }
       }
     },
-    "name": "stack-padding-spacious",
+    "name": "overlay-offset",
     "attributes": {},
-    "path": ["stack", "padding", "spacious"],
-    "value": "1.5rem",
+    "path": ["overlay", "offset"],
+    "key": "{overlay.offset}",
+    "value": "0.25rem",
     "type": "dimension"
   },
-  "stack-gap-condensed": {
+  "overlay-padding-condensed": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "group": "component",
-        "scopes": ["gap"],
-        "codeSyntax": {
-          "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
-        }
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
@@ -1230,29 +1236,22 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "group": "component",
-          "scopes": ["gap"],
-          "codeSyntax": {
-            "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
-          }
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "stack-gap-condensed",
+    "name": "overlay-padding-condensed",
     "attributes": {},
-    "path": ["stack", "gap", "condensed"],
+    "path": ["overlay", "padding", "condensed"],
+    "key": "{overlay.padding.condensed}",
     "value": "0.5rem",
     "type": "dimension"
   },
-  "stack-gap-normal": {
+  "overlay-padding-normal": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "group": "component",
-        "scopes": ["gap"],
-        "codeSyntax": {
-          "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
-        }
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
@@ -1263,79 +1262,70 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "group": "component",
-          "scopes": ["gap"],
-          "codeSyntax": {
-            "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
-          }
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "stack-gap-normal",
+    "name": "overlay-padding-normal",
     "attributes": {},
-    "path": ["stack", "gap", "normal"],
+    "path": ["overlay", "padding", "normal"],
+    "key": "{overlay.padding.normal}",
     "value": "1rem",
     "type": "dimension"
   },
-  "stack-gap-spacious": {
+  "overlay-paddingBlock-condensed": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "group": "component",
-        "scopes": ["gap"],
-        "codeSyntax": {
-          "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
-        }
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.24}",
+      "$value": "{base.size.4}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "group": "component",
-          "scopes": ["gap"],
-          "codeSyntax": {
-            "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
-          }
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "stack-gap-spacious",
+    "name": "overlay-paddingBlock-condensed",
     "attributes": {},
-    "path": ["stack", "gap", "spacious"],
-    "value": "1.5rem",
+    "path": ["overlay", "paddingBlock", "condensed"],
+    "key": "{overlay.paddingBlock.condensed}",
+    "value": "0.25rem",
     "type": "dimension"
   },
-  "overlay-width-xsmall": {
+  "overlay-paddingBlock-normal": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["size"]
+        "scopes": ["gap"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "192px",
+      "$value": "{base.size.12}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["size"]
+          "scopes": ["gap"]
         }
       }
     },
-    "name": "overlay-width-xsmall",
+    "name": "overlay-paddingBlock-normal",
     "attributes": {},
-    "path": ["overlay", "width", "xsmall"],
-    "value": "12rem",
+    "path": ["overlay", "paddingBlock", "normal"],
+    "key": "{overlay.paddingBlock.normal}",
+    "value": "0.75rem",
     "type": "dimension"
   },
-  "overlay-width-small": {
+  "overlay-width-large": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1345,7 +1335,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "320px",
+      "$value": "640px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1354,10 +1344,11 @@
         }
       }
     },
-    "name": "overlay-width-small",
+    "name": "overlay-width-large",
     "attributes": {},
-    "path": ["overlay", "width", "small"],
-    "value": "20rem",
+    "path": ["overlay", "width", "large"],
+    "key": "{overlay.width.large}",
+    "value": "40rem",
     "type": "dimension"
   },
   "overlay-width-medium": {
@@ -1382,10 +1373,11 @@
     "name": "overlay-width-medium",
     "attributes": {},
     "path": ["overlay", "width", "medium"],
+    "key": "{overlay.width.medium}",
     "value": "30rem",
     "type": "dimension"
   },
-  "overlay-width-large": {
+  "overlay-width-small": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1395,7 +1387,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "640px",
+      "$value": "320px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1404,10 +1396,11 @@
         }
       }
     },
-    "name": "overlay-width-large",
+    "name": "overlay-width-small",
     "attributes": {},
-    "path": ["overlay", "width", "large"],
-    "value": "40rem",
+    "path": ["overlay", "width", "small"],
+    "key": "{overlay.width.small}",
+    "value": "20rem",
     "type": "dimension"
   },
   "overlay-width-xlarge": {
@@ -1432,10 +1425,11 @@
     "name": "overlay-width-xlarge",
     "attributes": {},
     "path": ["overlay", "width", "xlarge"],
+    "key": "{overlay.width.xlarge}",
     "value": "60rem",
     "type": "dimension"
   },
-  "overlay-height-small": {
+  "overlay-width-xsmall": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1445,7 +1439,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "256px",
+      "$value": "192px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1454,13 +1448,14 @@
         }
       }
     },
-    "name": "overlay-height-small",
+    "name": "overlay-width-xsmall",
     "attributes": {},
-    "path": ["overlay", "height", "small"],
-    "value": "16rem",
+    "path": ["overlay", "width", "xsmall"],
+    "key": "{overlay.width.xsmall}",
+    "value": "12rem",
     "type": "dimension"
   },
-  "overlay-height-medium": {
+  "spinner-size-large": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1470,7 +1465,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "320px",
+      "$value": "{base.size.64}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1479,13 +1474,14 @@
         }
       }
     },
-    "name": "overlay-height-medium",
+    "name": "spinner-size-large",
     "attributes": {},
-    "path": ["overlay", "height", "medium"],
-    "value": "20rem",
+    "path": ["spinner", "size", "large"],
+    "key": "{spinner.size.large}",
+    "value": "4rem",
     "type": "dimension"
   },
-  "overlay-height-large": {
+  "spinner-size-medium": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1495,7 +1491,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "432px",
+      "$value": "{base.size.32}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1504,13 +1500,14 @@
         }
       }
     },
-    "name": "overlay-height-large",
+    "name": "spinner-size-medium",
     "attributes": {},
-    "path": ["overlay", "height", "large"],
-    "value": "27rem",
+    "path": ["spinner", "size", "medium"],
+    "key": "{spinner.size.medium}",
+    "value": "2rem",
     "type": "dimension"
   },
-  "overlay-height-xlarge": {
+  "spinner-size-small": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
@@ -1520,7 +1517,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "600px",
+      "$value": "{base.size.16}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1529,160 +1526,229 @@
         }
       }
     },
-    "name": "overlay-height-xlarge",
+    "name": "spinner-size-small",
     "attributes": {},
-    "path": ["overlay", "height", "xlarge"],
-    "value": "37.5rem",
+    "path": ["spinner", "size", "small"],
+    "key": "{spinner.size.small}",
+    "value": "1rem",
     "type": "dimension"
   },
-  "overlay-padding-normal": {
+  "spinner-strokeWidth-default": {
+    "filePath": "src/tokens/functional/size/size.json5",
+    "isSource": true,
+    "original": {
+      "$value": "2px",
+      "$type": "dimension"
+    },
+    "name": "spinner-strokeWidth-default",
+    "attributes": {},
+    "path": ["spinner", "strokeWidth", "default"],
+    "key": "{spinner.strokeWidth.default}",
+    "value": "0.125rem",
+    "type": "dimension"
+  },
+  "stack-gap-condensed": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "group": "component",
+        "scopes": ["gap"],
+        "codeSyntax": {
+          "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.16}",
+      "$value": "{base.size.8}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "group": "component",
+          "scopes": ["gap"],
+          "codeSyntax": {
+            "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
+          }
         }
       }
     },
-    "name": "overlay-padding-normal",
+    "name": "stack-gap-condensed",
     "attributes": {},
-    "path": ["overlay", "padding", "normal"],
-    "value": "1rem",
+    "path": ["stack", "gap", "condensed"],
+    "key": "{stack.gap.condensed}",
+    "value": "0.5rem",
     "type": "dimension"
   },
-  "overlay-padding-condensed": {
+  "stack-gap-normal": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "group": "component",
+        "scopes": ["gap"],
+        "codeSyntax": {
+          "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.8}",
+      "$value": "{base.size.16}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "group": "component",
+          "scopes": ["gap"],
+          "codeSyntax": {
+            "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
+          }
         }
       }
     },
-    "name": "overlay-padding-condensed",
+    "name": "stack-gap-normal",
     "attributes": {},
-    "path": ["overlay", "padding", "condensed"],
-    "value": "0.5rem",
+    "path": ["stack", "gap", "normal"],
+    "key": "{stack.gap.normal}",
+    "value": "1rem",
     "type": "dimension"
   },
-  "overlay-paddingBlock-condensed": {
+  "stack-gap-spacious": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "group": "component",
+        "scopes": ["gap"],
+        "codeSyntax": {
+          "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.4}",
+      "$value": "{base.size.24}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "group": "component",
+          "scopes": ["gap"],
+          "codeSyntax": {
+            "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
+          }
         }
       }
     },
-    "name": "overlay-paddingBlock-condensed",
+    "name": "stack-gap-spacious",
     "attributes": {},
-    "path": ["overlay", "paddingBlock", "condensed"],
-    "value": "0.25rem",
+    "path": ["stack", "gap", "spacious"],
+    "key": "{stack.gap.spacious}",
+    "value": "1.5rem",
     "type": "dimension"
   },
-  "overlay-paddingBlock-normal": {
+  "stack-padding-condensed": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["gap"]
+        "scopes": ["gap"],
+        "group": "component",
+        "codeSyntax": {
+          "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.12}",
+      "$value": "{base.size.8}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "scopes": ["gap"],
+          "group": "component",
+          "codeSyntax": {
+            "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
+          }
         }
       }
     },
-    "name": "overlay-paddingBlock-normal",
+    "name": "stack-padding-condensed",
     "attributes": {},
-    "path": ["overlay", "paddingBlock", "normal"],
-    "value": "0.75rem",
+    "path": ["stack", "padding", "condensed"],
+    "key": "{stack.padding.condensed}",
+    "value": "0.5rem",
     "type": "dimension"
   },
-  "overlay-borderRadius": {
+  "stack-padding-normal": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["radius"]
+        "group": "component",
+        "scopes": ["gap"],
+        "codeSyntax": {
+          "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{borderRadius.medium}",
+      "$value": "{base.size.16}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["radius"]
+          "group": "component",
+          "scopes": ["gap"],
+          "codeSyntax": {
+            "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
+          }
         }
       }
     },
-    "name": "overlay-borderRadius",
+    "name": "stack-padding-normal",
     "attributes": {},
-    "path": ["overlay", "borderRadius"],
-    "value": "0.375rem",
+    "path": ["stack", "padding", "normal"],
+    "key": "{stack.padding.normal}",
+    "value": "1rem",
     "type": "dimension"
   },
-  "overlay-offset": {
+  "stack-padding-spacious": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["size"]
+        "group": "component",
+        "scopes": ["gap"],
+        "codeSyntax": {
+          "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
+        }
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "4px",
+      "$value": "{base.size.24}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["size"]
+          "group": "component",
+          "scopes": ["gap"],
+          "codeSyntax": {
+            "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
+          }
         }
       }
     },
-    "name": "overlay-offset",
+    "name": "stack-padding-spacious",
     "attributes": {},
-    "path": ["overlay", "offset"],
-    "value": "0.25rem",
+    "path": ["stack", "padding", "spacious"],
+    "key": "{stack.padding.spacious}",
+    "value": "1.5rem",
     "type": "dimension"
   }
 }