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

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

@@ -1,5 +1,6 @@
 {
   "borderRadius-default": {
+    "key": "{borderRadius.default}",
     "$value": ["0.0234375rem", "0.375px"],
     "$type": "dimension",
     "$extensions": {
@@ -24,14 +25,15 @@
             "web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
           }
         }
-      }
+      },
+      "key": "{borderRadius.default}"
     },
     "name": "borderRadius-default",
     "attributes": {},
-    "path": ["borderRadius", "default"],
-    "key": "{borderRadius.default}"
+    "path": ["borderRadius", "default"]
   },
   "borderRadius-full": {
+    "key": "{borderRadius.full}",
     "$value": ["624.9375rem", "9999px"],
     "$type": "dimension",
     "$description": "Use this border radius for pill shaped elements",
@@ -58,14 +60,15 @@
             "web": "var(--borderRadius-full) /* utility class: .circle */"
           }
         }
-      }
+      },
+      "key": "{borderRadius.full}"
     },
     "name": "borderRadius-full",
     "attributes": {},
-    "path": ["borderRadius", "full"],
-    "key": "{borderRadius.full}"
+    "path": ["borderRadius", "full"]
   },
   "borderRadius-large": {
+    "key": "{borderRadius.large}",
     "$value": ["0.75rem", "12px"],
     "$type": "dimension",
     "$extensions": {
@@ -90,14 +93,15 @@
             "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
           }
         }
-      }
+      },
+      "key": "{borderRadius.large}"
     },
     "name": "borderRadius-large",
     "attributes": {},
-    "path": ["borderRadius", "large"],
-    "key": "{borderRadius.large}"
+    "path": ["borderRadius", "large"]
   },
   "borderRadius-medium": {
+    "key": "{borderRadius.medium}",
     "$value": ["0.375rem", "6px"],
     "$type": "dimension",
     "$extensions": {
@@ -122,14 +126,15 @@
             "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
           }
         }
-      }
+      },
+      "key": "{borderRadius.medium}"
     },
     "name": "borderRadius-medium",
     "attributes": {},
-    "path": ["borderRadius", "medium"],
-    "key": "{borderRadius.medium}"
+    "path": ["borderRadius", "medium"]
   },
   "borderRadius-small": {
+    "key": "{borderRadius.small}",
     "$value": ["0.1875rem", "3px"],
     "$type": "dimension",
     "$extensions": {
@@ -154,14 +159,15 @@
             "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
           }
         }
-      }
+      },
+      "key": "{borderRadius.small}"
     },
     "name": "borderRadius-small",
     "attributes": {},
-    "path": ["borderRadius", "small"],
-    "key": "{borderRadius.small}"
+    "path": ["borderRadius", "small"]
   },
   "borderWidth-default": {
+    "key": "{borderWidth.default}",
     "$value": ["0.00390625rem", "0.0625px"],
     "$type": "dimension",
     "$extensions": {
@@ -180,14 +186,15 @@
           "collection": "functional/size",
           "scopes": ["borderWidth", "effectFloat"]
         }
-      }
+      },
+      "key": "{borderWidth.default}"
     },
     "name": "borderWidth-default",
     "attributes": {},
-    "path": ["borderWidth", "default"],
-    "key": "{borderWidth.default}"
+    "path": ["borderWidth", "default"]
   },
   "borderWidth-thick": {
+    "key": "{borderWidth.thick}",
     "$value": ["0.125rem", "2px"],
     "$type": "dimension",
     "$extensions": {
@@ -206,14 +213,15 @@
           "collection": "functional/size",
           "scopes": ["borderWidth", "effectFloat"]
         }
-      }
+      },
+      "key": "{borderWidth.thick}"
     },
     "name": "borderWidth-thick",
     "attributes": {},
-    "path": ["borderWidth", "thick"],
-    "key": "{borderWidth.thick}"
+    "path": ["borderWidth", "thick"]
   },
   "borderWidth-thicker": {
+    "key": "{borderWidth.thicker}",
     "$value": ["0.25rem", "4px"],
     "$type": "dimension",
     "$extensions": {
@@ -232,14 +240,15 @@
           "collection": "functional/size",
           "scopes": ["borderWidth", "effectFloat"]
         }
-      }
+      },
+      "key": "{borderWidth.thicker}"
     },
     "name": "borderWidth-thicker",
     "attributes": {},
-    "path": ["borderWidth", "thicker"],
-    "key": "{borderWidth.thicker}"
+    "path": ["borderWidth", "thicker"]
   },
   "borderWidth-thin": {
+    "key": "{borderWidth.thin}",
     "$value": ["0.0625rem", "1px"],
     "$type": "dimension",
     "$extensions": {
@@ -258,43 +267,46 @@
           "collection": "functional/size",
           "scopes": ["borderWidth", "effectFloat"]
         }
-      }
+      },
+      "key": "{borderWidth.thin}"
     },
     "name": "borderWidth-thin",
     "attributes": {},
