@primer/primitives 10.1.0-rc.f1589f93 → 10.1.0

package/dist/docs/functional/themes/light.json

@@ -5370,14 +5370,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#033d8b",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.accent.emphasis}",
+      "$value": "#0860ca",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5385,10 +5381,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.7}",
-        "weight": 0.2
       }
     },
     "name": "control-checked-bgColor-hover",
@@ -5405,14 +5397,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#033d8b",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.accent.emphasis}",
+      "$value": "#0757ba",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5420,10 +5408,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.7}",
-        "weight": 0.4
       }
     },
     "name": "control-checked-bgColor-active",
@@ -6491,14 +6475,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#116329",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.success.emphasis}",
+      "$value": "#1c8139",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6506,10 +6486,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.green.6}",
-        "weight": 0.2
       }
     },
     "name": "button-primary-bgColor-hover",
@@ -6526,14 +6502,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#116329",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.success.emphasis}",
+      "$value": "#197935",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6541,10 +6513,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.green.6}",
-        "weight": 0.4
       }
     },
     "name": "button-primary-bgColor-active",
@@ -6561,14 +6529,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#dafbe1",
-      "weight": 0.6
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.green.4}",
+      "$value": "#95d8a6",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6576,10 +6540,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.green.0}",
-        "weight": 0.6
       }
     },
     "name": "button-primary-bgColor-disabled",
@@ -7014,7 +6974,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.transparent.bgColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7027,7 +6987,7 @@
     "name": "button-invisible-bgColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "disabled"],
-    "value": "#eff2f5",
+    "value": "#ffffff00",
     "type": "color"
   },
   "button-invisible-borderColor-rest": {
@@ -7095,7 +7055,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7108,7 +7068,7 @@
     "name": "button-invisible-borderColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "disabled"],
-    "value": "#818b981a",
+    "value": "#ffffff00",
     "type": "color"
   },
   "button-outline-fgColor-rest": {
@@ -7283,14 +7243,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#033d8b",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.accent.emphasis}",
+      "$value": "#0757ba",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7298,10 +7254,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.7}",
-        "weight": 0.4
       }
     },
     "name": "button-outline-bgColor-active",
@@ -7652,14 +7604,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#660018",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.6}",
+      "$value": "#8b0820",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7667,10 +7615,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.red.8}",
-        "weight": 0.4
       }
     },
     "name": "button-danger-bgColor-active",
@@ -8251,14 +8195,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "mix": {
-      "color": "#a40e26",
-      "weight": 0.3
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.5}",
+      "$value": "#c21c2c",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8266,10 +8206,6 @@
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.red.6}",
-        "weight": 0.3
       }
     },
     "name": "buttonCounter-danger-fgColor-rest",
@@ -8369,14 +8305,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#80ccff",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{reactionButton.selected.bgColor.rest}",
+      "$value": "#caecff",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8384,10 +8316,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.2}",
-        "weight": 0.2
       }
     },
     "name": "reactionButton-selected-bgColor-hover",
@@ -8478,7 +8406,7 @@
     "type": "color"
   },
   "focus-outline": {
-    "filePath": "src/tokens/functional/border/light.json5",
+    "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
     "original": {
       "$value": {
@@ -8491,7 +8419,7 @@
     "name": "focus-outline",
     "attributes": {},
     "path": ["focus", "outline"],
-    "value": "#0969da solid 2px",
+    "value": "2px solid #0969da",
     "type": "border"
   },
   "menu-bgColor-active": {
@@ -12480,14 +12408,10 @@
         }
       }
     },
-    "mix": {
-      "color": "#fa4549",
-      "weight": 0.05
-    },
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.5}",
+      "$value": "#d1242f",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12498,10 +12422,6 @@
             "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.red.4}",
-        "weight": 0.05
       }
     },
     "name": "fgColor-danger",
@@ -13081,14 +13001,10 @@
         }
       }
     },
-    "mix": {
-      "color": "#1a7f37",
-      "weight": 0.75
-    },
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.green.4}",
+      "$value": "#1f883d",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13099,10 +13015,6 @@
             "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.green.5}",
-        "weight": 0.75
       }
     },
     "name": "bgColor-success-emphasis",
@@ -16092,5 +16004,448 @@
     "path": ["shadow", "floating", "legacy"],
     "value": "0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
     "type": "shadow"
