@primer/react 38.40.2-rc.fdfbe71e5 → 38.41.0-rc.27afe233f

package/dist/Banner/Banner.js

@@ -13,11 +13,11 @@ import { AlertIcon, CheckCircleIcon, InfoIcon, StopIcon, XIcon } from "@primer/o
 //#region src/Banner/Banner.tsx
 const BannerContext = /*#__PURE__*/ React.createContext(void 0);
 const iconForVariant = {
-	critical: /*#__PURE__*/ jsx(StopIcon, {}),
-	info: /*#__PURE__*/ jsx(InfoIcon, {}),
-	success: /*#__PURE__*/ jsx(CheckCircleIcon, {}),
-	upsell: /*#__PURE__*/ jsx(InfoIcon, {}),
-	warning: /*#__PURE__*/ jsx(AlertIcon, {})
+	critical: /* @__PURE__ */ jsx(StopIcon, {}),
+	info: /* @__PURE__ */ jsx(InfoIcon, {}),
+	success: /* @__PURE__ */ jsx(CheckCircleIcon, {}),
+	upsell: /* @__PURE__ */ jsx(InfoIcon, {}),
+	warning: /* @__PURE__ */ jsx(AlertIcon, {})
 };
 const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	var _leadingVisual, _labelledBy;
@@ -125,7 +125,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	const t15 = visual && supportsCustomIcon ? visual : iconForVariant[variant];
 	let t16;
 	if ($[24] !== t15) {
-		t16 = /*#__PURE__*/ jsx("div", {
+		t16 = /* @__PURE__ */ jsx("div", {
 			"data-component": "Banner.Icon",
 			className: Banner_module_css_default.BannerIcon,
 			children: t15
@@ -135,20 +135,20 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t16 = $[25];
 	let t17;
 	if ($[26] !== hideTitle || $[27] !== title) {
-		t17 = title ? hideTitle ? /*#__PURE__*/ jsx(VisuallyHidden, { children: /*#__PURE__*/ jsx(BannerTitle, { children: title }) }) : /*#__PURE__*/ jsx(BannerTitle, { children: title }) : null;
+		t17 = title ? hideTitle ? /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(BannerTitle, { children: title }) }) : /* @__PURE__ */ jsx(BannerTitle, { children: title }) : null;
 		$[26] = hideTitle;
 		$[27] = title;
 		$[28] = t17;
 	} else t17 = $[28];
 	let t18;
 	if ($[29] !== description) {
-		t18 = description ? /*#__PURE__*/ jsx(BannerDescription, { children: description }) : null;
+		t18 = description ? /* @__PURE__ */ jsx(BannerDescription, { children: description }) : null;
 		$[29] = description;
 		$[30] = t18;
 	} else t18 = $[30];
 	let t19;
 	if ($[31] !== children || $[32] !== t17 || $[33] !== t18) {
-		t19 = /*#__PURE__*/ jsxs("div", {
+		t19 = /* @__PURE__ */ jsxs("div", {
 			"data-component": "Banner.Content",
 			className: Banner_module_css_default.BannerContent,
 			children: [
@@ -164,7 +164,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t19 = $[34];
 	let t20;
 	if ($[35] !== hasActions || $[36] !== primaryAction || $[37] !== secondaryAction) {
-		t20 = hasActions ? /*#__PURE__*/ jsx(BannerActions, {
+		t20 = hasActions ? /* @__PURE__ */ jsx(BannerActions, {
 			primaryAction,
 			secondaryAction
 		}) : null;
@@ -175,7 +175,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t20 = $[38];
 	let t21;
 	if ($[39] !== t19 || $[40] !== t20) {
-		t21 = /*#__PURE__*/ jsxs("div", {
+		t21 = /* @__PURE__ */ jsxs("div", {
 			className: Banner_module_css_default.BannerContainer,
 			children: [t19, t20]
 		});
@@ -185,7 +185,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t21 = $[41];
 	let t22;
 	if ($[42] !== dismissible || $[43] !== onDismiss) {
-		t22 = dismissible ? /*#__PURE__*/ jsx(IconButton, {
+		t22 = dismissible ? /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": "Dismiss banner",
 			onClick: onDismiss,
 			className: Banner_module_css_default.BannerDismiss,
@@ -198,7 +198,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t22 = $[44];
 	let t23;
 	if ($[45] !== actionsLayout || $[46] !== ref || $[47] !== rest || $[48] !== t10 || $[49] !== t11 || $[50] !== t12 || $[51] !== t13 || $[52] !== t14 || $[53] !== t16 || $[54] !== t21 || $[55] !== t22 || $[56] !== t7 || $[57] !== t8 || $[58] !== t9 || $[59] !== variant) {
-		t23 = /*#__PURE__*/ jsxs("section", {
+		t23 = /* @__PURE__ */ jsxs("section", {
 			"data-component": "Banner",
 			...rest,
 			"aria-labelledby": t7,
@@ -238,7 +238,7 @@ const Banner = /*#__PURE__*/ React.forwardRef(function Banner(t0, forwardRef) {
 	} else t23 = $[60];
 	let t24;
 	if ($[61] !== t23 || $[62] !== t6) {
-		t24 = /*#__PURE__*/ jsx(BannerContext.Provider, {
+		t24 = /* @__PURE__ */ jsx(BannerContext.Provider, {
 			value: t6,
 			children: t23
 		});
@@ -282,7 +282,7 @@ function BannerTitle(props) {
 	} else t1 = $[7];
 	let t2;
 	if ($[8] !== Heading || $[9] !== children || $[10] !== rest || $[11] !== t1 || $[12] !== titleId) {
-		t2 = /*#__PURE__*/ jsx(Heading, {
+		t2 = /* @__PURE__ */ jsx(Heading, {
 			...rest,
 			id: titleId,
 			className: t1,
@@ -323,7 +323,7 @@ function BannerDescription(t0) {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			...rest,
 			className: t1,
 			"data-component": "Banner.Description",
@@ -343,7 +343,7 @@ function BannerActions(t0) {
 	const t2 = primaryAction !== null && primaryAction !== void 0 ? primaryAction : null;
 	let t3;
 	if ($[0] !== t1 || $[1] !== t2) {
-		t3 = /*#__PURE__*/ jsxs("div", {
+		t3 = /* @__PURE__ */ jsxs("div", {
 			className: Banner_module_css_default.BannerActionsContainer,
 			"data-primary-action": "trailing",
 			children: [t1, t2]
@@ -356,7 +356,7 @@ function BannerActions(t0) {
 	const t5 = secondaryAction !== null && secondaryAction !== void 0 ? secondaryAction : null;
 	let t6;
 	if ($[3] !== t4 || $[4] !== t5) {
-		t6 = /*#__PURE__*/ jsxs("div", {
+		t6 = /* @__PURE__ */ jsxs("div", {
 			className: Banner_module_css_default.BannerActionsContainer,
 			"data-primary-action": "leading",
 			children: [t4, t5]
@@ -367,7 +367,7 @@ function BannerActions(t0) {
 	} else t6 = $[5];
 	let t7;
 	if ($[6] !== t3 || $[7] !== t6) {
-		t7 = /*#__PURE__*/ jsxs("div", {
+		t7 = /* @__PURE__ */ jsxs("div", {
 			className: Banner_module_css_default.BannerActions,
 			"data-component": "Banner.Actions",
 			children: [t3, t6]
@@ -402,7 +402,7 @@ const BannerPrimaryAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== forwardedRef || $[8] !== rest || $[9] !== t1) {
-		t2 = /*#__PURE__*/ jsx(ButtonComponent, {
+		t2 = /* @__PURE__ */ jsx(ButtonComponent, {
 			"data-component": "Banner.PrimaryAction",
 			ref: forwardedRef,
 			className: t1,
@@ -443,7 +443,7 @@ const BannerSecondaryAction = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== forwardedRef || $[8] !== rest || $[9] !== t1) {
-		t2 = /*#__PURE__*/ jsx(ButtonComponent, {
+		t2 = /* @__PURE__ */ jsx(ButtonComponent, {
 			"data-component": "Banner.SecondaryAction",
 			ref: forwardedRef,
 			className: t1,

package/dist/BaseStyles.js

@@ -56,7 +56,7 @@ function BaseStyles(t0) {
 	} else t4 = $[13];
 	let t5;
 	if ($[14] !== Component || $[15] !== children || $[16] !== newClassName || $[17] !== rest || $[18] !== t4) {
-		t5 = /*#__PURE__*/ jsx(Component, {
+		t5 = /* @__PURE__ */ jsx(Component, {
 			"data-component": "BaseStyles",
 			className: newClassName,
 			"data-portal-root": true,

package/dist/Blankslate/Blankslate.js

@@ -3,7 +3,6 @@ import { ButtonComponent } from "../Button/Button.js";
 import Link from "../Link/Link.js";
 import { Provider, useBlankslate } from "./BlankslateContext.js";
 import Blankslate_module_css_default from "./Blankslate.module.css.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/Blankslate/Blankslate.tsx
@@ -54,7 +53,7 @@ function Blankslate(t0) {
 	const t6 = spacious ? "" : void 0;
 	let t7;
 	if ($[12] !== children || $[13] !== size || $[14] !== t3 || $[15] !== t4 || $[16] !== t5 || $[17] !== t6) {
-		t7 = /*#__PURE__*/ jsx("div", {
+		t7 = /* @__PURE__ */ jsx("div", {
 			className: t3,
 			"data-component": "Blankslate",
 			"data-border": t4,
@@ -73,7 +72,7 @@ function Blankslate(t0) {
 	} else t7 = $[18];
 	let t8;
 	if ($[19] !== rest || $[20] !== t7) {
-		t8 = /*#__PURE__*/ jsx("div", {
+		t8 = /* @__PURE__ */ jsx("div", {
 			...rest,
 			className: Blankslate_module_css_default.Container,
 			children: t7
@@ -84,7 +83,7 @@ function Blankslate(t0) {
 	} else t8 = $[21];
 	let t9;
 	if ($[22] !== t8 || $[23] !== value) {
-		t9 = /*#__PURE__*/ jsx(Provider, {
+		t9 = /* @__PURE__ */ jsx(Provider, {
 			value,
 			children: t8
 		});
@@ -118,7 +117,7 @@ function Visual(t0) {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-		t2 = /*#__PURE__*/ jsx("span", {
+		t2 = /* @__PURE__ */ jsx("span", {
 			...rest,
 			className: t1,
 			"data-component": "Blankslate.Visual",
@@ -159,7 +158,7 @@ function Heading(t0) {
 	} else t2 = $[6];
 	let t3;
 	if ($[7] !== Component || $[8] !== children || $[9] !== rest || $[10] !== t2) {
-		t3 = /*#__PURE__*/ jsx(Component, {
+		t3 = /* @__PURE__ */ jsx(Component, {
 			...rest,
 			className: t2,
 			"data-component": "Blankslate.Heading",
@@ -197,7 +196,7 @@ function Description(t0) {
 	} else t1 = $[5];
 	let t2;
 	if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-		t2 = /*#__PURE__*/ jsx("p", {
+		t2 = /* @__PURE__ */ jsx("p", {
 			...rest,
 			className: t1,
 			"data-component": "Blankslate.Description",
@@ -236,10 +235,10 @@ function PrimaryAction(t0) {
 	const t3 = size === "small" ? "small" : void 0;
 	let t4;
 	if ($[5] !== children || $[6] !== href || $[7] !== props || $[8] !== t2 || $[9] !== t3) {
-		t4 = /*#__PURE__*/ jsx("div", {
+		t4 = /* @__PURE__ */ jsx("div", {
 			className: t1,
 			"data-component": "Blankslate.PrimaryAction",
-			children: /*#__PURE__*/ jsx(ButtonComponent, {
+			children: /* @__PURE__ */ jsx(ButtonComponent, {
 				...props,
 				as: t2,
 				href,
@@ -267,10 +266,10 @@ function SecondaryAction(t0) {
 	} else t1 = $[0];
 	let t2;
 	if ($[1] !== children || $[2] !== href) {
-		t2 = /*#__PURE__*/ jsx("div", {
+		t2 = /* @__PURE__ */ jsx("div", {
 			className: t1,
 			"data-component": "Blankslate.SecondaryAction",
-			children: /*#__PURE__*/ jsx(Link, {
+			children: /* @__PURE__ */ jsx(Link, {
 				href,
 				children
 			})

package/dist/BranchName/BranchName.js

@@ -32,7 +32,7 @@ function BranchName(props, ref) {
 	} else t1 = $[6];
 	let t2;
 	if ($[7] !== Component || $[8] !== children || $[9] !== ref || $[10] !== rest || $[11] !== t1) {
-		t2 = /*#__PURE__*/ jsx(Component, {
+		t2 = /* @__PURE__ */ jsx(Component, {
 			...rest,
 			ref,
 			className: t1,

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -18,7 +18,7 @@ const BreadcrumbsList = (t0) => {
 	const { children } = t0;
 	let t1;
 	if ($[0] !== children) {
-		t1 = /*#__PURE__*/ jsx("ol", {
+		t1 = /* @__PURE__ */ jsx("ol", {
 			className: Breadcrumbs_module_css_default.BreadcrumbsList,
 			children
 		});
@@ -123,7 +123,7 @@ const BreadcrumbsMenuItem = /*#__PURE__*/ React.forwardRef((t0, menuRefCallback)
 	const t9 = isOpen ? "true" : "false";
 	let t10;
 	if ($[13] !== rest || $[14] !== t8 || $[15] !== t9) {
-		t10 = /*#__PURE__*/ jsx(IconButton, {
+		t10 = /* @__PURE__ */ jsx(IconButton, {
 			as: "summary",
 			role: "button",
 			ref: menuButtonRef,
@@ -149,17 +149,17 @@ const BreadcrumbsMenuItem = /*#__PURE__*/ React.forwardRef((t0, menuRefCallback)
 	} else t11 = $[18];
 	let t12;
 	if ($[19] !== t11) {
-		t12 = /*#__PURE__*/ jsx("div", {
+		t12 = /* @__PURE__ */ jsx("div", {
 			ref: menuContainerRef,
 			className: Breadcrumbs_module_css_default.MenuOverlay,
-			children: /*#__PURE__*/ jsx(ActionList, { children: t11 })
+			children: /* @__PURE__ */ jsx(ActionList, { children: t11 })
 		});
 		$[19] = t11;
 		$[20] = t12;
 	} else t12 = $[20];
 	let t13;
 	if ($[21] !== detailsRefCallback || $[22] !== t10 || $[23] !== t12) {
-		t13 = /*#__PURE__*/ jsxs(Details, {
+		t13 = /* @__PURE__ */ jsxs(Details, {
 			ref: detailsRefCallback,
 			className: Breadcrumbs_module_css_default.MenuDetails,
 			"data-component": "Breadcrumbs.MenuItem",
@@ -339,7 +339,7 @@ function Breadcrumbs(t0) {
 			const t11 = `${effectiveMenuItems.length} more breadcrumb items`;
 			let t12;
 			if ($[29] !== effectiveMenuItems || $[30] !== t11) {
-				t12 = /*#__PURE__*/ jsx(BreadcrumbsMenuItem, {
+				t12 = /* @__PURE__ */ jsx(BreadcrumbsMenuItem, {
 					ref: measureMenuButton,
 					items: effectiveMenuItems,
 					"aria-label": t11
@@ -350,12 +350,12 @@ function Breadcrumbs(t0) {
 			} else t12 = $[31];
 			let t13;
 			if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-				t13 = /*#__PURE__*/ jsx(ItemSeparator, {});
+				t13 = /* @__PURE__ */ jsx(ItemSeparator, {});
 				$[32] = t13;
 			} else t13 = $[32];
 			let t14;
 			if ($[33] !== t12) {
-				t14 = /*#__PURE__*/ jsxs("li", {
+				t14 = /* @__PURE__ */ jsxs("li", {
 					className: Breadcrumbs_module_css_default.BreadcrumbsItem,
 					"data-overflow-menu": "",
 					children: [t12, t13]
@@ -367,12 +367,12 @@ function Breadcrumbs(t0) {
 			const visibleElements = visibleItems.map(_temp5);
 			let t15;
 			if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-				t15 = /*#__PURE__*/ jsx(ItemSeparator, {});
+				t15 = /* @__PURE__ */ jsx(ItemSeparator, {});
 				$[35] = t15;
 			} else t15 = $[35];
 			let t16;
 			if ($[36] !== rootItem) {
-				t16 = /*#__PURE__*/ jsxs("li", {
+				t16 = /* @__PURE__ */ jsxs("li", {
 					className: Breadcrumbs_module_css_default.BreadcrumbsItem,
 					children: [rootItem, t15]
 				}, "rootElement");
@@ -404,13 +404,13 @@ function Breadcrumbs(t0) {
 	} else t11 = $[39];
 	let t12;
 	if ($[40] !== finalChildren) {
-		t12 = /*#__PURE__*/ jsx(BreadcrumbsList, { children: finalChildren });
+		t12 = /* @__PURE__ */ jsx(BreadcrumbsList, { children: finalChildren });
 		$[40] = finalChildren;
 		$[41] = t12;
 	} else t12 = $[41];
 	let t13;
 	if ($[42] !== overflow || $[43] !== style || $[44] !== t11 || $[45] !== t12 || $[46] !== variant) {
-		t13 = /*#__PURE__*/ jsx("nav", {
+		t13 = /* @__PURE__ */ jsx("nav", {
 			className: t11,
 			"aria-label": "Breadcrumbs",
 			style,
@@ -430,19 +430,17 @@ function Breadcrumbs(t0) {
 	return t13;
 }
 function _temp5(child_1, index) {
-	return /*#__PURE__*/ jsxs("li", {
+	return /* @__PURE__ */ jsxs("li", {
 		className: Breadcrumbs_module_css_default.BreadcrumbsItem,
-		children: [child_1, /*#__PURE__*/ jsx(ItemSeparator, {})]
+		children: [child_1, /* @__PURE__ */ jsx(ItemSeparator, {})]
 	}, `visible + ${index}`);
 }
-_temp5.displayName = "_temp5";
 function _temp4(child_0) {
-	return /*#__PURE__*/ jsx("li", {
+	return /* @__PURE__ */ jsx("li", {
 		className: Breadcrumbs_module_css_default.ItemWrapper,
 		children: child_0
 	});
 }
-_temp4.displayName = "_temp4";
 function _temp3(child) {
 	return child.offsetWidth;
 }
@@ -453,15 +451,15 @@ const ItemSeparator = () => {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /*#__PURE__*/ jsx("span", {
+		t0 = /* @__PURE__ */ jsx("span", {
 			className: Breadcrumbs_module_css_default.ItemSeparator,
-			children: /*#__PURE__*/ jsx("svg", {
+			children: /* @__PURE__ */ jsx("svg", {
 				width: "16",
 				height: "16",
 				viewBox: "0 0 16 16",
 				xmlns: "http://www.w3.org/2000/svg",
 				"aria-hidden": "true",
-				children: /*#__PURE__*/ jsx("path", {
+				children: /* @__PURE__ */ jsx("path", {
 					d: "M10.956 1.27994L6.06418 14.7201L5 14.7201L9.89181 1.27994L10.956 1.27994Z",
 					fill: "currentcolor"
 				})
@@ -473,7 +471,7 @@ const ItemSeparator = () => {
 };
 const BreadcrumbsItem = fixedForwardRef((props, ref) => {
 	const { as: Component = "a", selected, className, ...rest } = props;
-	return /*#__PURE__*/ jsx(Component, {
+	return /* @__PURE__ */ jsx(Component, {
 		className: clsx(className, Breadcrumbs_module_css_default.Item, selected && "selected"),
 		"aria-current": selected ? "page" : void 0,
 		ref,
@@ -488,21 +486,14 @@ var Breadcrumbs_default = Object.assign(Breadcrumbs, { Item: BreadcrumbsItemWith
 * @deprecated Use the `Breadcrumbs` component instead (i.e. `<Breadcrumb>` → `<Breadcrumbs>`)
 */
 const Breadcrumb = Object.assign(Breadcrumbs, { Item: BreadcrumbsItem });
-/**
-* @deprecated Use the `BreadcrumbsProps` type instead
-*/
-/**
-* @deprecated Use the `BreadcrumbsItemProps` type instead
-*/
 function _temp(item, index) {
 	const { children, selected, as: Component, ...itemProps } = item.props;
-	return /*#__PURE__*/ jsx(ActionList.LinkItem, {
+	return /* @__PURE__ */ jsx(ActionList.LinkItem, {
 		as: Component,
 		...itemProps,
 		"aria-current": selected ? "page" : void 0,
 		children
 	}, index);
 }
-_temp.displayName = "_temp";
 //#endregion
 export { Breadcrumb, Breadcrumbs_default as default };

package/dist/Button/Button.js

@@ -18,7 +18,7 @@ const ButtonComponent = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
 	}
 	let t1;
 	if ($[3] !== children || $[4] !== forwardedRef || $[5] !== props) {
-		t1 = /*#__PURE__*/ jsx(ButtonBase, {
+		t1 = /* @__PURE__ */ jsx(ButtonBase, {
 			ref: forwardedRef,
 			as: "button",
 			type: "button",

package/dist/Button/ButtonBase-c8dab214.css

@@ -0,0 +1,2 @@
+.prc-Button-ButtonBase-9n-Xk{align-items:center;appearance:none;background-color:transparent;border:var(--borderWidth-thin,.0625rem) solid;border-color:var(--button-default-borderColor-rest,#d1d9e0);border-radius:var(--borderRadius-medium,.375rem);color:var(--button-default-fgColor-rest,#25292e);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500);gap:var(--base-size-8,.5rem);height:var(--control-medium-size,2rem);justify-content:space-between;min-width:max-content;padding:0 var(--control-medium-paddingInline-normal,.75rem);text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:80ms cubic-bezier(.65,0,.35,1);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}.prc-Button-ButtonBase-9n-Xk:has([data-kbd-chord]){padding-inline-end:var(--base-size-6,.375rem)}.prc-Button-ButtonBase-9n-Xk:hover{transition-duration:80ms}.prc-Button-ButtonBase-9n-Xk:focus-visible{box-shadow:none;outline:2px solid var(--focus-outline-color,var(--focus-outlineColor,#0969da));outline-offset:-2px}.prc-Button-ButtonBase-9n-Xk:active{transition:none}.prc-Button-ButtonBase-9n-Xk:where([data-notification-indicator=button],[data-notification-indicator=icon].prc-Button-IconButton-fyge7){position:relative}.prc-Button-ButtonBase-9n-Xk:where([data-notification-indicator=leadingVisual]) .prc-Button-LeadingVisual-UySKu{position:relative}.prc-Button-ButtonBase-9n-Xk:where([data-notification-indicator=button]):before,.prc-Button-ButtonBase-9n-Xk:where([data-notification-indicator=icon].prc-Button-IconButton-fyge7):before,.prc-Button-ButtonBase-9n-Xk:where([data-notification-indicator=leadingVisual]) .prc-Button-LeadingVisual-UySKu:before{background-color:var(--fgColor-accent,#0969da);border-radius:var(--borderRadius-full,624.9375rem);box-shadow:0 0 0 calc(var(--base-size-4,.25rem)/2) var(--bgColor-inset,#f6f8fa);content:"";display:block;height:var(--base-size-8,.5rem);position:absolute;width:var(--base-size-8,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-notification-indicator=button]):before{right:calc(var(--base-size-4,.25rem)/-2);top:calc(var(--base-size-4,.25rem)/-2)}.prc-Button-ButtonBase-9n-Xk:where([data-notification-indicator=icon].prc-Button-IconButton-fyge7):before{right:calc(50% - var(--base-size-12,.75rem));top:calc(50% - var(--base-size-12,.75rem))}.prc-Button-ButtonBase-9n-Xk:where([data-notification-indicator=leadingVisual]) .prc-Button-LeadingVisual-UySKu:before{right:calc(var(--base-size-4,.25rem)*-1);top:calc(var(--base-size-4,.25rem)*-1)}.prc-Button-ButtonBase-9n-Xk:disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=true]),.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true]{box-shadow:none;cursor:not-allowed}.prc-Button-ButtonBase-9n-Xk:disabled:not(.prc-Button-does-not-exist-3ns8K) .prc-Button-CounterLabel-5hAs4,.prc-Button-ButtonBase-9n-Xk:disabled:not(.prc-Button-does-not-exist-3ns8K) .prc-Button-Visual-YNt2F,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=true]) .prc-Button-CounterLabel-5hAs4,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=true]) .prc-Button-Visual-YNt2F,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true] .prc-Button-CounterLabel-5hAs4,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true] .prc-Button-Visual-YNt2F{color:inherit}@media (forced-colors:active){.prc-Button-ButtonBase-9n-Xk:focus{outline:1px solid transparent}}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-Visual-YNt2F){color:var(--fgColor-muted,#59636e);display:flex;pointer-events:none}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-VisualWrap-E4cnq){display:flex;pointer-events:none}.prc-Button-ButtonBase-9n-Xk:where(.prc-Button-IconButton-fyge7){display:inline-grid;flex-shrink:0;min-width:unset;padding:unset;place-content:center;width:var(--control-medium-size,2rem)}.prc-Button-ButtonBase-9n-Xk:where(.prc-Button-IconButton-fyge7):where([data-size=small]){width:var(--control-small-size,1.75rem)}.prc-Button-ButtonBase-9n-Xk:where(.prc-Button-IconButton-fyge7):where([data-size=large]){width:var(--control-large-size,2.5rem)}.prc-Button-ButtonBase-9n-Xk:where([href]){display:inline-flex}.prc-Button-ButtonBase-9n-Xk:where([href]):hover{-webkit-text-decoration:none;text-decoration:none}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5){align-content:center;align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0,auto) min-content}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5)>:not(:last-child){margin-right:var(--base-size-8,.5rem)}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5):where([data-align=center]){justify-content:center}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5):where([data-align=start]){justify-content:flex-start}.prc-Button-ButtonBase-9n-Xk :where([data-component=leadingVisual]){grid-area:leadingVisual}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-Label-FWkx3){grid-area:text;line-height:var(--text-body-lineHeight-medium,1.5);white-space:nowrap}.prc-Button-ButtonBase-9n-Xk :where([data-component=trailingVisual]){grid-area:trailingVisual}.prc-Button-ButtonBase-9n-Xk :where([data-component=trailingAction]){margin-right:calc(var(--base-size-4,.25rem)*-1)}.prc-Button-ButtonBase-9n-Xk:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);gap:var(--control-small-gap,.25rem);height:var(--control-small-size,1.75rem);padding:0 var(--control-small-paddingInline-condensed,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=small]) .prc-Button-ButtonContent-Iohp5>:not(:last-child){margin-right:var(--control-small-gap,.25rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=small]) .prc-Button-Label-FWkx3{line-height:var(--text-body-lineHeight-small,1.625)}.prc-Button-ButtonBase-9n-Xk:where([data-size=large]){gap:var(--control-large-gap,.5rem);height:var(--control-large-size,2.5rem);padding:0 var(--control-large-paddingInline-spacious,1rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=large]) .prc-Button-ButtonContent-Iohp5>:not(:last-child){margin-right:var(--control-large-gap,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=large]):has([data-kbd-chord]){padding-inline-end:var(--base-size-8,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-block=block]){width:100%}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]){height:unset;min-height:var(--control-medium-size,2rem);min-width:-moz-fit-content;min-width:fit-content}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]) .prc-Button-ButtonContent-Iohp5{align-self:stretch;flex:1 1 auto;padding-block:calc(var(--control-medium-paddingBlock,.375rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]) .prc-Button-Label-FWkx3{white-space:unset;word-break:break-word}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=small]){height:unset;min-height:var(--control-small-size,1.75rem)}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=small]) .prc-Button-ButtonContent-Iohp5{padding-block:calc(var(--control-small-paddingBlock,.25rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=large]){height:unset;min-height:var(--control-large-size,2.5rem);padding-inline:var(--control-large-paddingInline-spacious,1rem)}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=large]) .prc-Button-ButtonContent-Iohp5{padding-block:calc(var(--control-large-paddingBlock,.625rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-9n-Xk:where([data-loading=true]) .prc-Button-LoadingSpinner-6KfaT:not([data-component=leadingVisual],[data-component=trailingVisual],[data-component=trailingAction]){grid-area:text;margin-right:0!important;place-self:center}.prc-Button-ButtonBase-9n-Xk:where([data-loading=true]) .prc-Button-LoadingSpinner-6KfaT:not([data-component=leadingVisual],[data-component=trailingVisual],[data-component=trailingAction])+.prc-Button-Label-FWkx3{visibility:hidden}.prc-Button-ButtonBase-9n-Xk .prc-Button-LoadingSpinner-6KfaT{align-items:center;display:flex;justify-content:center}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]){background-color:var(--button-default-bgColor-rest,#f6f8fa);box-shadow:var(--button-default-shadow-resting,0 1px 0 0 #1f23280a);color:var(--button-default-fgColor-rest,#25292e)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=default]){background-color:var(--button-default-bgColor-active,#e6eaef);border-color:var(--button-default-borderColor-active,#d1d9e0)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):hover{background-color:var(--button-default-bgColor-hover,#eff2f5);border-color:var(--button-default-borderColor-hover,#d1d9e0)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):active{background-color:var(--button-default-bgColor-active,#e6eaef);border-color:var(--button-default-borderColor-active,#d1d9e0)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=default]):not([data-loading=true]),.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true]:where([data-variant=default]){background-color:var(--button-default-bgColor-disabled,#eff2f5);border-color:var(--button-default-borderColor-disabled,#818b981a);box-shadow:none;color:var(--control-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):disabled:not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]{background:var(--buttonKeybindingHint-default-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-default-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-default-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=default]):not([data-loading=true]) [data-kbd-chord]{background:var(--buttonKeybindingHint-default-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-default-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-default-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true]:where([data-variant=default]) [data-kbd-chord]{background:var(--buttonKeybindingHint-default-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-default-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-default-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-default-bgColor-rest,#818b981f)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]) [data-kbd-chord]{background:var(--buttonKeybindingHint-default-bgColor-rest,#eff2f5);border-color:var(--buttonKeybindingHint-default-borderColor-rest,#d1d9e0b3);color:var(--buttonKeybindingHint-default-fgColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):where(.prc-Button-IconButton-fyge7){color:var(--fgColor-muted,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]){background-color:var(--button-primary-bgColor-rest,#1f883d);border-color:var(--button-primary-borderColor-rest,#1f232826);box-shadow:var(--shadow-resting-small,0 1px 1px 0 #1f23280a,0 1px 2px 0 #1f232808);color:var(--button-primary-fgColor-rest,#fff)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=primary]){background-color:var(--button-primary-bgColor-active,#197935);box-shadow:var(--button-primary-shadow-selected,inset 0 1px 0 0 #002d114d)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):hover{background-color:var(--button-primary-bgColor-hover,#1c8139);border-color:var(--button-primary-borderColor-hover,#1f232826)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,#fff);outline:2px solid var(--focus-outline-color,var(--focus-outlineColor,#0969da));outline-offset:-2px}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):active{background-color:var(--button-primary-bgColor-active,#197935);box-shadow:var(--button-primary-shadow-selected,inset 0 1px 0 0 #002d114d)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=primary]):not([data-loading=true]),.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true]:where([data-variant=primary]){background-color:var(--button-primary-bgColor-disabled,#95d8a6);border-color:var(--button-primary-borderColor-disabled,#95d8a6);box-shadow:none;color:var(--button-primary-fgColor-disabled,#ffffffcc)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):disabled:not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]{background:var(--buttonKeybindingHint-primary-bgColor-disabled,#002d111a);border-color:var(--buttonKeybindingHint-primary-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-primary-fgColor-disabled,#ffffffcc)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=primary]):not([data-loading=true]) [data-kbd-chord]{background:var(--buttonKeybindingHint-primary-bgColor-disabled,#002d111a);border-color:var(--buttonKeybindingHint-primary-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-primary-fgColor-disabled,#ffffffcc)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true]:where([data-variant=primary]) [data-kbd-chord]{background:var(--buttonKeybindingHint-primary-bgColor-disabled,#002d111a);border-color:var(--buttonKeybindingHint-primary-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-primary-fgColor-disabled,#ffffffcc)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-primary-bgColor-rest,#002d1133)!important;color:var(--button-primary-fgColor-rest,#fff)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]) [data-kbd-chord]{background:var(--buttonKeybindingHint-primary-bgColor-rest,#002d1133);border-color:var(--buttonKeybindingHint-primary-borderColor-rest,#1f232826);color:var(--buttonKeybindingHint-primary-fgColor-rest,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]) .prc-Button-Visual-YNt2F{color:var(--button-primary-fgColor-rest,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]){background-color:var(--button-danger-bgColor-rest,#f6f8fa);box-shadow:var(--button-default-shadow-resting,0 1px 0 0 #1f23280a);color:var(--button-danger-fgColor-rest,#d1242f)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=danger]){background-color:var(--button-danger-bgColor-active,#a40e26);border-color:var(--button-danger-borderColor-active,#1f232826);box-shadow:var(--button-danger-shadow-selected,inset 0 1px 0 0 #4c001433);color:var(--button-danger-fgColor-active,#fff)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=danger]) .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover{background-color:var(--button-danger-bgColor-hover,#cf222e);border-color:var(--button-danger-borderColor-hover,#1f232826);box-shadow:var(--shadow-resting-small,0 1px 1px 0 #1f23280a,0 1px 2px 0 #1f232808);color:var(--button-danger-fgColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-hover,#ffffff33)!important;color:var(--buttonCounter-danger-fgColor-hover,#fff)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-hover,#1f232833);border-color:var(--buttonKeybindingHint-danger-borderColor-hover,#1f232826);color:var(--buttonKeybindingHint-danger-fgColor-hover,#fff);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active{background-color:var(--button-danger-bgColor-active,#a40e26);border-color:var(--button-danger-borderColor-active,#1f232826);box-shadow:var(--button-danger-shadow-selected,inset 0 1px 0 0 #4c001433);color:var(--button-danger-fgColor-active,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-hover,#ffffff33)!important;color:var(--buttonCounter-danger-fgColor-hover,#fff)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-active,#1f232866);border-color:var(--buttonKeybindingHint-danger-borderColor-active,#1f232826);color:var(--buttonKeybindingHint-danger-fgColor-active,#fff);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true]),.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true]:where([data-variant=danger]){background-color:var(--button-danger-bgColor-disabled,#eff2f5);border-color:var(--button-default-borderColor-disabled,#818b981a);box-shadow:none;color:var(--button-danger-fgColor-disabled,#d1242f80)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):disabled:not(.prc-Button-does-not-exist-3ns8K) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-disabled,#cf222e0d)!important;color:var(--buttonCounter-danger-fgColor-disabled,#d1242f80)!important}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-disabled,#cf222e0d)!important;color:var(--buttonCounter-danger-fgColor-disabled,#d1242f80)!important}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true]:where([data-variant=danger]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-disabled,#cf222e0d)!important;color:var(--buttonCounter-danger-fgColor-disabled,#d1242f80)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):disabled:not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-danger-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-danger-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true]) [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-danger-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-danger-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true]:where([data-variant=danger]) [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-danger-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-danger-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-rest,#cf222e1a)!important;color:var(--buttonCounter-danger-fgColor-rest,#c21c2c)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]) [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-rest,#eff2f5);border-color:var(--buttonKeybindingHint-danger-borderColor-rest,#d1d9e0b3);color:var(--buttonKeybindingHint-danger-fgColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]) .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-rest,#d1242f)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]){border-color:var(--button-invisible-borderColor-rest,#ffffff00);box-shadow:none;color:var(--button-default-fgColor-rest,#25292e)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=invisible]){background-color:var(--button-invisible-bgColor-active,#818b9826)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):hover{background-color:var(--button-invisible-bgColor-hover,#818b981a);border-color:var(--button-invisible-borderColor-hover,#ffffff00)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):hover .prc-Button-Visual-YNt2F{color:var(--button-invisible-iconColor-hover,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):hover [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-hover,#818b981a);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):active{background-color:var(--button-invisible-bgColor-active,#818b9826)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):active .prc-Button-Visual-YNt2F{color:var(--button-invisible-iconColor-hover,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):active [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-active,#818b9826);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=invisible]):not([data-loading=true]),.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true]:where([data-variant=invisible]){background-color:var(--button-invisible-bgColor-disabled,#ffffff00);border-color:var(--button-invisible-borderColor-disabled,#ffffff00);box-shadow:none;color:var(--button-invisible-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):disabled:not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-disabled,#ffffff00);border-color:var(--buttonKeybindingHint-invisible-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-invisible-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=invisible]):not([data-loading=true]) [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-disabled,#ffffff00);border-color:var(--buttonKeybindingHint-invisible-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-invisible-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true]:where([data-variant=invisible]) [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-disabled,#ffffff00);border-color:var(--buttonKeybindingHint-invisible-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-invisible-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]) .prc-Button-Visual-YNt2F{color:var(--button-invisible-iconColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-invisible-bgColor-rest,#818b981f)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]) [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-rest,#eff2f5);border-color:var(--buttonKeybindingHint-invisible-borderColor-rest,#ffffff00);color:var(--buttonKeybindingHint-invisible-fgColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):where(.prc-Button-IconButton-fyge7){color:var(--button-invisible-iconColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]){border:unset;border-radius:0;color:var(--fgColor-link,#0969da);display:inline-flex;font-size:inherit;height:unset;min-width:-moz-fit-content;min-width:fit-content;padding:0;text-align:left}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):where([data-no-visuals]:hover:not(:disabled,[aria-disabled=true],[data-inactive])){-webkit-text-decoration:underline;text-decoration:underline}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):where(:not([data-no-visuals]):hover:not(:disabled,[aria-disabled=true],[data-inactive])) .prc-Button-Label-FWkx3{-webkit-text-decoration:underline;text-decoration:underline}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):focus,.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):focus-visible{outline-offset:2px}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=link]):not([data-loading=true]),.prc-Button-ButtonBase-9n-Xk[aria-disabled=true][data-loading-disabled-styles=true]:where([data-variant=link]){background-color:transparent;border-color:transparent;color:var(--control-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]) .prc-Button-Label-FWkx3{white-space:unset}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):not([data-no-visuals]) .prc-Button-Label-FWkx3{text-underline-offset:.125rem}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):where([data-inactive]){background:transparent!important;color:var(--button-inactive-fgColor,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]) .prc-Button-Visual-YNt2F{color:var(--fgColor-link,#0969da)}[data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk[data-no-visuals]:where([data-variant=link]){-webkit-text-decoration:underline;text-decoration:underline}[data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk[data-no-visuals]:where([data-variant=link]):where(:hover:not([aria-disabled=true],[data-inactive],:disabled)){-webkit-text-decoration:none;text-decoration:none}[data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):not([data-no-visuals]) .prc-Button-Label-FWkx3{-webkit-text-decoration:underline;text-decoration:underline}[data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):not([data-no-visuals]):where(:hover:not([aria-disabled=true],[data-inactive],:disabled)) .prc-Button-Label-FWkx3{-webkit-text-decoration:none;text-decoration:none}[data-a11y-link-underlines=false] .prc-Button-ButtonBase-9n-Xk[data-no-visuals]:where([data-variant=link]){background-image:none;-webkit-text-decoration:none;text-decoration:none}[data-a11y-link-underlines=false] .prc-Button-ButtonBase-9n-Xk[data-no-visuals]:where([data-variant=link]):where(:hover:not([aria-disabled=true],[data-inactive],:disabled)){-webkit-text-decoration:underline;text-decoration:underline}[data-a11y-link-underlines=false] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):not([data-no-visuals]){background-image:none}[data-a11y-link-underlines=false] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):not([data-no-visuals]) .prc-Button-Label-FWkx3{-webkit-text-decoration:none;text-decoration:none}[data-a11y-link-underlines=false] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):not([data-no-visuals]):where(:hover:not([aria-disabled=true],[data-inactive],:disabled)) .prc-Button-Label-FWkx3{-webkit-text-decoration:underline;text-decoration:underline}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]),.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active,.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover{background-color:var(--button-inactive-bgColor,#e6eaef);border-color:var(--button-inactive-bgColor,#e6eaef);box-shadow:none;color:var(--button-inactive-fgColor,#59636e);cursor:auto}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):not(.prc-Button-does-not-exist-3ns8K) .prc-Button-Visual-YNt2F{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover .prc-Button-Visual-YNt2F{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active .prc-Button-Visual-YNt2F{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):not(.prc-Button-does-not-exist-3ns8K) .prc-Button-CounterLabel-5hAs4{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover .prc-Button-CounterLabel-5hAs4{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active .prc-Button-CounterLabel-5hAs4{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]{background:var(--buttonKeybindingHint-inactive-bgColor,#eff2f5);border-color:var(--buttonKeybindingHint-inactive-borderColor,#d1d9e0b3);color:var(--buttonKeybindingHint-inactive-fgColor,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover [data-kbd-chord]{background:var(--buttonKeybindingHint-inactive-bgColor,#eff2f5);border-color:var(--buttonKeybindingHint-inactive-borderColor,#d1d9e0b3);color:var(--buttonKeybindingHint-inactive-fgColor,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active [data-kbd-chord]{background:var(--buttonKeybindingHint-inactive-bgColor,#eff2f5);border-color:var(--buttonKeybindingHint-inactive-borderColor,#d1d9e0b3);color:var(--buttonKeybindingHint-inactive-fgColor,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-icon-only-counter]){padding-inline:var(--control-medium-paddingInline-condensed,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-icon-only-counter]):where([data-size=small]){padding-inline:var(--control-xsmall-paddingInline-condensed,.25rem)}.prc-Button-ButtonBase-9n-Xk:where([data-icon-only-counter]):where([data-size=large]){padding-inline:var(--control-large-paddingInline-normal,.75rem)}.prc-Button-ConditionalWrapper-Rvbgb{display:block}.prc-Button-ConditionalWrapperLink-d0qv7{display:inline-flex}[data-kbd-chord]{transition:80ms ease-in;transition-property:color,background-color,border-color}
+/*# sourceMappingURL=ButtonBase-c8dab214.css.map */

package/dist/Button/ButtonBase-c8dab214.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button/ButtonBase.module.css.js","../../postcss-preset-primer/src/mixins/focusOutline.css","../../postcss-preset-primer/src/mixins/focusOutlineOnEmphasis.css"],"names":[],"mappings":"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","file":"ButtonBase-c8dab214.css","sourcesContent":["/* Base styles */\n.ButtonBase {\n  display: flex;\n  min-width: max-content;\n  height: var(--control-medium-size);\n  /* stylelint-disable-next-line primer/spacing */\n  padding: 0 var(--control-medium-paddingInline-normal);\n  font-family: inherit;\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-medium);\n  color: var(--button-default-fgColor-rest);\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  user-select: none;\n  background-color: transparent;\n  border: var(--borderWidth-thin) solid;\n  border-color: var(--button-default-borderColor-rest);\n  border-radius: var(--borderRadius-medium);\n  transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);\n  transition-property: color, fill, background-color, border-color;\n  appearance: none;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-size-8);\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:has([data-kbd-chord]) {\n    padding-inline-end: var(--base-size-6);\n  }\n\n  &:hover {\n    transition-duration: 80ms;\n  }\n\n  &:focus-visible {\n    @mixin focusOutline;\n  }\n\n  &:active {\n    transition: none;\n  }\n\n  &:where([data-notification-indicator='button'], [data-notification-indicator='icon'].IconButton) {\n    position: relative;\n  }\n\n  &:where([data-notification-indicator='leadingVisual']) .LeadingVisual {\n    position: relative;\n  }\n\n  &:where([data-notification-indicator='button'])::before,\n  &:where([data-notification-indicator='icon'].IconButton)::before,\n  &:where([data-notification-indicator='leadingVisual']) .LeadingVisual::before {\n    position: absolute;\n    display: block;\n    width: var(--base-size-8);\n    height: var(--base-size-8);\n    content: '';\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--fgColor-accent);\n    border-radius: var(--borderRadius-full);\n    /* stylelint-disable-next-line primer/box-shadow */\n    box-shadow: 0 0 0 calc(var(--base-size-4) / 2) var(--bgColor-inset);\n  }\n\n  &:where([data-notification-indicator='button'])::before {\n    top: calc(var(--base-size-4) / -2);\n    right: calc(var(--base-size-4) / -2);\n  }\n\n  &:where([data-notification-indicator='icon'].IconButton)::before {\n    top: calc(50% - var(--base-size-12));\n    right: calc(50% - var(--base-size-12));\n  }\n\n  &:where([data-notification-indicator='leadingVisual']) .LeadingVisual::before {\n    top: calc(var(--base-size-4) * -1);\n    right: calc(var(--base-size-4) * -1);\n  }\n\n  &:disabled,\n  &[aria-disabled='true']:not([data-loading='true']),\n  &[aria-disabled='true'][data-loading-disabled-styles='true'] {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    & .Visual,\n    & .CounterLabel {\n      color: inherit;\n    }\n  }\n\n  @media (forced-colors: active) {\n    &:focus {\n      outline: solid 1px transparent;\n    }\n  }\n\n  /* Visuals */\n  & :where(.Visual) {\n    display: flex;\n    color: var(--fgColor-muted);\n    pointer-events: none;\n  }\n\n  /* mostly for CounterLabel */\n  & :where(.VisualWrap) {\n    display: flex;\n    pointer-events: none;\n  }\n\n  /* IconButton */\n\n  &:where(.IconButton) {\n    display: inline-grid;\n    width: var(--control-medium-size);\n    min-width: unset;\n    /* stylelint-disable-next-line primer/spacing */\n    padding: unset;\n    place-content: center;\n    flex-shrink: 0;\n\n    &:where([data-size='small']) {\n      width: var(--control-small-size);\n    }\n\n    &:where([data-size='large']) {\n      width: var(--control-large-size);\n    }\n  }\n\n  /* LinkButton */\n\n  &:where([href]) {\n    display: inline-flex;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  /* Button layout */\n\n  & :where(.ButtonContent) {\n    flex: 1 0 auto;\n    display: grid;\n    grid-template-areas: 'leadingVisual text trailingVisual';\n    grid-template-columns: min-content minmax(0, auto) min-content;\n    align-items: center;\n    align-content: center;\n\n    & > :not(:last-child) {\n      margin-right: var(--base-size-8);\n    }\n\n    /* Content alignment */\n\n    &:where([data-align='center']) {\n      justify-content: center;\n    }\n\n    &:where([data-align='start']) {\n      justify-content: flex-start;\n    }\n  }\n\n  & :where([data-component='leadingVisual']) {\n    grid-area: leadingVisual;\n  }\n\n  & :where(.Label) {\n    line-height: var(--text-body-lineHeight-medium);\n    white-space: nowrap;\n    grid-area: text;\n  }\n\n  & :where([data-component='trailingVisual']) {\n    grid-area: trailingVisual;\n  }\n\n  & :where([data-component='trailingAction']) {\n    margin-right: calc(var(--base-size-4) * -1);\n  }\n\n  /* Size */\n\n  &:where([data-size='small']) {\n    height: var(--control-small-size);\n    /* stylelint-disable-next-line primer/spacing */\n    padding: 0 var(--control-small-paddingInline-condensed);\n    gap: var(--control-small-gap);\n    font-size: var(--text-body-size-small);\n\n    & .ButtonContent > :not(:last-child) {\n      /* stylelint-disable-next-line primer/spacing */\n      margin-right: var(--control-small-gap);\n    }\n\n    & .Label {\n      line-height: var(--text-body-lineHeight-small);\n    }\n  }\n\n  &:where([data-size='large']) {\n    height: var(--control-large-size);\n    /* stylelint-disable-next-line primer/spacing */\n    padding: 0 var(--control-large-paddingInline-spacious);\n    gap: var(--control-large-gap);\n\n    & .ButtonContent > :not(:last-child) {\n      /* stylelint-disable-next-line primer/spacing */\n      margin-right: var(--control-large-gap);\n    }\n\n    /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n    &:has([data-kbd-chord]) {\n      padding-inline-end: var(--base-size-8);\n    }\n  }\n\n  /* Full width */\n\n  &:where([data-block='block']) {\n    width: 100%;\n  }\n\n  /* Wrap label text */\n\n  &:where([data-label-wrap='true']) {\n    min-width: fit-content;\n    height: unset;\n    min-height: var(--control-medium-size);\n\n    & .ButtonContent {\n      flex: 1 1 auto;\n      align-self: stretch;\n      /* stylelint-disable-next-line primer/spacing */\n      padding-block: calc(var(--control-medium-paddingBlock) - var(--base-size-2));\n    }\n\n    & .Label {\n      /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */\n      word-break: break-word;\n      white-space: unset;\n    }\n\n    &:where([data-size='small']) {\n      height: unset;\n      min-height: var(--control-small-size);\n\n      & .ButtonContent {\n        /* stylelint-disable-next-line primer/spacing */\n        padding-block: calc(var(--control-small-paddingBlock) - var(--base-size-2));\n      }\n    }\n\n    &:where([data-size='large']) {\n      height: unset;\n      min-height: var(--control-large-size);\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--control-large-paddingInline-spacious);\n\n      & .ButtonContent {\n        /* stylelint-disable-next-line primer/spacing */\n        padding-block: calc(var(--control-large-paddingBlock) - var(--base-size-2));\n      }\n    }\n  }\n\n  /* Loading */\n\n  /* only hide label if there's no leading/trailing visuals\n  * move spinner to label spot if not leading/trailing visuals\n  */\n\n  &:where([data-loading='true']) {\n    &\n      .LoadingSpinner:not(\n        [data-component='leadingVisual'],\n        [data-component='trailingVisual'],\n        [data-component='trailingAction']\n      ) {\n      grid-area: text;\n      margin-right: 0 !important;\n      place-self: center;\n\n      & + .Label {\n        visibility: hidden;\n      }\n    }\n  }\n\n  /* Styles for the spinner element displayed when the Button is in a loading state.\n   * Ensures the spinner is centered within its container. */\n  .LoadingSpinner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  /* Default Variant */\n\n  &:where([data-variant='default']) {\n    color: var(--button-default-fgColor-rest);\n    background-color: var(--button-default-bgColor-rest);\n    box-shadow: var(--button-default-shadow-resting);\n\n    &[aria-expanded='true'] {\n      background-color: var(--button-default-bgColor-active);\n      border-color: var(--button-default-borderColor-active);\n    }\n\n    &:hover {\n      background-color: var(--button-default-bgColor-hover);\n      border-color: var(--button-default-borderColor-hover);\n    }\n\n    &:active {\n      background-color: var(--button-default-bgColor-active);\n      border-color: var(--button-default-borderColor-active);\n    }\n\n    &:disabled,\n    &[aria-disabled='true']:not([data-loading='true']),\n    &[aria-disabled='true'][data-loading-disabled-styles='true'] {\n      color: var(--control-fgColor-disabled);\n      background-color: var(--button-default-bgColor-disabled);\n      border-color: var(--button-default-borderColor-disabled);\n      box-shadow: none;\n\n      & [data-kbd-chord] {\n        background: var(--buttonKeybindingHint-default-bgColor-disabled);\n        color: var(--buttonKeybindingHint-default-fgColor-disabled);\n        border-color: var(--buttonKeybindingHint-default-borderColor-disabled);\n      }\n    }\n\n    & .CounterLabel {\n      background-color: var(--buttonCounter-default-bgColor-rest) !important; /* temporarily override our own sx prop */\n    }\n\n    & [data-kbd-chord] {\n      background: var(--buttonKeybindingHint-default-bgColor-rest);\n      color: var(--buttonKeybindingHint-default-fgColor-rest);\n      border-color: var(--buttonKeybindingHint-default-borderColor-rest);\n    }\n\n    &:where(.IconButton) {\n      color: var(--fgColor-muted);\n    }\n  }\n\n  /* Primary variant */\n\n  &:where([data-variant='primary']) {\n    color: var(--button-primary-fgColor-rest);\n    background-color: var(--button-primary-bgColor-rest);\n    border-color: var(--button-primary-borderColor-rest);\n    box-shadow: var(--shadow-resting-small);\n\n    &[aria-expanded='true'] {\n      background-color: var(--button-primary-bgColor-active);\n      box-shadow: var(--button-primary-shadow-selected);\n    }\n\n    &:hover {\n      background-color: var(--button-primary-bgColor-hover);\n      border-color: var(--button-primary-borderColor-hover);\n    }\n\n    &:focus-visible {\n      @mixin focusOutlineOnEmphasis;\n    }\n\n    &:active {\n      background-color: var(--button-primary-bgColor-active);\n      box-shadow: var(--button-primary-shadow-selected);\n    }\n\n    &:disabled,\n    &[aria-disabled='true']:not([data-loading='true']),\n    &[aria-disabled='true'][data-loading-disabled-styles='true'] {\n      color: var(--button-primary-fgColor-disabled);\n      background-color: var(--button-primary-bgColor-disabled);\n      border-color: var(--button-primary-borderColor-disabled);\n      box-shadow: none;\n\n      & [data-kbd-chord] {\n        background: var(--buttonKeybindingHint-primary-bgColor-disabled);\n        color: var(--buttonKeybindingHint-primary-fgColor-disabled);\n        border-color: var(--buttonKeybindingHint-primary-borderColor-disabled);\n      }\n    }\n\n    & .CounterLabel {\n      color: var(--button-primary-fgColor-rest) !important; /* temporarily override our own sx prop */\n      background-color: var(--buttonCounter-primary-bgColor-rest) !important; /* temporarily override our own sx prop */\n    }\n\n    & [data-kbd-chord] {\n      background: var(--buttonKeybindingHint-primary-bgColor-rest);\n      color: var(--buttonKeybindingHint-primary-fgColor-rest);\n      border-color: var(--buttonKeybindingHint-primary-borderColor-rest);\n    }\n\n    /* temporarily using the fgColor to match legacy and reduce visual changes- will eventually be iconColor */\n    & .Visual {\n      color: var(--button-primary-fgColor-rest);\n    }\n  }\n\n  /* Danger variant */\n\n  &:where([data-variant='danger']) {\n    color: var(--button-danger-fgColor-rest);\n    background-color: var(--button-danger-bgColor-rest);\n    box-shadow: var(--button-default-shadow-resting);\n\n    &[aria-expanded='true'] {\n      color: var(--button-danger-fgColor-active);\n      background-color: var(--button-danger-bgColor-active);\n      border-color: var(--button-danger-borderColor-active);\n      box-shadow: var(--button-danger-shadow-selected);\n\n      & .Visual {\n        color: var(--button-danger-iconColor-hover);\n      }\n    }\n\n    &:hover {\n      color: var(--button-danger-fgColor-hover);\n      background-color: var(--button-danger-bgColor-hover);\n      border-color: var(--button-danger-borderColor-hover);\n      box-shadow: var(--shadow-resting-small);\n\n      & .CounterLabel {\n        color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */\n        background-color: var(--buttonCounter-danger-bgColor-hover) !important;\n      }\n\n      & [data-kbd-chord] {\n        background: var(--buttonKeybindingHint-danger-bgColor-hover);\n        color: var(--buttonKeybindingHint-danger-fgColor-hover);\n        border-color: var(--buttonKeybindingHint-danger-borderColor-hover);\n        transition: 80ms ease-out;\n      }\n\n      & .Visual {\n        color: var(--button-danger-iconColor-hover);\n      }\n    }\n\n    &:active {\n      color: var(--button-danger-fgColor-active);\n      background-color: var(--button-danger-bgColor-active);\n      border-color: var(--button-danger-borderColor-active);\n      box-shadow: var(--button-danger-shadow-selected);\n\n      & .CounterLabel {\n        color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */\n        background-color: var(--buttonCounter-danger-bgColor-hover) !important;\n      }\n\n      & [data-kbd-chord] {\n        background: var(--buttonKeybindingHint-danger-bgColor-active);\n        color: var(--buttonKeybindingHint-danger-fgColor-active);\n        border-color: var(--buttonKeybindingHint-danger-borderColor-active);\n        transition: 80ms ease-out;\n      }\n\n      & .Visual {\n        color: var(--button-danger-iconColor-hover);\n      }\n    }\n\n    &:disabled,\n    &[aria-disabled='true']:not([data-loading='true']),\n    &[aria-disabled='true'][data-loading-disabled-styles='true'] {\n      color: var(--button-danger-fgColor-disabled);\n      background-color: var(--button-danger-bgColor-disabled);\n      border-color: var(--button-default-borderColor-disabled);\n      box-shadow: none;\n\n      & .CounterLabel {\n        color: var(--buttonCounter-danger-fgColor-disabled) !important; /* temporarily override our own sx prop */\n        background-color: var(--buttonCounter-danger-bgColor-disabled) !important;\n      }\n\n      & [data-kbd-chord] {\n        background: var(--buttonKeybindingHint-danger-bgColor-disabled);\n        color: var(--buttonKeybindingHint-danger-fgColor-disabled);\n        border-color: var(--buttonKeybindingHint-danger-borderColor-disabled);\n      }\n    }\n\n    & .CounterLabel {\n      color: var(--buttonCounter-danger-fgColor-rest) !important; /* temporarily override our own sx prop */\n      background-color: var(--buttonCounter-danger-bgColor-rest) !important;\n    }\n\n    & [data-kbd-chord] {\n      background: var(--buttonKeybindingHint-danger-bgColor-rest);\n      color: var(--buttonKeybindingHint-danger-fgColor-rest);\n      border-color: var(--buttonKeybindingHint-danger-borderColor-rest);\n    }\n\n    & .Visual {\n      color: var(--button-danger-iconColor-rest);\n    }\n  }\n\n  /* Invisible variant */\n\n  &:where([data-variant='invisible']) {\n    color: var(--button-default-fgColor-rest);\n    border-color: var(--button-invisible-borderColor-rest);\n    box-shadow: none;\n\n    &[aria-expanded='true'] {\n      background-color: var(--button-invisible-bgColor-active);\n    }\n\n    &:hover {\n      background-color: var(--button-invisible-bgColor-hover);\n      border-color: var(--button-invisible-borderColor-hover);\n\n      & .Visual {\n        color: var(--button-invisible-iconColor-hover);\n      }\n\n      & [data-kbd-chord] {\n        background: var(--buttonKeybindingHint-invisible-bgColor-hover);\n        transition: 80ms ease-out;\n      }\n    }\n\n    &:active {\n      background-color: var(--button-invisible-bgColor-active);\n\n      & .Visual {\n        color: var(--button-invisible-iconColor-hover);\n      }\n\n      & [data-kbd-chord] {\n        background: var(--buttonKeybindingHint-invisible-bgColor-active);\n        transition: 80ms ease-out;\n      }\n    }\n\n    &:disabled,\n    &[aria-disabled='true']:not([data-loading='true']),\n    &[aria-disabled='true'][data-loading-disabled-styles='true'] {\n      color: var(--button-invisible-fgColor-disabled);\n      background-color: var(--button-invisible-bgColor-disabled);\n      border-color: var(--button-invisible-borderColor-disabled);\n      box-shadow: none;\n\n      & [data-kbd-chord] {\n        background: var(--buttonKeybindingHint-invisible-bgColor-disabled);\n        color: var(--buttonKeybindingHint-invisible-fgColor-disabled);\n        border-color: var(--buttonKeybindingHint-invisible-borderColor-disabled);\n      }\n    }\n\n    & .Visual {\n      color: var(--button-invisible-iconColor-rest);\n    }\n\n    & .CounterLabel {\n      background-color: var(--buttonCounter-invisible-bgColor-rest) !important;\n    }\n\n    & [data-kbd-chord] {\n      background: var(--buttonKeybindingHint-invisible-bgColor-rest);\n      color: var(--buttonKeybindingHint-invisible-fgColor-rest);\n      border-color: var(--buttonKeybindingHint-invisible-borderColor-rest);\n    }\n\n    &:where(.IconButton) {\n      color: var(--button-invisible-iconColor-rest);\n    }\n  }\n\n  /* Link variant */\n\n  &:where([data-variant='link']) {\n    display: inline-flex;\n    min-width: fit-content;\n    height: unset;\n    padding: 0;\n    font-size: inherit;\n    color: var(--fgColor-link);\n    text-align: left;\n    border: unset;\n    border-radius: 0;\n\n    &:where([data-no-visuals]:hover:not(:disabled, [aria-disabled='true'], [data-inactive])) {\n      text-decoration: underline;\n    }\n\n    &:where(:not([data-no-visuals]):hover:not(:disabled, [aria-disabled='true'], [data-inactive])) .Label {\n      text-decoration: underline;\n    }\n\n    &:focus-visible,\n    &:focus {\n      outline-offset: 2px;\n    }\n\n    &:disabled,\n    &[aria-disabled='true']:not([data-loading='true']),\n    &[aria-disabled='true'][data-loading-disabled-styles='true'] {\n      color: var(--control-fgColor-disabled);\n      background-color: transparent;\n      border-color: transparent;\n    }\n\n    & .Label {\n      white-space: unset;\n    }\n\n    &:not([data-no-visuals]) .Label {\n      text-underline-offset: 0.125rem;\n    }\n\n    &:where([data-inactive]) {\n      color: var(--button-inactive-fgColor);\n      background: transparent !important;\n    }\n\n    & .Visual {\n      color: var(--fgColor-link);\n    }\n  }\n\n  [data-a11y-link-underlines='true'] &:where([data-variant='link']) {\n    &[data-no-visuals] {\n      text-decoration: underline;\n\n      &:where(:hover:not(:disabled, [aria-disabled='true'], [data-inactive])) {\n        text-decoration: none;\n      }\n    }\n\n    &:not([data-no-visuals]) {\n      & .Label {\n        text-decoration: underline;\n      }\n\n      &:where(:hover:not(:disabled, [aria-disabled='true'], [data-inactive])) .Label {\n        text-decoration: none;\n      }\n    }\n  }\n\n  [data-a11y-link-underlines='false'] &:where([data-variant='link']) {\n    &[data-no-visuals] {\n      text-decoration: none;\n      background-image: none;\n\n      &:where(:hover:not(:disabled, [aria-disabled='true'], [data-inactive])) {\n        text-decoration: underline;\n      }\n    }\n\n    &:not([data-no-visuals]) {\n      background-image: none;\n\n      & .Label {\n        text-decoration: none;\n      }\n\n      &:where(:hover:not(:disabled, [aria-disabled='true'], [data-inactive])) .Label {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  /* Inactive */\n\n  &:where([data-inactive]),\n  &:where([data-inactive]):hover,\n  &:where([data-inactive]):active {\n    color: var(--button-inactive-fgColor);\n    cursor: auto;\n    background-color: var(--button-inactive-bgColor);\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--button-inactive-bgColor);\n    box-shadow: none;\n\n    & .Visual,\n    & .CounterLabel {\n      color: inherit !important;\n    }\n\n    & [data-kbd-chord] {\n      background: var(--buttonKeybindingHint-inactive-bgColor);\n      color: var(--buttonKeybindingHint-inactive-fgColor);\n      border-color: var(--buttonKeybindingHint-inactive-borderColor);\n    }\n  }\n\n  /* Icon-only + Counter */\n\n  &:where([data-icon-only-counter]) {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-inline: var(--control-medium-paddingInline-condensed);\n\n    &:where([data-size='small']) {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--control-xsmall-paddingInline-condensed);\n    }\n\n    &:where([data-size='large']) {\n      /* stylelint-disable-next-line primer/spacing */\n      padding-inline: var(--control-large-paddingInline-normal);\n    }\n  }\n}\n\n.ConditionalWrapper {\n  display: block;\n}\n\n.ConditionalWrapperLink {\n  display: inline-flex;\n}\n\n[data-kbd-chord] {\n  transition: 80ms ease-in;\n  transition-property: color, background-color, border-color;\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outline-color, var(--focus-outlineColor)) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n","/* outline with fg box-shadow for buttons */\n@define-mixin focusOutlineOnEmphasis $outlineOffset: -2px,\n  $outlineColor: var(--focus-outline-color, var(--focus-outlineColor)) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n"]}