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

package/dist/styleLint/functional/size/size.json

@@ -1,31 +1,32 @@
 {
-  "control-minTarget-fine": {
-    "$value": ["0.0625rem", "1px"],
+  "control-large-gap": {
+    "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "large", "gap"],
+    "key": "{control.large.gap}"
   },
-  "control-minTarget-coarse": {
-    "$value": ["0.171875rem", "2.75px"],
+  "control-large-lineBoxHeight": {
+    "$value": ["0.078125rem", "1.25px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -36,7 +37,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": {
@@ -45,62 +46,65 @@
         }
       }
     },
-    "name": "control-minTarget-coarse",
+    "name": "control-large-lineBoxHeight",
     "attributes": {},
-    "path": ["control", "minTarget", "coarse"]
+    "path": ["control", "large", "lineBoxHeight"],
+    "key": "{control.large.lineBoxHeight}"
   },
-  "control-xsmall-size": {
-    "$value": ["0.09375rem", "1.5px"],
+  "control-large-paddingBlock": {
+    "$value": ["0.625rem", "10px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "large", "paddingBlock"],
+    "key": "{control.large.paddingBlock}"
   },
-  "control-xsmall-lineBoxHeight": {
-    "$value": ["0.078125rem", "1.25px"],
+  "control-large-paddingInline-normal": {
+    "$value": ["0.046875rem", "0.75px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "large", "paddingInline", "normal"],
+    "key": "{control.large.paddingInline.normal}"
   },
-  "control-xsmall-paddingBlock": {
-    "$value": ["0.125rem", "2px"],
+  "control-large-paddingInline-spacious": {
+    "$value": ["0.0625rem", "1px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -111,7 +115,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "2px",
+      "$value": "{base.size.16}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -120,36 +124,38 @@
         }
       }
     },
-    "name": "control-xsmall-paddingBlock",
+    "name": "control-large-paddingInline-spacious",
     "attributes": {},
-    "path": ["control", "xsmall", "paddingBlock"]
+    "path": ["control", "large", "paddingInline", "spacious"],
+    "key": "{control.large.paddingInline.spacious}"
   },
-  "control-xsmall-paddingInline-condensed": {
-    "$value": ["0.015625rem", "0.25px"],
+  "control-large-size": {
+    "$value": ["0.15625rem", "2.5px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "large", "size"],
+    "key": "{control.large.size}"
   },
-  "control-xsmall-paddingInline-normal": {
+  "control-medium-gap": {
     "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "$extensions": {
@@ -170,37 +176,39 @@
         }
       }
     },
-    "name": "control-xsmall-paddingInline-normal",
+    "name": "control-medium-gap",
     "attributes": {},
-    "path": ["control", "xsmall", "paddingInline", "normal"]
+    "path": ["control", "medium", "gap"],
+    "key": "{control.medium.gap}"
   },
-  "control-xsmall-paddingInline-spacious": {
-    "$value": ["0.046875rem", "0.75px"],
+  "control-medium-lineBoxHeight": {
+    "$value": ["0.078125rem", "1.25px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "medium", "lineBoxHeight"],
+    "key": "{control.medium.lineBoxHeight}"
   },
-  "control-xsmall-gap": {
-    "$value": ["0.015625rem", "0.25px"],
+  "control-medium-paddingBlock": {
+    "$value": ["0.375rem", "6px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -211,7 +219,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.4}",
+      "$value": "6px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -220,62 +228,65 @@
         }
       }
     },
-    "name": "control-xsmall-gap",
+    "name": "control-medium-paddingBlock",
     "attributes": {},
-    "path": ["control", "xsmall", "gap"]
+    "path": ["control", "medium", "paddingBlock"],
+    "key": "{control.medium.paddingBlock}"
   },
-  "control-small-size": {
-    "$value": ["0.109375rem", "1.75px"],
+  "control-medium-paddingInline-condensed": {
+    "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "medium", "paddingInline", "condensed"],
+    "key": "{control.medium.paddingInline.condensed}"
   },
-  "control-small-lineBoxHeight": {
-    "$value": ["0.078125rem", "1.25px"],
+  "control-medium-paddingInline-normal": {
+    "$value": ["0.046875rem", "0.75px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "medium", "paddingInline", "normal"],
+    "key": "{control.medium.paddingInline.normal}"
   },
-  "control-small-paddingBlock": {
-    "$value": ["0.015625rem", "0.25px"],
+  "control-medium-paddingInline-spacious": {
+    "$value": ["0.0625rem", "1px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -286,7 +297,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": {
@@ -295,111 +306,116 @@
         }
       }
     },
-    "name": "control-small-paddingBlock",
+    "name": "control-medium-paddingInline-spacious",
     "attributes": {},
-    "path": ["control", "small", "paddingBlock"]
+    "path": ["control", "medium", "paddingInline", "spacious"],
+    "key": "{control.medium.paddingInline.spacious}"
   },
-  "control-small-paddingInline-condensed": {
-    "$value": ["0.03125rem", "0.5px"],
+  "control-medium-size": {
+    "$value": ["0.125rem", "2px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "medium", "size"],
+    "key": "{control.medium.size}"
   },
-  "control-small-paddingInline-normal": {
-    "$value": ["0.046875rem", "0.75px"],
+  "control-minTarget-coarse": {
+    "$value": ["0.171875rem", "2.75px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "minTarget", "coarse"],
+    "key": "{control.minTarget.coarse}"
   },
-  "control-small-gap": {
-    "$value": ["0.015625rem", "0.25px"],
+  "control-minTarget-fine": {
+    "$value": ["0.0625rem", "1px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "minTarget", "fine"],
+    "key": "{control.minTarget.fine}"
   },
-  "control-medium-size": {
-    "$value": ["0.125rem", "2px"],
+  "control-small-gap": {
+    "$value": ["0.015625rem", "0.25px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "small", "gap"],
+    "key": "{control.small.gap}"
   },
-  "control-medium-lineBoxHeight": {
+  "control-small-lineBoxHeight": {
     "$value": ["0.078125rem", "1.25px"],
     "$type": "dimension",
     "$extensions": {
@@ -420,12 +436,13 @@
         }
       }
     },
-    "name": "control-medium-lineBoxHeight",
+    "name": "control-small-lineBoxHeight",
     "attributes": {},
-    "path": ["control", "medium", "lineBoxHeight"]
+    "path": ["control", "small", "lineBoxHeight"],
+    "key": "{control.small.lineBoxHeight}"
   },
-  "control-medium-paddingBlock": {
-    "$value": ["0.375rem", "6px"],
+  "control-small-paddingBlock": {
+    "$value": ["0.015625rem", "0.25px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -436,7 +453,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "6px",
+      "$value": "{base.size.4}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -445,11 +462,12 @@
         }
       }
     },
-    "name": "control-medium-paddingBlock",
+    "name": "control-small-paddingBlock",
     "attributes": {},
-    "path": ["control", "medium", "paddingBlock"]
+    "path": ["control", "small", "paddingBlock"],
+    "key": "{control.small.paddingBlock}"
   },
-  "control-medium-paddingInline-condensed": {
+  "control-small-paddingInline-condensed": {
     "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "$extensions": {
@@ -470,11 +488,12 @@
         }
       }
     },
-    "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}"
   },
-  "control-medium-paddingInline-normal": {
+  "control-small-paddingInline-normal": {
     "$value": ["0.046875rem", "0.75px"],
     "$type": "dimension",
     "$extensions": {
@@ -495,36 +514,38 @@
         }
       }
     },
-    "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}"
   },
-  "control-medium-paddingInline-spacious": {
-    "$value": ["0.0625rem", "1px"],
+  "control-small-size": {
+    "$value": ["0.109375rem", "1.75px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "small", "size"],
+    "key": "{control.small.size}"
   },
-  "control-medium-gap": {
+  "control-xlarge-gap": {
     "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "$extensions": {
@@ -545,12 +566,13 @@
         }
       }
     },
-    "name": "control-medium-gap",
+    "name": "control-xlarge-gap",
     "attributes": {},
-    "path": ["control", "medium", "gap"]
+    "path": ["control", "xlarge", "gap"],
+    "key": "{control.xlarge.gap}"
   },
-  "control-large-size": {
-    "$value": ["0.15625rem", "2.5px"],
+  "control-xlarge-lineBoxHeight": {
+    "$value": ["0.078125rem", "1.25px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -561,7 +583,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": {
@@ -570,37 +592,39 @@
         }
       }
     },
-    "name": "control-large-size",
+    "name": "control-xlarge-lineBoxHeight",
     "attributes": {},
-    "path": ["control", "large", "size"]
+    "path": ["control", "xlarge", "lineBoxHeight"],
+    "key": "{control.xlarge.lineBoxHeight}"
   },
-  "control-large-lineBoxHeight": {
-    "$value": ["0.078125rem", "1.25px"],
+  "control-xlarge-paddingBlock": {
+    "$value": ["0.875rem", "14px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "xlarge", "paddingBlock"],
+    "key": "{control.xlarge.paddingBlock}"
   },
-  "control-large-paddingBlock": {
-    "$value": ["0.625rem", "10px"],
+  "control-xlarge-paddingInline-normal": {
+    "$value": ["0.046875rem", "0.75px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -611,7 +635,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "10px",
+      "$value": "{base.size.12}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -620,12 +644,13 @@
         }
       }
     },
-    "name": "control-large-paddingBlock",
+    "name": "control-xlarge-paddingInline-normal",
     "attributes": {},
-    "path": ["control", "large", "paddingBlock"]
+    "path": ["control", "xlarge", "paddingInline", "normal"],
+    "key": "{control.xlarge.paddingInline.normal}"
   },
-  "control-large-paddingInline-normal": {
-    "$value": ["0.046875rem", "0.75px"],
+  "control-xlarge-paddingInline-spacious": {
+    "$value": ["0.0625rem", "1px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -636,7 +661,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": {
@@ -645,37 +670,39 @@
         }
       }
     },
-    "name": "control-large-paddingInline-normal",
+    "name": "control-xlarge-paddingInline-spacious",
     "attributes": {},
-    "path": ["control", "large", "paddingInline", "normal"]
+    "path": ["control", "xlarge", "paddingInline", "spacious"],
+    "key": "{control.xlarge.paddingInline.spacious}"
   },
-  "control-large-paddingInline-spacious": {
-    "$value": ["0.0625rem", "1px"],
+  "control-xlarge-size": {
+    "$value": ["0.1875rem", "3px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "xlarge", "size"],
+    "key": "{control.xlarge.size}"
   },
-  "control-large-gap": {
-    "$value": ["0.03125rem", "0.5px"],
+  "control-xsmall-gap": {
+    "$value": ["0.015625rem", "0.25px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -686,7 +713,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": {
@@ -695,12 +722,13 @@
         }
       }
     },
-    "name": "control-large-gap",
+    "name": "control-xsmall-gap",
     "attributes": {},
-    "path": ["control", "large", "gap"]
+    "path": ["control", "xsmall", "gap"],
+    "key": "{control.xsmall.gap}"
   },
-  "control-xlarge-size": {
-    "$value": ["0.1875rem", "3px"],
+  "control-xsmall-lineBoxHeight": {
+    "$value": ["0.078125rem", "1.25px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -711,7 +739,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": {
@@ -720,37 +748,39 @@
         }
       }
     },
-    "name": "control-xlarge-size",
+    "name": "control-xsmall-lineBoxHeight",
     "attributes": {},
-    "path": ["control", "xlarge", "size"]
+    "path": ["control", "xsmall", "lineBoxHeight"],
+    "key": "{control.xsmall.lineBoxHeight}"
   },
-  "control-xlarge-lineBoxHeight": {
-    "$value": ["0.078125rem", "1.25px"],
+  "control-xsmall-paddingBlock": {
+    "$value": ["0.125rem", "2px"],
     "$type": "dimension",
     "$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"]
+    "path": ["control", "xsmall", "paddingBlock"],
+    "key": "{control.xsmall.paddingBlock}"
   },
-  "control-xlarge-paddingBlock": {
-    "$value": ["0.875rem", "14px"],
+  "control-xsmall-paddingInline-condensed": {
+    "$value": ["0.015625rem", "0.25px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -761,7 +791,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "14px",
+      "$value": "{base.size.4}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -770,12 +800,13 @@
         }
       }
     },
-    "name": "control-xlarge-paddingBlock",
+    "name": "control-xsmall-paddingInline-condensed",
     "attributes": {},
-    "path": ["control", "xlarge", "paddingBlock"]
+    "path": ["control", "xsmall", "paddingInline", "condensed"],
+    "key": "{control.xsmall.paddingInline.condensed}"
   },
-  "control-xlarge-paddingInline-normal": {
-    "$value": ["0.046875rem", "0.75px"],
+  "control-xsmall-paddingInline-normal": {
+    "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -786,7 +817,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": {
@@ -795,12 +826,13 @@
         }
       }
     },
-    "name": "control-xlarge-paddingInline-normal",
+    "name": "control-xsmall-paddingInline-normal",
     "attributes": {},
-    "path": ["control", "xlarge", "paddingInline", "normal"]
+    "path": ["control", "xsmall", "paddingInline", "normal"],
+    "key": "{control.xsmall.paddingInline.normal}"
   },
-  "control-xlarge-paddingInline-spacious": {
-    "$value": ["0.0625rem", "1px"],
+  "control-xsmall-paddingInline-spacious": {
+    "$value": ["0.046875rem", "0.75px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -811,7 +843,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": {
@@ -820,36 +852,38 @@
         }
       }
     },
-    "name": "control-xlarge-paddingInline-spacious",
+    "name": "control-xsmall-paddingInline-spacious",
     "attributes": {},
-    "path": ["control", "xlarge", "paddingInline", "spacious"]
+    "path": ["control", "xsmall", "paddingInline", "spacious"],
+    "key": "{control.xsmall.paddingInline.spacious}"
   },
-  "control-xlarge-gap": {
-    "$value": ["0.03125rem", "0.5px"],
+  "control-xsmall-size": {
+    "$value": ["0.09375rem", "1.5px"],
     "$type": "dimension",
     "$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.24}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"]
+          "scopes": ["size"]
         }
       }
     },
-    "name": "control-xlarge-gap",
+    "name": "control-xsmall-size",
     "attributes": {},
-    "path": ["control", "xlarge", "gap"]
+    "path": ["control", "xsmall", "size"],
+    "key": "{control.xsmall.size}"
   },
-  "controlStack-small-gap-condensed": {
+  "controlStack-large-gap-auto": {
     "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "$extensions": {
@@ -870,12 +904,13 @@
         }
       }
     },
-    "name": "controlStack-small-gap-condensed",
+    "name": "controlStack-large-gap-auto",
     "attributes": {},
-    "path": ["controlStack", "small", "gap", "condensed"]
+    "path": ["controlStack", "large", "gap", "auto"],
+    "key": "{controlStack.large.gap.auto}"
   },
-  "controlStack-small-gap-spacious": {
-    "$value": ["0.0625rem", "1px"],
+  "controlStack-large-gap-condensed": {
+    "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -886,7 +921,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.16}",
+      "$value": "{base.size.8}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -895,12 +930,13 @@
         }
       }
     },
-    "name": "controlStack-small-gap-spacious",
+    "name": "controlStack-large-gap-condensed",
     "attributes": {},
-    "path": ["controlStack", "small", "gap", "spacious"]
+    "path": ["controlStack", "large", "gap", "condensed"],
+    "key": "{controlStack.large.gap.condensed}"
   },
-  "controlStack-medium-gap-condensed": {
-    "$value": ["0.03125rem", "0.5px"],
+  "controlStack-large-gap-spacious": {
+    "$value": ["0.046875rem", "0.75px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -911,7 +947,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.8}",
+      "$value": "{base.size.12}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -920,12 +956,13 @@
         }
       }
     },
-    "name": "controlStack-medium-gap-condensed",
+    "name": "controlStack-large-gap-spacious",
     "attributes": {},
-    "path": ["controlStack", "medium", "gap", "condensed"]
+    "path": ["controlStack", "large", "gap", "spacious"],
+    "key": "{controlStack.large.gap.spacious}"
   },
-  "controlStack-medium-gap-spacious": {
-    "$value": ["0.046875rem", "0.75px"],
+  "controlStack-medium-gap-condensed": {
+    "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -936,7 +973,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": {
@@ -945,12 +982,13 @@
         }
       }
     },
-    "name": "controlStack-medium-gap-spacious",
+    "name": "controlStack-medium-gap-condensed",
     "attributes": {},
-    "path": ["controlStack", "medium", "gap", "spacious"]
+    "path": ["controlStack", "medium", "gap", "condensed"],
+    "key": "{controlStack.medium.gap.condensed}"
   },
-  "controlStack-large-gap-auto": {
-    "$value": ["0.03125rem", "0.5px"],
+  "controlStack-medium-gap-spacious": {
+    "$value": ["0.046875rem", "0.75px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -961,7 +999,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.8}",
+      "$value": "{base.size.12}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -970,11 +1008,12 @@
         }
       }
     },
-    "name": "controlStack-large-gap-auto",
+    "name": "controlStack-medium-gap-spacious",
     "attributes": {},
-    "path": ["controlStack", "large", "gap", "auto"]
+    "path": ["controlStack", "medium", "gap", "spacious"],
+    "key": "{controlStack.medium.gap.spacious}"
   },
-  "controlStack-large-gap-condensed": {
+  "controlStack-small-gap-condensed": {
     "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "$extensions": {
@@ -995,12 +1034,13 @@
         }
       }
     },
-    "name": "controlStack-large-gap-condensed",
+    "name": "controlStack-small-gap-condensed",
     "attributes": {},
-    "path": ["controlStack", "large", "gap", "condensed"]
+    "path": ["controlStack", "small", "gap", "condensed"],
+    "key": "{controlStack.small.gap.condensed}"
   },
-  "controlStack-large-gap-spacious": {
-    "$value": ["0.046875rem", "0.75px"],
+  "controlStack-small-gap-spacious": {
+    "$value": ["0.0625rem", "1px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -1011,7 +1051,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": {
@@ -1020,50 +1060,39 @@
         }
       }
     },
-    "name": "controlStack-large-gap-spacious",
-    "attributes": {},
-    "path": ["controlStack", "large", "gap", "spacious"]
-  },
-  "spinner-strokeWidth-default": {
-    "$value": ["0.125rem", "2px"],
-    "$type": "dimension",
-    "filePath": "src/tokens/functional/size/size.json5",
-    "isSource": true,
-    "original": {
-      "$value": "2px",
-      "$type": "dimension"
-    },
-    "name": "spinner-strokeWidth-default",
+    "name": "controlStack-small-gap-spacious",
     "attributes": {},
-    "path": ["spinner", "strokeWidth", "default"]
+    "path": ["controlStack", "small", "gap", "spacious"],
+    "key": "{controlStack.small.gap.spacious}"
   },
-  "spinner-size-small": {
-    "$value": ["0.0625rem", "1px"],
+  "overlay-borderRadius": {
+    "$value": ["0.0234375rem", "0.375px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "scopes": ["size"]
+        "scopes": ["radius"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.16}",
+      "$value": "{borderRadius.medium}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["size"]
+          "scopes": ["radius"]
         }
       }
     },
-    "name": "spinner-size-small",
+    "name": "overlay-borderRadius",
     "attributes": {},
-    "path": ["spinner", "size", "small"]
+    "path": ["overlay", "borderRadius"],
+    "key": "{overlay.borderRadius}"
   },
