@primer/primitives 9.1.2 → 10.0.0-rc.29e661a3

package/dist/docs/functional/motion/motion.json

@@ -1,47 +1,47 @@
 {
   "motion-loading-delay-default": {
-    "value": "1000ms",
-    "$type": "duration",
-    "comment": "The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies.",
     "filePath": "src/tokens/functional/motion/loading.json5",
     "isSource": true,
     "original": {
-      "value": "1000ms",
+      "$value": "1000ms",
       "$type": "duration",
-      "comment": "The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies."
+      "$description": "The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies."
     },
     "name": "motion-loading-delay-default",
     "attributes": {},
-    "path": ["motion", "loading", "delay", "default"]
+    "path": ["motion", "loading", "delay", "default"],
+    "value": "1000ms",
+    "type": "duration",
+    "description": "The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies."
   },
   "motion-spinner-duration-rotation": {
-    "value": "1000ms",
-    "$type": "duration",
-    "comment": "The amount of time it takes the \"Spinner\" loading indicator to make a full 360deg rotation",
     "filePath": "src/tokens/functional/motion/patterns.json5",
     "isSource": true,
     "original": {
-      "value": "1000ms",
+      "$value": "1000ms",
       "$type": "duration",
-      "comment": "The amount of time it takes the \"Spinner\" loading indicator to make a full 360deg rotation"
+      "$description": "The amount of time it takes the \"Spinner\" loading indicator to make a full 360deg rotation"
     },
     "name": "motion-spinner-duration-rotation",
     "attributes": {},
-    "path": ["motion", "spinner", "duration", "rotation"]
+    "path": ["motion", "spinner", "duration", "rotation"],
+    "value": "1000ms",
+    "type": "duration",
+    "description": "The amount of time it takes the \"Spinner\" loading indicator to make a full 360deg rotation"
   },
   "motion-skeletonLoader-shimmer-duration-scale": {
-    "value": "1000ms",
-    "$type": "duration",
-    "comment": "The amount of times it takes the \"shimmer\" effect to go from the start (left) of the skeleton loader to the end (right)",
     "filePath": "src/tokens/functional/motion/patterns.json5",
     "isSource": true,
     "original": {
-      "value": "1000ms",
+      "$value": "1000ms",
       "$type": "duration",
-      "comment": "The amount of times it takes the \"shimmer\" effect to go from the start (left) of the skeleton loader to the end (right)"
+      "$description": "The amount of times it takes the \"shimmer\" effect to go from the start (left) of the skeleton loader to the end (right)"
     },
     "name": "motion-skeletonLoader-shimmer-duration-scale",
     "attributes": {},
-    "path": ["motion", "skeletonLoader", "shimmer", "duration", "scale"]
+    "path": ["motion", "skeletonLoader", "shimmer", "duration", "scale"],
+    "value": "1000ms",
+    "type": "duration",
+    "description": "The amount of times it takes the \"shimmer\" effect to go from the start (left) of the skeleton loader to the end (right)"
   }
 }

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

@@ -1,87 +1,85 @@
 {
   "boxShadow-thin": {
-    "value": "inset 0 0 0 max(1px, 0.0625rem)",
-    "comment": "Thin shadow for borders",
-    "$type": "string",
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "inset 0 0 0 {borderWidth.thin}",
-      "comment": "Thin shadow for borders",
+      "$value": "inset 0 0 0 {borderWidth.thin}",
+      "$description": "Thin shadow for borders",
       "$type": "string"
     },
     "name": "boxShadow-thin",
     "attributes": {},
-    "path": ["boxShadow", "thin"]
+    "path": ["boxShadow", "thin"],
+    "value": "inset 0 0 0 max(1px, 0.0625rem)",
+    "type": "string",
+    "description": "Thin shadow for borders"
   },
   "boxShadow-thick": {
-    "value": "inset 0 0 0 max(2px, 0.125rem)",
-    "$type": "string",
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "inset 0 0 0 {borderWidth.thick}",
+      "$value": "inset 0 0 0 {borderWidth.thick}",
       "$type": "string"
     },
     "name": "boxShadow-thick",
     "attributes": {},
