@primer/primitives 10.2.0 → 10.3.0-rc.416d4297

package/dist/docs/base/size/size.json

@@ -1,30 +1,5 @@
 {
-  "base-size-2": {
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json5",
-    "isSource": true,
-    "original": {
-      "$value": "2px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-2",
-    "attributes": {},
-    "path": ["base", "size", "2"],
-    "value": "0.125rem",
-    "type": "dimension"
-  },
-  "base-size-4": {
+  "base-size-112": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/size",
@@ -34,7 +9,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "4px",
+      "$value": "112px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -43,13 +18,14 @@
         }
       }
     },
-    "name": "base-size-4",
+    "name": "base-size-112",
     "attributes": {},
-    "path": ["base", "size", "4"],
-    "value": "0.25rem",
+    "path": ["base", "size", "112"],
+    "key": "{base.size.112}",
+    "value": "7rem",
     "type": "dimension"
   },
-  "base-size-6": {
+  "base-size-12": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/size",
@@ -59,7 +35,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "6px",
+      "$value": "12px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -68,13 +44,14 @@
         }
       }
     },
-    "name": "base-size-6",
+    "name": "base-size-12",
     "attributes": {},
-    "path": ["base", "size", "6"],
-    "value": "0.375rem",
+    "path": ["base", "size", "12"],
+    "key": "{base.size.12}",
+    "value": "0.75rem",
     "type": "dimension"
   },
-  "base-size-8": {
+  "base-size-128": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/size",
@@ -84,7 +61,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "8px",
+      "$value": "128px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -93,13 +70,14 @@
         }
       }
     },
-    "name": "base-size-8",
+    "name": "base-size-128",
     "attributes": {},
-    "path": ["base", "size", "8"],
-    "value": "0.5rem",
+    "path": ["base", "size", "128"],
+    "key": "{base.size.128}",
+    "value": "8rem",
     "type": "dimension"
   },
-  "base-size-12": {
+  "base-size-16": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/size",
@@ -109,7 +87,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "12px",
+      "$value": "16px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -118,13 +96,14 @@
         }
       }
     },
-    "name": "base-size-12",
+    "name": "base-size-16",
     "attributes": {},
-    "path": ["base", "size", "12"],
-    "value": "0.75rem",
+    "path": ["base", "size", "16"],
+    "key": "{base.size.16}",
+    "value": "1rem",
     "type": "dimension"
   },
-  "base-size-16": {
+  "base-size-2": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/size",
@@ -134,7 +113,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "16px",
+      "$value": "2px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -143,10 +122,11 @@
         }
       }
     },
-    "name": "base-size-16",
+    "name": "base-size-2",
     "attributes": {},
-    "path": ["base", "size", "16"],
-    "value": "1rem",
+    "path": ["base", "size", "2"],
+    "key": "{base.size.2}",
+    "value": "0.125rem",
     "type": "dimension"
   },
   "base-size-20": {
@@ -171,6 +151,7 @@
     "name": "base-size-20",
     "attributes": {},
     "path": ["base", "size", "20"],
+    "key": "{base.size.20}",
     "value": "1.25rem",
     "type": "dimension"
   },
@@ -196,6 +177,7 @@
     "name": "base-size-24",
     "attributes": {},
     "path": ["base", "size", "24"],
+    "key": "{base.size.24}",
     "value": "1.5rem",
     "type": "dimension"
   },
@@ -221,6 +203,7 @@
     "name": "base-size-28",
     "attributes": {},
     "path": ["base", "size", "28"],
+    "key": "{base.size.28}",
     "value": "1.75rem",
     "type": "dimension"
   },
@@ -246,6 +229,7 @@
     "name": "base-size-32",
     "attributes": {},
     "path": ["base", "size", "32"],
+    "key": "{base.size.32}",
     "value": "2rem",
     "type": "dimension"
   },
@@ -271,9 +255,36 @@
     "name": "base-size-36",
     "attributes": {},
     "path": ["base", "size", "36"],
+    "key": "{base.size.36}",
     "value": "2.25rem",
     "type": "dimension"
   },
+  "base-size-4": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "base/size",
+        "scopes": ["size"]
+      }
+    },
+    "filePath": "src/tokens/base/size/size.json5",
+    "isSource": true,
+    "original": {
+      "$value": "4px",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "base/size",
+          "scopes": ["size"]
+        }
+      }
+    },
+    "name": "base-size-4",
+    "attributes": {},
+    "path": ["base", "size", "4"],
+    "key": "{base.size.4}",
+    "value": "0.25rem",
+    "type": "dimension"
+  },
   "base-size-40": {
     "$extensions": {
       "org.primer.figma": {
@@ -296,6 +307,7 @@
     "name": "base-size-40",
     "attributes": {},
     "path": ["base", "size", "40"],
+    "key": "{base.size.40}",
     "value": "2.5rem",
     "type": "dimension"
   },
@@ -321,6 +333,7 @@
     "name": "base-size-44",
     "attributes": {},
     "path": ["base", "size", "44"],
+    "key": "{base.size.44}",
     "value": "2.75rem",
     "type": "dimension"
   },
@@ -346,10 +359,11 @@
     "name": "base-size-48",
     "attributes": {},
     "path": ["base", "size", "48"],
+    "key": "{base.size.48}",
     "value": "3rem",
     "type": "dimension"
   },
-  "base-size-64": {
+  "base-size-6": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/size",
@@ -359,7 +373,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "64px",
+      "$value": "6px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -368,13 +382,14 @@
         }
       }
     },
-    "name": "base-size-64",
+    "name": "base-size-6",
     "attributes": {},
