@primer/primitives 10.1.0-rc.f1589f93 → 10.1.0

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

@@ -118,7 +118,6 @@
       }
     },
     "alpha": 0.15,
-    "mix": null,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
@@ -131,8 +130,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.15,
-      "mix": null
+      "alpha": 0.15
     },
     "name": "diffBlob-additionLine-bgColor",
     "attributes": {},
@@ -287,7 +285,6 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": null,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
@@ -299,8 +296,7 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": null
+      }
     },
     "name": "diffBlob-deletionLine-bgColor",
     "attributes": {},
@@ -5390,14 +5386,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#58a6ff",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.accent.emphasis}",
+      "$value": "#2A7AEF",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5405,10 +5397,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.3}",
-        "weight": 0.2
       }
     },
     "name": "control-checked-bgColor-hover",
@@ -5425,14 +5413,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#58a6ff",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.accent.emphasis}",
+      "$value": "#3685F3",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5440,10 +5424,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.3}",
-        "weight": 0.4
       }
     },
     "name": "control-checked-bgColor-active",
@@ -6523,14 +6503,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#3fb950",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.success.emphasis}",
+      "$value": "#29903B",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6538,10 +6514,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.green.3}",
-        "weight": 0.2
       }
     },
     "name": "button-primary-bgColor-hover",
@@ -6558,14 +6530,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#3fb950",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{bgColor.success.emphasis}",
+      "$value": "#2E9A40",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6573,10 +6541,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.green.3}",
-        "weight": 0.4
       }
     },
     "name": "button-primary-bgColor-active",
@@ -6593,14 +6557,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#033a16",
-      "weight": 0.6
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.green.5}",
+      "$value": "#105823",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6608,10 +6568,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.green.8}",
-        "weight": 0.6
       }
     },
     "name": "button-primary-bgColor-disabled",
@@ -6714,7 +6670,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{button.primary.bgColor.disabled}",
+      "$value": "#105823",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7046,7 +7002,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.transparent.bgColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7059,7 +7015,7 @@
     "name": "button-invisible-bgColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "disabled"],
-    "value": "#212830",
+    "value": "#00000000",
     "type": "color"
   },
   "button-invisible-borderColor-rest": {
@@ -7127,7 +7083,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.disabled}",
+      "$value": "{base.color.transparent}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7140,7 +7096,7 @@
     "name": "button-invisible-borderColor-disabled",
     "attributes": {},
     "path": ["button", "invisible", "borderColor", "disabled"],
-    "value": "#656c761a",
+    "value": "#00000000",
     "type": "color"
   },
   "button-outline-fgColor-rest": {
@@ -7458,14 +7414,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "mix": {
-      "color": "#ff7b72",
-      "weight": 0.3
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.4}",
+      "$value": "#FA5E55",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7473,10 +7425,6 @@
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.red.3}",
-        "weight": 0.3
       }
     },
     "name": "button-danger-fgColor-rest",
@@ -7579,7 +7527,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{button.danger.fgColor.rest}",
+      "$value": "#FA5E55",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7684,14 +7632,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#f85149",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.6}",
+      "$value": "#D03533",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7699,10 +7643,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.red.4}",
-        "weight": 0.4
       }
     },
     "name": "button-danger-bgColor-active",
@@ -8395,15 +8335,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#79c0ff",
-      "weight": 0.2
-    },
-    "alpha": 0.2,
+    "alpha": 0.36,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{reactionButton.selected.bgColor.rest}",
+      "$value": "#3a8cfd",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8412,11 +8348,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "mix": {
-        "color": "{base.color.blue.2}",
-        "weight": 0.2
-      },
-      "alpha": 0.2
+      "alpha": 0.36
     },
     "name": "reactionButton-selected-bgColor-hover",
     "attributes": {},
@@ -8505,6 +8437,23 @@
     "value": "#1f6feb",
     "type": "color"
   },
+  "focus-outline": {
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{focus.outlineColor}",
+        "style": "solid",
+        "width": "2px"
+      },
+      "$type": "border"
+    },
+    "name": "focus-outline",
+    "attributes": {},
+    "path": ["focus", "outline"],
+    "value": "2px solid #1f6feb",
+    "type": "border"
+  },
   "menu-bgColor-active": {
     "$extensions": {
       "org.primer.figma": {
@@ -12326,14 +12275,10 @@
         }
       }
     },
-    "mix": {
-      "color": "#1f6feb",
-      "weight": 0.35
-    },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.blue.3}",
+      "$value": "#4493F8",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12344,10 +12289,6 @@
             "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.5}",
-        "weight": 0.35
       }
     },
     "name": "fgColor-accent",
@@ -16128,21 +16069,447 @@
     "value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
     "type": "shadow"
   },
-  "outline-focus": {
-    "filePath": "src/tokens/functional/border/dark.json5",
+  "border-default": {
+    "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
     "original": {
       "$value": {
-        "color": "{focus.outlineColor}",
+        "color": "{borderColor.default}",
         "style": "solid",
-        "width": "2px"
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border"
+    },
+    "name": "border-default",
+    "attributes": {},
+    "path": ["border", "default"],
+    "value": "0.0625rem solid #3d444d",
+    "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 #3d444db3",
+    "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 #656c76",
+    "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 #656c761a",
+    "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 #00000000",
+    "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 #656c76",
+    "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 #3d444db3",
+    "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 #1f6feb",
+    "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 #388bfd66",
+    "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 #238636",
+    "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 #2ea04366",
+    "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 #238636",
+    "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 #2ea04366",
+    "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 #da3633",
+    "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 #f8514966",
+    "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 #da3633",
+    "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 #f8514966",
+    "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 #9e6a03",
+    "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 #bb800966",
+    "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 #bd561d",
+    "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 #db6d2866",
+    "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 #8957e5",
+    "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 #ab7df866",
+    "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 #8957e5",
+    "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 #ab7df866",
+    "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 #bf4b8a",
+    "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": "outline-focus",
+    "name": "border-sponsors-muted",
     "attributes": {},
-    "path": ["outline", "focus"],
-    "value": "#1f6feb solid 2px",
+    "path": ["border", "sponsors", "muted"],
+    "value": "0.0625rem solid #db61a266",
     "type": "border"
   }
 }