@primer/primitives 10.0.0-rc.e413e85d → 10.0.0-rc.e5d395ea

package/dist/internalCss/light.css

@@ -295,17 +295,26 @@
   --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
-  --diffBlob-addition-fgColor-text: #1f2328;
-  --diffBlob-addition-fgColor-num: #1f2328;
-  --diffBlob-addition-bgColor-num: #d1f8d9;
-  --diffBlob-addition-bgColor-line: #dafbe1;
-  --diffBlob-addition-bgColor-word: #aceebb;
-  --diffBlob-deletion-fgColor-text: #1f2328;
-  --diffBlob-deletion-fgColor-num: #1f2328;
-  --diffBlob-deletion-bgColor-num: #ffcecb;
-  --diffBlob-deletion-bgColor-line: #ffebe9;
-  --diffBlob-deletion-bgColor-word: #ff818266;
-  --diffBlob-hunk-bgColor-num: #54aeff66;
+  --diffBlob-additionLine-fgColor: #1f2328;
+  --diffBlob-additionLine-bgColor: #dafbe1;
+  --diffBlob-additionWord-fgColor: #1f2328;
+  --diffBlob-additionWord-bgColor: #aceebb;
+  --diffBlob-additionNum-fgColor: #1f2328;
+  --diffBlob-additionNum-bgColor: #aceebb;
+  --diffBlob-deletionLine-fgColor: #1f2328;
+  --diffBlob-deletionLine-bgColor: #ffebe9;
+  --diffBlob-deletionWord-fgColor: #1f2328;
+  --diffBlob-deletionWord-bgColor: #ffcecb;
+  --diffBlob-deletionNum-fgColor: #1f2328;
+  --diffBlob-deletionNum-bgColor: #ffcecb;
+  --diffBlob-hunkLine-bgColor: #ddf4ff;
+  --diffBlob-hunkLine-fgColor: #59636e;
+  --diffBlob-hunkNum-fgColor-rest: #1f2328;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
+  --diffBlob-hunkNum-bgColor-hover: #0969da;
+  --diffBlob-emptyNum-bgColor: #f6f8fa;
+  --diffBlob-emptyLine-bgColor: #f6f8fa;
   --diffBlob-expander-iconColor: #59636e;
   --codeMirror-fgColor: #1f2328;
   --codeMirror-bgColor: #ffffff;
@@ -532,6 +541,7 @@
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
   --button-invisible-fgColor-rest: #25292e;
   --button-invisible-fgColor-hover: #25292e;
+  --button-invisible-fgColor-active: #25292e;
   --button-invisible-fgColor-disabled: #818b98;
   --button-invisible-iconColor-rest: #59636e;
   --button-invisible-iconColor-hover: #59636e;
@@ -1154,17 +1164,26 @@
     --topicTag-borderColor: #ffffff00;
     --highlight-neutral-bgColor: #fff8c5;
     --page-header-bgColor: #f6f8fa;
-    --diffBlob-addition-fgColor-text: #1f2328;
-    --diffBlob-addition-fgColor-num: #1f2328;
-    --diffBlob-addition-bgColor-num: #d1f8d9;
-    --diffBlob-addition-bgColor-line: #dafbe1;
-    --diffBlob-addition-bgColor-word: #aceebb;
-    --diffBlob-deletion-fgColor-text: #1f2328;
-    --diffBlob-deletion-fgColor-num: #1f2328;
-    --diffBlob-deletion-bgColor-num: #ffcecb;
-    --diffBlob-deletion-bgColor-line: #ffebe9;
-    --diffBlob-deletion-bgColor-word: #ff818266;
-    --diffBlob-hunk-bgColor-num: #54aeff66;
+    --diffBlob-additionLine-fgColor: #1f2328;
+    --diffBlob-additionLine-bgColor: #dafbe1;
+    --diffBlob-additionWord-fgColor: #1f2328;
+    --diffBlob-additionWord-bgColor: #aceebb;
+    --diffBlob-additionNum-fgColor: #1f2328;
+    --diffBlob-additionNum-bgColor: #aceebb;
+    --diffBlob-deletionLine-fgColor: #1f2328;
+    --diffBlob-deletionLine-bgColor: #ffebe9;
+    --diffBlob-deletionWord-fgColor: #1f2328;
+    --diffBlob-deletionWord-bgColor: #ffcecb;
+    --diffBlob-deletionNum-fgColor: #1f2328;
+    --diffBlob-deletionNum-bgColor: #ffcecb;
+    --diffBlob-hunkLine-bgColor: #ddf4ff;
+    --diffBlob-hunkLine-fgColor: #59636e;
+    --diffBlob-hunkNum-fgColor-rest: #1f2328;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
+    --diffBlob-hunkNum-bgColor-hover: #0969da;
+    --diffBlob-emptyNum-bgColor: #f6f8fa;
+    --diffBlob-emptyLine-bgColor: #f6f8fa;
     --diffBlob-expander-iconColor: #59636e;
     --codeMirror-fgColor: #1f2328;
     --codeMirror-bgColor: #ffffff;
@@ -1391,6 +1410,7 @@
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
     --button-invisible-fgColor-rest: #25292e;
     --button-invisible-fgColor-hover: #25292e;
+    --button-invisible-fgColor-active: #25292e;
     --button-invisible-fgColor-disabled: #818b98;
     --button-invisible-iconColor-rest: #59636e;
     --button-invisible-iconColor-hover: #59636e;

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/functional/motion/motion.json

@@ -6,7 +6,7 @@
     "filePath": "src/tokens/functional/motion/loading.json5",
     "isSource": true,
     "original": {
-      "$value": "1000ms",
+      "$value": "{base.duration.1000}",
       "$type": "duration",
       "$description": "The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies."
     },
@@ -21,7 +21,7 @@
     "filePath": "src/tokens/functional/motion/patterns.json5",
     "isSource": true,
     "original": {
-      "$value": "1000ms",
+      "$value": "{base.duration.1000}",
       "$type": "duration",
       "$description": "The amount of time it takes the \"Spinner\" loading indicator to make a full 360deg rotation"
     },
@@ -29,6 +29,21 @@
     "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",
     "$type": "duration",
@@ -36,7 +51,7 @@
     "filePath": "src/tokens/functional/motion/patterns.json5",
     "isSource": true,
     "original": {
-      "$value": "1000ms",
+      "$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)"
     },