-  "spinner-size-medium": {
-    "$value": ["0.125rem", "2px"],
+  "overlay-height-large": {
+    "$value": ["27rem", "432px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -1074,7 +1103,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.32}",
+      "$value": "432px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1083,12 +1112,13 @@
         }
       }
     },
-    "name": "spinner-size-medium",
+    "name": "overlay-height-large",
     "attributes": {},
-    "path": ["spinner", "size", "medium"]
+    "path": ["overlay", "height", "large"],
+    "key": "{overlay.height.large}"
   },
-  "spinner-size-large": {
-    "$value": ["0.25rem", "4px"],
+  "overlay-height-medium": {
+    "$value": ["20rem", "320px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -1099,7 +1129,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.64}",
+      "$value": "320px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1108,120 +1138,96 @@
         }
       }
     },
-    "name": "spinner-size-large",
+    "name": "overlay-height-medium",
     "attributes": {},
-    "path": ["spinner", "size", "large"]
+    "path": ["overlay", "height", "medium"],
+    "key": "{overlay.height.medium}"
   },
-  "stack-padding-condensed": {
-    "$value": ["0.03125rem", "0.5px"],
+  "overlay-height-small": {
+    "$value": ["16rem", "256px"],
     "$type": "dimension",
     "$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": "256px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "scopes": ["gap"],
-          "group": "component",
-          "codeSyntax": {
-            "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
-          }
+          "scopes": ["size"]
         }
       }
     },
