@primer/primitives 10.2.0 → 10.3.0-rc.37645a3a

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

@@ -1,64 +1,4 @@
 {
-  "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",
@@ -70,20 +10,22 @@
     },
     "name": "base-duration-0",
     "attributes": {},
-    "path": ["base", "duration", "0"]
+    "path": ["base", "duration", "0"],
+    "key": "{base.duration.0}"
   },
-  "base-duration-75": {
-    "$value": "75ms",
+  "base-duration-1000": {
+    "$value": "1000ms",
     "$type": "duration",
     "filePath": "src/tokens/base/motion/timing.json5",
     "isSource": true,
     "original": {
-      "$value": "75ms",
+      "$value": "1000ms",
       "$type": "duration"
     },
-    "name": "base-duration-75",
+    "name": "base-duration-1000",
     "attributes": {},
-    "path": ["base", "duration", "75"]
+    "path": ["base", "duration", "1000"],
+    "key": "{base.duration.1000}"
   },
   "base-duration-200": {
     "$value": "200ms",
@@ -96,7 +38,8 @@
     },
     "name": "base-duration-200",
     "attributes": {},
-    "path": ["base", "duration", "200"]
+    "path": ["base", "duration", "200"],
+    "key": "{base.duration.200}"
   },
   "base-duration-300": {
     "$value": "300ms",
@@ -109,7 +52,8 @@
     },
     "name": "base-duration-300",
     "attributes": {},
-    "path": ["base", "duration", "300"]
+    "path": ["base", "duration", "300"],
+    "key": "{base.duration.300}"
   },
   "base-duration-400": {
     "$value": "400ms",
@@ -122,7 +66,8 @@
     },
     "name": "base-duration-400",
     "attributes": {},
-    "path": ["base", "duration", "400"]
+    "path": ["base", "duration", "400"],
+    "key": "{base.duration.400}"
   },
   "base-duration-500": {
     "$value": "500ms",
@@ -135,7 +80,8 @@
     },
     "name": "base-duration-500",
     "attributes": {},
-    "path": ["base", "duration", "500"]
+    "path": ["base", "duration", "500"],
+    "key": "{base.duration.500}"
   },
   "base-duration-600": {
     "$value": "600ms",
@@ -148,7 +94,8 @@
     },
     "name": "base-duration-600",
     "attributes": {},
-    "path": ["base", "duration", "600"]
+    "path": ["base", "duration", "600"],
+    "key": "{base.duration.600}"
   },
   "base-duration-700": {
     "$value": "700ms",
@@ -161,7 +108,22 @@
     },
     "name": "base-duration-700",
     "attributes": {},
-    "path": ["base", "duration", "700"]
+    "path": ["base", "duration", "700"],
+    "key": "{base.duration.700}"
+  },
+  "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"],
+    "key": "{base.duration.75}"
   },
   "base-duration-800": {
     "$value": "800ms",
@@ -174,7 +136,8 @@
     },
     "name": "base-duration-800",
     "attributes": {},
-    "path": ["base", "duration", "800"]
+    "path": ["base", "duration", "800"],
+    "key": "{base.duration.800}"
   },
   "base-duration-900": {
     "$value": "900ms",
@@ -187,19 +150,71 @@
     },
     "name": "base-duration-900",
     "attributes": {},
-    "path": ["base", "duration", "900"]
+    "path": ["base", "duration", "900"],
+    "key": "{base.duration.900}"
   },
-  "base-duration-1000": {
-    "$value": "1000ms",
-    "$type": "duration",
-    "filePath": "src/tokens/base/motion/timing.json5",
+  "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": "1000ms",
-      "$type": "duration"
+      "$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-duration-1000",
+    "name": "base-easing-easeIn",
+    "attributes": {},
+    "path": ["base", "easing", "easeIn"],
+    "key": "{base.easing.easeIn}"
+  },
+  "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"],
+    "key": "{base.easing.easeInOut}"
+  },
+  "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"],
+    "key": "{base.easing.easeOut}"
+  },
+  "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", "duration", "1000"]
+    "path": ["base", "easing", "linear"],
+    "key": "{base.easing.linear}"
   }
 }

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

