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

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

@@ -1939,7 +1939,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3409,7 +3409,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.accent.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3436,7 +3436,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.accent.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3505,7 +3505,7 @@
     "path": ["button", "invisible", "bgColor", "rest"]
   },
   "button-invisible-bgColor-hover": {
-    "value": "#e7ecf0",
+    "value": "#20252c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3514,10 +3514,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
+    "alpha": 1,
     "original": {
-      "value": "{control.transparent.bgColor.hover}",
+      "value": "{base.color.gray.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3525,14 +3526,15 @@
           "mode": "light",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 1
     },
     "name": "button-invisible-bgColor-hover",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "hover"]
   },
   "button-invisible-bgColor-active": {
-    "value": "#ced5dc",
+    "value": "#4b535d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3541,10 +3543,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
+    "alpha": 1,
     "original": {
-      "value": "{control.transparent.bgColor.active}",
+      "value": "{base.color.gray.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3552,7 +3555,8 @@
           "mode": "light",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 1
     },
     "name": "button-invisible-bgColor-active",
     "attributes": {},
@@ -3679,7 +3683,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.accent.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3761,7 +3765,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.accent.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3982,7 +3986,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4064,7 +4068,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4092,7 +4096,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4595,7 +4599,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.accent.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4773,7 +4777,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5214,6 +5218,33 @@
     "attributes": {},
     "path": ["fgColor", "onEmphasis"]
   },
+  "fgColor-onInverse": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "onInverse"]
+  },
   "fgColor-disabled": {
     "value": "#4b535d",
     "$type": "color",
@@ -5254,7 +5285,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.accent.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5266,7 +5297,88 @@
     },
     "name": "fgColor-link",
     "attributes": {},
-    "path": ["fgColor", "link"]
+    "path": ["fgColor", "link", "@"]
+  },
+  "fgColor-link-onInverse": {
+    "value": "#67b3fd",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.accent.onInverse}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-link-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "link", "onInverse"]
+  },
+  "fgColor-neutral": {
+    "value": "#66707b",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-neutral",
+    "attributes": {},
+    "path": ["fgColor", "neutral", "@"]
+  },
+  "fgColor-neutral-onInverse": {
+    "value": "#ced5dc",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.2}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-neutral-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "neutral", "onInverse"]
   },
   "fgColor-accent": {
     "value": "#023b95",
@@ -5293,7 +5405,34 @@
     },
     "name": "fgColor-accent",
     "attributes": {},
-    "path": ["fgColor", "accent"]
+    "path": ["fgColor", "accent", "@"]
+  },
+  "fgColor-accent-onInverse": {
+    "value": "#67b3fd",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.2}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-accent-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "accent", "onInverse"]
   },
   "fgColor-success": {
     "value": "#055d20",
@@ -5320,7 +5459,34 @@
     },
     "name": "fgColor-success",
     "attributes": {},
-    "path": ["fgColor", "success"]
+    "path": ["fgColor", "success", "@"]
+  },
+  "fgColor-success-onInverse": {
+    "value": "#43c663",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.green.2}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-success-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "success", "onInverse"]
   },
   "fgColor-attention": {
     "value": "#744500",
@@ -5347,7 +5513,34 @@
     },
     "name": "fgColor-attention",
     "attributes": {},
-    "path": ["fgColor", "attention"]
+    "path": ["fgColor", "attention", "@"]
+  },
+  "fgColor-attention-onInverse": {
+    "value": "#d5a824",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.yellow.2}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-attention-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "attention", "onInverse"]
   },
   "fgColor-severe": {
     "value": "#873800",
@@ -5374,7 +5567,34 @@
     },
     "name": "fgColor-severe",
     "attributes": {},
-    "path": ["fgColor", "severe"]
+    "path": ["fgColor", "severe", "@"]
+  },
+  "fgColor-severe-onInverse": {
+    "value": "#f99636",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.orange.2}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-severe-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "severe", "onInverse"]
   },
   "fgColor-danger": {
     "value": "#8a071e",
@@ -5409,7 +5629,36 @@
     },
     "name": "fgColor-danger",
     "attributes": {},
-    "path": ["fgColor", "danger"]
+    "path": ["fgColor", "danger", "@"]
+  },
+  "fgColor-danger-onInverse": {
+    "value": "#ff8e8a",
+    "$type": "color",
+    "mix": null,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.red.2}",
+      "$type": "color",
+      "mix": null,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-danger-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "danger", "onInverse"]
   },
   "fgColor-open": {
     "value": "#055d20",
@@ -5424,7 +5673,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.success}",
+      "value": "{fgColor.success.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5436,7 +5685,36 @@
     },
     "name": "fgColor-open",
     "attributes": {},
-    "path": ["fgColor", "open"]
+    "path": ["fgColor", "open", "@"]
+  },
+  "fgColor-open-onInverse": {
+    "value": "#43c663",
+    "$type": "color",
+    "mix": null,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.success.onInverse}",
+      "$type": "color",
+      "mix": null,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-open-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "open", "onInverse"]
   },
   "fgColor-closed": {
     "value": "#8a071e",
@@ -5451,7 +5729,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.danger}",
+      "value": "{fgColor.danger.@}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5463,7 +5741,36 @@
     },
     "name": "fgColor-closed",
     "attributes": {},
-    "path": ["fgColor", "closed"]
+    "path": ["fgColor", "closed", "@"]
+  },
+  "fgColor-closed-onInverse": {
+    "value": "#ff8e8a",
+    "$type": "color",
+    "mix": null,
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.danger.onInverse}",
+      "$type": "color",
+      "mix": null,
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-closed-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "closed", "onInverse"]
   },
   "fgColor-done": {
     "value": "#622cbc",
@@ -5490,7 +5797,34 @@
     },
     "name": "fgColor-done",
     "attributes": {},
-    "path": ["fgColor", "done"]
+    "path": ["fgColor", "done", "@"]
+  },
+  "fgColor-done-onInverse": {
+    "value": "#c49bff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.purple.2}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-done-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "done", "onInverse"]
   },
   "fgColor-sponsors": {
     "value": "#971368",
@@ -5517,7 +5851,34 @@
     },
     "name": "fgColor-sponsors",
     "attributes": {},
-    "path": ["fgColor", "sponsors"]
+    "path": ["fgColor", "sponsors", "@"]
+  },
+  "fgColor-sponsors-onInverse": {
+    "value": "#fc87ca",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.pink.2}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-sponsors-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "sponsors", "onInverse"]
   },
   "bgColor-default": {
     "value": "#ffffff",
@@ -5627,6 +5988,33 @@
     "attributes": {},
     "path": ["bgColor", "emphasis"]
   },
+  "bgColor-inverse": {
+    "value": "#0e1116",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.9}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-inverse",
+    "attributes": {},
+    "path": ["bgColor", "inverse"]
+  },
   "bgColor-disabled": {
     "value": "#e7ecf0",
     "$type": "color",