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

package/dist/docs/functional/themes/light.json

@@ -86,7 +86,7 @@
     "value": "#f6f8fa",
     "type": "color"
   },
-  "diffBlob-addition-fgColor-text": {
+  "diffBlob-additionLine-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -109,13 +109,42 @@
         }
       }
     },
-    "name": "diffBlob-addition-fgColor-text",
+    "name": "diffBlob-additionLine-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "text"],
+    "path": ["diffBlob", "additionLine", "fgColor"],
     "value": "#1f2328",
     "type": "color"
   },
-  "diffBlob-addition-fgColor-num": {
+  "diffBlob-additionLine-bgColor": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/app-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.success.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-additionLine-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionLine", "bgColor"],
+    "value": "#dafbe1",
+    "type": "color"
+  },
+  "diffBlob-additionWord-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -138,13 +167,13 @@
         }
       }
     },
-    "name": "diffBlob-addition-fgColor-num",
+    "name": "diffBlob-additionWord-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "num"],
+    "path": ["diffBlob", "additionWord", "fgColor"],
     "value": "#1f2328",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-num": {
+  "diffBlob-additionWord-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -153,10 +182,6 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#dafbe1",
-      "weight": 0.8
-    },
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
@@ -169,48 +194,44 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.green.0}",
-        "weight": 0.8
       }
     },
-    "name": "diffBlob-addition-bgColor-num",
+    "name": "diffBlob-additionWord-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "num"],
-    "value": "#d1f8d9",
+    "path": ["diffBlob", "additionWord", "bgColor"],
+    "value": "#aceebb",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-line": {
+  "diffBlob-additionNum-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "mode": "light",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["fgColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.green.0}",
+      "$value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "mode": "light",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["fgColor"]
         }
       }
     },
-    "name": "diffBlob-addition-bgColor-line",
+    "name": "diffBlob-additionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "line"],
-    "value": "#dafbe1",
+    "path": ["diffBlob", "additionNum", "fgColor"],
+    "value": "#1f2328",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-word": {
+  "diffBlob-additionNum-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -233,13 +254,13 @@
         }
       }
     },
-    "name": "diffBlob-addition-bgColor-word",
+    "name": "diffBlob-additionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "word"],
+    "path": ["diffBlob", "additionNum", "bgColor"],
     "value": "#aceebb",
     "type": "color"
   },
-  "diffBlob-deletion-fgColor-text": {
+  "diffBlob-deletionLine-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -262,13 +283,42 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-text",
+    "name": "diffBlob-deletionLine-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "text"],
+    "path": ["diffBlob", "deletionLine", "fgColor"],
     "value": "#1f2328",
     "type": "color"
   },
-  "diffBlob-deletion-fgColor-num": {
+  "diffBlob-deletionLine-bgColor": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/app-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.danger.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-deletionLine-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionLine", "bgColor"],
+    "value": "#ffebe9",
+    "type": "color"
+  },
+  "diffBlob-deletionWord-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -291,13 +341,13 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-num",
+    "name": "diffBlob-deletionWord-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "num"],
+    "path": ["diffBlob", "deletionWord", "fgColor"],
     "value": "#1f2328",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-num": {
+  "diffBlob-deletionWord-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -320,13 +370,42 @@
         }
       }
     },
-    "name": "diffBlob-deletion-bgColor-num",
+    "name": "diffBlob-deletionWord-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "num"],
+    "path": ["diffBlob", "deletionWord", "bgColor"],
     "value": "#ffcecb",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-line": {
+  "diffBlob-deletionNum-fgColor": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/app-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-deletionNum-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionNum", "fgColor"],
+    "value": "#1f2328",
+    "type": "color"
+  },
+  "diffBlob-deletionNum-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -338,7 +417,7 @@
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.0}",
+      "$value": "{base.color.red.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -349,13 +428,13 @@
         }
       }
     },