-    "path": ["base", "size", "64"],
-    "value": "4rem",
+    "path": ["base", "size", "6"],
+    "key": "{base.size.6}",
+    "value": "0.375rem",
     "type": "dimension"
   },
-  "base-size-80": {
+  "base-size-64": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/size",
@@ -384,7 +399,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "80px",
+      "$value": "64px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -393,13 +408,14 @@
         }
       }
     },
-    "name": "base-size-80",
+    "name": "base-size-64",
     "attributes": {},
-    "path": ["base", "size", "80"],
-    "value": "5rem",
+    "path": ["base", "size", "64"],
+    "key": "{base.size.64}",
+    "value": "4rem",
     "type": "dimension"
   },
-  "base-size-96": {
+  "base-size-8": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/size",
@@ -409,7 +425,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "96px",
+      "$value": "8px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -418,13 +434,14 @@
         }
       }
     },
-    "name": "base-size-96",
+    "name": "base-size-8",
     "attributes": {},
-    "path": ["base", "size", "96"],
-    "value": "6rem",
+    "path": ["base", "size", "8"],
+    "key": "{base.size.8}",
+    "value": "0.5rem",
     "type": "dimension"
   },
-  "base-size-112": {
+  "base-size-80": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/size",
@@ -434,7 +451,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "112px",
+      "$value": "80px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -443,13 +460,14 @@
         }
       }
     },
-    "name": "base-size-112",
+    "name": "base-size-80",
     "attributes": {},
-    "path": ["base", "size", "112"],
-    "value": "7rem",
+    "path": ["base", "size", "80"],
+    "key": "{base.size.80}",
+    "value": "5rem",
     "type": "dimension"
   },
-  "base-size-128": {
+  "base-size-96": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/size",
@@ -459,7 +477,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "128px",
+      "$value": "96px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -468,10 +486,11 @@
         }
       }
     },
-    "name": "base-size-128",
+    "name": "base-size-96",
     "attributes": {},
-    "path": ["base", "size", "128"],
-    "value": "8rem",
+    "path": ["base", "size", "96"],
+    "key": "{base.size.96}",
+    "value": "6rem",
     "type": "dimension"
   }
 }

package/dist/docs/base/typography/typography.json

@@ -21,10 +21,11 @@
     "name": "base-text-weight-light",
     "attributes": {},
     "path": ["base", "text", "weight", "light"],
+    "key": "{base.text.weight.light}",
     "value": 300,
     "type": "fontWeight"
   },
-  "base-text-weight-normal": {
+  "base-text-weight-medium": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/typography",
@@ -34,7 +35,7 @@
     "filePath": "src/tokens/base/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 400,
+      "$value": 500,
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -43,13 +44,14 @@
         }
       }
     },
-    "name": "base-text-weight-normal",
+    "name": "base-text-weight-medium",
     "attributes": {},
-    "path": ["base", "text", "weight", "normal"],
-    "value": 400,
+    "path": ["base", "text", "weight", "medium"],
+    "key": "{base.text.weight.medium}",
+    "value": 500,
     "type": "fontWeight"
   },
-  "base-text-weight-medium": {
+  "base-text-weight-normal": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/typography",
@@ -59,7 +61,7 @@
     "filePath": "src/tokens/base/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": 500,
+      "$value": 400,
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -68,10 +70,11 @@
         }
       }
     },
-    "name": "base-text-weight-medium",
+    "name": "base-text-weight-normal",
     "attributes": {},
-    "path": ["base", "text", "weight", "medium"],
-    "value": 500,
+    "path": ["base", "text", "weight", "normal"],
+    "key": "{base.text.weight.normal}",
+    "value": 400,
     "type": "fontWeight"
   },
   "base-text-weight-semibold": {
@@ -96,6 +99,7 @@
     "name": "base-text-weight-semibold",
     "attributes": {},
     "path": ["base", "text", "weight", "semibold"],
+    "key": "{base.text.weight.semibold}",
     "value": 600,
     "type": "fontWeight"
   }

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

@@ -10,10 +10,27 @@
     "name": "motion-loading-delay-default",
     "attributes": {},
     "path": ["motion", "loading", "delay", "default"],
+    "key": "{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-skeletonLoader-shimmer-duration-scale": {
+    "filePath": "src/tokens/functional/motion/patterns.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.duration.1000}",
+      "$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)"
+    },
+    "name": "motion-skeletonLoader-shimmer-duration-scale",
+    "attributes": {},
+    "path": ["motion", "skeletonLoader", "shimmer", "duration", "scale"],
+    "key": "{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)"
+  },
   "motion-spinner-duration-rotation": {
     "filePath": "src/tokens/functional/motion/patterns.json5",
     "isSource": true,
@@ -25,6 +42,7 @@
     "name": "motion-spinner-duration-rotation",
     "attributes": {},
     "path": ["motion", "spinner", "duration", "rotation"],
+    "key": "{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"
@@ -40,23 +58,9 @@
     "name": "motion-spinner-easing-rotation",
     "attributes": {},
     "path": ["motion", "spinner", "easing", "rotation"],
+    "key": "{motion.spinner.easing.rotation}",
     "value": [0, 0, 1, 1],
     "type": "cubicBezier",
     "description": "The easing curve for the \"Spinner\" loading indicator rotation"
-  },
-  "motion-skeletonLoader-shimmer-duration-scale": {
-    "filePath": "src/tokens/functional/motion/patterns.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.duration.1000}",
-      "$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)"
-    },
-    "name": "motion-skeletonLoader-shimmer-duration-scale",
-    "attributes": {},
-    "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)"
   }
 }