@primer/primitives 7.12.0-rc.fd97c40 → 7.12.0

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

@@ -5249,7 +5249,7 @@
     },
     "name": "fgColor-link",
     "attributes": {},
-    "path": ["fgColor", "link"]
+    "path": ["fgColor", "link", "@"]
   },
   "fgColor-accent": {
     "value": "#2f81f7",
@@ -5556,6 +5556,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": "#6e7681",
     "$type": "color",

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

@@ -5255,7 +5255,7 @@
     },
     "name": "fgColor-link",
     "attributes": {},
-    "path": ["fgColor", "link"]
+    "path": ["fgColor", "link", "@"]
   },
   "fgColor-accent": {
     "value": "#3b7cdb",
@@ -5562,6 +5562,33 @@
     "attributes": {},
     "path": ["bgColor", "muted"]
   },
+  "bgColor-inset": {
+    "value": "#1c2128",
+    "$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": "#636e7b",
     "$type": "color",

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

@@ -5263,7 +5263,7 @@
     },
     "name": "fgColor-link",
     "attributes": {},
-    "path": ["fgColor", "link"]
+    "path": ["fgColor", "link", "@"]
   },
   "fgColor-accent": {
     "value": "#409eff",
@@ -5570,6 +5570,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",

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

@@ -5255,7 +5255,7 @@
     },
     "name": "fgColor-link",
     "attributes": {},
-    "path": ["fgColor", "link"]
+    "path": ["fgColor", "link", "@"]
   },
   "fgColor-accent": {
     "value": "#2f81f7",
@@ -5562,6 +5562,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": "#6e7681",
     "$type": "color",

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

@@ -5255,7 +5255,7 @@
     },
     "name": "fgColor-link",
     "attributes": {},
-    "path": ["fgColor", "link"]
+    "path": ["fgColor", "link", "@"]
   },
   "fgColor-accent": {
     "value": "#2f81f7",
@@ -5562,6 +5562,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": "#6e7681",
     "$type": "color",

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

@@ -5569,6 +5569,33 @@
     "attributes": {},
     "path": ["bgColor", "muted"]
   },
+  "bgColor-inset": {
+    "value": "#f6f8fa",
+    "$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.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-inset",
+    "attributes": {},
+    "path": ["bgColor", "inset"]
+  },
   "bgColor-emphasis": {
     "value": "#24292f",
     "$type": "color",

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

@@ -5573,6 +5573,33 @@
     "attributes": {},
     "path": ["bgColor", "muted"]
   },
+  "bgColor-inset": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-inset",
+    "attributes": {},
+    "path": ["bgColor", "inset"]
+  },
   "bgColor-emphasis": {
     "value": "#0e1116",
     "$type": "color",

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

@@ -5565,6 +5565,33 @@
     "attributes": {},
     "path": ["bgColor", "muted"]
   },
+  "bgColor-inset": {
+    "value": "#f6f8fa",
+    "$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.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-inset",
+    "attributes": {},
+    "path": ["bgColor", "inset"]
+  },
   "bgColor-emphasis": {
     "value": "#24292f",
     "$type": "color",

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

@@ -5565,6 +5565,33 @@
     "attributes": {},
     "path": ["bgColor", "muted"]
   },