-    "name": "stack-padding-condensed",
+    "name": "overlay-height-small",
     "attributes": {},
-    "path": ["stack", "padding", "condensed"]
+    "path": ["overlay", "height", "small"],
+    "key": "{overlay.height.small}"
   },
-  "stack-padding-normal": {
-    "$value": ["0.0625rem", "1px"],
+  "overlay-height-xlarge": {
+    "$value": ["37.5rem", "600px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "pattern/size",
-        "group": "component",
-        "scopes": ["gap"],
-        "codeSyntax": {
-          "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
-        }
+        "scopes": ["size"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.16}",
+      "$value": "600px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
           "collection": "pattern/size",
-          "group": "component",
-          "scopes": ["gap"],
-          "codeSyntax": {
-            "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
-          }
+          "scopes": ["size"]
         }
       }
     },
-    "name": "stack-padding-normal",
+    "name": "overlay-height-xlarge",
     "attributes": {},
-    "path": ["stack", "padding", "normal"]
+    "path": ["overlay", "height", "xlarge"],
+    "key": "{overlay.height.xlarge}"
   },
-  "stack-padding-spacious": {
-    "$value": ["0.09375rem", "1.5px"],
+  "overlay-offset": {
+    "$value": ["0.25rem", "4px"],
     "$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"]
       }
     },
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.size.24}",
+      "$value": "4px",
       "$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"]