-    "name": "diffBlob-deletion-bgColor-line",
+    "name": "diffBlob-deletionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "line"],
-    "value": "#ffebe9",
+    "path": ["diffBlob", "deletionNum", "bgColor"],
+    "value": "#ffcecb",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-word": {
+  "diffBlob-hunkLine-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -364,11 +443,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.3}",
+      "$value": "{bgColor.accent.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -377,16 +455,102 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.4
+      }
     },
-    "name": "diffBlob-deletion-bgColor-word",
+    "name": "diffBlob-hunkLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "word"],
-    "value": "#ff818266",
+    "path": ["diffBlob", "hunkLine", "bgColor"],
+    "value": "#ddf4ff",
+    "type": "color"
+  },
+  "diffBlob-hunkLine-fgColor": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/app-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkLine-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "hunkLine", "fgColor"],
+    "value": "#59636e",
+    "type": "color"
+  },
+  "diffBlob-hunkNum-fgColor-rest": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/app-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkNum-fgColor-rest",
+    "attributes": {},
+    "path": ["diffBlob", "hunkNum", "fgColor", "rest"],
+    "value": "#1f2328",
     "type": "color"
   },
-  "diffBlob-hunk-bgColor-num": {
+  "diffBlob-hunkNum-fgColor-hover": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/app-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.onEmphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkNum-fgColor-hover",
+    "attributes": {},
+    "path": ["diffBlob", "hunkNum", "fgColor", "hover"],
+    "value": "#ffffff",
+    "type": "color"
+  },
+  "diffBlob-hunkNum-bgColor-rest": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -395,11 +559,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.blue.3}",
+      "$value": "{base.color.blue.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -408,13 +571,99 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.4
+      }
     },
-    "name": "diffBlob-hunk-bgColor-num",
+    "name": "diffBlob-hunkNum-bgColor-rest",
     "attributes": {},
-    "path": ["diffBlob", "hunk", "bgColor", "num"],
-    "value": "#54aeff66",
+    "path": ["diffBlob", "hunkNum", "bgColor", "rest"],
+    "value": "#b6e3ff",
+    "type": "color"
+  },
+  "diffBlob-hunkNum-bgColor-hover": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/app-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkNum-bgColor-hover",
+    "attributes": {},
+    "path": ["diffBlob", "hunkNum", "bgColor", "hover"],
+    "value": "#0969da",
+    "type": "color"
+  },
+  "diffBlob-emptyNum-bgColor": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/app-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-emptyNum-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "emptyNum", "bgColor"],
+    "value": "#f6f8fa",
+    "type": "color"
+  },
+  "diffBlob-emptyLine-bgColor": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/app-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-emptyLine-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "emptyLine", "bgColor"],
+    "value": "#f6f8fa",
     "type": "color"
   },
   "diffBlob-expander-iconColor": {
@@ -7034,6 +7283,35 @@
     "value": "#25292e",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"],
+    "value": "#25292e",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {

package/dist/fallbacks/base/motion/motion.json

@@ -0,0 +1,17 @@
+{
+  "--base-easing-linear": [0, 0, 1, 1],
+  "--base-easing-easeIn": [0.7, 0.1, 0.75, 0.9],
+  "--base-easing-easeOut": [0.16, 1, 0.3, 1],
+  "--base-easing-easeInOut": [0.6, 0, 0.2, 1],
+  "--base-duration-0": "0ms",
+  "--base-duration-75": "75ms",
+  "--base-duration-200": "200ms",
+  "--base-duration-300": "300ms",
+  "--base-duration-400": "400ms",
+  "--base-duration-500": "500ms",
+  "--base-duration-600": "600ms",
+  "--base-duration-700": "700ms",
+  "--base-duration-800": "800ms",
+  "--base-duration-900": "900ms",
+  "--base-duration-1000": "1000ms"
+}

package/dist/fallbacks/functional/motion/motion.json

@@ -1,5 +1,6 @@
 {
   "--motion-loading-delay-default": "1000ms",
   "--motion-spinner-duration-rotation": "1000ms",
+  "--motion-spinner-easing-rotation": [0, 0, 1, 1],
   "--motion-skeletonLoader-shimmer-duration-scale": "1000ms"
 }