-    "path": ["borderWidth", "thin"],
-    "key": "{borderWidth.thin}"
+    "path": ["borderWidth", "thin"]
   },
   "boxShadow-thick": {
-    "$value": ["0.125rem", "2px"],
+    "key": "{boxShadow.thick}",
+    "$value": "inset 0 0 0 0.125rem,2px",
     "$type": "string",
     "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "inset 0 0 0 {borderWidth.thick}",
-      "$type": "string"
+      "$type": "string",
+      "key": "{boxShadow.thick}"
     },
     "name": "boxShadow-thick",
     "attributes": {},
-    "path": ["boxShadow", "thick"],
-    "key": "{boxShadow.thick}"
+    "path": ["boxShadow", "thick"]
   },
   "boxShadow-thicker": {
-    "$value": ["0.25rem", "4px"],
+    "key": "{boxShadow.thicker}",
+    "$value": "inset 0 0 0 0.25rem,4px",
     "$type": "string",
     "filePath": "src/tokens/functional/size/border.json5",
     "isSource": true,
     "original": {
       "$value": "inset 0 0 0 {borderWidth.thicker}",
-      "$type": "string"
+      "$type": "string",
+      "key": "{boxShadow.thicker}"
     },
     "name": "boxShadow-thicker",
     "attributes": {},
-    "path": ["boxShadow", "thicker"],
-    "key": "{boxShadow.thicker}"
+    "path": ["boxShadow", "thicker"]
   },
   "boxShadow-thin": {
-    "$value": ["0.0625rem", "1px"],
+    "key": "{boxShadow.thin}",
+    "$value": "inset 0 0 0 0.0625rem,1px",
     "$description": "Thin shadow for borders",
     "$type": "string",
     "filePath": "src/tokens/functional/size/border.json5",
@@ -302,14 +314,15 @@
     "original": {
       "$value": "inset 0 0 0 {borderWidth.thin}",
       "$description": "Thin shadow for borders",
-      "$type": "string"
+      "$type": "string",
+      "key": "{boxShadow.thin}"
     },
     "name": "boxShadow-thin",
     "attributes": {},
-    "path": ["boxShadow", "thin"],
-    "key": "{boxShadow.thin}"
+    "path": ["boxShadow", "thin"]
   },
   "outline-focus-offset": {
+    "key": "{outline.focus.offset}",
     "$value": ["-0.125rem", "-2px"],
     "$type": "dimension",
     "$extensions": {
@@ -328,14 +341,15 @@
           "collection": "functional/size",
           "scopes": ["borderWidth", "effectFloat"]
         }
-      }
+      },
+      "key": "{outline.focus.offset}"
     },
     "name": "outline-focus-offset",
     "attributes": {},
-    "path": ["outline", "focus", "offset"],
-    "key": "{outline.focus.offset}"
+    "path": ["outline", "focus", "offset"]
   },
   "outline-focus-width": {
+    "key": "{outline.focus.width}",
     "$value": ["0.125rem", "2px"],
     "$type": "dimension",
     "$extensions": {
@@ -354,11 +368,11 @@
           "collection": "functional/size",
           "scopes": ["borderWidth", "effectFloat"]
         }
-      }
+      },
+      "key": "{outline.focus.width}"
     },
     "name": "outline-focus-width",
     "attributes": {},
-    "path": ["outline", "focus", "width"],
-    "key": "{outline.focus.width}"
+    "path": ["outline", "focus", "width"]
   }
 }

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

@@ -1,5 +1,6 @@
 {
   "breakpoint-large": {
+    "key": "{breakpoint.large}",
     "$value": ["63.25rem", "1012px"],
     "$type": "dimension",
     "$extensions": {
@@ -18,14 +19,15 @@
           "collection": "functional/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{breakpoint.large}"
     },
     "name": "breakpoint-large",
     "attributes": {},
-    "path": ["breakpoint", "large"],
-    "key": "{breakpoint.large}"
+    "path": ["breakpoint", "large"]
   },
   "breakpoint-medium": {
+    "key": "{breakpoint.medium}",
     "$value": ["48rem", "768px"],
     "$type": "dimension",
     "$extensions": {
@@ -44,14 +46,15 @@
           "collection": "functional/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{breakpoint.medium}"
     },
     "name": "breakpoint-medium",
     "attributes": {},
-    "path": ["breakpoint", "medium"],
-    "key": "{breakpoint.medium}"
+    "path": ["breakpoint", "medium"]
   },
   "breakpoint-small": {
+    "key": "{breakpoint.small}",
     "$value": ["34rem", "544px"],
     "$type": "dimension",
     "$extensions": {
@@ -70,14 +73,15 @@
           "collection": "functional/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{breakpoint.small}"
     },
     "name": "breakpoint-small",
     "attributes": {},
-    "path": ["breakpoint", "small"],
-    "key": "{breakpoint.small}"
+    "path": ["breakpoint", "small"]
   },
   "breakpoint-xlarge": {
+    "key": "{breakpoint.xlarge}",
     "$value": ["80rem", "1280px"],
     "$type": "dimension",
     "$extensions": {
@@ -96,14 +100,15 @@
           "collection": "functional/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{breakpoint.xlarge}"
     },
     "name": "breakpoint-xlarge",
     "attributes": {},
-    "path": ["breakpoint", "xlarge"],
-    "key": "{breakpoint.xlarge}"
+    "path": ["breakpoint", "xlarge"]
   },
   "breakpoint-xsmall": {
+    "key": "{breakpoint.xsmall}",
     "$value": ["20rem", "320px"],
     "$type": "dimension",
     "$extensions": {
@@ -122,14 +127,15 @@
           "collection": "functional/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{breakpoint.xsmall}"
     },
     "name": "breakpoint-xsmall",
     "attributes": {},
-    "path": ["breakpoint", "xsmall"],
-    "key": "{breakpoint.xsmall}"
+    "path": ["breakpoint", "xsmall"]
   },
   "breakpoint-xxlarge": {
+    "key": "{breakpoint.xxlarge}",
     "$value": ["87.5rem", "1400px"],
     "$type": "dimension",
     "$extensions": {
@@ -148,11 +154,11 @@
           "collection": "functional/size",
           "scopes": ["size"]
         }
-      }
+      },
+      "key": "{breakpoint.xxlarge}"
     },
     "name": "breakpoint-xxlarge",
     "attributes": {},