+    "path": ["overlay", "offset"],
+    "key": "{overlay.offset}"
   },
-  "stack-gap-condensed": {
+  "overlay-padding-condensed": {
     "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "$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",
@@ -1232,29 +1238,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}"
   },
-  "stack-gap-normal": {
+  "overlay-padding-normal": {
     "$value": ["0.0625rem", "1px"],
     "$type": "dimension",
     "$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",
@@ -1265,78 +1264,69 @@
       "$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}"
   },
-  "stack-gap-spacious": {
-    "$value": ["0.09375rem", "1.5px"],
+  "overlay-paddingBlock-condensed": {
+    "$value": ["0.015625rem", "0.25px"],
     "$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"]
       }
     },
     "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"]
+    "path": ["overlay", "paddingBlock", "condensed"],
+    "key": "{overlay.paddingBlock.condensed}"
   },
-  "overlay-width-xsmall": {
-    "$value": ["12rem", "192px"],
+  "overlay-paddingBlock-normal": {
+    "$value": ["0.046875rem", "0.75px"],
     "$type": "dimension",
     "$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"]
+    "path": ["overlay", "paddingBlock", "normal"],
+    "key": "{overlay.paddingBlock.normal}"
   },
-  "overlay-width-small": {
-    "$value": ["20rem", "320px"],
+  "overlay-width-large": {
+    "$value": ["40rem", "640px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -1347,7 +1337,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "320px",
+      "$value": "640px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1356,9 +1346,10 @@
         }
       }
     },
