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

package/tokens-next-private/docs/functional/themes/dark-dimmed.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": {
@@ -3419,7 +3419,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": {
@@ -3771,7 +3771,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": {
@@ -3984,7 +3984,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": {
@@ -4066,7 +4066,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": {
@@ -4094,7 +4094,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": {
@@ -4595,7 +4595,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": {
@@ -4710,7 +4710,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": {
@@ -4765,7 +4765,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": {
@@ -5203,6 +5203,33 @@
     "attributes": {},
     "path": ["fgColor", "onEmphasis"]
   },
+  "fgColor-onInverse": {
+    "value": "#22272e",
+    "$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": "#768390",
     "$type": "color",
@@ -5243,7 +5270,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": {
@@ -5257,6 +5284,87 @@
     "attributes": {},
     "path": ["fgColor", "link", "@"]
   },
+  "fgColor-link-onInverse": {
+    "value": "#316dca",
+    "$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": "#636e7b",
+    "$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": "#545d68",
+    "$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.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-neutral-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "neutral", "onInverse"]
+  },
   "fgColor-accent": {
     "value": "#3b7cdb",
     "$type": "color",
@@ -5290,7 +5398,34 @@
     },
     "name": "fgColor-accent",
     "attributes": {},
-    "path": ["fgColor", "accent"]
+    "path": ["fgColor", "accent", "@"]
+  },
+  "fgColor-accent-onInverse": {
+    "value": "#316dca",
+    "$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.blue.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-accent-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "accent", "onInverse"]
   },
   "fgColor-success": {
     "value": "#57ab5a",
@@ -5317,7 +5452,34 @@
     },
     "name": "fgColor-success",
     "attributes": {},
-    "path": ["fgColor", "success"]
+    "path": ["fgColor", "success", "@"]
+  },
+  "fgColor-success-onInverse": {
+    "value": "#347d39",
+    "$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.green.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-success-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "success", "onInverse"]
   },
   "fgColor-attention": {
     "value": "#c69026",
@@ -5344,7 +5506,34 @@
     },
     "name": "fgColor-attention",
     "attributes": {},
-    "path": ["fgColor", "attention"]
+    "path": ["fgColor", "attention", "@"]
+  },
+  "fgColor-attention-onInverse": {
+    "value": "#966600",
+    "$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.yellow.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-attention-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "attention", "onInverse"]
   },
   "fgColor-severe": {
     "value": "#cc6b2c",
@@ -5371,7 +5560,34 @@
     },
     "name": "fgColor-severe",
     "attributes": {},
-    "path": ["fgColor", "severe"]
+    "path": ["fgColor", "severe", "@"]
+  },
+  "fgColor-severe-onInverse": {
+    "value": "#ae5622",
+    "$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.orange.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-severe-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "severe", "onInverse"]
   },
   "fgColor-danger": {
     "value": "#e5534b",
@@ -5398,7 +5614,42 @@
     },
     "name": "fgColor-danger",
     "attributes": {},
-    "path": ["fgColor", "danger"]
+    "path": ["fgColor", "danger", "@"]
+  },
+  "fgColor-danger-onInverse": {
+    "value": "#ca3d38",
+    "$type": "color",
+    "mix": {
+      "color": "#e5534b",
+      "weight": 0.05
+    },
+    "$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.red.5}",
+      "$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": "#57ab5a",
@@ -5413,7 +5664,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": {
@@ -5425,7 +5676,34 @@
     },
     "name": "fgColor-open",
     "attributes": {},
-    "path": ["fgColor", "open"]
+    "path": ["fgColor", "open", "@"]
+  },
+  "fgColor-open-onInverse": {
+    "value": "#347d39",
+    "$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": "#e5534b",
@@ -5452,7 +5730,34 @@
     },
     "name": "fgColor-closed",
     "attributes": {},
-    "path": ["fgColor", "closed"]
+    "path": ["fgColor", "closed", "@"]
+  },
+  "fgColor-closed-onInverse": {
+    "value": "#ca3d38",
+    "$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": "#986ee2",
@@ -5479,7 +5784,34 @@
     },
     "name": "fgColor-done",
     "attributes": {},
-    "path": ["fgColor", "done"]
+    "path": ["fgColor", "done", "@"]
+  },
+  "fgColor-done-onInverse": {
+    "value": "#8256d0",
+    "$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.purple.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-done-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "done", "onInverse"]
   },
   "fgColor-sponsors": {
     "value": "#c96198",
@@ -5506,7 +5838,34 @@
     },
     "name": "fgColor-sponsors",
     "attributes": {},
-    "path": ["fgColor", "sponsors"]
+    "path": ["fgColor", "sponsors", "@"]
+  },
+  "fgColor-sponsors-onInverse": {
+    "value": "#ae4c82",
+    "$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.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-sponsors-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "sponsors", "onInverse"]
   },
   "bgColor-default": {
     "value": "#22272e",
@@ -5616,6 +5975,33 @@
     "attributes": {},
     "path": ["bgColor", "emphasis"]
   },
+  "bgColor-inverse": {
+    "value": "#cdd9e5",
+    "$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": "#2d333b",
     "$type": "color",