@primer/primitives 9.1.2 → 10.0.0-rc.2963a70e

package/dist/styleLint/base/motion/motion.json

@@ -0,0 +1,205 @@
+{
+  "base-easing-linear": {
+    "$value": [0, 0, 1, 1],
+    "$type": "cubicBezier",
+    "$description": "Ideal for non-movement properties, like opacity or background color.",
+    "filePath": "src/tokens/base/motion/easing.json5",
+    "isSource": true,
+    "original": {
+      "$value": [0, 0, 1, 1],
+      "$type": "cubicBezier",
+      "$description": "Ideal for non-movement properties, like opacity or background color."
+    },
+    "name": "base-easing-linear",
+    "attributes": {},
+    "path": ["base", "easing", "linear"]
+  },
+  "base-easing-easeIn": {
+    "$value": [0.7, 0.1, 0.75, 0.9],
+    "$type": "cubicBezier",
+    "$description": "Ideal for movement that starts on the page and ends off the page.",
+    "filePath": "src/tokens/base/motion/easing.json5",
+    "isSource": true,
+    "original": {
+      "$value": [0.7, 0.1, 0.75, 0.9],
+      "$type": "cubicBezier",
+      "$description": "Ideal for movement that starts on the page and ends off the page."
+    },
+    "name": "base-easing-easeIn",
+    "attributes": {},
+    "path": ["base", "easing", "easeIn"]
+  },
+  "base-easing-easeOut": {
+    "$value": [0.16, 1, 0.3, 1],
+    "$type": "cubicBezier",
+    "$description": "Ideal for movement that starts off the page and ends on the page.",
+    "filePath": "src/tokens/base/motion/easing.json5",
+    "isSource": true,
+    "original": {
+      "$value": [0.16, 1, 0.3, 1],
+      "$type": "cubicBezier",
+      "$description": "Ideal for movement that starts off the page and ends on the page."
+    },
+    "name": "base-easing-easeOut",
+    "attributes": {},
+    "path": ["base", "easing", "easeOut"]
+  },
+  "base-easing-easeInOut": {
+    "$value": [0.6, 0, 0.2, 1],
+    "$type": "cubicBezier",
+    "$description": "Ideal for movement that starts and ends on the page.",
+    "filePath": "src/tokens/base/motion/easing.json5",
+    "isSource": true,
+    "original": {
+      "$value": [0.6, 0, 0.2, 1],
+      "$type": "cubicBezier",
+      "$description": "Ideal for movement that starts and ends on the page."
+    },
+    "name": "base-easing-easeInOut",
+    "attributes": {},
+    "path": ["base", "easing", "easeInOut"]
+  },
+  "base-duration-0": {
+    "$value": "0ms",
+    "$type": "duration",
+    "filePath": "src/tokens/base/motion/timing.json5",
+    "isSource": true,
+    "original": {
+      "$value": "0ms",
+      "$type": "duration"
+    },
+    "name": "base-duration-0",
+    "attributes": {},
+    "path": ["base", "duration", "0"]
+  },
+  "base-duration-75": {
+    "$value": "75ms",
+    "$type": "duration",
+    "filePath": "src/tokens/base/motion/timing.json5",
+    "isSource": true,
+    "original": {
+      "$value": "75ms",
+      "$type": "duration"
+    },
+    "name": "base-duration-75",
+    "attributes": {},
+    "path": ["base", "duration", "75"]
+  },
+  "base-duration-200": {
+    "$value": "200ms",
+    "$type": "duration",
+    "filePath": "src/tokens/base/motion/timing.json5",
+    "isSource": true,
+    "original": {
+      "$value": "200ms",
+      "$type": "duration"
+    },
+    "name": "base-duration-200",
+    "attributes": {},
+    "path": ["base", "duration", "200"]
+  },
+  "base-duration-300": {
+    "$value": "300ms",
+    "$type": "duration",
+    "filePath": "src/tokens/base/motion/timing.json5",
+    "isSource": true,
+    "original": {
+      "$value": "300ms",
+      "$type": "duration"
+    },
+    "name": "base-duration-300",
+    "attributes": {},
+    "path": ["base", "duration", "300"]
+  },
+  "base-duration-400": {
+    "$value": "400ms",
+    "$type": "duration",
+    "filePath": "src/tokens/base/motion/timing.json5",
+    "isSource": true,
+    "original": {
+      "$value": "400ms",
+      "$type": "duration"
+    },
+    "name": "base-duration-400",
+    "attributes": {},
+    "path": ["base", "duration", "400"]
+  },
+  "base-duration-500": {
+    "$value": "500ms",
+    "$type": "duration",
+    "filePath": "src/tokens/base/motion/timing.json5",
+    "isSource": true,
+    "original": {
+      "$value": "500ms",
+      "$type": "duration"
+    },
+    "name": "base-duration-500",
+    "attributes": {},
+    "path": ["base", "duration", "500"]
+  },
+  "base-duration-600": {
+    "$value": "600ms",
+    "$type": "duration",
+    "filePath": "src/tokens/base/motion/timing.json5",
+    "isSource": true,
+    "original": {
+      "$value": "600ms",
+      "$type": "duration"
+    },
+    "name": "base-duration-600",
+    "attributes": {},
+    "path": ["base", "duration", "600"]
+  },
+  "base-duration-700": {
+    "$value": "700ms",
+    "$type": "duration",
+    "filePath": "src/tokens/base/motion/timing.json5",
+    "isSource": true,
+    "original": {
+      "$value": "700ms",
+      "$type": "duration"
+    },
+    "name": "base-duration-700",
+    "attributes": {},
+    "path": ["base", "duration", "700"]
+  },
+  "base-duration-800": {
+    "$value": "800ms",
+    "$type": "duration",
+    "filePath": "src/tokens/base/motion/timing.json5",
+    "isSource": true,
+    "original": {
+      "$value": "800ms",
+      "$type": "duration"
+    },
+    "name": "base-duration-800",
+    "attributes": {},
+    "path": ["base", "duration", "800"]
+  },
+  "base-duration-900": {
+    "$value": "900ms",
+    "$type": "duration",
+    "filePath": "src/tokens/base/motion/timing.json5",
+    "isSource": true,
+    "original": {
+      "$value": "900ms",
+      "$type": "duration"
+    },
+    "name": "base-duration-900",
+    "attributes": {},
+    "path": ["base", "duration", "900"]
+  },
+  "base-duration-1000": {
+    "$value": "1000ms",
+    "$type": "duration",
+    "filePath": "src/tokens/base/motion/timing.json5",
+    "isSource": true,
+    "original": {
+      "$value": "1000ms",
+      "$type": "duration"
+    },
+    "name": "base-duration-1000",
+    "attributes": {},
+    "path": ["base", "duration", "1000"]
+  }
+}