-    "path": ["breakpoint", "xxlarge"],
-    "key": "{breakpoint.xxlarge}"
+    "path": ["breakpoint", "xxlarge"]
   }
 }

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

@@ -1,44 +1,47 @@
 {
   "control-minTarget-auto": {
+    "key": "{control.minTarget.auto}",
     "$value": ["0.171875rem", "2.75px"],
     "$type": "dimension",
     "filePath": "src/tokens/functional/size/size-coarse.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.44}",
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{control.minTarget.auto}"
     },
     "name": "control-minTarget-auto",
     "attributes": {},
-    "path": ["control", "minTarget", "auto"],
-    "key": "{control.minTarget.auto}"
+    "path": ["control", "minTarget", "auto"]
   },
   "controlStack-medium-gap-auto": {
+    "key": "{controlStack.medium.gap.auto}",
     "$value": ["0.046875rem", "0.75px"],
     "$type": "dimension",
     "filePath": "src/tokens/functional/size/size-coarse.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.12}",
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{controlStack.medium.gap.auto}"
     },
     "name": "controlStack-medium-gap-auto",
     "attributes": {},
-    "path": ["controlStack", "medium", "gap", "auto"],
-    "key": "{controlStack.medium.gap.auto}"
+    "path": ["controlStack", "medium", "gap", "auto"]
   },
   "controlStack-small-gap-auto": {
+    "key": "{controlStack.small.gap.auto}",
     "$value": ["0.0625rem", "1px"],
     "$type": "dimension",
     "filePath": "src/tokens/functional/size/size-coarse.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.16}",
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{controlStack.small.gap.auto}"
     },
     "name": "controlStack-small-gap-auto",
     "attributes": {},
-    "path": ["controlStack", "small", "gap", "auto"],
-    "key": "{controlStack.small.gap.auto}"
+    "path": ["controlStack", "small", "gap", "auto"]
   }
 }

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

@@ -1,44 +1,47 @@
 {
   "control-minTarget-auto": {
+    "key": "{control.minTarget.auto}",
     "$value": ["0.0625rem", "1px"],
     "$type": "dimension",
     "filePath": "src/tokens/functional/size/size-fine.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.16}",
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{control.minTarget.auto}"
     },
     "name": "control-minTarget-auto",
     "attributes": {},
-    "path": ["control", "minTarget", "auto"],
-    "key": "{control.minTarget.auto}"
+    "path": ["control", "minTarget", "auto"]
   },
   "controlStack-medium-gap-auto": {
+    "key": "{controlStack.medium.gap.auto}",
     "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "filePath": "src/tokens/functional/size/size-fine.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.8}",
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{controlStack.medium.gap.auto}"
     },
     "name": "controlStack-medium-gap-auto",
     "attributes": {},
-    "path": ["controlStack", "medium", "gap", "auto"],
-    "key": "{controlStack.medium.gap.auto}"
+    "path": ["controlStack", "medium", "gap", "auto"]
   },
   "controlStack-small-gap-auto": {
+    "key": "{controlStack.small.gap.auto}",
     "$value": ["0.03125rem", "0.5px"],
     "$type": "dimension",
     "filePath": "src/tokens/functional/size/size-fine.json5",
     "isSource": true,
     "original": {
       "$value": "{base.size.8}",
-      "$type": "dimension"
+      "$type": "dimension",
+      "key": "{controlStack.small.gap.auto}"
     },
     "name": "controlStack-small-gap-auto",
     "attributes": {},
-    "path": ["controlStack", "small", "gap", "auto"],
-    "key": "{controlStack.small.gap.auto}"
+    "path": ["controlStack", "small", "gap", "auto"]
   }
 }