+  "bgColor-inset": {
+    "value": "#f6f8fa",
+    "$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.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "bgColor-inset",
+    "attributes": {},
+    "path": ["bgColor", "inset"]
+  },
   "bgColor-emphasis": {
     "value": "#24292f",
     "$type": "color",

package/tokens-next-private/fallbacks/color-fallbacks.json

@@ -184,7 +184,7 @@
   "--fgColor-muted": "var(--color-fg-muted)",
   "--fgColor-onEmphasis": "var(--color-fg-on-emphasis)",
   "--fgColor-disabled": "var(--color-primer-fg-disabled)",
-  "--fgColor-link-rest": "var(--color-accent-fg)",
+  "--fgColor-link": "var(--color-accent-fg)",
   "--fgColor-accent": "var(--color-accent-fg)",
   "--fgColor-success": "var(--color-success-fg)",
   "--fgColor-attention": "var(--color-attention-fg)",
@@ -196,28 +196,29 @@
   "--fgColor-sponsors": "var(--color-sponsors-fg)",
   "--bgColor-default": "var(--color-canvas-default)",
   "--bgColor-muted": "var(--color-canvas-subtle)",
+  "--bgColor-inset": "var(--color-canvas-inset)",
   "--bgColor-emphasis": "var(--color-neutral-emphasis-plus)",
   "--bgColor-disabled": "var(--color-neutral-muted)",
   "--bgColor-neutral-muted": "var(--color-neutral-subtle)",
   "--bgColor-neutral-emphasis": "var(--color-fg-subtle)",
   "--bgColor-accent-muted": "var(--color-accent-subtle)",
-  "--bgColor-accent-emphasis": "var(--color-accent-fg)",
+  "--bgColor-accent-emphasis": "var(--color-accent-emphasis)",
   "--bgColor-success-muted": "var(--color-success-subtle)",
-  "--bgColor-success-emphasis": "var(--color-success-fg)",
+  "--bgColor-success-emphasis": "var(--color-success-emphasis)",
   "--bgColor-attention-muted": "var(--color-attention-subtle)",
-  "--bgColor-attention-emphasis": "var(--color-attention-fg)",
+  "--bgColor-attention-emphasis": "var(--color-attention-emphasis)",
   "--bgColor-severe-muted": "var(--color-severe-subtle)",
-  "--bgColor-severe-emphasis": "var(--color-severe-fg)",
+  "--bgColor-severe-emphasis": "var(--color-severe-emphasis)",
   "--bgColor-danger-muted": "var(--color-danger-subtle)",
-  "--bgColor-danger-emphasis": "var(--color-danger-fg)",
+  "--bgColor-danger-emphasis": "var(--color-danger-emphasis)",
   "--bgColor-open-muted": "var(--color-open-subtle)",
-  "--bgColor-open-emphasis": "var(--color-open-fg)",
+  "--bgColor-open-emphasis": "var(--color-open-emphasis)",
   "--bgColor-closed-muted": "var(--color-closed-subtle)",
-  "--bgColor-closed-emphasis": "var(--color-closed-fg)",
+  "--bgColor-closed-emphasis": "var(--color-closed-emphasis)",
   "--bgColor-done-muted": "var(--color-done-subtle)",
-  "--bgColor-done-emphasis": "var(--color-done-fg)",
+  "--bgColor-done-emphasis": "var(--color-done-emphasis)",
   "--bgColor-sponsors-muted": "var(--color-sponsors-subtle)",
-  "--bgColor-sponsors-emphasis": "var(--color-sponsors-fg)",
+  "--bgColor-sponsors-emphasis": "var(--color-sponsors-emphasis)",
   "--borderColor-default": "var(--color-border-default)",
   "--borderColor-muted": "var(--color-border-muted)",
   "--borderColor-emphasis": "var(--color-fg-subtle)",
@@ -225,7 +226,7 @@
   "--borderColor-neutral-muted": "var(--color-neutral-muted)",
   "--borderColor-neutral-emphasis": "var(--color-fg-subtle)",
   "--borderColor-accent-muted": "var(--color-accent-muted)",
-  "--borderColor-accent-emphasis": "var(--color-accent-fg)",
+  "--borderColor-accent-emphasis": "var(--color-accent-emphasis)",
   "--borderColor-success-muted": "var(--color-success-muted)",
   "--borderColor-success-emphasis": "var(--color-success-emphasis)",
   "--borderColor-attention-muted": "var(--color-attention-muted)",

package/tokens-next-private/fallbacks/functional/size/size.json

@@ -40,6 +40,12 @@
   "--controlStack-large-gap-auto": "0.5rem",
   "--controlStack-large-gap-condensed": "0.5rem",
   "--controlStack-large-gap-spacious": "0.75rem",
+  "--space-xxsmall": "0.125rem",
+  "--space-xsmall": "0.25rem",
+  "--space-small": "0.375rem",
+  "--space-medium": "0.5rem",
+  "--space-large": "0.75rem",
+  "--space-xlarge": "1rem",
   "--stack-padding-condensed": "0.5rem",
   "--stack-padding-normal": "1rem",
   "--stack-padding-spacious": "1.5rem",