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

package/dist/docs/functional/themes/light-tritanopia.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": "#ddf4ff",
+    "type": "color"
+  },
+  "diffBlob-additionWord-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -138,60 +167,168 @@
         }
       }
     },
-    "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": {
-    "mix": {
-      "color": "#ddf4ff",
-      "weight": 0.8
-    },
+  "diffBlob-additionWord-bgColor": {
     "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.blue.1}",
+      "$type": "color"
+    },
+    "name": "diffBlob-additionWord-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionWord", "bgColor"],
+    "value": "#b6e3ff",
+    "type": "color"
+  },
+  "diffBlob-additionNum-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",
-      "mix": {
-        "color": "{base.color.blue.0}",
-        "weight": 0.8
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
       }
     },
-    "name": "diffBlob-addition-bgColor-num",
+    "name": "diffBlob-additionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "num"],
-    "value": "#d5f1ff",
+    "path": ["diffBlob", "additionNum", "fgColor"],
+    "value": "#1f2328",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-line": {
+  "diffBlob-additionNum-bgColor": {
     "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.blue.0}",
+      "$value": "{base.color.blue.1}",
       "$type": "color"
     },
-    "name": "diffBlob-addition-bgColor-line",
+    "name": "diffBlob-additionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "line"],
-    "value": "#ddf4ff",
+    "path": ["diffBlob", "additionNum", "bgColor"],
+    "value": "#b6e3ff",
+    "type": "color"
+  },
+  "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": "#1f2328",
+    "type": "color"
+  },
+  "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",
+        "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-deletionWord-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionWord", "fgColor"],
+    "value": "#1f2328",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-word": {
+  "diffBlob-deletionWord-bgColor": {
     "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.blue.1}",
+      "$value": "{base.color.red.1}",
       "$type": "color"
     },
-    "name": "diffBlob-addition-bgColor-word",
+    "name": "diffBlob-deletionWord-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "word"],
-    "value": "#b6e3ff",
+    "path": ["diffBlob", "deletionWord", "bgColor"],
+    "value": "#ffcecb",
     "type": "color"
   },
-  "diffBlob-deletion-fgColor-text": {
+  "diffBlob-deletionNum-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -214,13 +351,84 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-text",
+    "name": "diffBlob-deletionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "text"],
+    "path": ["diffBlob", "deletionNum", "fgColor"],
     "value": "#1f2328",
     "type": "color"
   },
-  "diffBlob-deletion-fgColor-num": {
+  "diffBlob-deletionNum-bgColor": {
+    "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.red.1}",
+      "$type": "color"
+    },
+    "name": "diffBlob-deletionNum-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionNum", "bgColor"],
+    "value": "#ffcecb",
+    "type": "color"
+  },
+  "diffBlob-hunkLine-bgColor": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.neutral.1}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkLine-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "hunkLine", "bgColor"],
+    "value": "#f6f8fa",
+    "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",
@@ -243,13 +451,26 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-num",
+    "name": "diffBlob-hunkNum-fgColor-rest",
+    "attributes": {},
+    "path": ["diffBlob", "hunkNum", "fgColor", "rest"],
+    "value": "#1f2328",
+    "type": "color"
+  },
+  "diffBlob-hunkNum-fgColor-hover": {
+    "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.default}",
+      "$type": "color"
+    },
+    "name": "diffBlob-hunkNum-fgColor-hover",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "num"],
+    "path": ["diffBlob", "hunkNum", "fgColor", "hover"],
     "value": "#1f2328",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-num": {
+  "diffBlob-hunkNum-bgColor-rest": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -258,10 +479,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/app-light.json5",
+    "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.1}",
+      "$value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -272,13 +493,13 @@
         }
       }
     },
-    "name": "diffBlob-deletion-bgColor-num",
+    "name": "diffBlob-hunkNum-bgColor-rest",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "num"],
-    "value": "#ffcecb",
+    "path": ["diffBlob", "hunkNum", "bgColor", "rest"],
+    "value": "#e6eaef",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-line": {
+  "diffBlob-hunkNum-bgColor-hover": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -287,10 +508,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/app-light.json5",
+    "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.0}",
+      "$value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -301,13 +522,13 @@
         }
       }
     },
-    "name": "diffBlob-deletion-bgColor-line",
+    "name": "diffBlob-hunkNum-bgColor-hover",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "line"],
-    "value": "#ffebe9",
+    "path": ["diffBlob", "hunkNum", "bgColor", "hover"],
+    "value": "#c8d1da",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-word": {
+  "diffBlob-emptyNum-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -316,11 +537,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.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -329,16 +549,15 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.4
+      }
     },
-    "name": "diffBlob-deletion-bgColor-word",
+    "name": "diffBlob-emptyNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "word"],
-    "value": "#ff818266",
+    "path": ["diffBlob", "emptyNum", "bgColor"],
+    "value": "#f6f8fa",
     "type": "color"
   },
-  "diffBlob-hunk-bgColor-num": {
+  "diffBlob-emptyLine-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -347,11 +566,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.blue.3}",
+      "$value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -360,13 +578,12 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.4
+      }
     },
-    "name": "diffBlob-hunk-bgColor-num",
+    "name": "diffBlob-emptyLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "hunk", "bgColor", "num"],
-    "value": "#54aeff66",
+    "path": ["diffBlob", "emptyLine", "bgColor"],
+    "value": "#f6f8fa",
     "type": "color"
   },
   "diffBlob-expander-iconColor": {
@@ -1115,7 +1332,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1128,7 +1345,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1173,7 +1390,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1186,7 +1403,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1231,7 +1448,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1244,7 +1461,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1289,7 +1506,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1302,7 +1519,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1347,7 +1564,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1360,7 +1577,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1405,7 +1622,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1418,7 +1635,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1463,7 +1680,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1476,7 +1693,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1521,7 +1738,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1534,7 +1751,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1579,7 +1796,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1592,7 +1809,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1637,7 +1854,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1650,7 +1867,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -6922,6 +7139,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": {