+  },
+  "border-default": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.default}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-default",
+    "attributes": {},
+    "path": ["border", "default"],
+    "value": "0.0625rem solid #d1d9e0",
+    "type": "border"
+  },
+  "border-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-muted",
+    "attributes": {},
+    "path": ["border", "muted"],
+    "value": "0.0625rem solid #d1d9e0b3",
+    "type": "border"
+  },
+  "border-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-emphasis",
+    "attributes": {},
+    "path": ["border", "emphasis"],
+    "value": "0.0625rem solid #818b98",
+    "type": "border"
+  },
+  "border-disabled": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.disabled}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-disabled",
+    "attributes": {},
+    "path": ["border", "disabled"],
+    "value": "0.0625rem solid #818b981a",
+    "type": "border"
+  },
+  "border-transparent": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.transparent}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-transparent",
+    "attributes": {},
+    "path": ["border", "transparent"],
+    "value": "0.0625rem solid #ffffff00",
+    "type": "border"
+  },
+  "border-neutral-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.neutral.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-neutral-emphasis",
+    "attributes": {},
+    "path": ["border", "neutral", "emphasis"],
+    "value": "0.0625rem solid #59636e",
+    "type": "border"
+  },
+  "border-neutral-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.neutral.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-neutral-muted",
+    "attributes": {},
+    "path": ["border", "neutral", "muted"],
+    "value": "0.0625rem solid #d1d9e0b3",
+    "type": "border"
+  },
+  "border-accent-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.accent.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-accent-emphasis",
+    "attributes": {},
+    "path": ["border", "accent", "emphasis"],
+    "value": "0.0625rem solid #0969da",
+    "type": "border"
+  },
+  "border-accent-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.accent.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-accent-muted",
+    "attributes": {},
+    "path": ["border", "accent", "muted"],
+    "value": "0.0625rem solid #54aeff66",
+    "type": "border"
+  },
+  "border-success-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.success.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-success-emphasis",
+    "attributes": {},
+    "path": ["border", "success", "emphasis"],
+    "value": "0.0625rem solid #1a7f37",
+    "type": "border"
+  },
+  "border-success-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.success.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-success-muted",
+    "attributes": {},
+    "path": ["border", "success", "muted"],
+    "value": "0.0625rem solid #4ac26b66",
+    "type": "border"
+  },
+  "border-open-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{border.success.emphasis}",
+      "$type": "border"
+    },
+    "name": "border-open-emphasis",
+    "attributes": {},
+    "path": ["border", "open", "emphasis"],
+    "value": "0.0625rem solid #1a7f37",
+    "type": "border"
+  },
+  "border-open-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{border.success.muted}",
+      "$type": "border"
+    },
+    "name": "border-open-muted",
+    "attributes": {},
+    "path": ["border", "open", "muted"],
+    "value": "0.0625rem solid #4ac26b66",
+    "type": "border"
+  },
+  "border-danger-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.danger.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-danger-emphasis",
+    "attributes": {},
+    "path": ["border", "danger", "emphasis"],
+    "value": "0.0625rem solid #cf222e",
+    "type": "border"
+  },
+  "border-danger-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.danger.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-danger-muted",
+    "attributes": {},
+    "path": ["border", "danger", "muted"],
+    "value": "0.0625rem solid #ff818266",
+    "type": "border"
+  },
+  "border-closed-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{border.danger.emphasis}",
+      "$type": "border"
+    },
+    "name": "border-closed-emphasis",
+    "attributes": {},
+    "path": ["border", "closed", "emphasis"],
+    "value": "0.0625rem solid #cf222e",
+    "type": "border"
+  },
+  "border-closed-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{border.danger.muted}",
+      "$type": "border"
+    },
+    "name": "border-closed-muted",
+    "attributes": {},
+    "path": ["border", "closed", "muted"],
+    "value": "0.0625rem solid #ff818266",
+    "type": "border"
+  },
+  "border-attention-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.attention.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-attention-emphasis",
+    "attributes": {},
+    "path": ["border", "attention", "emphasis"],
+    "value": "0.0625rem solid #9a6700",
+    "type": "border"
+  },
+  "border-attention-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.attention.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-attention-muted",
+    "attributes": {},
+    "path": ["border", "attention", "muted"],
+    "value": "0.0625rem solid #d4a72c66",
+    "type": "border"
+  },
+  "border-severe-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.severe.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-severe-emphasis",
+    "attributes": {},
+    "path": ["border", "severe", "emphasis"],
+    "value": "0.0625rem solid #bc4c00",
+    "type": "border"
+  },
+  "border-severe-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.severe.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-severe-muted",
+    "attributes": {},
+    "path": ["border", "severe", "muted"],
+    "value": "0.0625rem solid #fb8f4466",
+    "type": "border"
+  },
+  "border-done-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.done.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-done-emphasis",
+    "attributes": {},
+    "path": ["border", "done", "emphasis"],
+    "value": "0.0625rem solid #8250df",
+    "type": "border"
+  },
+  "border-done-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.done.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-done-muted",
+    "attributes": {},
+    "path": ["border", "done", "muted"],
+    "value": "0.0625rem solid #c297ff66",
+    "type": "border"
+  },
+  "border-upsell-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.upsell.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-upsell-emphasis",
+    "attributes": {},
+    "path": ["border", "upsell", "emphasis"],
+    "value": "0.0625rem solid #8250df",
+    "type": "border"
+  },
+  "border-upsell-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.upsell.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-upsell-muted",
+    "attributes": {},
+    "path": ["border", "upsell", "muted"],
+    "value": "0.0625rem solid #c297ff66",
+    "type": "border"
+  },
+  "border-sponsors-emphasis": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.sponsors.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-sponsors-emphasis",
+    "attributes": {},
+    "path": ["border", "sponsors", "emphasis"],
+    "value": "0.0625rem solid #bf3989",
+    "type": "border"
+  },
+  "border-sponsors-muted": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.sponsors.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-sponsors-muted",
+    "attributes": {},
+    "path": ["border", "sponsors", "muted"],
+    "value": "0.0625rem solid #ff80c866",
+    "type": "border"
   }
 }