@primer/react 38.40.1-rc.e1840f86c → 38.40.2-rc.11844809c

package/CHANGELOG.md

@@ -1,11 +1,29 @@
 # @primer/react
 
+## 38.40.2
+
+### Patch Changes
+
+- [#8484](https://github.com/primer/react/pull/8484) [`da3be09`](https://github.com/primer/react/commit/da3be09cc9b28cd95e9117db0a422ab08a7e37b2) Thanks [@tay1orjones](https://github.com/tay1orjones)! - TreeView: Prevent keyboard navigation errors when nested controls have focus
+
+- [#8473](https://github.com/primer/react/pull/8473) [`53ed545`](https://github.com/primer/react/commit/53ed54524aac9c3e829c239afdb4f63de160f873) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - LiveRegion: Upgrade `@primer/live-region-element` to 0.8.1
+
+- [#8412](https://github.com/primer/react/pull/8412) [`3d8f32f`](https://github.com/primer/react/commit/3d8f32fcce51a40db8e3091027714673d4a48617) Thanks [@anishtsudo](https://github.com/anishtsudo)! - Button: Add opt-in disabled styling for loading buttons so they look non-interactive while staying focusable
+
+- [#8463](https://github.com/primer/react/pull/8463) [`f710336`](https://github.com/primer/react/commit/f7103363ce5c916b8aa27a3fd5d4c9d564d3a13f) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Truncate: Infer accepted props from the `as` prop and forward `inline` to custom `as` components (e.g. `Link`).
+
 ## 38.40.1
 
 ### Patch Changes
 
 - [#8413](https://github.com/primer/react/pull/8413) [`d4e30ed`](https://github.com/primer/react/commit/d4e30ed186af6ae781b3adcf83278e0c2001a834) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - SelectPanel: Announce the filter input label when focus moves into the panel
 
+- [#8434](https://github.com/primer/react/pull/8434) [`6794582`](https://github.com/primer/react/commit/67945828439898ace865bd5f7417c562033bcbc2) Thanks [@siddharthkp](https://github.com/siddharthkp)! - AvatarStack: Prevent a thin edge from a masked avatar over the next avatar
+
+- [#8443](https://github.com/primer/react/pull/8443) [`e2d6cb9`](https://github.com/primer/react/commit/e2d6cb931bbde9446701056f204b055789b16dd9) Thanks [@siddharthkp](https://github.com/siddharthkp)! - UnderlineNav: Avoid adding a default `href` when items render as custom link components
+
+- [#8429](https://github.com/primer/react/pull/8429) [`f2c075a`](https://github.com/primer/react/commit/f2c075a5d4d0b51a279c39effa18226ad909929d) Thanks [@tay1orjones](https://github.com/tay1orjones)! - SelectPanel: Prevent console warnings when measuring virtualized items
+
 ## 38.40.0
 
 ### Minor Changes

package/dist/ActionList/Description.js

@@ -1,7 +1,7 @@
 import { c } from "../utils/react-compiler-runtime.js";
 import { ItemContext } from "./shared.js";
 import ActionList_module_css_default from "./ActionList.module.css.js";
-import Truncate from "../Truncate/Truncate.js";
+import Truncate_default from "../Truncate/Truncate.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
@@ -93,7 +93,7 @@ const Description = (t0) => {
 		const t5 = setTruncatedText ? "" : effectiveTitle;
 		let t6;
 		if ($[20] !== inlineDescriptionId || $[21] !== props.children || $[22] !== style || $[23] !== t4 || $[24] !== t5) {
-			t6 = /*#__PURE__*/ jsx(Truncate, {
+			t6 = /*#__PURE__*/ jsx(Truncate_default, {
 				ref: containerRef,
 				id: inlineDescriptionId,
 				className: t4,

package/dist/ActionList/Item.js

@@ -471,33 +471,34 @@ const UnwrappedItem = (t0, forwardedRef) => {
 		$[92] = t35;
 	} else t35 = $[92];
 	const t36 = (_PrivateTooltipText2 = _PrivateTooltipText) !== null && _PrivateTooltipText2 !== void 0 ? _PrivateTooltipText2 : truncatedText;
-	let t37;
+	const t37 = listSemantics ? null : forwardedRef;
 	let t38;
+	let t39;
 	if ($[93] === Symbol.for("react.memo_cache_sentinel")) {
-		t37 = {};
-		t38 = /*#__PURE__*/ jsx("span", { className: ActionList_module_css_default.Spacer });
-		$[93] = t37;
-		$[94] = t38;
+		t38 = {};
+		t39 = /*#__PURE__*/ jsx("span", { className: ActionList_module_css_default.Spacer });
+		$[93] = t38;
+		$[94] = t39;
 	} else {
-		t37 = $[93];
-		t38 = $[94];
+		t38 = $[93];
+		t39 = $[94];
 	}
-	let t39;
+	let t40;
 	if ($[95] !== selected) {
-		t39 = /*#__PURE__*/ jsx(Selection, {
+		t40 = /*#__PURE__*/ jsx(Selection, {
 			selected,
 			className: ActionList_module_css_default.LeadingAction
 		});
 		$[95] = selected;
-		$[96] = t39;
-	} else t39 = $[96];
-	const t40 = showInactiveIndicator ? inactiveText : void 0;
-	const t41 = Boolean(slots.leadingVisual);
-	let t42;
-	if ($[97] !== labelId || $[98] !== loading || $[99] !== slots.leadingVisual || $[100] !== t40 || $[101] !== t41) {
-		t42 = /*#__PURE__*/ jsx(VisualOrIndicator, {
-			inactiveText: t40,
-			itemHasLeadingVisual: t41,
+		$[96] = t40;
+	} else t40 = $[96];
+	const t41 = showInactiveIndicator ? inactiveText : void 0;
+	const t42 = Boolean(slots.leadingVisual);
+	let t43;
+	if ($[97] !== labelId || $[98] !== loading || $[99] !== slots.leadingVisual || $[100] !== t41 || $[101] !== t42) {
+		t43 = /*#__PURE__*/ jsx(VisualOrIndicator, {
+			inactiveText: t41,
+			itemHasLeadingVisual: t42,
 			labelId,
 			loading,
 			position: "leading",
@@ -506,52 +507,52 @@ const UnwrappedItem = (t0, forwardedRef) => {
 		$[97] = labelId;
 		$[98] = loading;
 		$[99] = slots.leadingVisual;
-		$[100] = t40;
-		$[101] = t41;
-		$[102] = t42;
-	} else t42 = $[102];
-	const t43 = !!slots.description;
-	let t44;
+		$[100] = t41;
+		$[101] = t42;
+		$[102] = t43;
+	} else t43 = $[102];
+	const t44 = !!slots.description;
+	let t45;
 	if ($[103] !== inactive || $[104] !== loading) {
-		t44 = loading === true && !inactive && /*#__PURE__*/ jsx(VisuallyHidden, { children: "Loading" });
+		t45 = loading === true && !inactive && /*#__PURE__*/ jsx(VisuallyHidden, { children: "Loading" });
 		$[103] = inactive;
 		$[104] = loading;
-		$[105] = t44;
-	} else t44 = $[105];
-	let t45;
-	if ($[106] !== childrenWithoutSlots || $[107] !== labelId || $[108] !== t44) {
-		t45 = /*#__PURE__*/ jsxs("span", {
+		$[105] = t45;
+	} else t45 = $[105];
+	let t46;
+	if ($[106] !== childrenWithoutSlots || $[107] !== labelId || $[108] !== t45) {
+		t46 = /*#__PURE__*/ jsxs("span", {
 			id: labelId,
 			className: ActionList_module_css_default.ItemLabel,
 			"data-component": "ActionList.Item.Label",
-			children: [childrenWithoutSlots, t44]
+			children: [childrenWithoutSlots, t45]
 		});
 		$[106] = childrenWithoutSlots;
 		$[107] = labelId;
-		$[108] = t44;
-		$[109] = t45;
-	} else t45 = $[109];
-	let t46;
-	if ($[110] !== descriptionVariant || $[111] !== slots.description || $[112] !== t43 || $[113] !== t45) {
-		t46 = /*#__PURE__*/ jsxs(ConditionalWrapper, {
-			if: t43,
+		$[108] = t45;
+		$[109] = t46;
+	} else t46 = $[109];
+	let t47;
+	if ($[110] !== descriptionVariant || $[111] !== slots.description || $[112] !== t44 || $[113] !== t46) {
+		t47 = /*#__PURE__*/ jsxs(ConditionalWrapper, {
+			if: t44,
 			className: ActionList_module_css_default.ItemDescriptionWrap,
 			"data-description-variant": descriptionVariant,
-			children: [t45, slots.description]
+			children: [t46, slots.description]
 		});
 		$[110] = descriptionVariant;
 		$[111] = slots.description;
-		$[112] = t43;
-		$[113] = t45;
-		$[114] = t46;
-	} else t46 = $[114];
-	const t47 = showInactiveIndicator ? inactiveText : void 0;
-	const t48 = Boolean(slots.leadingVisual);
-	let t49;
-	if ($[115] !== labelId || $[116] !== loading || $[117] !== t47 || $[118] !== t48 || $[119] !== trailingVisual) {
-		t49 = /*#__PURE__*/ jsx(VisualOrIndicator, {
-			inactiveText: t47,
-			itemHasLeadingVisual: t48,
+		$[112] = t44;
+		$[113] = t46;
+		$[114] = t47;
+	} else t47 = $[114];
+	const t48 = showInactiveIndicator ? inactiveText : void 0;
+	const t49 = Boolean(slots.leadingVisual);
+	let t50;
+	if ($[115] !== labelId || $[116] !== loading || $[117] !== t48 || $[118] !== t49 || $[119] !== trailingVisual) {
+		t50 = /*#__PURE__*/ jsx(VisualOrIndicator, {
+			inactiveText: t48,
+			itemHasLeadingVisual: t49,
 			labelId,
 			loading,
 			position: "trailing",
@@ -559,14 +560,14 @@ const UnwrappedItem = (t0, forwardedRef) => {
 		});
 		$[115] = labelId;
 		$[116] = loading;
-		$[117] = t47;
-		$[118] = t48;
+		$[117] = t48;
+		$[118] = t49;
 		$[119] = trailingVisual;
-		$[120] = t49;
-	} else t49 = $[120];
-	let t50;
+		$[120] = t50;
+	} else t50 = $[120];
+	let t51;
 	if ($[121] !== inactiveText || $[122] !== inactiveWarningId || $[123] !== showInactiveIndicator) {
-		t50 = !showInactiveIndicator && inactiveText ? /*#__PURE__*/ jsx("span", {
+		t51 = !showInactiveIndicator && inactiveText ? /*#__PURE__*/ jsx("span", {
 			className: ActionList_module_css_default.InactiveWarning,
 			id: inactiveWarningId,
 			children: inactiveText
@@ -574,74 +575,74 @@ const UnwrappedItem = (t0, forwardedRef) => {
 		$[121] = inactiveText;
 		$[122] = inactiveWarningId;
 		$[123] = showInactiveIndicator;
-		$[124] = t50;
-	} else t50 = $[124];
-	let t51;
-	if ($[125] !== t46 || $[126] !== t49 || $[127] !== t50) {
-		t51 = /*#__PURE__*/ jsxs("span", {
+		$[124] = t51;
+	} else t51 = $[124];
+	let t52;
+	if ($[125] !== t47 || $[126] !== t50 || $[127] !== t51) {
+		t52 = /*#__PURE__*/ jsxs("span", {
 			className: ActionList_module_css_default.ActionListSubContent,
 			"data-component": "ActionList.Item--DividerContainer",
 			children: [
-				t46,
-				t49,
-				t50
+				t47,
+				t50,
+				t51
 			]
 		});
-		$[125] = t46;
-		$[126] = t49;
-		$[127] = t50;
-		$[128] = t51;
-	} else t51 = $[128];
-	let t52;
-	if ($[129] !== t39 || $[130] !== t42 || $[131] !== t51) {
-		t52 = /*#__PURE__*/ jsxs(TooltipContext.Provider, {
-			value: t37,
+		$[125] = t47;
+		$[126] = t50;
+		$[127] = t51;
+		$[128] = t52;
+	} else t52 = $[128];
+	let t53;
+	if ($[129] !== t40 || $[130] !== t43 || $[131] !== t52) {
+		t53 = /*#__PURE__*/ jsxs(TooltipContext.Provider, {
+			value: t38,
 			children: [
-				t38,
 				t39,
-				t42,
-				t51
+				t40,
+				t43,
+				t52
 			]
 		});
-		$[129] = t39;
-		$[130] = t42;
-		$[131] = t51;
-		$[132] = t52;
-	} else t52 = $[132];
-	let t53;
-	if ($[133] !== ItemWrapper || $[134] !== forwardedRef || $[135] !== size || $[136] !== t52 || $[137] !== wrapperProps) {
-		t53 = /*#__PURE__*/ jsx(ItemWrapper, {
+		$[129] = t40;
+		$[130] = t43;
+		$[131] = t52;
+		$[132] = t53;
+	} else t53 = $[132];
+	let t54;
+	if ($[133] !== ItemWrapper || $[134] !== size || $[135] !== t37 || $[136] !== t53 || $[137] !== wrapperProps) {
+		t54 = /*#__PURE__*/ jsx(ItemWrapper, {
 			...wrapperProps,
 			className: ActionList_module_css_default.ActionListContent,
 			"data-size": size,
-			ref: forwardedRef,
-			children: t52
+			ref: t37,
+			children: t53
 		});
 		$[133] = ItemWrapper;
-		$[134] = forwardedRef;
-		$[135] = size;
-		$[136] = t52;
+		$[134] = size;
+		$[135] = t37;
+		$[136] = t53;
 		$[137] = wrapperProps;
-		$[138] = t53;
-	} else t53 = $[138];
-	let t54;
-	if ($[139] !== buttonSemantics || $[140] !== forwardedRef || $[141] !== t36 || $[142] !== t53) {
-		t54 = /*#__PURE__*/ jsx(ConditionalTooltip, {
+		$[138] = t54;
+	} else t54 = $[138];
+	let t55;
+	if ($[139] !== buttonSemantics || $[140] !== forwardedRef || $[141] !== t36 || $[142] !== t54) {
+		t55 = /*#__PURE__*/ jsx(ConditionalTooltip, {
 			ref: forwardedRef,
 			text: t36,
 			enabled: buttonSemantics,
-			children: t53
+			children: t54
 		});
 		$[139] = buttonSemantics;
 		$[140] = forwardedRef;
 		$[141] = t36;
-		$[142] = t53;
-		$[143] = t54;
-	} else t54 = $[143];
-	const t55 = !inactive && !loading && !menuContext && Boolean(slots.trailingAction) && slots.trailingAction;
-	let t56;
-	if ($[144] !== containerProps || $[145] !== slots.subItem || $[146] !== t26 || $[147] !== t27 || $[148] !== t28 || $[149] !== t29 || $[150] !== t30 || $[151] !== t31 || $[152] !== t32 || $[153] !== t33 || $[154] !== t34 || $[155] !== t35 || $[156] !== t54 || $[157] !== t55) {
-		t56 = /*#__PURE__*/ jsxs("li", {
+		$[142] = t54;
+		$[143] = t55;
+	} else t55 = $[143];
+	const t56 = !inactive && !loading && !menuContext && Boolean(slots.trailingAction) && slots.trailingAction;
+	let t57;
+	if ($[144] !== containerProps || $[145] !== slots.subItem || $[146] !== t26 || $[147] !== t27 || $[148] !== t28 || $[149] !== t29 || $[150] !== t30 || $[151] !== t31 || $[152] !== t32 || $[153] !== t33 || $[154] !== t34 || $[155] !== t35 || $[156] !== t55 || $[157] !== t56) {
+		t57 = /*#__PURE__*/ jsxs("li", {
 			...containerProps,
 			ref: t26,
 			"data-component": "ActionList.Item",
@@ -655,8 +656,8 @@ const UnwrappedItem = (t0, forwardedRef) => {
 			"data-trailing-action-loading": t34,
 			className: t35,
 			children: [
-				t54,
 				t55,
+				t56,
 				slots.subItem
 			]
 		});
@@ -672,21 +673,21 @@ const UnwrappedItem = (t0, forwardedRef) => {
 		$[153] = t33;
 		$[154] = t34;
 		$[155] = t35;
-		$[156] = t54;
-		$[157] = t55;
-		$[158] = t56;
-	} else t56 = $[158];
-	let t57;
-	if ($[159] !== itemContextValue || $[160] !== t56) {
-		t57 = /*#__PURE__*/ jsx(ItemContext.Provider, {
+		$[156] = t55;
+		$[157] = t56;
+		$[158] = t57;
+	} else t57 = $[158];
+	let t58;
+	if ($[159] !== itemContextValue || $[160] !== t57) {
+		t58 = /*#__PURE__*/ jsx(ItemContext.Provider, {
 			value: itemContextValue,
-			children: t56
+			children: t57
 		});
 		$[159] = itemContextValue;
-		$[160] = t56;
-		$[161] = t57;
-	} else t57 = $[161];
-	return t57;
+		$[160] = t57;
+		$[161] = t58;
+	} else t58 = $[161];
+	return t58;
 };
 const Item = Object.assign(fixedForwardRef(UnwrappedItem), {
 	displayName: "ActionList.Item",

package/dist/AvatarStack/{AvatarStack-e6a99916.css → AvatarStack-937ec7c1.css}

@@ -1,2 +1,2 @@
-.prc-AvatarStack-AvatarStack-vkIK2{--avatar-border-width:1px;--mask-size:calc(100% + var(--avatar-border-width)*2);--mask-start:-1;--opacity-step:15%;display:flex;height:var(--avatar-stack-size);isolation:isolate;min-width:var(--avatar-stack-size);position:relative}.prc-AvatarStack-AvatarStack-vkIK2:where([data-variant=cascade]){--overlap-size:calc(var(--avatar-stack-size)*0.55);--overlap-size-avatar-three-plus:calc(var(--avatar-stack-size)*0.85)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-variant=stack]){--overlap-size:calc(var(--avatar-stack-size)*0.55);--overlap-size-avatar-three-plus:calc(var(--avatar-stack-size)*0.55)}@media screen and (max-width:calc(48rem - 0.02px)){.prc-AvatarStack-AvatarStack-vkIK2:where([data-responsive]){--avatar-stack-size:var(--stackSize-narrow)}}@media screen and (min-width:48rem){.prc-AvatarStack-AvatarStack-vkIK2:where([data-responsive]){--avatar-stack-size:var(--stackSize-regular)}}@media screen and (min-width:87.5rem){.prc-AvatarStack-AvatarStack-vkIK2:where([data-responsive]){--avatar-stack-size:var(--stackSize-wide)}}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="1"][data-shape=circle]) .prc-AvatarStack-AvatarItem-70eW3:where([data-component=Avatar]){box-shadow:0 0 0 var(--avatar-border-width) var(--avatar-borderColor,#1f232826)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="1"][data-shape=square]) .prc-AvatarStack-AvatarItem-70eW3{box-shadow:1px 0 #000}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="1"][data-shape=square][data-align-right]) .prc-AvatarStack-AvatarItem-70eW3{box-shadow:-1px 0 #000}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="2"]){min-width:calc(var(--avatar-stack-size) + var(--avatar-stack-size) - var(--overlap-size))}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="3"][data-variant=cascade]){min-width:calc(var(--avatar-stack-size) + var(--avatar-stack-size) - var(--overlap-size) + var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus))}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="3"][data-variant=stack]){min-width:calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus))*2)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="3+"][data-variant=cascade]){min-width:calc(var(--avatar-stack-size) + var(--avatar-stack-size) - var(--overlap-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus))*2)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="3+"][data-variant=stack]){min-width:calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus))*3);--overlap-size:var(--overlap-size-avatar-three-plus)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-align-right]){--mask-start:1;direction:rtl}.prc-AvatarStack-AvatarStackBody-JFK4u{display:flex;position:absolute}.prc-AvatarStack-AvatarStackBody-JFK4u:where([data-disable-expand]){position:relative}.prc-AvatarStack-AvatarItem-70eW3{--avatarSize-regular:var(--avatar-stack-size);display:flex;flex-shrink:0;height:var(--avatar-stack-size);overflow:hidden;position:relative;transition:margin .2s ease-in-out,opacity .2s ease-in-out,mask-position .2s ease-in-out,mask-size .2s ease-in-out;width:var(--avatar-stack-size)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=circle]) img.prc-AvatarStack-AvatarItem-70eW3{box-shadow:0 0 0 var(--avatar-border-width) transparent}.prc-AvatarStack-AvatarItem-70eW3:not([data-component=Avatar]):not(:has([data-square])){border-radius:50%}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square]) img.prc-AvatarStack-AvatarItem-70eW3{box-shadow:1px 0 #fff}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square][data-align-right]) img.prc-AvatarStack-AvatarItem-70eW3{box-shadow:-1px 0 #fff}.prc-AvatarStack-AvatarItem-70eW3:first-child{margin-inline-start:0}.prc-AvatarStack-AvatarItem-70eW3:nth-child(n+2){margin-inline-start:calc(var(--overlap-size)*-1);mask-composite:exclude;mask-position:calc((var(--avatar-stack-size) - var(--overlap-size))*var(--mask-start) - var(--avatar-border-width)) center,0 0;mask-repeat:no-repeat,no-repeat;mask-size:var(--mask-size) var(--mask-size),auto;padding:.1px}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=circle]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(n+2){mask-image:radial-gradient(at 50% 50%,#000 70%,transparent 71%),linear-gradient(#000 0 0)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(n+2){mask-image:linear-gradient(at 50% 50%,#000 70%,transparent 71%),linear-gradient(#000 0 0)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-variant=cascade]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(n+3){--overlap-size:var(--overlap-size-avatar-three-plus);opacity:calc(100% - var(--opacity-step)*2)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-variant=cascade]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(n+4){opacity:calc(100% - var(--opacity-step)*3)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-variant=cascade]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(n+5){opacity:calc(100% - var(--opacity-step)*4)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square]) .prc-AvatarStack-AvatarItem-70eW3:first-child{z-index:5}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(2){z-index:4}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(3){z-index:3}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(4){z-index:2}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(5){z-index:1}.prc-AvatarStack-AvatarItem-70eW3:nth-child(n+6){opacity:0;position:absolute;visibility:hidden}.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):focus-within,.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):hover{width:auto}.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):focus-within .prc-AvatarStack-AvatarItem-70eW3{--mask-size:100%;margin-inline-start:var(--base-size-4,.25rem);mask-position:calc(var(--avatar-stack-size)*var(--mask-start)) center,0 0;opacity:1;position:relative;visibility:visible}.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):hover .prc-AvatarStack-AvatarItem-70eW3{--mask-size:100%;margin-inline-start:var(--base-size-4,.25rem);mask-position:calc(var(--avatar-stack-size)*var(--mask-start)) center,0 0;opacity:1;position:relative;visibility:visible}.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):hover .prc-AvatarStack-AvatarItem-70eW3:first-child{margin-inline-start:0}.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):focus-within .prc-AvatarStack-AvatarItem-70eW3:first-child{margin-inline-start:0}
-/*# sourceMappingURL=AvatarStack-e6a99916.css.map */
+.prc-AvatarStack-AvatarStack-vkIK2{--avatar-border-width:1px;--mask-size:calc(100% + var(--avatar-border-width)*2);--mask-start:-1;--opacity-step:15%;display:flex;height:var(--avatar-stack-size);isolation:isolate;min-width:var(--avatar-stack-size);position:relative}.prc-AvatarStack-AvatarStack-vkIK2:where([data-variant=cascade]){--overlap-size:calc(var(--avatar-stack-size)*0.55);--overlap-size-avatar-three-plus:calc(var(--avatar-stack-size)*0.85)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-variant=stack]){--overlap-size:calc(var(--avatar-stack-size)*0.55);--overlap-size-avatar-three-plus:calc(var(--avatar-stack-size)*0.55)}@media screen and (max-width:calc(48rem - 0.02px)){.prc-AvatarStack-AvatarStack-vkIK2:where([data-responsive]){--avatar-stack-size:var(--stackSize-narrow)}}@media screen and (min-width:48rem){.prc-AvatarStack-AvatarStack-vkIK2:where([data-responsive]){--avatar-stack-size:var(--stackSize-regular)}}@media screen and (min-width:87.5rem){.prc-AvatarStack-AvatarStack-vkIK2:where([data-responsive]){--avatar-stack-size:var(--stackSize-wide)}}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="1"][data-shape=circle]) .prc-AvatarStack-AvatarItem-70eW3:where([data-component=Avatar]){box-shadow:0 0 0 var(--avatar-border-width) var(--avatar-borderColor,#1f232826)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="1"][data-shape=square]) .prc-AvatarStack-AvatarItem-70eW3{box-shadow:1px 0 #000}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="1"][data-shape=square][data-align-right]) .prc-AvatarStack-AvatarItem-70eW3{box-shadow:-1px 0 #000}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="2"]){min-width:calc(var(--avatar-stack-size) + var(--avatar-stack-size) - var(--overlap-size))}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="3"][data-variant=cascade]){min-width:calc(var(--avatar-stack-size) + var(--avatar-stack-size) - var(--overlap-size) + var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus))}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="3"][data-variant=stack]){min-width:calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus))*2)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="3+"][data-variant=cascade]){min-width:calc(var(--avatar-stack-size) + var(--avatar-stack-size) - var(--overlap-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus))*2)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-avatar-count="3+"][data-variant=stack]){min-width:calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus))*3);--overlap-size:var(--overlap-size-avatar-three-plus)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-align-right]){--mask-start:1;direction:rtl}.prc-AvatarStack-AvatarStackBody-JFK4u{display:flex;position:absolute}.prc-AvatarStack-AvatarStackBody-JFK4u:where([data-disable-expand]){position:relative}.prc-AvatarStack-AvatarItem-70eW3{--avatarSize-regular:var(--avatar-stack-size);display:flex;flex-shrink:0;height:var(--avatar-stack-size);overflow:hidden;position:relative;transition:margin .2s ease-in-out,opacity .2s ease-in-out,mask-position .2s ease-in-out,mask-size .2s ease-in-out;width:var(--avatar-stack-size)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=circle]) img.prc-AvatarStack-AvatarItem-70eW3{box-shadow:0 0 0 var(--avatar-border-width) transparent}.prc-AvatarStack-AvatarItem-70eW3:not([data-component=Avatar]):not(:has([data-square])){border-radius:50%}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square]) img.prc-AvatarStack-AvatarItem-70eW3{box-shadow:1px 0 #fff}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square][data-align-right]) img.prc-AvatarStack-AvatarItem-70eW3{box-shadow:-1px 0 #fff}.prc-AvatarStack-AvatarItem-70eW3:first-child{margin-inline-start:0}.prc-AvatarStack-AvatarItem-70eW3:nth-child(n+2){margin-inline-start:calc(var(--overlap-size)*-1);mask-composite:exclude;mask-position:calc((var(--avatar-stack-size) - var(--overlap-size))*var(--mask-start) - var(--avatar-border-width)) center,0 0;mask-repeat:no-repeat,no-repeat;mask-size:var(--mask-size) var(--mask-size),auto;padding:.1px}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=circle]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(n+2){mask-image:radial-gradient(at 50% 50%,#000 70%,transparent 71%),linear-gradient(#000 0 0)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(n+2){mask-image:linear-gradient(at 50% 50%,#000 70%,transparent 71%),linear-gradient(#000 0 0)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-variant=cascade]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(n+3){--overlap-size:var(--overlap-size-avatar-three-plus);opacity:calc(100% - var(--opacity-step)*2)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-variant=cascade]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(n+4){opacity:calc(100% - var(--opacity-step)*3)}.prc-AvatarStack-AvatarStack-vkIK2:where([data-variant=cascade]) .prc-AvatarStack-AvatarItem-70eW3:nth-child(n+5){opacity:calc(100% - var(--opacity-step)*4)}.prc-AvatarStack-AvatarItem-70eW3:first-child{z-index:5}.prc-AvatarStack-AvatarItem-70eW3:nth-child(2){z-index:4}.prc-AvatarStack-AvatarItem-70eW3:nth-child(3){z-index:3}.prc-AvatarStack-AvatarItem-70eW3:nth-child(4){z-index:2}.prc-AvatarStack-AvatarItem-70eW3:nth-child(5){z-index:1}.prc-AvatarStack-AvatarItem-70eW3:nth-child(n+6){opacity:0;position:absolute;visibility:hidden}.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):focus-within,.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):hover{width:auto}.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):focus-within .prc-AvatarStack-AvatarItem-70eW3{--mask-size:100%;margin-inline-start:var(--base-size-4,.25rem);mask-position:calc(var(--avatar-stack-size)*var(--mask-start)) center,0 0;opacity:1;position:relative;visibility:visible}.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):hover .prc-AvatarStack-AvatarItem-70eW3{--mask-size:100%;margin-inline-start:var(--base-size-4,.25rem);mask-position:calc(var(--avatar-stack-size)*var(--mask-start)) center,0 0;opacity:1;position:relative;visibility:visible}.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):hover .prc-AvatarStack-AvatarItem-70eW3:first-child{margin-inline-start:0}.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):focus-within .prc-AvatarStack-AvatarItem-70eW3:first-child{margin-inline-start:0}
+/*# sourceMappingURL=AvatarStack-937ec7c1.css.map */

package/dist/AvatarStack/{AvatarStack-e6a99916.css.map → AvatarStack-937ec7c1.css.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/AvatarStack/AvatarStack.module.css.js"],"names":[],"mappings":"AACA,mCACE,yBAA0B,CAC1B,qDAA0D,CAC1D,eAAgB,CAChB,kBAAmB,CAGnB,YAAa,CAEb,+BAAgC,CAChC,iBAAkB,CAFlB,kCAAmC,CAFnC,iBA2GF,CArGE,iEACE,kDAAqD,CACrD,oEACF,CAEA,+DACE,kDAAqD,CACrD,oEACF,CAGE,mDADF,4DAEI,2CAUJ,CATE,CAEA,oCALF,4DAMI,4CAMJ,CALE,CAEA,sCATF,4DAUI,yCAEJ,CADE,CAIA,sJAEE,+EACF,CAGF,uHAEE,qBACF,CAEA,yIAEE,sBACF,CAEA,kEAME,yFACF,CAEA,wFAOE,4JAIF,CAEA,sFAME,+GACF,CAEA,yFAOE,gKAIF,CAEA,uFAME,+GAAkH,CAElH,oDACF,CAEA,6DACE,cAAe,CAEf,aACF,CAGF,uCAEE,YAAa,CADb,iBAMF,CAHE,oEACE,iBACF,CAGF,kCACE,6CAA8C,CAG9C,YAAa,CAIb,aAAc,CAFd,+BAAgC,CAChC,eAAgB,CAJhB,iBAAkB,CAMlB,iHAI4B,CAR5B,8BAqHF,CA1GE,mGAEE,uDACF,CAGA,wFACE,iBACF,CAGA,mGAEE,qBACF,CAGA,qHAEE,sBACF,CAEA,8CACE,qBACF,CAEA,iDAEE,gDAAmD,CAKnD,sBAAuB,CAQvB,8HAEK,CAdL,+BAAiC,CACjC,gDAEM,CAeN,YACF,CAGA,+GACE,yFACF,CAGA,+GAEE,yFACF,CAGA,kHACE,oDAAqD,CAGrD,0CACF,CAGA,kHAEE,0CACF,CAGA,kHAEE,0CACF,CAEA,4GACE,SACF,CAEA,6GACE,SACF,CAEA,6GACE,SACF,CAEA,6GACE,SACF,CAEA,6GACE,SACF,CAEA,iDAGE,SAAU,CAFV,iBAAkB,CAClB,iBAEF,CAGF,uJAEE,UAuBF,CArBE,iHACE,gBAAiB,CAGjB,6CAAuC,CASvC,yEAEK,CATL,SAAU,CAHV,iBAAkB,CAElB,kBAeF,CApBA,0GACE,gBAAiB,CAGjB,6CAAuC,CASvC,yEAEK,CATL,SAAU,CAHV,iBAAkB,CAElB,kBAeF,CAHE,sHACE,qBACF,CAFA,6HACE,qBACF","file":"AvatarStack-e6a99916.css","sourcesContent":["/* stylelint-disable selector-max-specificity */\n.AvatarStack {\n  --avatar-border-width: 1px;\n  --mask-size: calc(100% + (var(--avatar-border-width) * 2));\n  --mask-start: -1;\n  --opacity-step: 15%;\n\n  position: relative;\n  display: flex;\n  min-width: var(--avatar-stack-size);\n  height: var(--avatar-stack-size);\n  isolation: isolate;\n\n  &:where([data-variant='cascade']) {\n    --overlap-size: calc(var(--avatar-stack-size) * 0.55);\n    --overlap-size-avatar-three-plus: calc(var(--avatar-stack-size) * 0.85);\n  }\n\n  &:where([data-variant='stack']) {\n    --overlap-size: calc(var(--avatar-stack-size) * 0.55);\n    --overlap-size-avatar-three-plus: calc(var(--avatar-stack-size) * 0.55);\n  }\n\n  &:where([data-responsive]) {\n    @media screen and (--viewportRange-narrow) {\n      --avatar-stack-size: var(--stackSize-narrow);\n    }\n\n    @media screen and (--viewportRange-regular) {\n      --avatar-stack-size: var(--stackSize-regular);\n    }\n\n    @media screen and (--viewportRange-wide) {\n      --avatar-stack-size: var(--stackSize-wide);\n    }\n  }\n\n  &:where([data-avatar-count='1'][data-shape='circle']) {\n    .AvatarItem:where([data-component='Avatar']) {\n      /* stylelint-disable-next-line primer/box-shadow */\n      box-shadow: 0 0 0 var(--avatar-border-width) var(--avatar-borderColor);\n    }\n  }\n\n  &:where([data-avatar-count='1'][data-shape='square']) .AvatarItem {\n    /* stylelint-disable-next-line primer/box-shadow */\n    box-shadow: 1px 0 rgb(0, 0, 0, 1);\n  }\n\n  &:where([data-avatar-count='1'][data-shape='square'][data-align-right]) .AvatarItem {\n    /* stylelint-disable-next-line primer/box-shadow */\n    box-shadow: -1px 0 rgb(0, 0, 0, 1);\n  }\n\n  &:where([data-avatar-count='2']) {\n    /*\n    MIN-WIDTH CALC FORMULA EXPLAINED:\n    avatar size ➡️ var(--avatar-stack-size)\n    plus the visible part of the 2nd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)\n    */\n    min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size)));\n  }\n\n  &:where([data-avatar-count='3'][data-variant='cascade']) {\n    /*\n    MIN-WIDTH CALC FORMULA EXPLAINED:\n    avatar size ➡️ var(--avatar-stack-size)\n    plus the visible part of the 2nd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)\n    plus the visible part of the 3rd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)\n    */\n    min-width: calc(\n      var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size)) +\n        (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus))\n    );\n  }\n\n  &:where([data-avatar-count='3'][data-variant='stack']) {\n    /*\n    MIN-WIDTH CALC FORMULA EXPLAINED:\n    avatar size ➡️ var(--avatar-stack-size)\n    plus the visible part of the 2nd avatar & 3rd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus) * 2\n    */\n    min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 2);\n  }\n\n  &:where([data-avatar-count='3+'][data-variant='cascade']) {\n    /*\n    MIN-WIDTH CALC FORMULA EXPLAINED:\n    avatar size ➡️ var(--avatar-stack-size)\n    plus the visible part of the 2nd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)\n    plus the visible part of the 3rd AND 4th avatar ➡️ (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 2\n    */\n    min-width: calc(\n      var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size)) +\n        (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 2\n    );\n  }\n\n  &:where([data-avatar-count='3+'][data-variant='stack']) {\n    /*\n    MIN-WIDTH CALC FORMULA EXPLAINED:\n    avatar size ➡️ var(--avatar-stack-size)\n    plus the visible part of the 2nd to 4th avatars ➡️ var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus) * 3\n    */\n    min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 3);\n\n    --overlap-size: var(--overlap-size-avatar-three-plus);\n  }\n\n  &:where([data-align-right]) {\n    --mask-start: 1;\n\n    direction: rtl;\n  }\n}\n\n.AvatarStackBody {\n  position: absolute;\n  display: flex;\n\n  &:where([data-disable-expand]) {\n    position: relative;\n  }\n}\n\n.AvatarItem {\n  --avatarSize-regular: var(--avatar-stack-size);\n\n  position: relative;\n  display: flex;\n  width: var(--avatar-stack-size);\n  height: var(--avatar-stack-size);\n  overflow: hidden;\n  flex-shrink: 0;\n  transition:\n    margin 0.2s ease-in-out,\n    opacity 0.2s ease-in-out,\n    mask-position 0.2s ease-in-out,\n    mask-size 0.2s ease-in-out;\n\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  .AvatarStack:where([data-shape='circle']) &:is(img) {\n    /* stylelint-disable-next-line primer/box-shadow */\n    box-shadow: 0 0 0 var(--avatar-border-width) transparent;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:not([data-component='Avatar']):not(:has([data-square])) {\n    border-radius: 50%;\n  }\n\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  .AvatarStack:where([data-shape='square']) &:is(img) {\n    /* stylelint-disable-next-line primer/box-shadow */\n    box-shadow: 1px 0 rgb(255, 255, 255, 1);\n  }\n\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  .AvatarStack:where([data-shape='square'][data-align-right]) &:is(img) {\n    /* stylelint-disable-next-line primer/box-shadow */\n    box-shadow: -1px 0 rgb(255, 255, 255, 1);\n  }\n\n  &:first-child {\n    margin-inline-start: 0;\n  }\n\n  &:nth-child(n + 2) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-inline-start: calc(var(--overlap-size) * -1);\n    mask-repeat: no-repeat, no-repeat;\n    mask-size:\n      var(--mask-size) var(--mask-size),\n      auto;\n    mask-composite: exclude;\n\n    /*\n    HORIZONTAL POSITION CALC FORMULA EXPLAINED:\n    width of the visible part of the avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)\n    multiply by -1 for left-aligned, 1 for right-aligned ➡️ var(--mask-start)\n    subtract the avatar border width ➡️ var(--avatar-border-width)\n    */\n    mask-position:\n      calc((var(--avatar-stack-size) - var(--overlap-size)) * var(--mask-start) - var(--avatar-border-width)) center,\n      0 0;\n\n    /* HACK: This padding fixes a weird rendering bug where a tiiiiny outline is visible at the edges of the element */\n    /* stylelint-disable-next-line primer/spacing */\n    padding: 0.1px;\n  }\n\n  /* Circular mask */\n  .AvatarStack:where([data-shape='circle']) &:nth-child(n + 2) {\n    mask-image: radial-gradient(at 50% 50%, rgb(0, 0, 0) 70%, rgb(0, 0, 0, 0) 71%), linear-gradient(rgb(0, 0, 0) 0 0);\n  }\n\n  /* Square mask */\n  .AvatarStack:where([data-shape='square']) &:nth-child(n + 2) {\n    /* stylelint-disable-next-line declaration-property-value-no-unknown */\n    mask-image: linear-gradient(at 50% 50%, rgb(0, 0, 0) 70%, rgb(0, 0, 0, 0) 71%), linear-gradient(rgb(0, 0, 0) 0 0);\n  }\n\n  /* Cascade variant override for nth-child(n + 3) */\n  .AvatarStack:where([data-variant='cascade']) &:nth-child(n + 3) {\n    --overlap-size: var(--overlap-size-avatar-three-plus);\n\n    /* stylelint-disable-next-line alpha-value-notation */\n    opacity: calc(100% - 2 * var(--opacity-step));\n  }\n\n  /* Cascade variant override for nth-child(n + 4) */\n  .AvatarStack:where([data-variant='cascade']) &:nth-child(n + 4) {\n    /* stylelint-disable-next-line alpha-value-notation */\n    opacity: calc(100% - 3 * var(--opacity-step));\n  }\n\n  /* Cascade variant override for nth-child(n + 5) */\n  .AvatarStack:where([data-variant='cascade']) &:nth-child(n + 5) {\n    /* stylelint-disable-next-line alpha-value-notation */\n    opacity: calc(100% - 4 * var(--opacity-step));\n  }\n\n  .AvatarStack:where([data-shape='square']) &:nth-child(1) {\n    z-index: 5;\n  }\n\n  .AvatarStack:where([data-shape='square']) &:nth-child(2) {\n    z-index: 4;\n  }\n\n  .AvatarStack:where([data-shape='square']) &:nth-child(3) {\n    z-index: 3;\n  }\n\n  .AvatarStack:where([data-shape='square']) &:nth-child(4) {\n    z-index: 2;\n  }\n\n  .AvatarStack:where([data-shape='square']) &:nth-child(5) {\n    z-index: 1;\n  }\n\n  &:nth-child(n + 6) {\n    position: absolute;\n    visibility: hidden;\n    opacity: 0;\n  }\n}\n\n.AvatarStackBody:not([data-disable-expand]):hover,\n.AvatarStackBody:not([data-disable-expand]):focus-within {\n  width: auto;\n\n  .AvatarItem {\n    --mask-size: 100%; /* reset size of the mask to prevent unintentionally clipping due to the additional size created by the border width */\n\n    position: relative;\n    margin-inline-start: var(--base-size-4);\n    visibility: visible;\n    opacity: 1;\n\n    /*\n    HORIZONTAL POSITION CALC FORMULA EXPLAINED:\n    width of the full avatar ➡️ var(--avatar-stack-size)\n    multiply by -1 for left-aligned, 1 for right-aligned ➡️ var(--mask-start)\n    */\n    mask-position:\n      calc(var(--avatar-stack-size) * var(--mask-start)) center,\n      0 0;\n\n    &:first-child {\n      margin-inline-start: 0;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/AvatarStack/AvatarStack.module.css.js"],"names":[],"mappings":"AACA,mCACE,yBAA0B,CAC1B,qDAA0D,CAC1D,eAAgB,CAChB,kBAAmB,CAGnB,YAAa,CAEb,+BAAgC,CAChC,iBAAkB,CAFlB,kCAAmC,CAFnC,iBA2GF,CArGE,iEACE,kDAAqD,CACrD,oEACF,CAEA,+DACE,kDAAqD,CACrD,oEACF,CAGE,mDADF,4DAEI,2CAUJ,CATE,CAEA,oCALF,4DAMI,4CAMJ,CALE,CAEA,sCATF,4DAUI,yCAEJ,CADE,CAIA,sJAEE,+EACF,CAGF,uHAEE,qBACF,CAEA,yIAEE,sBACF,CAEA,kEAME,yFACF,CAEA,wFAOE,4JAIF,CAEA,sFAME,+GACF,CAEA,yFAOE,gKAIF,CAEA,uFAME,+GAAkH,CAElH,oDACF,CAEA,6DACE,cAAe,CAEf,aACF,CAGF,uCAEE,YAAa,CADb,iBAMF,CAHE,oEACE,iBACF,CAGF,kCACE,6CAA8C,CAG9C,YAAa,CAIb,aAAc,CAFd,+BAAgC,CAChC,eAAgB,CAJhB,iBAAkB,CAMlB,iHAI4B,CAR5B,8BAqHF,CA1GE,mGAEE,uDACF,CAGA,wFACE,iBACF,CAGA,mGAEE,qBACF,CAGA,qHAEE,sBACF,CAEA,8CACE,qBACF,CAEA,iDAEE,gDAAmD,CAKnD,sBAAuB,CAQvB,8HAEK,CAdL,+BAAiC,CACjC,gDAEM,CAeN,YACF,CAGA,+GACE,yFACF,CAGA,+GAEE,yFACF,CAGA,kHACE,oDAAqD,CAGrD,0CACF,CAGA,kHAEE,0CACF,CAGA,kHAEE,0CACF,CAEA,8CACE,SACF,CAEA,+CACE,SACF,CAEA,+CACE,SACF,CAEA,+CACE,SACF,CAEA,+CACE,SACF,CAEA,iDAGE,SAAU,CAFV,iBAAkB,CAClB,iBAEF,CAGF,uJAEE,UAuBF,CArBE,iHACE,gBAAiB,CAGjB,6CAAuC,CASvC,yEAEK,CATL,SAAU,CAHV,iBAAkB,CAElB,kBAeF,CApBA,0GACE,gBAAiB,CAGjB,6CAAuC,CASvC,yEAEK,CATL,SAAU,CAHV,iBAAkB,CAElB,kBAeF,CAHE,sHACE,qBACF,CAFA,6HACE,qBACF","file":"AvatarStack-937ec7c1.css","sourcesContent":["/* stylelint-disable selector-max-specificity */\n.AvatarStack {\n  --avatar-border-width: 1px;\n  --mask-size: calc(100% + (var(--avatar-border-width) * 2));\n  --mask-start: -1;\n  --opacity-step: 15%;\n\n  position: relative;\n  display: flex;\n  min-width: var(--avatar-stack-size);\n  height: var(--avatar-stack-size);\n  isolation: isolate;\n\n  &:where([data-variant='cascade']) {\n    --overlap-size: calc(var(--avatar-stack-size) * 0.55);\n    --overlap-size-avatar-three-plus: calc(var(--avatar-stack-size) * 0.85);\n  }\n\n  &:where([data-variant='stack']) {\n    --overlap-size: calc(var(--avatar-stack-size) * 0.55);\n    --overlap-size-avatar-three-plus: calc(var(--avatar-stack-size) * 0.55);\n  }\n\n  &:where([data-responsive]) {\n    @media screen and (--viewportRange-narrow) {\n      --avatar-stack-size: var(--stackSize-narrow);\n    }\n\n    @media screen and (--viewportRange-regular) {\n      --avatar-stack-size: var(--stackSize-regular);\n    }\n\n    @media screen and (--viewportRange-wide) {\n      --avatar-stack-size: var(--stackSize-wide);\n    }\n  }\n\n  &:where([data-avatar-count='1'][data-shape='circle']) {\n    .AvatarItem:where([data-component='Avatar']) {\n      /* stylelint-disable-next-line primer/box-shadow */\n      box-shadow: 0 0 0 var(--avatar-border-width) var(--avatar-borderColor);\n    }\n  }\n\n  &:where([data-avatar-count='1'][data-shape='square']) .AvatarItem {\n    /* stylelint-disable-next-line primer/box-shadow */\n    box-shadow: 1px 0 rgb(0, 0, 0, 1);\n  }\n\n  &:where([data-avatar-count='1'][data-shape='square'][data-align-right]) .AvatarItem {\n    /* stylelint-disable-next-line primer/box-shadow */\n    box-shadow: -1px 0 rgb(0, 0, 0, 1);\n  }\n\n  &:where([data-avatar-count='2']) {\n    /*\n    MIN-WIDTH CALC FORMULA EXPLAINED:\n    avatar size ➡️ var(--avatar-stack-size)\n    plus the visible part of the 2nd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)\n    */\n    min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size)));\n  }\n\n  &:where([data-avatar-count='3'][data-variant='cascade']) {\n    /*\n    MIN-WIDTH CALC FORMULA EXPLAINED:\n    avatar size ➡️ var(--avatar-stack-size)\n    plus the visible part of the 2nd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)\n    plus the visible part of the 3rd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)\n    */\n    min-width: calc(\n      var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size)) +\n        (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus))\n    );\n  }\n\n  &:where([data-avatar-count='3'][data-variant='stack']) {\n    /*\n    MIN-WIDTH CALC FORMULA EXPLAINED:\n    avatar size ➡️ var(--avatar-stack-size)\n    plus the visible part of the 2nd avatar & 3rd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus) * 2\n    */\n    min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 2);\n  }\n\n  &:where([data-avatar-count='3+'][data-variant='cascade']) {\n    /*\n    MIN-WIDTH CALC FORMULA EXPLAINED:\n    avatar size ➡️ var(--avatar-stack-size)\n    plus the visible part of the 2nd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)\n    plus the visible part of the 3rd AND 4th avatar ➡️ (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 2\n    */\n    min-width: calc(\n      var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size)) +\n        (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 2\n    );\n  }\n\n  &:where([data-avatar-count='3+'][data-variant='stack']) {\n    /*\n    MIN-WIDTH CALC FORMULA EXPLAINED:\n    avatar size ➡️ var(--avatar-stack-size)\n    plus the visible part of the 2nd to 4th avatars ➡️ var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus) * 3\n    */\n    min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 3);\n\n    --overlap-size: var(--overlap-size-avatar-three-plus);\n  }\n\n  &:where([data-align-right]) {\n    --mask-start: 1;\n\n    direction: rtl;\n  }\n}\n\n.AvatarStackBody {\n  position: absolute;\n  display: flex;\n\n  &:where([data-disable-expand]) {\n    position: relative;\n  }\n}\n\n.AvatarItem {\n  --avatarSize-regular: var(--avatar-stack-size);\n\n  position: relative;\n  display: flex;\n  width: var(--avatar-stack-size);\n  height: var(--avatar-stack-size);\n  overflow: hidden;\n  flex-shrink: 0;\n  transition:\n    margin 0.2s ease-in-out,\n    opacity 0.2s ease-in-out,\n    mask-position 0.2s ease-in-out,\n    mask-size 0.2s ease-in-out;\n\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  .AvatarStack:where([data-shape='circle']) &:is(img) {\n    /* stylelint-disable-next-line primer/box-shadow */\n    box-shadow: 0 0 0 var(--avatar-border-width) transparent;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:not([data-component='Avatar']):not(:has([data-square])) {\n    border-radius: 50%;\n  }\n\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  .AvatarStack:where([data-shape='square']) &:is(img) {\n    /* stylelint-disable-next-line primer/box-shadow */\n    box-shadow: 1px 0 rgb(255, 255, 255, 1);\n  }\n\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  .AvatarStack:where([data-shape='square'][data-align-right]) &:is(img) {\n    /* stylelint-disable-next-line primer/box-shadow */\n    box-shadow: -1px 0 rgb(255, 255, 255, 1);\n  }\n\n  &:first-child {\n    margin-inline-start: 0;\n  }\n\n  &:nth-child(n + 2) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-inline-start: calc(var(--overlap-size) * -1);\n    mask-repeat: no-repeat, no-repeat;\n    mask-size:\n      var(--mask-size) var(--mask-size),\n      auto;\n    mask-composite: exclude;\n\n    /*\n    HORIZONTAL POSITION CALC FORMULA EXPLAINED:\n    width of the visible part of the avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)\n    multiply by -1 for left-aligned, 1 for right-aligned ➡️ var(--mask-start)\n    subtract the avatar border width ➡️ var(--avatar-border-width)\n    */\n    mask-position:\n      calc((var(--avatar-stack-size) - var(--overlap-size)) * var(--mask-start) - var(--avatar-border-width)) center,\n      0 0;\n\n    /* HACK: This padding fixes a weird rendering bug where a tiiiiny outline is visible at the edges of the element */\n    /* stylelint-disable-next-line primer/spacing */\n    padding: 0.1px;\n  }\n\n  /* Circular mask */\n  .AvatarStack:where([data-shape='circle']) &:nth-child(n + 2) {\n    mask-image: radial-gradient(at 50% 50%, rgb(0, 0, 0) 70%, rgb(0, 0, 0, 0) 71%), linear-gradient(rgb(0, 0, 0) 0 0);\n  }\n\n  /* Square mask */\n  .AvatarStack:where([data-shape='square']) &:nth-child(n + 2) {\n    /* stylelint-disable-next-line declaration-property-value-no-unknown */\n    mask-image: linear-gradient(at 50% 50%, rgb(0, 0, 0) 70%, rgb(0, 0, 0, 0) 71%), linear-gradient(rgb(0, 0, 0) 0 0);\n  }\n\n  /* Cascade variant override for nth-child(n + 3) */\n  .AvatarStack:where([data-variant='cascade']) &:nth-child(n + 3) {\n    --overlap-size: var(--overlap-size-avatar-three-plus);\n\n    /* stylelint-disable-next-line alpha-value-notation */\n    opacity: calc(100% - 2 * var(--opacity-step));\n  }\n\n  /* Cascade variant override for nth-child(n + 4) */\n  .AvatarStack:where([data-variant='cascade']) &:nth-child(n + 4) {\n    /* stylelint-disable-next-line alpha-value-notation */\n    opacity: calc(100% - 3 * var(--opacity-step));\n  }\n\n  /* Cascade variant override for nth-child(n + 5) */\n  .AvatarStack:where([data-variant='cascade']) &:nth-child(n + 5) {\n    /* stylelint-disable-next-line alpha-value-notation */\n    opacity: calc(100% - 4 * var(--opacity-step));\n  }\n\n  &:nth-child(1) {\n    z-index: 5;\n  }\n\n  &:nth-child(2) {\n    z-index: 4;\n  }\n\n  &:nth-child(3) {\n    z-index: 3;\n  }\n\n  &:nth-child(4) {\n    z-index: 2;\n  }\n\n  &:nth-child(5) {\n    z-index: 1;\n  }\n\n  &:nth-child(n + 6) {\n    position: absolute;\n    visibility: hidden;\n    opacity: 0;\n  }\n}\n\n.AvatarStackBody:not([data-disable-expand]):hover,\n.AvatarStackBody:not([data-disable-expand]):focus-within {\n  width: auto;\n\n  .AvatarItem {\n    --mask-size: 100%; /* reset size of the mask to prevent unintentionally clipping due to the additional size created by the border width */\n\n    position: relative;\n    margin-inline-start: var(--base-size-4);\n    visibility: visible;\n    opacity: 1;\n\n    /*\n    HORIZONTAL POSITION CALC FORMULA EXPLAINED:\n    width of the full avatar ➡️ var(--avatar-stack-size)\n    multiply by -1 for left-aligned, 1 for right-aligned ➡️ var(--mask-start)\n    */\n    mask-position:\n      calc(var(--avatar-stack-size) * var(--mask-start)) center,\n      0 0;\n\n    &:first-child {\n      margin-inline-start: 0;\n    }\n  }\n}\n"]}

package/dist/AvatarStack/AvatarStack.module.css.js

@@ -1,4 +1,4 @@
-import "./AvatarStack-e6a99916.css";
+import "./AvatarStack-937ec7c1.css";
 //#region src/AvatarStack/AvatarStack.module.css.js
 var AvatarStack_module_css_default = {
 	"AvatarStack": "prc-AvatarStack-AvatarStack-vkIK2",

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"]}