@primer/primitives 7.12.0-rc.fd97c40 → 7.13.0-rc.129a477

package/tokens-next-private/docs/functional/themes/dark-high-contrast.json

@@ -1951,7 +1951,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3431,7 +3431,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.accent.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3527,7 +3527,7 @@
     "path": ["button", "invisible", "bgColor", "rest"]
   },
   "button-invisible-bgColor-hover": {
-    "value": "#272b33",
+    "value": "#f0f3f6",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3536,10 +3536,12 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
+    "alpha": null,
+    "mix": null,
     "original": {
-      "value": "{control.transparent.bgColor.hover}",
+      "value": "{base.color.gray.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3547,14 +3549,16 @@
           "mode": "dark",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": null,
+      "mix": null
     },
     "name": "button-invisible-bgColor-hover",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "hover"]
   },
   "button-invisible-bgColor-active": {
-    "value": "#525964",
+    "value": "#d9dee3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3563,10 +3567,12 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
+    "alpha": null,
+    "mix": null,
     "original": {
-      "value": "{control.transparent.bgColor.active}",
+      "value": "{base.color.gray.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3574,7 +3580,9 @@
           "mode": "dark",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": null,
+      "mix": null
     },
     "name": "button-invisible-bgColor-active",
     "attributes": {},
@@ -3783,7 +3791,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.accent.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3996,7 +4004,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4078,7 +4086,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4106,7 +4114,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4607,7 +4615,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.accent.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4722,7 +4730,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4777,7 +4785,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5211,6 +5219,33 @@
     "attributes": {},
     "path": ["fgColor", "onEmphasis"]
   },
+  "fgColor-onInverse": {
+    "value": "#0a0c10",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.9}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "onInverse"]
+  },
   "fgColor-disabled": {
     "value": "#bdc4cc",
     "$type": "color",
@@ -5251,7 +5286,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.accent.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5263,7 +5298,88 @@
     },
     "name": "fgColor-link",
     "attributes": {},
-    "path": ["fgColor", "link"]
+    "path": ["fgColor", "link", "@"]
+  },
+  "fgColor-link-onInverse": {
+    "value": "#1e60d5",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.accent.onInverse}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-link-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "link", "onInverse"]
+  },
+  "fgColor-neutral": {
+    "value": "#9ea7b3",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-neutral",
+    "attributes": {},
+    "path": ["fgColor", "neutral", "@"]
+  },
+  "fgColor-neutral-onInverse": {
+    "value": "#272b33",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-neutral-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "neutral", "onInverse"]
   },
   "fgColor-accent": {
     "value": "#409eff",
@@ -5298,7 +5414,34 @@
     },
     "name": "fgColor-accent",
     "attributes": {},
-    "path": ["fgColor", "accent"]
+    "path": ["fgColor", "accent", "@"]
+  },
+  "fgColor-accent-onInverse": {
+    "value": "#1e60d5",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-accent-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "accent", "onInverse"]
   },
   "fgColor-success": {
     "value": "#26cd4d",
@@ -5325,7 +5468,34 @@
     },
     "name": "fgColor-success",
     "attributes": {},
-    "path": ["fgColor", "success"]
+    "path": ["fgColor", "success", "@"]
+  },
+  "fgColor-success-onInverse": {
+    "value": "#007728",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.green.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-success-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "success", "onInverse"]
   },
   "fgColor-attention": {
     "value": "#f0b72f",
@@ -5352,7 +5522,34 @@
     },
     "name": "fgColor-attention",
     "attributes": {},
-    "path": ["fgColor", "attention"]
+    "path": ["fgColor", "attention", "@"]
+  },
+  "fgColor-attention-onInverse": {
+    "value": "#945d02",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.yellow.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-attention-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "attention", "onInverse"]
   },
   "fgColor-severe": {
     "value": "#e7811d",
@@ -5379,7 +5576,34 @@
     },
     "name": "fgColor-severe",
     "attributes": {},
-    "path": ["fgColor", "severe"]
+    "path": ["fgColor", "severe", "@"]
+  },
+  "fgColor-severe-onInverse": {
+    "value": "#a74c00",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.orange.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-severe-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "severe", "onInverse"]
   },
   "fgColor-danger": {
     "value": "#ff6a69",
@@ -5406,7 +5630,42 @@
     },
     "name": "fgColor-danger",
     "attributes": {},
-    "path": ["fgColor", "danger"]
+    "path": ["fgColor", "danger", "@"]
+  },
+  "fgColor-danger-onInverse": {
+    "value": "#b1061a",
+    "$type": "color",
+    "mix": {
+      "color": "#ff6a69",
+      "weight": 0.05
+    },
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.red.9}",
+      "$type": "color",
+      "mix": {
+        "color": "{base.color.red.4}",
+        "weight": 0.05
+      },
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-danger-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "danger", "onInverse"]
   },
   "fgColor-open": {
     "value": "#26cd4d",
@@ -5421,7 +5680,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.success}",
+      "value": "{fgColor.success.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5433,7 +5692,34 @@
     },
     "name": "fgColor-open",
     "attributes": {},
-    "path": ["fgColor", "open"]
+    "path": ["fgColor", "open", "@"]
+  },
+  "fgColor-open-onInverse": {
+    "value": "#007728",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.success.onInverse}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-open-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "open", "onInverse"]
   },
   "fgColor-closed": {
     "value": "#ff6a69",
@@ -5460,7 +5746,34 @@
     },
     "name": "fgColor-closed",
     "attributes": {},
-    "path": ["fgColor", "closed"]
+    "path": ["fgColor", "closed", "@"]
+  },
+  "fgColor-closed-onInverse": {
+    "value": "#b1061a",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.danger.onInverse}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-closed-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "closed", "onInverse"]
   },
   "fgColor-done": {
     "value": "#b780ff",
@@ -5487,7 +5800,34 @@
     },
     "name": "fgColor-done",
     "attributes": {},
-    "path": ["fgColor", "done"]
+    "path": ["fgColor", "done", "@"]
+  },
+  "fgColor-done-onInverse": {
+    "value": "#6921d7",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.purple.9}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-done-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "done", "onInverse"]
   },
   "fgColor-sponsors": {
     "value": "#ef6eb1",
@@ -5514,7 +5854,34 @@
     },
     "name": "fgColor-sponsors",
     "attributes": {},
-    "path": ["fgColor", "sponsors"]
+    "path": ["fgColor", "sponsors", "@"]
+  },
+  "fgColor-sponsors-onInverse": {
+    "value": "#9c1d6a",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.pink.9}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-sponsors-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "sponsors", "onInverse"]
   },
   "bgColor-default": {
     "value": "#0a0c10",
@@ -5570,6 +5937,33 @@
     "attributes": {},
     "path": ["bgColor", "muted"]
   },
+  "bgColor-inset": {
+    "value": "#010409",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.black}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-inset",
+    "attributes": {},
+    "path": ["bgColor", "inset"]
+  },
   "bgColor-emphasis": {
     "value": "#ffffff",
     "$type": "color",
@@ -5583,7 +5977,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.0}",
+      "value": "{base.color.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5597,6 +5991,33 @@
     "attributes": {},
     "path": ["bgColor", "emphasis"]
   },
+  "bgColor-inverse": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-inverse",
+    "attributes": {},
+    "path": ["bgColor", "inverse"]
+  },
   "bgColor-disabled": {
     "value": "#272b33",
     "$type": "color",