@@ -1,31 +1,6 @@
 {
-  "base-size-2": {
-    "$value": ["0.125rem", "2px"],
-    "$type": "dimension",
-    "$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"]
-  },
-  "base-size-4": {
-    "$value": ["0.25rem", "4px"],
+  "base-size-112": {
+    "$value": ["7rem", "112px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -36,7 +11,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "4px",
+      "$value": "112px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -45,12 +20,13 @@
         }
       }
     },
-    "name": "base-size-4",
+    "name": "base-size-112",
     "attributes": {},
-    "path": ["base", "size", "4"]
+    "path": ["base", "size", "112"],
+    "key": "{base.size.112}"
   },
-  "base-size-6": {
-    "$value": ["0.375rem", "6px"],
+  "base-size-12": {
+    "$value": ["0.75rem", "12px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -61,7 +37,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "6px",
+      "$value": "12px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -70,12 +46,13 @@
         }
       }
     },
-    "name": "base-size-6",
+    "name": "base-size-12",
     "attributes": {},
-    "path": ["base", "size", "6"]
+    "path": ["base", "size", "12"],
+    "key": "{base.size.12}"
   },
-  "base-size-8": {
-    "$value": ["0.5rem", "8px"],
+  "base-size-128": {
+    "$value": ["8rem", "128px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -86,7 +63,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "8px",
+      "$value": "128px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -95,12 +72,13 @@
         }
       }
     },
-    "name": "base-size-8",
+    "name": "base-size-128",
     "attributes": {},
-    "path": ["base", "size", "8"]
+    "path": ["base", "size", "128"],
+    "key": "{base.size.128}"
   },
-  "base-size-12": {
-    "$value": ["0.75rem", "12px"],
+  "base-size-16": {
+    "$value": ["1rem", "16px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -111,7 +89,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "12px",
+      "$value": "16px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -120,12 +98,13 @@
         }
       }
     },
-    "name": "base-size-12",
+    "name": "base-size-16",
     "attributes": {},
-    "path": ["base", "size", "12"]
+    "path": ["base", "size", "16"],
+    "key": "{base.size.16}"
   },
-  "base-size-16": {
-    "$value": ["1rem", "16px"],
+  "base-size-2": {
+    "$value": ["0.125rem", "2px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -136,7 +115,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "16px",
+      "$value": "2px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -145,9 +124,10 @@
         }
       }
     },
-    "name": "base-size-16",
+    "name": "base-size-2",
     "attributes": {},
-    "path": ["base", "size", "16"]
+    "path": ["base", "size", "2"],
+    "key": "{base.size.2}"
   },
   "base-size-20": {
     "$value": ["1.25rem", "20px"],
@@ -172,7 +152,8 @@
     },
     "name": "base-size-20",
     "attributes": {},
-    "path": ["base", "size", "20"]
+    "path": ["base", "size", "20"],
+    "key": "{base.size.20}"
   },
   "base-size-24": {
     "$value": ["1.5rem", "24px"],
@@ -197,7 +178,8 @@
     },
     "name": "base-size-24",
     "attributes": {},
-    "path": ["base", "size", "24"]
+    "path": ["base", "size", "24"],
+    "key": "{base.size.24}"
   },
   "base-size-28": {
     "$value": ["1.75rem", "28px"],
@@ -222,7 +204,8 @@
     },
     "name": "base-size-28",
     "attributes": {},
-    "path": ["base", "size", "28"]
+    "path": ["base", "size", "28"],
+    "key": "{base.size.28}"
   },
   "base-size-32": {
     "$value": ["2rem", "32px"],
@@ -247,7 +230,8 @@
     },
     "name": "base-size-32",
     "attributes": {},