-    "path": ["boxShadow", "thick"]
+    "path": ["boxShadow", "thick"],
+    "value": "inset 0 0 0 max(2px, 0.125rem)",
+    "type": "string"
   },
   "boxShadow-thicker": {
-    "value": "inset 0 0 0 max(4px, 0.25rem)",
-    "$type": "string",
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "inset 0 0 0 {borderWidth.thicker}",
+      "$value": "inset 0 0 0 {borderWidth.thicker}",
       "$type": "string"
     },
     "name": "boxShadow-thicker",
     "attributes": {},
-    "path": ["boxShadow", "thicker"]
+    "path": ["boxShadow", "thicker"],
+    "value": "inset 0 0 0 max(4px, 0.25rem)",
+    "type": "string"
   },
   "borderWidth-thin": {
-    "value": "max(1px, 0.0625rem)",
-    "$type": "string",
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "max(1px, 0.0625rem)",
+      "$value": "max(1px, 0.0625rem)",
       "$type": "string"
     },
     "name": "borderWidth-thin",
     "attributes": {},
-    "path": ["borderWidth", "thin"]
+    "path": ["borderWidth", "thin"],
+    "value": "max(1px, 0.0625rem)",
+    "type": "string"
   },
   "borderWidth-thick": {
-    "value": "max(2px, 0.125rem)",
-    "$type": "string",
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "max(2px, 0.125rem)",
+      "$value": "max(2px, 0.125rem)",
       "$type": "string"
     },
     "name": "borderWidth-thick",
     "attributes": {},
-    "path": ["borderWidth", "thick"]
+    "path": ["borderWidth", "thick"],
+    "value": "max(2px, 0.125rem)",
+    "type": "string"
   },
   "borderWidth-thicker": {
-    "value": "max(4px, 0.25rem)",
-    "$type": "string",
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "max(4px, 0.25rem)",
+      "$value": "max(4px, 0.25rem)",
       "$type": "string"
     },
     "name": "borderWidth-thicker",
     "attributes": {},
-    "path": ["borderWidth", "thicker"]
+    "path": ["borderWidth", "thicker"],
+    "value": "max(4px, 0.25rem)",
+    "type": "string"
   },
   "borderRadius-small": {
-    "value": "0.1875rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -94,7 +92,7 @@
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "3px",
+      "$value": "3px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -108,11 +106,11 @@
     },
     "name": "borderRadius-small",
     "attributes": {},
-    "path": ["borderRadius", "small"]
+    "path": ["borderRadius", "small"],
+    "value": "0.1875rem",
+    "type": "dimension"
   },
   "borderRadius-medium": {
-    "value": "0.375rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -125,7 +123,7 @@
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "6px",
+      "$value": "6px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -139,11 +137,11 @@
     },
     "name": "borderRadius-medium",
     "attributes": {},
-    "path": ["borderRadius", "medium"]
+    "path": ["borderRadius", "medium"],
+    "value": "0.375rem",
+    "type": "dimension"
   },
   "borderRadius-large": {
-    "value": "0.75rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -156,7 +154,7 @@
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "12px",
+      "$value": "12px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -170,12 +168,11 @@
     },
     "name": "borderRadius-large",
     "attributes": {},
-    "path": ["borderRadius", "large"]
+    "path": ["borderRadius", "large"],
+    "value": "0.75rem",
+    "type": "dimension"
   },
   "borderRadius-full": {
-    "value": "624.9375rem",
-    "$type": "dimension",
-    "comment": "Use this border radius for pill shaped elements",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -188,9 +185,9 @@
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "9999px",
+      "$value": "9999px",
       "$type": "dimension",
-      "comment": "Use this border radius for pill shaped elements",
+      "$description": "Use this border radius for pill shaped elements",
       "$extensions": {
         "org.primer.figma": {
           "collection": "functional/size",
@@ -203,11 +200,12 @@
     },
     "name": "borderRadius-full",
     "attributes": {},
-    "path": ["borderRadius", "full"]
+    "path": ["borderRadius", "full"],
+    "value": "624.9375rem",
+    "type": "dimension",
+    "description": "Use this border radius for pill shaped elements"
   },
   "borderRadius-default": {
-    "value": "0.375rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -220,7 +218,7 @@
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "{borderRadius.medium}",
+      "$value": "{borderRadius.medium}",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -234,32 +232,34 @@
     },
     "name": "borderRadius-default",
     "attributes": {},
-    "path": ["borderRadius", "default"]
+    "path": ["borderRadius", "default"],
+    "value": "0.375rem",
+    "type": "dimension"
   },
   "outline-focus-offset": {
-    "value": "-0.125rem",
-    "$type": "dimension",
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "-2px",
+      "$value": "-2px",
       "$type": "dimension"
     },
     "name": "outline-focus-offset",
     "attributes": {},