-    "name": "overlay-width-small",
+    "name": "overlay-width-large",
     "attributes": {},
-    "path": ["overlay", "width", "small"]
+    "path": ["overlay", "width", "large"],
+    "key": "{overlay.width.large}"
   },
   "overlay-width-medium": {
     "$value": ["30rem", "480px"],
@@ -1383,10 +1374,11 @@
     },
     "name": "overlay-width-medium",
     "attributes": {},
-    "path": ["overlay", "width", "medium"]
+    "path": ["overlay", "width", "medium"],
+    "key": "{overlay.width.medium}"
   },
-  "overlay-width-large": {
-    "$value": ["40rem", "640px"],
+  "overlay-width-small": {
+    "$value": ["20rem", "320px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -1397,7 +1389,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "640px",
+      "$value": "320px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1406,9 +1398,10 @@
         }
       }
     },
-    "name": "overlay-width-large",
+    "name": "overlay-width-small",
     "attributes": {},
-    "path": ["overlay", "width", "large"]
+    "path": ["overlay", "width", "small"],
+    "key": "{overlay.width.small}"
   },
   "overlay-width-xlarge": {
     "$value": ["60rem", "960px"],
@@ -1433,10 +1426,11 @@
     },
     "name": "overlay-width-xlarge",
     "attributes": {},
