@primer/primitives 11.4.1-rc.eb8ee149 → 11.5.0-rc.14eaeb12

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

@@ -28,9 +28,50 @@
     "type": "dimension",
     "description": "Minimum target size for fine pointer devices (mouse)"
   },
+  "controlStack-large-gap-auto": {
+    "key": "{controlStack.large.gap.auto}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "pattern/size",
+        "scopes": ["gap"]
+      },
+      "org.primer.llm": {
+        "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
+        "rules": "Use for spacing between interactive controls on desktop in large layouts. Do NOT use for mobile/touch interfaces."
+      }
+    },
+    "filePath": "src/tokens/functional/size/size-fine.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.size.8}",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "pattern/size",
+          "scopes": ["gap"]
+        },
+        "org.primer.llm": {
+          "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
+          "rules": "Use for spacing between interactive controls on desktop in large layouts. Do NOT use for mobile/touch interfaces."
+        }
+      },
+      "$description": "Gap between stacked controls in large density layouts for mouse interfaces",
+      "key": "{controlStack.large.gap.auto}"
+    },
+    "name": "controlStack-large-gap-auto",
+    "attributes": {},
+    "path": ["controlStack", "large", "gap", "auto"],
+    "value": "0.5rem",
+    "type": "dimension",
+    "description": "Gap between stacked controls in large density layouts for mouse interfaces"
+  },
   "controlStack-medium-gap-auto": {
     "key": "{controlStack.medium.gap.auto}",
     "$extensions": {
+      "org.primer.figma": {
+        "collection": "pattern/size",
+        "scopes": ["gap"]
+      },
       "org.primer.llm": {
         "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
         "rules": "Use for spacing between interactive controls on desktop in standard layouts. Do NOT use for mobile/touch interfaces."
@@ -41,13 +82,17 @@
     "original": {
       "$value": "{base.size.8}",
       "$type": "dimension",
-      "$description": "Gap between stacked controls in medium density layouts for mouse interfaces",
       "$extensions": {
+        "org.primer.figma": {
+          "collection": "pattern/size",
+          "scopes": ["gap"]
+        },
         "org.primer.llm": {
           "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
           "rules": "Use for spacing between interactive controls on desktop in standard layouts. Do NOT use for mobile/touch interfaces."
         }
       },
+      "$description": "Gap between stacked controls in medium density layouts for mouse interfaces",
       "key": "{controlStack.medium.gap.auto}"
     },
     "name": "controlStack-medium-gap-auto",
@@ -60,6 +105,10 @@
   "controlStack-small-gap-auto": {
     "key": "{controlStack.small.gap.auto}",
     "$extensions": {
+      "org.primer.figma": {
+        "collection": "pattern/size",
+        "scopes": ["gap"]
+      },
       "org.primer.llm": {
         "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
         "rules": "Use for spacing between interactive controls on desktop in compact layouts. Tighter spacing than touch devices. Do NOT use for mobile/touch interfaces."
@@ -70,13 +119,17 @@
     "original": {
       "$value": "{base.size.8}",
       "$type": "dimension",
-      "$description": "Gap between stacked controls in small density layouts for mouse interfaces",
       "$extensions": {
+        "org.primer.figma": {
+          "collection": "pattern/size",
+          "scopes": ["gap"]
+        },
         "org.primer.llm": {
           "usage": ["desktop-control-spacing", "form-gap", "stacked-buttons"],
           "rules": "Use for spacing between interactive controls on desktop in compact layouts. Tighter spacing than touch devices. Do NOT use for mobile/touch interfaces."
         }
       },
+      "$description": "Gap between stacked controls in small density layouts for mouse interfaces",
       "key": "{controlStack.small.gap.auto}"
     },
     "name": "controlStack-small-gap-auto",

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

@@ -64,7 +64,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "10px",
+      "$value": {
+        "value": 10,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -80,6 +83,33 @@
     "value": "0.625rem",
     "type": "dimension"
   },
+  "control-large-paddingInline-condensed": {
+    "key": "{control.large.paddingInline.condensed}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "pattern/size",
+        "scopes": ["gap"]
+      }
+    },
+    "filePath": "src/tokens/functional/size/size.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.size.8}",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "pattern/size",
+          "scopes": ["gap"]
+        }
+      },
+      "key": "{control.large.paddingInline.condensed}"
+    },
+    "name": "control-large-paddingInline-condensed",
+    "attributes": {},
+    "path": ["control", "large", "paddingInline", "condensed"],
+    "value": "0.5rem",
+    "type": "dimension"
+  },
   "control-large-paddingInline-normal": {
     "key": "{control.large.paddingInline.normal}",
     "$extensions": {
@@ -226,7 +256,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "6px",
+      "$value": {
+        "value": 6,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -539,6 +572,33 @@
     "value": "0.75rem",
     "type": "dimension"
   },
+  "control-small-paddingInline-spacious": {
+    "key": "{control.small.paddingInline.spacious}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "pattern/size",
+        "scopes": ["gap"]
+      }
+    },
+    "filePath": "src/tokens/functional/size/size.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.size.16}",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "pattern/size",
+          "scopes": ["gap"]
+        }
+      },
+      "key": "{control.small.paddingInline.spacious}"
+    },
+    "name": "control-small-paddingInline-spacious",
+    "attributes": {},
+    "path": ["control", "small", "paddingInline", "spacious"],
+    "value": "1rem",
+    "type": "dimension"
+  },
   "control-small-size": {
     "key": "{control.small.size}",
     "$extensions": {
@@ -631,7 +691,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "14px",
+      "$value": {
+        "value": 14,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -647,6 +710,33 @@
     "value": "0.875rem",
     "type": "dimension"
   },
+  "control-xlarge-paddingInline-condensed": {
+    "key": "{control.xlarge.paddingInline.condensed}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "pattern/size",
+        "scopes": ["gap"]
+      }
+    },
+    "filePath": "src/tokens/functional/size/size.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.size.8}",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "pattern/size",
+          "scopes": ["gap"]
+        }
+      },
+      "key": "{control.xlarge.paddingInline.condensed}"
+    },
+    "name": "control-xlarge-paddingInline-condensed",
+    "attributes": {},
+    "path": ["control", "xlarge", "paddingInline", "condensed"],
+    "value": "0.5rem",
+    "type": "dimension"
+  },
   "control-xlarge-paddingInline-normal": {
     "key": "{control.xlarge.paddingInline.normal}",
     "$extensions": {
@@ -793,7 +883,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "2px",
+      "$value": {
+        "value": 2,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -998,6 +1091,33 @@
     "value": "0.75rem",
     "type": "dimension"
   },
+  "controlStack-medium-gap-auto": {
+    "key": "{controlStack.medium.gap.auto}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "pattern/size",
+        "scopes": ["gap"]
+      }
+    },
+    "filePath": "src/tokens/functional/size/size.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.size.8}",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "pattern/size",
+          "scopes": ["gap"]
+        }
+      },
+      "key": "{controlStack.medium.gap.auto}"
+    },
+    "name": "controlStack-medium-gap-auto",
+    "attributes": {},
+    "path": ["controlStack", "medium", "gap", "auto"],
+    "value": "0.5rem",
+    "type": "dimension"
+  },
   "controlStack-medium-gap-condensed": {
     "key": "{controlStack.medium.gap.condensed}",
     "$extensions": {
@@ -1052,6 +1172,33 @@
     "value": "0.75rem",
     "type": "dimension"
   },
+  "controlStack-small-gap-auto": {
+    "key": "{controlStack.small.gap.auto}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "pattern/size",
+        "scopes": ["gap"]
+      }
+    },
+    "filePath": "src/tokens/functional/size/size.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.size.8}",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "pattern/size",
+          "scopes": ["gap"]
+        }
+      },
+      "key": "{controlStack.small.gap.auto}"
+    },
+    "name": "controlStack-small-gap-auto",
+    "attributes": {},
+    "path": ["controlStack", "small", "gap", "auto"],
+    "value": "0.5rem",
+    "type": "dimension"
+  },
   "controlStack-small-gap-condensed": {
     "key": "{controlStack.small.gap.condensed}",
     "$extensions": {
@@ -1144,7 +1291,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "432px",
+      "$value": {
+        "value": 432,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1171,7 +1321,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "320px",
+      "$value": {
+        "value": 320,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1198,7 +1351,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "256px",
+      "$value": {
+        "value": 256,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1225,7 +1381,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "600px",
+      "$value": {
+        "value": 600,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1252,7 +1411,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "4px",
+      "$value": {
+        "value": 4,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1387,7 +1549,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "640px",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1414,7 +1579,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "480px",
+      "$value": {
+        "value": 480,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1441,7 +1609,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "320px",
+      "$value": {
+        "value": 320,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1468,7 +1639,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "960px",
+      "$value": {
+        "value": 960,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1495,7 +1669,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "192px",
+      "$value": {
+        "value": 192,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -1597,7 +1774,10 @@
     "filePath": "src/tokens/functional/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "2px",
+      "$value": {
+        "value": 2,
+        "unit": "px"
+      },
       "$type": "dimension",
       "key": "{spinner.strokeWidth.default}"
     },