-    "path": ["outline", "focus", "offset"]
+    "path": ["outline", "focus", "offset"],
+    "value": "-0.125rem",
+    "type": "dimension"
   },
   "outline-focus-width": {
-    "value": "0.125rem",
-    "$type": "dimension",
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "2px",
+      "$value": "2px",
       "$type": "dimension"
     },
     "name": "outline-focus-width",
     "attributes": {},
-    "path": ["outline", "focus", "width"]
+    "path": ["outline", "focus", "width"],
+    "value": "0.125rem",
+    "type": "dimension"
   }
 }

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

@@ -1,7 +1,5 @@
 {
   "breakpoint-xsmall": {
-    "value": "20rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -11,7 +9,7 @@
     "filePath": "src/tokens/functional/size/breakpoints.json",
     "isSource": true,
     "original": {
-      "value": "320px",
+      "$value": "320px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -22,11 +20,11 @@
     },
     "name": "breakpoint-xsmall",
     "attributes": {},
-    "path": ["breakpoint", "xsmall"]
+    "path": ["breakpoint", "xsmall"],
+    "value": "20rem",
+    "type": "dimension"
   },
   "breakpoint-small": {
-    "value": "34rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -36,7 +34,7 @@
     "filePath": "src/tokens/functional/size/breakpoints.json",
     "isSource": true,
     "original": {
-      "value": "544px",
+      "$value": "544px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -47,11 +45,11 @@
     },
     "name": "breakpoint-small",
     "attributes": {},
-    "path": ["breakpoint", "small"]
+    "path": ["breakpoint", "small"],
+    "value": "34rem",
+    "type": "dimension"
   },
   "breakpoint-medium": {
-    "value": "48rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -61,7 +59,7 @@
     "filePath": "src/tokens/functional/size/breakpoints.json",
     "isSource": true,
     "original": {
-      "value": "768px",
+      "$value": "768px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -72,11 +70,11 @@
     },
     "name": "breakpoint-medium",
     "attributes": {},
-    "path": ["breakpoint", "medium"]
+    "path": ["breakpoint", "medium"],
+    "value": "48rem",
+    "type": "dimension"
   },
   "breakpoint-large": {
-    "value": "63.25rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -86,7 +84,7 @@
     "filePath": "src/tokens/functional/size/breakpoints.json",
     "isSource": true,
     "original": {
-      "value": "1012px",
+      "$value": "1012px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -97,11 +95,11 @@
     },
     "name": "breakpoint-large",
     "attributes": {},
-    "path": ["breakpoint", "large"]
+    "path": ["breakpoint", "large"],
+    "value": "63.25rem",
+    "type": "dimension"
   },
   "breakpoint-xlarge": {
-    "value": "80rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -111,7 +109,7 @@
     "filePath": "src/tokens/functional/size/breakpoints.json",
     "isSource": true,
     "original": {
-      "value": "1280px",
+      "$value": "1280px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -122,11 +120,11 @@
     },
     "name": "breakpoint-xlarge",
     "attributes": {},
-    "path": ["breakpoint", "xlarge"]
+    "path": ["breakpoint", "xlarge"],
+    "value": "80rem",
+    "type": "dimension"
   },
   "breakpoint-xxlarge": {
-    "value": "87.5rem",
-    "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -136,7 +134,7 @@
     "filePath": "src/tokens/functional/size/breakpoints.json",
     "isSource": true,
     "original": {
-      "value": "1400px",
+      "$value": "1400px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -147,6 +145,8 @@
     },
     "name": "breakpoint-xxlarge",
     "attributes": {},
-    "path": ["breakpoint", "xxlarge"]
+    "path": ["breakpoint", "xxlarge"],
+    "value": "87.5rem",
+    "type": "dimension"
   }
 }

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

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

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

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