-    "path": ["overlay", "width", "xlarge"]
+    "path": ["overlay", "width", "xlarge"],
+    "key": "{overlay.width.xlarge}"
   },
-  "overlay-height-small": {
-    "$value": ["16rem", "256px"],
+  "overlay-width-xsmall": {
+    "$value": ["12rem", "192px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -1447,7 +1441,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "256px",
+      "$value": "192px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1456,12 +1450,13 @@
         }
       }
     },
-    "name": "overlay-height-small",
+    "name": "overlay-width-xsmall",
     "attributes": {},
-    "path": ["overlay", "height", "small"]
+    "path": ["overlay", "width", "xsmall"],
+    "key": "{overlay.width.xsmall}"
   },
-  "overlay-height-medium": {
-    "$value": ["20rem", "320px"],
+  "spinner-size-large": {
+    "$value": ["0.25rem", "4px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -1472,7 +1467,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "320px",
+      "$value": "{base.size.64}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1481,12 +1476,13 @@
         }
       }
     },
-    "name": "overlay-height-medium",
+    "name": "spinner-size-large",
     "attributes": {},
-    "path": ["overlay", "height", "medium"]
+    "path": ["spinner", "size", "large"],
+    "key": "{spinner.size.large}"
   },
-  "overlay-height-large": {
-    "$value": ["27rem", "432px"],
+  "spinner-size-medium": {
+    "$value": ["0.125rem", "2px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -1497,7 +1493,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "432px",
+      "$value": "{base.size.32}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1506,12 +1502,13 @@
         }
       }
     },