-    "path": ["base", "size", "32"]
+    "path": ["base", "size", "32"],
+    "key": "{base.size.32}"
   },
   "base-size-36": {
     "$value": ["2.25rem", "36px"],
@@ -272,7 +256,34 @@
     },
     "name": "base-size-36",
     "attributes": {},
-    "path": ["base", "size", "36"]
+    "path": ["base", "size", "36"],
+    "key": "{base.size.36}"
+  },
+  "base-size-4": {
+    "$value": ["0.25rem", "4px"],
+    "$type": "dimension",
+    "$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}"
   },
   "base-size-40": {
     "$value": ["2.5rem", "40px"],
@@ -297,7 +308,8 @@
     },
     "name": "base-size-40",
     "attributes": {},
-    "path": ["base", "size", "40"]
+    "path": ["base", "size", "40"],
+    "key": "{base.size.40}"
   },
   "base-size-44": {
     "$value": ["2.75rem", "44px"],
@@ -322,7 +334,8 @@
     },
     "name": "base-size-44",
     "attributes": {},
-    "path": ["base", "size", "44"]
+    "path": ["base", "size", "44"],
+    "key": "{base.size.44}"
   },
   "base-size-48": {
     "$value": ["3rem", "48px"],
@@ -347,10 +360,11 @@
     },
     "name": "base-size-48",
     "attributes": {},
-    "path": ["base", "size", "48"]
+    "path": ["base", "size", "48"],
+    "key": "{base.size.48}"
   },
-  "base-size-64": {
-    "$value": ["4rem", "64px"],
+  "base-size-6": {
+    "$value": ["0.375rem", "6px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -361,7 +375,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "64px",
+      "$value": "6px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -370,12 +384,13 @@
         }
       }
     },
-    "name": "base-size-64",
+    "name": "base-size-6",
     "attributes": {},
-    "path": ["base", "size", "64"]
+    "path": ["base", "size", "6"],
+    "key": "{base.size.6}"
   },
-  "base-size-80": {
-    "$value": ["5rem", "80px"],
+  "base-size-64": {
+    "$value": ["4rem", "64px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -386,7 +401,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "80px",
+      "$value": "64px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -395,12 +410,13 @@
         }
       }
     },
-    "name": "base-size-80",
+    "name": "base-size-64",
     "attributes": {},
-    "path": ["base", "size", "80"]
+    "path": ["base", "size", "64"],
+    "key": "{base.size.64}"
   },
-  "base-size-96": {
-    "$value": ["6rem", "96px"],
+  "base-size-8": {
+    "$value": ["0.5rem", "8px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -411,7 +427,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "96px",
+      "$value": "8px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -420,12 +436,13 @@
         }
       }
     },
-    "name": "base-size-96",
+    "name": "base-size-8",
     "attributes": {},
-    "path": ["base", "size", "96"]
+    "path": ["base", "size", "8"],
+    "key": "{base.size.8}"
   },
-  "base-size-112": {
-    "$value": ["7rem", "112px"],
+  "base-size-80": {
+    "$value": ["5rem", "80px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -436,7 +453,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "112px",
+      "$value": "80px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -445,12 +462,13 @@
         }
       }
     },
-    "name": "base-size-112",
+    "name": "base-size-80",
     "attributes": {},
-    "path": ["base", "size", "112"]
+    "path": ["base", "size", "80"],
+    "key": "{base.size.80}"
   },
-  "base-size-128": {
-    "$value": ["8rem", "128px"],
+  "base-size-96": {
+    "$value": ["6rem", "96px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -461,7 +479,7 @@
     "filePath": "src/tokens/base/size/size.json5",
     "isSource": true,
     "original": {
-      "$value": "128px",
+      "$value": "96px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -470,8 +488,9 @@
         }
       }
     },
-    "name": "base-size-128",
+    "name": "base-size-96",
     "attributes": {},
-    "path": ["base", "size", "128"]
+    "path": ["base", "size", "96"],
+    "key": "{base.size.96}"
   }
 }