@primer/primitives 10.0.0-rc.d2acd2c0 → 10.0.0-rc.dd3dde40

package/dist/docs/functional/themes/light-high-contrast.json

@@ -70,20 +70,95 @@
     "value": "#e6eaef",
     "type": "color"
   },
-  "diffBlob-addition-fgColor-text": {
+  "diffBlob-additionLine-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-additionLine-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionLine", "fgColor"],
+    "value": "#010409",
+    "type": "color"
+  },
+  "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": "#d2fedb",
+    "type": "color"
+  },
+  "diffBlob-additionWord-fgColor": {
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
       "$value": "{fgColor.onEmphasis}",
       "$type": "color"
     },
-    "name": "diffBlob-addition-fgColor-text",
+    "name": "diffBlob-additionWord-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "text"],
+    "path": ["diffBlob", "additionWord", "fgColor"],
     "value": "#ffffff",
     "type": "color"
   },
-  "diffBlob-addition-fgColor-num": {
+  "diffBlob-additionWord-bgColor": {
+    "mix": null,
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.green.5}",
+      "$type": "color",
+      "mix": null,
+      "alpha": 1
+    },
+    "name": "diffBlob-additionWord-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionWord", "bgColor"],
+    "value": "#055d20",
+    "type": "color"
+  },
+  "diffBlob-additionNum-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -106,13 +181,13 @@
         }
       }
     },
-    "name": "diffBlob-addition-fgColor-num",
+    "name": "diffBlob-additionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "num"],
+    "path": ["diffBlob", "additionNum", "fgColor"],
     "value": "#010409",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-num": {
+  "diffBlob-additionNum-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -121,10 +196,6 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#d2fedb",
-      "weight": 0.8
-    },
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
@@ -137,19 +208,44 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.green.0}",
-        "weight": 0.8
       }
     },
-    "name": "diffBlob-addition-bgColor-num",
+    "name": "diffBlob-additionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "num"],
-    "value": "#c2f9cd",
+    "path": ["diffBlob", "additionNum", "bgColor"],
+    "value": "#82e596",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-line": {
+  "diffBlob-deletionLine-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-deletionLine-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionLine", "fgColor"],
+    "value": "#010409",
+    "type": "color"
+  },
+  "diffBlob-deletionLine-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -161,7 +257,7 @@
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.green.0}",
+      "$value": "{bgColor.danger.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -172,39 +268,43 @@
         }
       }
     },
-    "name": "diffBlob-addition-bgColor-line",
+    "name": "diffBlob-deletionLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "line"],
-    "value": "#d2fedb",
+    "path": ["diffBlob", "deletionLine", "bgColor"],
+    "value": "#fff0ee",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-word": {
+  "diffBlob-deletionWord-fgColor": {
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.green.4}",
+      "$value": "{fgColor.onEmphasis}",
       "$type": "color"
     },
-    "name": "diffBlob-addition-bgColor-word",
+    "name": "diffBlob-deletionWord-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "word"],
-    "value": "#117f32",
+    "path": ["diffBlob", "deletionWord", "fgColor"],
+    "value": "#ffffff",
     "type": "color"
   },
-  "diffBlob-deletion-fgColor-text": {
+  "diffBlob-deletionWord-bgColor": {
+    "mix": null,
+    "alpha": 1,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "$value": "{fgColor.onEmphasis}",
-      "$type": "color"
+      "$value": "{base.color.red.5}",
+      "$type": "color",
+      "mix": null,
+      "alpha": 1
     },
-    "name": "diffBlob-deletion-fgColor-text",
+    "name": "diffBlob-deletionWord-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "text"],
-    "value": "#ffffff",
+    "path": ["diffBlob", "deletionWord", "bgColor"],
+    "value": "#a0111f",
     "type": "color"
   },
-  "diffBlob-deletion-fgColor-num": {
+  "diffBlob-deletionNum-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -227,13 +327,13 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-num",
+    "name": "diffBlob-deletionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "num"],
+    "path": ["diffBlob", "deletionNum", "fgColor"],
     "value": "#010409",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-num": {
+  "diffBlob-deletionNum-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -256,13 +356,13 @@
         }
       }
     },
-    "name": "diffBlob-deletion-bgColor-num",
+    "name": "diffBlob-deletionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "num"],
+    "path": ["diffBlob", "deletionNum", "bgColor"],
     "value": "#ffc1bc",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-line": {
+  "diffBlob-hunkLine-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -274,7 +374,7 @@
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.0}",
+      "$value": "{bgColor.accent.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -285,30 +385,100 @@
         }
       }
     },
-    "name": "diffBlob-deletion-bgColor-line",
+    "name": "diffBlob-hunkLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "line"],
-    "value": "#fff0ee",
+    "path": ["diffBlob", "hunkLine", "bgColor"],
+    "value": "#dff7ff",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-word": {
-    "mix": null,
-    "alpha": 1,
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+  "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": "{base.color.red.5}",
+      "$value": "{fgColor.muted}",
       "$type": "color",
-      "mix": null,
-      "alpha": 1
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
     },
-    "name": "diffBlob-deletion-bgColor-word",
+    "name": "diffBlob-hunkLine-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "word"],
-    "value": "#a0111f",
+    "path": ["diffBlob", "hunkLine", "fgColor"],
+    "value": "#454c54",
+    "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": "#010409",
+    "type": "color"
+  },
+  "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-hunk-bgColor-num": {
+  "diffBlob-hunkNum-bgColor-rest": {
     "alpha": 1,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
@@ -317,39 +487,110 @@
       "$type": "color",
       "alpha": 1
     },
-    "name": "diffBlob-hunk-bgColor-num",
+    "name": "diffBlob-hunkNum-bgColor-rest",
     "attributes": {},
-    "path": ["diffBlob", "hunk", "bgColor", "num"],
+    "path": ["diffBlob", "hunkNum", "bgColor", "rest"],
     "value": "#9cd7ff",
     "type": "color"
   },
-  "diffBlob-expander-iconColor": {
+  "diffBlob-hunkNum-bgColor-hover": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "mode": "light",
         "group": "component",
-        "scopes": ["fgColor"]
+        "scopes": ["bgColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{fgColor.muted}",
+      "$value": "{bgColor.accent.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "mode": "light",
           "group": "component",
-          "scopes": ["fgColor"]
+          "scopes": ["bgColor"]
         }
       }
     },
+    "name": "diffBlob-hunkNum-bgColor-hover",
+    "attributes": {},
+    "path": ["diffBlob", "hunkNum", "bgColor", "hover"],
+    "value": "#0349b4",
+    "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": "#e6eaef",
+    "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": "#e6eaef",
+    "type": "color"
+  },
+  "diffBlob-expander-iconColor": {
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.default}",
+      "$type": "color"
+    },
     "name": "diffBlob-expander-iconColor",
     "attributes": {},
     "path": ["diffBlob", "expander", "iconColor"],
-    "value": "#454c54",
+    "value": "#010409",
     "type": "color"
   },
   "codeMirror-fgColor": {
@@ -1069,7 +1310,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1082,7 +1323,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1127,7 +1368,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1140,7 +1381,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1185,7 +1426,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1198,7 +1439,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1243,7 +1484,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1256,7 +1497,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1301,7 +1542,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1314,7 +1555,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1359,7 +1600,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1372,7 +1613,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1417,7 +1658,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1430,7 +1671,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1475,7 +1716,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1488,7 +1729,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1533,7 +1774,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1546,7 +1787,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1591,7 +1832,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1604,7 +1845,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -5632,6 +5873,35 @@
     "value": "#393f46",
     "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": {