package/dist/styleLint/base/size/size.json

@@ -1,6 +1,6 @@
 {
   "base-size-2": {
-    "value": ["0.125rem", "2px"],
+    "$value": ["0.125rem", "2px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -11,7 +11,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "2px",
+      "$value": "2px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -25,7 +25,7 @@
     "path": ["base", "size", "2"]
   },
   "base-size-4": {
-    "value": ["0.25rem", "4px"],
+    "$value": ["0.25rem", "4px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -36,7 +36,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "4px",
+      "$value": "4px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -50,7 +50,7 @@
     "path": ["base", "size", "4"]
   },
   "base-size-6": {
-    "value": ["0.375rem", "6px"],
+    "$value": ["0.375rem", "6px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -61,7 +61,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "6px",
+      "$value": "6px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -75,7 +75,7 @@
     "path": ["base", "size", "6"]
   },
   "base-size-8": {
-    "value": ["0.5rem", "8px"],
+    "$value": ["0.5rem", "8px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -86,7 +86,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "8px",
+      "$value": "8px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -100,7 +100,7 @@
     "path": ["base", "size", "8"]
   },
   "base-size-12": {
-    "value": ["0.75rem", "12px"],
+    "$value": ["0.75rem", "12px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -111,7 +111,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "12px",
+      "$value": "12px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -125,7 +125,7 @@
     "path": ["base", "size", "12"]
   },
   "base-size-16": {
-    "value": ["1rem", "16px"],
+    "$value": ["1rem", "16px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -136,7 +136,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "16px",
+      "$value": "16px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -150,7 +150,7 @@
     "path": ["base", "size", "16"]
   },
   "base-size-20": {
-    "value": ["1.25rem", "20px"],
+    "$value": ["1.25rem", "20px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -161,7 +161,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "20px",
+      "$value": "20px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -175,7 +175,7 @@
     "path": ["base", "size", "20"]
   },
   "base-size-24": {
-    "value": ["1.5rem", "24px"],
+    "$value": ["1.5rem", "24px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -186,7 +186,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "24px",
+      "$value": "24px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -200,7 +200,7 @@
     "path": ["base", "size", "24"]
   },
   "base-size-28": {
-    "value": ["1.75rem", "28px"],
+    "$value": ["1.75rem", "28px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -211,7 +211,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "28px",
+      "$value": "28px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -225,7 +225,7 @@
     "path": ["base", "size", "28"]
   },
   "base-size-32": {
-    "value": ["2rem", "32px"],
+    "$value": ["2rem", "32px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -236,7 +236,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "32px",
+      "$value": "32px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -250,7 +250,7 @@
     "path": ["base", "size", "32"]
   },
   "base-size-36": {
-    "value": ["2.25rem", "36px"],
+    "$value": ["2.25rem", "36px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -261,7 +261,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "36px",
+      "$value": "36px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -275,7 +275,7 @@
     "path": ["base", "size", "36"]
   },
   "base-size-40": {
-    "value": ["2.5rem", "40px"],
+    "$value": ["2.5rem", "40px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -286,7 +286,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "40px",
+      "$value": "40px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -300,7 +300,7 @@
     "path": ["base", "size", "40"]
   },
   "base-size-44": {
-    "value": ["2.75rem", "44px"],
+    "$value": ["2.75rem", "44px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -311,7 +311,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "44px",
+      "$value": "44px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -325,7 +325,7 @@
     "path": ["base", "size", "44"]
   },
   "base-size-48": {
-    "value": ["3rem", "48px"],
+    "$value": ["3rem", "48px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -336,7 +336,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "48px",
+      "$value": "48px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -350,7 +350,7 @@
     "path": ["base", "size", "48"]
   },
   "base-size-64": {
-    "value": ["4rem", "64px"],
+    "$value": ["4rem", "64px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -361,7 +361,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "64px",
+      "$value": "64px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -375,7 +375,7 @@
     "path": ["base", "size", "64"]
   },
   "base-size-80": {
-    "value": ["5rem", "80px"],
+    "$value": ["5rem", "80px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -386,7 +386,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "80px",
+      "$value": "80px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -400,7 +400,7 @@
     "path": ["base", "size", "80"]
   },
   "base-size-96": {
-    "value": ["6rem", "96px"],
+    "$value": ["6rem", "96px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -411,7 +411,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "96px",
+      "$value": "96px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -425,7 +425,7 @@
     "path": ["base", "size", "96"]
   },
   "base-size-112": {
-    "value": ["7rem", "112px"],
+    "$value": ["7rem", "112px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -436,7 +436,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "112px",
+      "$value": "112px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -450,7 +450,7 @@
     "path": ["base", "size", "112"]
   },
   "base-size-128": {
-    "value": ["8rem", "128px"],
+    "$value": ["8rem", "128px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -461,7 +461,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "128px",
+      "$value": "128px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {

package/dist/styleLint/base/typography/typography.json

@@ -1,7 +1,7 @@
 {
   "base-text-weight-light": {
     "$type": "fontWeight",
-    "value": 300,
+    "$value": 300,
     "$extensions": {
       "org.primer.figma": {
         "collection": "base/typography",
@@ -12,7 +12,7 @@
     "isSource": true,
     "original": {
       "$type": "fontWeight",
-      "value": 300,
+      "$value": 300,
       "$extensions": {
         "org.primer.figma": {
           "collection": "base/typography",
@@ -25,7 +25,7 @@
     "path": ["base", "text", "weight", "light"]
   },
   "base-text-weight-normal": {
-    "value": 400,
+    "$value": 400,
     "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
@@ -36,7 +36,7 @@
     "filePath": "src/tokens/base/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 400,
+      "$value": 400,
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -50,7 +50,7 @@
     "path": ["base", "text", "weight", "normal"]
   },
   "base-text-weight-medium": {
-    "value": 500,
+    "$value": 500,
     "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
@@ -61,7 +61,7 @@
     "filePath": "src/tokens/base/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 500,
+      "$value": 500,
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {
@@ -75,7 +75,7 @@
     "path": ["base", "text", "weight", "medium"]
   },
   "base-text-weight-semibold": {
-    "value": 600,
+    "$value": 600,
     "$type": "fontWeight",
     "$extensions": {
       "org.primer.figma": {
@@ -86,7 +86,7 @@
     "filePath": "src/tokens/base/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": 600,
+      "$value": 600,
       "$type": "fontWeight",
       "$extensions": {
         "org.primer.figma": {

package/dist/styleLint/functional/motion/motion.json

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