-    "name": "overlay-height-large",
+    "name": "spinner-size-medium",
     "attributes": {},
-    "path": ["overlay", "height", "large"]
+    "path": ["spinner", "size", "medium"],
+    "key": "{spinner.size.medium}"
   },
-  "overlay-height-xlarge": {
-    "$value": ["37.5rem", "600px"],
+  "spinner-size-small": {
+    "$value": ["0.0625rem", "1px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -1522,7 +1519,7 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "600px",
+      "$value": "{base.size.16}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1531,158 +1528,227 @@
         }
       }
     },
-    "name": "overlay-height-xlarge",
+    "name": "spinner-size-small",
     "attributes": {},
-    "path": ["overlay", "height", "xlarge"]
+    "path": ["spinner", "size", "small"],
+    "key": "{spinner.size.small}"
   },
-  "overlay-padding-normal": {
-    "$value": ["0.0625rem", "1px"],
+  "spinner-strokeWidth-default": {
+    "$value": ["0.125rem", "2px"],
+    "$type": "dimension",
+    "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}"
+  },
+  "stack-gap-condensed": {
+    "$value": ["0.03125rem", "0.5px"],
     "$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 */"
+        }
       }
     },
     "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"]
+    "path": ["stack", "gap", "condensed"],
+    "key": "{stack.gap.condensed}"
   },
-  "overlay-padding-condensed": {
-    "$value": ["0.03125rem", "0.5px"],
+  "stack-gap-normal": {
+    "$value": ["0.0625rem", "1px"],
     "$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 */"
+        }
       }
     },
     "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"]
+    "path": ["stack", "gap", "normal"],
+    "key": "{stack.gap.normal}"
   },
-  "overlay-paddingBlock-condensed": {
-    "$value": ["0.015625rem", "0.25px"],
+  "stack-gap-spacious": {
+    "$value": ["0.09375rem", "1.5px"],
     "$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 */"
+        }
       }
     },
     "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"]
+    "path": ["stack", "gap", "spacious"],
+    "key": "{stack.gap.spacious}"
   },
-  "overlay-paddingBlock-normal": {
-    "$value": ["0.046875rem", "0.75px"],
+  "stack-padding-condensed": {
+    "$value": ["0.03125rem", "0.5px"],
     "$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 */"
+        }
       }
     },
     "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"]
+    "path": ["stack", "padding", "condensed"],
+    "key": "{stack.padding.condensed}"
   },
-  "overlay-borderRadius": {
-    "$value": ["0.0234375rem", "0.375px"],
+  "stack-padding-normal": {
+    "$value": ["0.0625rem", "1px"],
     "$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 */"
+        }
       }
     },
     "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"]
+    "path": ["stack", "padding", "normal"],
+    "key": "{stack.padding.normal}"
   },
-  "overlay-offset": {
-    "$value": ["0.25rem", "4px"],
+  "stack-padding-spacious": {
+    "$value": ["0.09375rem", "1.5px"],
     "$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 */"
+        }
       }
     },
     "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"]
+    "path": ["stack", "padding", "spacious"],
+    "key": "{stack.padding.spacious}"
   }
 }