@primer/react 38.22.0-rc.96c39ab58 → 38.22.0-rc.984eec337

package/CHANGELOG.md

@@ -10,6 +10,8 @@
 
 - [#7511](https://github.com/primer/react/pull/7511) [`eb73dee`](https://github.com/primer/react/commit/eb73deea0c9f8fb0fdb44b28445eebc748a39443) Thanks [@RSoeborg](https://github.com/RSoeborg)! - Fix NavList parent item flicker during static-to-interactive transitions when navigating between current sub-items in a SubNav.
 
+- [#7708](https://github.com/primer/react/pull/7708) [`d0fa0ff`](https://github.com/primer/react/commit/d0fa0ff2301b3db7a4b66e7aabf3ff544ffb4ef2) Thanks [@hectahertz](https://github.com/hectahertz)! - perf(css): audit :has() selectors and add stylelint guard for Safari
+
 - [#7780](https://github.com/primer/react/pull/7780) [`8330aad`](https://github.com/primer/react/commit/8330aadeba6231bf916a9c93757f89018838ebb4) Thanks [@francinelucca](https://github.com/francinelucca)! - fix: Checkbox indeterminate state now persists on click if the state didn't change
 
 ## 38.21.1

package/dist/ActionList/{ActionList-53389912.css → ActionList-2a35a40c.css}

@@ -1,2 +1,2 @@
 .prc-ActionList-ActionList-rPFF2,.prc-ActionList-ActionList-rPFF2 ul{list-style:none;margin:0;padding:0}.prc-ActionList-ActionList-rPFF2:where([data-variant=inset]){padding-block:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-rPFF2:where([data-variant=inset],[data-variant=horizontal-inset]) .prc-ActionList-ActionListItem-So4vC{margin-inline:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-rPFF2:where([data-variant=horizontal-inset]){padding-bottom:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-rPFF2:where([data-dividers=true]) .prc-ActionList-ActionListSubContent-gKsFp:before{background:var(--borderColor-muted,#d1d9e0b3);content:"";display:block;height:1px;position:absolute;top:-7px;width:100%}:is(.prc-ActionList-ActionList-rPFF2:where([data-dividers=true]) [data-description-variant=inline]):before{background:var(--borderColor-muted,#d1d9e0b3);content:"";display:block;height:var(--borderWidth-thin,.0625rem);position:absolute;top:-7px;width:100%}:is(.prc-ActionList-ActionList-rPFF2:where([data-dividers=true]) [data-description-variant=inline]) .prc-ActionList-ActionListSubContent-gKsFp:before{content:unset}.prc-ActionList-ActionList-rPFF2:where([data-dividers=true]) .prc-ActionList-ActionListItem-So4vC:first-of-type .prc-ActionList-ActionListSubContent-gKsFp:before,.prc-ActionList-ActionList-rPFF2:where([data-dividers=true]) .prc-ActionList-Divider-taVfb+.prc-ActionList-ActionListItem-So4vC .prc-ActionList-ActionListSubContent-gKsFp:before{visibility:hidden}.prc-ActionList-ActionList-rPFF2:where([data-dividers=true]) .prc-ActionList-ActionListItem-So4vC:first-of-type [data-description-variant=inline]:before,.prc-ActionList-ActionList-rPFF2:where([data-dividers=true]) .prc-ActionList-Divider-taVfb+.prc-ActionList-ActionListItem-So4vC [data-description-variant=inline]:before{visibility:hidden}.prc-ActionList-ActionList-rPFF2 .prc-ActionList-Divider-taVfb:first-child{display:none}.prc-ActionList-ActionList-rPFF2[data-mixed-descriptions=true] .prc-ActionList-ItemLabel-81ohH{font-weight:var(--base-text-weight-normal,400)}.prc-ActionList-ActionListItem-So4vC{background-color:var(--control-transparent-bgColor-rest,#ffffff00);border-radius:var(--borderRadius-medium,.375rem);list-style:none;position:relative}.prc-ActionList-ActionListItem-So4vC:has(>.prc-ActionList-TrailingAction-dMRxe){display:flex;flex-wrap:nowrap}@media (forced-colors:active){.prc-ActionList-ActionListItem-So4vC :focus,.prc-ActionList-ActionListItem-So4vC:focus-visible,.prc-ActionList-ActionListItem-So4vC>a.prc-ActionList-focus-visible-OJCTY,.prc-ActionList-ActionListItem-So4vC[data-is-active-descendant]{outline:1px solid transparent!important}}@media (hover:hover){.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):active,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):hover{cursor:pointer}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):hover{background-color:var(--control-transparent-bgColor-hover,#818b981a)}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):hover:not([data-active],:focus-visible){box-shadow:var(--boxShadow-thin,inset 0 0 0 .0625rem) var(--control-transparent-borderColor-active,#ffffff00);outline:solid var(--borderWidth-thin,.0625rem) transparent;outline-offset:calc(var(--borderWidth-thin,.0625rem)*-1)}}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):active{background-color:var(--control-transparent-bgColor-active,#818b9826)}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):active:not([data-active]){box-shadow:var(--boxShadow-thin,inset 0 0 0 .0625rem) var(--control-transparent-borderColor-active,#ffffff00);outline:solid var(--borderWidth-thin,.0625rem) transparent;outline-offset:calc(var(--borderWidth-thin,.0625rem)*-1)}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):focus-visible{box-shadow:none;outline:2px solid var(--focus-outline-color,var(--focus-outlineColor,#0969da));outline-offset:0}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):focus-visible .prc-ActionList-ActionListSubContent-gKsFp:before,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):focus-visible+.prc-ActionList-ActionListItem-So4vC .prc-ActionList-ActionListSubContent-gKsFp:before{visibility:hidden}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]) .prc-ActionList-ItemLabel-81ohH,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]) .prc-ActionList-LeadingAction-hbWbh,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]) .prc-ActionList-LeadingVisual-NBr28{color:var(--control-danger-fgColor-rest,#d1242f)}@media (hover:hover){.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]):hover{background:var(--control-danger-bgColor-hover,#ffebe9)}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]):hover .prc-ActionList-ItemLabel-81ohH,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]):hover .prc-ActionList-LeadingAction-hbWbh,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]):hover .prc-ActionList-LeadingVisual-NBr28{color:var(--control-danger-fgColor-hover,#d1242f)}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]):hover [data-kbd-chord]{background-color:var(--bgColor-default,#fff);transition:none}}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]):active{background:var(--control-danger-bgColor-active,#ffebe966)}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]):active .prc-ActionList-ItemLabel-81ohH,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]):active .prc-ActionList-LeadingAction-hbWbh,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]):active .prc-ActionList-LeadingVisual-NBr28{color:var(--control-danger-fgColor-hover,#d1242f)}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-variant=danger]):active [data-kbd-chord]{background-color:var(--bgColor-default,#fff);transition:none}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-active]){background:var(--control-transparent-bgColor-selected,#818b9826);outline:2px solid transparent}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-active]) .prc-ActionList-ItemLabel-81ohH{color:var(--control-fgColor-rest,#25292e);font-weight:var(--base-text-weight-semibold,600)}@media (hover:hover){.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-active]):hover{background-color:var(--control-transparent-bgColor-hover,#818b981a)}}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-active]) .prc-ActionList-ActionListSubContent-gKsFp:before,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-active])+.prc-ActionList-ActionListItem-So4vC .prc-ActionList-ActionListSubContent-gKsFp:before{visibility:hidden}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-active]):after{background:var(--borderColor-accent-emphasis,#0969da);border-radius:var(--borderRadius-medium,.375rem);content:"";height:calc(100% - var(--base-size-8,.5rem));left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:var(--base-size-4,.25rem);width:var(--base-size-4,.25rem)}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-is-active-descendant]){background:var(--control-transparent-bgColor-selected,#818b9826);outline:2px solid transparent}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-is-active-descendant]):after{background:var(--borderColor-accent-emphasis,#0969da);border-radius:var(--borderRadius-medium,.375rem);content:"";height:calc(100% - var(--base-size-8,.5rem));left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:var(--base-size-4,.25rem);width:var(--base-size-4,.25rem)}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-inactive=true]) * :not([popover],.prc-ActionList-InactiveWarning-1Dszv){color:var(--fgColor-muted,#59636e)}@media (hover:hover){.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-inactive=true]):hover{background-color:transparent;cursor:not-allowed}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-inactive=true]):hover * :not([popover],.prc-ActionList-InactiveWarning-1Dszv){color:var(--fgColor-muted,#59636e)}}.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-inactive=true]):active{background:transparent}:is(.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-loading=true]),.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true])>[data-loading=true]) .prc-ActionList-Description-Z-EZJ,:is(.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-loading=true]),.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true])>[data-loading=true]) .prc-ActionList-ItemLabel-81ohH,:is(.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-loading=true]),.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true])>[data-loading=true]) .prc-ActionList-LeadingAction-hbWbh,:is(.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-loading=true]),.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true])>[data-loading=true]) .prc-ActionList-LeadingVisual-NBr28,:is(.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-loading=true]),.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true])>[data-loading=true]) .prc-ActionList-TrailingVisual-jwT9C,:is(.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):where([data-loading=true]),.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true])>[data-loading=true]) .prc-ActionList-VisualWrap-bdCsS{color:var(--fgColor-muted,#59636e)}@media (hover:hover){.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):hover .prc-ActionList-ActionListSubContent-gKsFp:before,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):hover [data-description-variant=inline]:before,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):hover+.prc-ActionList-ActionListItem-So4vC .prc-ActionList-ActionListSubContent-gKsFp:before,.prc-ActionList-ActionListItem-So4vC:not([data-is-disabled],[data-has-subitem=true]):hover+.prc-ActionList-ActionListItem-So4vC [data-description-variant=inline]:before{visibility:hidden}}.prc-ActionList-ActionListItem-So4vC[data-has-subitem=true]>.prc-ActionList-ActionListContent-KBb8-{z-index:1}@media (hover:hover){:is(.prc-ActionList-ActionListItem-So4vC[data-has-subitem=true]>.prc-ActionList-ActionListContent-KBb8-):hover{background-color:var(--control-transparent-bgColor-hover,#818b981a);cursor:pointer}}:is(.prc-ActionList-ActionListItem-So4vC[data-has-subitem=true]>.prc-ActionList-ActionListContent-KBb8-):active{background-color:var(--control-transparent-bgColor-active,#818b9826)}.prc-ActionList-ActionListItem-So4vC[data-has-subitem=true] .prc-ActionList-Spacer-4tR2m{display:block}:is(.prc-ActionList-ActionListItem-So4vC[aria-disabled=true],.prc-ActionList-ActionListItem-So4vC[data-is-disabled]) .prc-ActionList-ActionListContent-KBb8- *{color:var(--control-fgColor-disabled,#818b98)}@media (hover:hover){:is(:is(.prc-ActionList-ActionListItem-So4vC[aria-disabled=true],.prc-ActionList-ActionListItem-So4vC[data-is-disabled]) .prc-ActionList-ActionListContent-KBb8-):hover{background-color:transparent;cursor:not-allowed}}@media (hover:hover){:is(.prc-ActionList-ActionListItem-So4vC[aria-disabled=true],.prc-ActionList-ActionListItem-So4vC[data-is-disabled]):hover{background-color:transparent}}:is(.prc-ActionList-ActionListItem-So4vC[aria-disabled=true],.prc-ActionList-ActionListItem-So4vC[data-is-disabled]) .prc-ActionList-MultiSelectCheckbox-2OqxZ{background-color:var(--control-bgColor-disabled,#eff2f5);border-color:var(--control-borderColor-disabled,#818b981a)}:is([aria-checked=true]:is(.prc-ActionList-ActionListItem-So4vC[aria-disabled=true],.prc-ActionList-ActionListItem-So4vC[data-is-disabled]),[aria-selected=true]:is(.prc-ActionList-ActionListItem-So4vC[aria-disabled=true],.prc-ActionList-ActionListItem-So4vC[data-is-disabled])) .prc-ActionList-MultiSelectCheckbox-2OqxZ{background-color:var(--control-checked-bgColor-disabled,#818b98);border-color:var(--control-checked-bgColor-disabled,#818b98)}:is(:is([aria-checked=true]:is(.prc-ActionList-ActionListItem-So4vC[aria-disabled=true],.prc-ActionList-ActionListItem-So4vC[data-is-disabled]),[aria-selected=true]:is(.prc-ActionList-ActionListItem-So4vC[aria-disabled=true],.prc-ActionList-ActionListItem-So4vC[data-is-disabled])) .prc-ActionList-MultiSelectCheckbox-2OqxZ):before{background-color:var(--control-checked-fgColor-disabled,#fff)}.prc-ActionList-ActionListItem-So4vC:has(.prc-ActionList-TrailingAction-dMRxe [data-loading=true]):not([data-is-disabled]) .prc-ActionList-ItemLabel-81ohH{color:var(--fgColor-default,#1f2328)}.prc-ActionList-ActionListItem-So4vC:has(.prc-ActionList-TrailingAction-dMRxe [data-loading=true]):not([data-is-disabled]) .prc-ActionList-Description-Z-EZJ{color:var(--fgColor-default,#1f2328)}.prc-ActionList-ActionListItem-So4vC[aria-hidden]+.prc-ActionList-Divider-taVfb{display:none}.prc-ActionList-ActionListItem-So4vC .prc-ActionList-MultiSelectCheckbox-2OqxZ{background-color:var(--bgColor-default,#fff);border:var(--borderWidth-thin,.0625rem) solid var(--control-borderColor-emphasis,#818b98);border-radius:var(--borderRadius-small,.1875rem);cursor:pointer;display:grid;height:var(--base-size-16,1rem);margin:0;place-content:center;position:relative;transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1);width:var(--base-size-16,1rem)}:is(.prc-ActionList-ActionListItem-So4vC .prc-ActionList-MultiSelectCheckbox-2OqxZ):before{animation:prc-ActionList-checkmarkOut-GbMf4 80ms cubic-bezier(.65,0,.35,1);background-color:var(--control-checked-fgColor-rest,#fff);clip-path:inset(var(--base-size-16,1rem) 0 0 0);content:"";height:var(--base-size-16,1rem);mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTIgOSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzguMjJhLjc1Ljc1IDAgMCAxIDAgMS4wNjFMNC41MiA4LjU0MWEuNzUuNzUgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1Ljc1IDAgMCAxIDEuMDYyIDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");mask-position:center;mask-repeat:no-repeat;mask-size:75%;transition:visibility 0s linear .23s;width:var(--base-size-16,1rem)}@media (forced-colors:active){.prc-ActionList-ActionListItem-So4vC .prc-ActionList-MultiSelectCheckbox-2OqxZ{border-width:var(--borderWidth-thin,.0625rem)}}:is(.prc-ActionList-ActionListItem-So4vC[aria-checked=true],.prc-ActionList-ActionListItem-So4vC[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-2OqxZ{background-color:var(--control-checked-bgColor-rest,#0969da);border-color:var(--control-checked-borderColor-rest,#0969da);transition:background-color,border-color 80ms cubic-bezier(.32,0,.67,0) 0s}:is(:is(.prc-ActionList-ActionListItem-So4vC[aria-checked=true],.prc-ActionList-ActionListItem-So4vC[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-2OqxZ):before{animation:prc-ActionList-checkmarkIn-gjsPG 80ms cubic-bezier(.65,0,.35,1) 80ms forwards;transition:visibility 0s linear 0s;visibility:visible}@media (forced-colors:active){:is(.prc-ActionList-ActionListItem-So4vC[aria-checked=true],.prc-ActionList-ActionListItem-So4vC[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-2OqxZ{border-width:8px}}:is(.prc-ActionList-ActionListItem-So4vC[aria-checked=true],.prc-ActionList-ActionListItem-So4vC[aria-selected=true]) .prc-ActionList-SingleSelectCheckmark-zMd8d{visibility:visible}:is(:is(.prc-ActionList-ActionListItem-So4vC[aria-checked=false],.prc-ActionList-ActionListItem-So4vC[aria-selected=false]) .prc-ActionList-MultiSelectCheckbox-2OqxZ):before{visibility:hidden}:is(.prc-ActionList-ActionListItem-So4vC[aria-checked=false],.prc-ActionList-ActionListItem-So4vC[aria-selected=false]) .prc-ActionList-SingleSelectCheckmark-zMd8d{visibility:hidden}.prc-ActionList-SingleSelectCheckmark-zMd8d{visibility:hidden}.prc-ActionList-ActionListContent-KBb8-{--subitem-depth:0px;background-color:transparent;border:none;border-radius:var(--borderRadius-medium,.375rem);color:var(--control-fgColor-rest,#25292e);display:grid;padding-block:var(--control-medium-paddingBlock,.375rem);padding-inline:var(--control-medium-paddingInline-condensed,.5rem);position:relative;text-align:left;touch-action:manipulation;transition:background 33.333ms linear;-webkit-user-select:none;user-select:none;width:100%;-webkit-tap-highlight-color:transparent;align-items:start;grid-template-areas:"spacer leadingAction leadingVisual content";grid-template-columns:min-content min-content min-content minmax(0,auto);grid-template-rows:min-content}.prc-ActionList-ActionListContent-KBb8->:not(:last-child,.prc-ActionList-Spacer-4tR2m){margin-right:var(--control-medium-gap,.5rem)}.prc-ActionList-ActionListContent-KBb8-:hover{cursor:pointer;-webkit-text-decoration:none;text-decoration:none}.prc-ActionList-ActionListContent-KBb8-[data-size=large]{padding-block:var(--control-large-paddingBlock,.625rem)}.prc-ActionList-ActionListContent-KBb8-[aria-expanded=true] .prc-ActionList-ExpandIcon-J4OqB{transform:scaleY(-1)}.prc-ActionList-ActionListContent-KBb8-[aria-expanded=false] .prc-ActionList-ExpandIcon-J4OqB{transform:scaleY(1)}.prc-ActionList-ActionListContent-KBb8-[aria-expanded=false]~.prc-ActionList-SubGroup-5Zje2{display:none}.prc-ActionList-ActionListContent-KBb8-[aria-expanded=false]:has(~.prc-ActionList-SubGroup-5Zje2 [data-active=true]){background:var(--control-transparent-bgColor-selected,#818b9826)}.prc-ActionList-ActionListContent-KBb8-[aria-expanded=false]:has(~.prc-ActionList-SubGroup-5Zje2 [data-active=true]) .prc-ActionList-ItemLabel-81ohH{font-weight:var(--base-text-weight-semibold,600)}.prc-ActionList-ActionListContent-KBb8-[aria-expanded=false]:has(~.prc-ActionList-SubGroup-5Zje2 [data-active=true]) .prc-ActionList-ActionListSubContent-gKsFp:before,.prc-ActionList-ActionListContent-KBb8-[aria-expanded=false]:has(~.prc-ActionList-SubGroup-5Zje2 [data-active=true])+.prc-ActionList-ActionListItem-So4vC .prc-ActionList-ActionListSubContent-gKsFp:before{visibility:hidden}.prc-ActionList-ActionListContent-KBb8-[aria-expanded=false]:has(~.prc-ActionList-SubGroup-5Zje2 [data-active=true]):after{background:var(--borderColor-accent-emphasis,#0969da);border-radius:var(--borderRadius-medium,.375rem);content:"";height:calc(100% - var(--base-size-8,.5rem));left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:var(--base-size-4,.25rem);width:var(--base-size-4,.25rem)}.prc-ActionList-ActionListSubContent-gKsFp{align-items:start;display:grid;grid-area:content;grid-template-areas:"label trailingVisual trailingAction";grid-template-columns:minmax(0,auto) min-content min-content;grid-template-rows:min-content;position:relative;width:100%}.prc-ActionList-ActionListSubContent-gKsFp>:not(:last-child){margin-right:var(--control-medium-gap,.5rem)}.prc-ActionList-Spacer-4tR2m{display:none;grid-area:spacer;width:max(0px,var(--subitem-depth) * 8px)}.prc-ActionList-LeadingAction-hbWbh{grid-area:leadingAction}.prc-ActionList-LeadingVisual-NBr28{grid-area:leadingVisual}.prc-ActionList-TrailingVisual-jwT9C{font-size:var(--text-body-size-medium,.875rem);grid-area:trailingVisual}.prc-ActionList-TrailingAction-dMRxe{grid-area:trailingAction}.prc-ActionList-TrailingAction-dMRxe>[data-loading-wrapper]{height:100%}.prc-ActionList-ItemDescriptionWrap-ujC8S{display:flex;flex-direction:column;gap:var(--base-size-4,.25rem);grid-area:label}.prc-ActionList-ItemDescriptionWrap-ujC8S .prc-ActionList-ItemLabel-81ohH{font-weight:var(--base-text-weight-semibold,600);word-break:break-word}.prc-ActionList-ItemDescriptionWrap-ujC8S:where([data-description-variant=inline]){align-items:baseline;flex-direction:row;gap:var(--base-size-8,.5rem);position:relative;word-break:normal}.prc-ActionList-ItemDescriptionWrap-ujC8S:where([data-description-variant=inline]) .prc-ActionList-ItemLabel-81ohH{word-break:normal}.prc-ActionList-ItemDescriptionWrap-ujC8S:where([data-description-variant=inline]):has([data-truncate=true]) .prc-ActionList-ItemLabel-81ohH{flex:1 0 auto}.prc-ActionList-ItemDescriptionWrap-ujC8S:where([data-description-variant=inline]) .prc-ActionList-Description-Z-EZJ{line-height:16px}.prc-ActionList-Description-Z-EZJ{font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-normal,400);line-height:16px}.prc-ActionList-Description-Z-EZJ,.prc-ActionList-VisualWrap-bdCsS{color:var(--fgColor-muted,#59636e)}.prc-ActionList-VisualWrap-bdCsS{display:flex;line-height:20px;min-height:var(--base-size-20,1.25rem);min-width:max-content;pointer-events:none;fill:var(--fgColor-muted,#59636e);align-items:center}.prc-ActionList-ItemLabel-81ohH{color:var(--fgColor-default,#1f2328);font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-normal,400);grid-area:label;line-height:20px;position:relative;word-break:break-word}.prc-ActionList-SubGroup-5Zje2 .prc-ActionList-ItemLabel-81ohH{font-size:var(--text-body-size-small,.75rem)}.prc-ActionList-SubGroup-5Zje2 .prc-ActionList-ActionListItem-So4vC{margin-inline:0}.prc-ActionList-TrailingActionButton-UUAk6{border-bottom-left-radius:0;border-top-left-radius:0;height:100%}.prc-ActionList-TrailingActionButton-UUAk6[data-loading=true]:has([data-component=buttonContent]){padding:0 0 0 calc(var(--base-size-12,.75rem)*2)}.prc-ActionList-TrailingActionButton-UUAk6[data-loading=true]:has([data-component=buttonContent]) [data-component=loadingSpinner]{align-items:center;display:flex;height:var(--control-medium-size,2rem);justify-content:center;place-self:end;width:var(--control-medium-size,2rem)}.prc-ActionList-InactiveButtonWrap-Ia-xM:has(.prc-ActionList-TrailingVisual-jwT9C){grid-area:trailingVisual}.prc-ActionList-InactiveButtonWrap-Ia-xM:has(.prc-ActionList-LeadingVisual-NBr28){grid-area:leadingVisual}.prc-ActionList-Divider-taVfb{background:var(--borderColor-muted,#d1d9e0b3);border:0;display:block;height:var(--borderWidth-thin,.0625rem);list-style:none;margin-block-end:var(--base-size-8,.5rem);margin-block-start:calc(var(--base-size-8,.5rem) - var(--borderWidth-thin,.0625rem));padding:0}.prc-ActionList-InactiveButtonReset-uK4-x{background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;padding:0}.prc-ActionList-InactiveWarning-1Dszv{color:var(--fgColor-attention,#9a6700);font-size:var(--text-body-size-small,.75rem);grid-row:2/2;line-height:16px}@keyframes prc-ActionList-checkmarkIn-gjsPG{0%{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes prc-ActionList-checkmarkOut-GbMf4{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}}
-/*# sourceMappingURL=ActionList-53389912.css.map */
+/*# sourceMappingURL=ActionList-2a35a40c.css.map */

package/dist/ActionList/ActionList-2a35a40c.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ActionList/ActionList.module.css.js","../../postcss-preset-primer/src/mixins/focusOutline.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"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","file":"ActionList-2a35a40c.css","sourcesContent":["/* stylelint-disable max-nesting-depth, selector-max-specificity */\n\n.ActionList {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n\n  ul {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  &:where([data-variant='inset']) {\n    padding-block: var(--base-size-8);\n  }\n\n  &:where([data-variant='inset'], [data-variant='horizontal-inset']) {\n    /* this is only to match default experience */\n    & .ActionListItem {\n      margin-inline: var(--base-size-8);\n    }\n  }\n\n  &:where([data-variant='horizontal-inset']) {\n    padding-bottom: var(--base-size-8);\n  }\n\n  &:where([data-dividers='true']) {\n    /* place dividers on the wrapper that excludes leading visuals/actions */\n    & .ActionListSubContent::before {\n      position: absolute;\n\n      /* use this top size after FF removed */\n\n      /* top: calc(-1 * var(--control-medium-paddingBlock)); */\n      /* stylelint-disable-next-line primer/spacing */\n      top: -7px;\n      display: block;\n      width: 100%;\n      height: 1px;\n      content: '';\n      /* stylelint-disable-next-line primer/colors */\n      background: var(--borderColor-muted);\n    }\n\n    /* if inline description, move pseudo divider to description wrapper */\n    & [data-description-variant='inline'] {\n      &::before {\n        position: absolute;\n\n        /* use this top size after FF removed */\n\n        /* top: calc(-1 * var(--control-medium-paddingBlock)); */\n        /* stylelint-disable-next-line primer/spacing */\n        top: -7px;\n        display: block;\n        width: 100%;\n        height: var(--borderWidth-thin);\n        content: '';\n        /* stylelint-disable-next-line primer/colors */\n        background: var(--borderColor-muted);\n      }\n\n      /* remove the default divider */\n      & .ActionListSubContent::before {\n        content: unset;\n      }\n    }\n\n    /* hide if item is first of type with label::before, or is the first item after a sectionDivider */\n    .ActionListItem:first-of-type .ActionListSubContent::before,\n    .Divider + .ActionListItem .ActionListSubContent::before {\n      visibility: hidden;\n    }\n\n    /* hide if item is first of type with label::before, or is the first item after a sectionDivider */\n    .ActionListItem:first-of-type [data-description-variant='inline']::before,\n    .Divider + .ActionListItem [data-description-variant='inline']::before {\n      visibility: hidden;\n    }\n  }\n\n  /* Make sure that the first visible item isn't a divider */\n  & .Divider:first-child {\n    display: none;\n  }\n\n  /* if a list has a mix of items with and without descriptions, reset the label font-weight to normal */\n  &[data-mixed-descriptions='true'] {\n    & .ItemLabel {\n      font-weight: var(--base-text-weight-normal);\n    }\n  }\n}\n\n/* ActionListItem is a li that handles visual state, while ActionListItemContent controls actual state via button or link */\n\n.ActionListItem {\n  position: relative;\n  list-style: none;\n  background-color: var(--control-transparent-bgColor-rest);\n  border-radius: var(--borderRadius-medium);\n\n  /* apply flex if trailing action exists as an immediate child */\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:has(> .TrailingAction) {\n    display: flex;\n    flex-wrap: nowrap;\n  }\n\n  /* state */\n\n  @media (forced-colors: active) {\n    :focus,\n    &:focus-visible,\n    /* stylelint-disable-next-line selector-no-qualifying-type */\n    >a.focus-visible,\n    &[data-is-active-descendant] {\n      /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */\n      outline: solid 1px transparent !important;\n    }\n  }\n\n  &:not([data-is-disabled], [data-has-subitem='true']) {\n    @media (hover: hover) {\n      &:hover,\n      &:active {\n        cursor: pointer;\n      }\n\n      &:hover {\n        background-color: var(--control-transparent-bgColor-hover);\n\n        &:not([data-active], :focus-visible) {\n          /* Support for \"Windows high contrast mode\" https:sarahmhigley.com/writing/whcm-quick-tips/ */\n          outline: solid var(--borderWidth-thin) transparent;\n          outline-offset: calc(-1 * var(--borderWidth-thin));\n          box-shadow: var(--boxShadow-thin) var(--control-transparent-borderColor-active);\n        }\n      }\n    }\n\n    &:active {\n      background-color: var(--control-transparent-bgColor-active);\n\n      &:not([data-active]) {\n        /* Support for \"Windows high contrast mode\" https:sarahmhigley.com/writing/whcm-quick-tips/ */\n        outline: solid var(--borderWidth-thin) transparent;\n        outline-offset: calc(-1 * var(--borderWidth-thin));\n        box-shadow: var(--boxShadow-thin) var(--control-transparent-borderColor-active);\n      }\n    }\n\n    &:focus-visible {\n      @mixin focusOutline 0;\n\n      & .ActionListSubContent::before,\n      & + .ActionListItem .ActionListSubContent::before {\n        visibility: hidden;\n      }\n    }\n\n    /* danger */\n    &:where([data-variant='danger']) {\n      & .LeadingAction,\n      .LeadingVisual,\n      .ItemLabel {\n        color: var(--control-danger-fgColor-rest);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          background: var(--control-danger-bgColor-hover);\n\n          & .LeadingAction,\n          .LeadingVisual,\n          .ItemLabel {\n            color: var(--control-danger-fgColor-hover);\n          }\n\n          & [data-kbd-chord] {\n            background-color: var(--bgColor-default);\n            transition: none;\n          }\n        }\n      }\n\n      &:active {\n        background: var(--control-danger-bgColor-active);\n\n        & .LeadingAction,\n        .LeadingVisual,\n        .ItemLabel {\n          color: var(--control-danger-fgColor-hover);\n        }\n\n        & [data-kbd-chord] {\n          background-color: var(--bgColor-default);\n          transition: none;\n        }\n      }\n    }\n\n    /* active state [aria-current] */\n    &:where([data-active]) {\n      background: var(--control-transparent-bgColor-selected);\n\n      /* provides a visual indication of the current item for Windows high-contrast mode */\n      outline: 2px solid transparent;\n\n      & .ItemLabel {\n        font-weight: var(--base-text-weight-semibold);\n        color: var(--control-fgColor-rest);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          background-color: var(--control-transparent-bgColor-hover);\n        }\n      }\n\n      /* hide dividers if showDividers is true and item is active */\n\n      & .ActionListSubContent::before,\n      & + .ActionListItem .ActionListSubContent::before {\n        visibility: hidden;\n      }\n\n      /* blue accent line  */\n      &::after {\n        @mixin activeIndicatorLine;\n      }\n    }\n\n    &:where([data-is-active-descendant]) {\n      background: var(--control-transparent-bgColor-selected);\n\n      /* provides a visual indication of the current item for Windows high-contrast mode */\n      outline: 2px solid transparent;\n\n      /* hide dividers if showDividers is true and item is active */\n\n      /* add back in after FF ship */\n\n      /* & .ActionListSubContent::before,\n      & + .ActionListItem .ActionListSubContent::before {\n        visibility: hidden;\n      } */\n\n      /* blue accent line  */\n      &::after {\n        @mixin activeIndicatorLine;\n      }\n    }\n\n    /* inactive */\n    &:where([data-inactive='true']) {\n      /* ignore tooltip */\n      & * :not([popover], .InactiveWarning) {\n        color: var(--fgColor-muted);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          cursor: not-allowed;\n          background-color: transparent;\n\n          & * :not([popover], .InactiveWarning) {\n            color: var(--fgColor-muted);\n          }\n        }\n      }\n\n      &:active {\n        background: transparent;\n      }\n    }\n\n    &:where([data-loading='true']),\n    & > [data-loading='true'] {\n      & .ItemLabel,\n      & .Description,\n      & .LeadingVisual,\n      & .TrailingVisual,\n      & .LeadingAction,\n      & .VisualWrap {\n        color: var(--fgColor-muted);\n      }\n    }\n\n    /* hide dividers  */\n    @media (hover: hover) {\n      &:hover {\n        & .ActionListSubContent::before,\n        & + .ActionListItem .ActionListSubContent::before {\n          visibility: hidden;\n        }\n\n        & [data-description-variant='inline']::before,\n        & + .ActionListItem [data-description-variant='inline']::before {\n          visibility: hidden;\n        }\n      }\n    }\n  }\n\n  /* if item has subitem, move hover styles to ActionListContent */\n  &[data-has-subitem='true'] {\n    /* first child */\n    & > .ActionListContent {\n      z-index: 1;\n\n      @media (hover: hover) {\n        &:hover {\n          cursor: pointer;\n          background-color: var(--control-transparent-bgColor-hover);\n        }\n      }\n\n      &:active {\n        background-color: var(--control-transparent-bgColor-active);\n      }\n    }\n\n    & .Spacer {\n      display: block;\n    }\n  }\n\n  /* disabled */\n\n  &[aria-disabled='true'],\n  &[data-is-disabled] {\n    & .ActionListContent * {\n      color: var(--control-fgColor-disabled);\n    }\n\n    & .ActionListContent {\n      @media (hover: hover) {\n        &:hover {\n          cursor: not-allowed;\n          background-color: transparent;\n        }\n      }\n    }\n\n    @media (hover: hover) {\n      &:hover {\n        background-color: transparent;\n      }\n    }\n\n    & .MultiSelectCheckbox {\n      background-color: var(--control-bgColor-disabled);\n      border-color: var(--control-borderColor-disabled);\n    }\n\n    &[aria-checked='true'],\n    &[aria-selected='true'] {\n      & .MultiSelectCheckbox {\n        background-color: var(--control-checked-bgColor-disabled);\n        /* stylelint-disable-next-line primer/colors */\n        border-color: var(--control-checked-bgColor-disabled);\n\n        &::before {\n          /* stylelint-disable-next-line primer/colors */\n          background-color: var(--control-checked-fgColor-disabled);\n        }\n      }\n    }\n  }\n\n  /* When TrailingAction is in loading state, keep labels and descriptions accessible */\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:has(.TrailingAction [data-loading='true']):not([data-is-disabled]) {\n    /* Ensure labels and descriptions maintain accessibility contrast */\n    & .ItemLabel {\n      color: var(--fgColor-default);\n    }\n\n    & .Description {\n      color: var(--fgColor-default);\n    }\n  }\n\n  /* Make sure that the first visible item isn't a divider */\n  &[aria-hidden] + .Divider {\n    display: none;\n  }\n\n  /*\n  * checkbox item [aria-checked]\n  * listbox [aria-selected]\n  */\n\n  & .MultiSelectCheckbox {\n    position: relative;\n    display: grid;\n    width: var(--base-size-16);\n    height: var(--base-size-16);\n    margin: 0;\n    cursor: pointer;\n    background-color: var(--bgColor-default);\n    border: var(--borderWidth-thin) solid var(--control-borderColor-emphasis);\n    border-radius: var(--borderRadius-small);\n    transition:\n      background-color,\n      border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);\n    /* checked -> unchecked - add 120ms delay to fully see animation-out */\n\n    place-content: center;\n\n    &::before {\n      width: var(--base-size-16);\n      height: var(--base-size-16);\n      content: '';\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--control-checked-fgColor-rest);\n      transition: visibility 0s linear 230ms;\n      clip-path: inset(var(--base-size-16) 0 0 0);\n\n      /* octicon checkmark image */\n      mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');\n      mask-size: 75%;\n      mask-repeat: no-repeat;\n      mask-position: center;\n      animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1);\n      /*  forwards;  slightly snappier animation out */\n    }\n\n    @media (forced-colors: active) {\n      /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */\n\n      /* background-color will be overriden but border-width is a workaround */\n      border-width: var(--borderWidth-thin);\n    }\n  }\n\n  &[aria-checked='true'],\n  &[aria-selected='true'] {\n    & .MultiSelectCheckbox {\n      background-color: var(--control-checked-bgColor-rest);\n      border-color: var(--control-checked-borderColor-rest);\n      transition:\n        background-color,\n        border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms;\n      /* unchecked -> checked */\n\n      &::before {\n        visibility: visible;\n        transition: visibility 0s linear 0s;\n        animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n      }\n\n      @media (forced-colors: active) {\n        /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips\n        background-color will be overriden but border-width is a workaround */\n        /* stylelint-disable-next-line primer/borders */\n        border-width: 8px;\n      }\n    }\n\n    & .SingleSelectCheckmark {\n      visibility: visible;\n    }\n  }\n\n  &[aria-checked='false'],\n  &[aria-selected='false'] {\n    & .MultiSelectCheckbox {\n      &::before {\n        visibility: hidden;\n      }\n    }\n\n    & .SingleSelectCheckmark {\n      visibility: hidden;\n    }\n  }\n}\n\n/* hide by default to support inactive state where role cannot be menuitemradio or menuitemcheckbox */\n.SingleSelectCheckmark {\n  visibility: hidden;\n}\n\n/* button or a tag */\n\n/* [ [spacer] [leadingAction] [leadingVisual] [content] ] */\n.ActionListContent {\n  --subitem-depth: 0px;\n\n  position: relative;\n  display: grid;\n  width: 100%;\n  color: var(--control-fgColor-rest);\n  text-align: left;\n  user-select: none;\n  background-color: transparent;\n  border: none;\n  border-radius: var(--borderRadius-medium);\n  transition: background 33.333ms linear;\n  /* stylelint-disable-next-line primer/spacing */\n  padding-block: var(--control-medium-paddingBlock);\n  /* stylelint-disable-next-line primer/spacing */\n  padding-inline: var(--control-medium-paddingInline-condensed);\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n  grid-template-rows: min-content;\n  grid-template-areas: 'spacer leadingAction leadingVisual content';\n  grid-template-columns: min-content min-content min-content minmax(0, auto);\n  align-items: start;\n\n  /* column-gap persists with empty grid-areas, margin applies only when children exist */\n  & > :not(:last-child, .Spacer) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-right: var(--control-medium-gap);\n  }\n\n  &:hover {\n    text-decoration: none;\n    cursor: pointer;\n  }\n\n  /* large */\n\n  &[data-size='large'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-block: var(--control-large-paddingBlock);\n  }\n\n  /* collapsible item [aria-expanded] */\n\n  &[aria-expanded='true'] {\n    & .ExpandIcon {\n      transform: scaleY(-1);\n    }\n  }\n\n  &[aria-expanded='false'] {\n    & .ExpandIcon {\n      transform: scaleY(1);\n    }\n\n    & ~ .SubGroup {\n      display: none;\n    }\n\n    /* show active indicator on parent collapse if child is active */\n    /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n    &:has(~ .SubGroup [data-active='true']) {\n      background: var(--control-transparent-bgColor-selected);\n\n      & .ItemLabel {\n        font-weight: var(--base-text-weight-semibold);\n      }\n\n      & .ActionListSubContent::before,\n      & + .ActionListItem .ActionListSubContent::before {\n        visibility: hidden;\n      }\n\n      /* blue accent line */\n      &::after {\n        @mixin activeIndicatorLine;\n      }\n    }\n  }\n}\n\n/* [ [content] [trailingVisual] [trailingAction] ] */\n.ActionListSubContent {\n  grid-area: content;\n  position: relative;\n  display: grid;\n  width: 100%;\n  grid-template-rows: min-content;\n  grid-template-areas: 'label trailingVisual trailingAction';\n  grid-template-columns: minmax(0, auto) min-content min-content;\n  align-items: start;\n\n  /* column-gap persists with empty grid-areas, margin applies only when children exist */\n  & > :not(:last-child) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-right: var(--control-medium-gap);\n  }\n}\n\n/* place children on grid */\n\n/* spacer used to create depth for nested lists */\n\n.Spacer {\n  display: none;\n  width: max(0px, var(--subitem-depth) * 8px);\n  grid-area: spacer;\n}\n\n.LeadingAction {\n  grid-area: leadingAction;\n}\n\n.LeadingVisual {\n  grid-area: leadingVisual;\n}\n\n.TrailingVisual {\n  grid-area: trailingVisual;\n  font-size: var(--text-body-size-medium);\n}\n\n.TrailingAction {\n  grid-area: trailingAction;\n\n  /* if child is loading button */\n  & > *[data-loading-wrapper] {\n    height: 100%;\n  }\n}\n\n/* wrapper span\ndefault block */\n.ItemDescriptionWrap {\n  grid-area: label;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-4);\n\n  & .ItemLabel {\n    font-weight: var(--base-text-weight-semibold);\n    /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */\n    word-break: break-word;\n  }\n\n  /* inline */\n  &:where([data-description-variant='inline']) {\n    position: relative;\n    word-break: normal;\n    flex-direction: row;\n    align-items: baseline;\n    gap: var(--base-size-8);\n\n    & .ItemLabel {\n      word-break: normal;\n    }\n\n    /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n    &:has([data-truncate='true']) {\n      & .ItemLabel {\n        flex: 1 0 auto;\n      }\n    }\n\n    & .Description {\n      /* stylelint-disable-next-line primer/typography */\n      line-height: 16px;\n    }\n  }\n}\n\n/* description */\n.Description {\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-normal);\n\n  /* line-height: var(--text-caption-lineHeight); */\n\n  /* remove after FF ships */\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 16px;\n  color: var(--fgColor-muted);\n}\n\n/* helper for grid alignment with multi-line content\nspan wrapping svg or text */\n.VisualWrap {\n  display: flex;\n  min-width: max-content;\n  min-height: var(--base-size-20);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px;\n  /* temporary until we fix line-height rounding in primitives */\n  color: var(--fgColor-muted);\n  pointer-events: none;\n  fill: var(--fgColor-muted);\n  align-items: center;\n}\n\n/* text */\n.ItemLabel {\n  position: relative;\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-normal);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px;\n  /* temporary until we fix line-height rounding in primitives */\n  color: var(--fgColor-default);\n  grid-area: label;\n  /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */\n  word-break: break-word;\n}\n\n.SubGroup {\n  & .ItemLabel {\n    font-size: var(--text-body-size-small);\n  }\n\n  & .ActionListItem {\n    margin-inline: 0;\n  }\n}\n\n/* trailing action icon button */\n\n.TrailingActionButton {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  height: 100%;\n\n  /* Preserve width consistency when loading state is active for text buttons only */\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &[data-loading='true']:has([data-component='buttonContent']) {\n    /* Double the left padding to compensate for missing right padding */\n    padding: 0 0 0 calc(var(--base-size-12) * 2);\n\n    /* Position spinner at the end to align with IconButton */\n    & [data-component='loadingSpinner'] {\n      place-self: end;\n      /* Match the IconButton spinner size */\n      width: var(--control-medium-size, 2rem);\n      height: var(--control-medium-size, 2rem);\n      /* Ensure spinner is properly centered */\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n}\n\n.InactiveButtonWrap {\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:has(.TrailingVisual) {\n    grid-area: trailingVisual;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:has(.LeadingVisual) {\n    grid-area: leadingVisual;\n  }\n}\n\n.Divider {\n  display: block;\n  height: var(--borderWidth-thin);\n  padding: 0;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-block-start: calc(var(--base-size-8) - var(--borderWidth-thin));\n  margin-block-end: var(--base-size-8);\n  list-style: none;\n  /* stylelint-disable-next-line primer/colors */\n  background: var(--borderColor-muted);\n  border: 0;\n}\n\n.InactiveButtonReset {\n  display: flex;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  border: none;\n}\n\n.InactiveWarning {\n  font-size: var(--text-body-size-small);\n\n  /* line-height: var(--text-caption-lineHeight); */\n\n  /* use variable when FF removed */\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 16px;\n  color: var(--fgColor-attention);\n  grid-row: 2/2;\n}\n\n@keyframes checkmarkIn {\n  from {\n    clip-path: inset(var(--base-size-16) 0 0 0);\n  }\n\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n@keyframes checkmarkOut {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n\n  to {\n    clip-path: inset(var(--base-size-16) 0 0 0);\n  }\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","@define-mixin activeIndicatorLine {\n  position: absolute;\n  top: var(--base-size-4);\n  left: calc(-1 * var(--base-size-8));\n  width: var(--base-size-4);\n  height: calc(100% - var(--base-size-8));\n  content: '';\n  /* stylelint-disable-next-line primer/colors */\n  background: var(--borderColor-accent-emphasis);\n  border-radius: var(--borderRadius-medium);\n}\n"]}

package/dist/ActionList/ActionList.module.css.js

@@ -1,4 +1,4 @@
-import './ActionList-53389912.css';
+import './ActionList-2a35a40c.css';
 
 var classes = {"ActionList":"prc-ActionList-ActionList-rPFF2","ActionListItem":"prc-ActionList-ActionListItem-So4vC","ActionListSubContent":"prc-ActionList-ActionListSubContent-gKsFp","Divider":"prc-ActionList-Divider-taVfb","ItemLabel":"prc-ActionList-ItemLabel-81ohH","TrailingAction":"prc-ActionList-TrailingAction-dMRxe","focus-visible":"prc-ActionList-focus-visible-OJCTY","LeadingAction":"prc-ActionList-LeadingAction-hbWbh","LeadingVisual":"prc-ActionList-LeadingVisual-NBr28","InactiveWarning":"prc-ActionList-InactiveWarning-1Dszv","Description":"prc-ActionList-Description-Z-EZJ","TrailingVisual":"prc-ActionList-TrailingVisual-jwT9C","VisualWrap":"prc-ActionList-VisualWrap-bdCsS","ActionListContent":"prc-ActionList-ActionListContent-KBb8-","Spacer":"prc-ActionList-Spacer-4tR2m","MultiSelectCheckbox":"prc-ActionList-MultiSelectCheckbox-2OqxZ","checkmarkOut":"prc-ActionList-checkmarkOut-GbMf4","checkmarkIn":"prc-ActionList-checkmarkIn-gjsPG","SingleSelectCheckmark":"prc-ActionList-SingleSelectCheckmark-zMd8d","ExpandIcon":"prc-ActionList-ExpandIcon-J4OqB","SubGroup":"prc-ActionList-SubGroup-5Zje2","ItemDescriptionWrap":"prc-ActionList-ItemDescriptionWrap-ujC8S","TrailingActionButton":"prc-ActionList-TrailingActionButton-UUAk6","InactiveButtonWrap":"prc-ActionList-InactiveButtonWrap-Ia-xM","InactiveButtonReset":"prc-ActionList-InactiveButtonReset-uK4-x"};
 

package/dist/ActionList/{Group-2c8b5711.css → Group-743ff5c8.css}

@@ -1,2 +1,2 @@
 .prc-ActionList-Group-lMIPQ{list-style:none}.prc-ActionList-Group-lMIPQ:not(:first-child){margin-block-start:var(--base-size-8,.5rem)}.prc-ActionList-Group-lMIPQ:not(:first-child):has(.prc-ActionList-GroupHeadingWrap-laXcX+ul>.prc-ActionList-GroupHeadingWrap-laXcX)>.prc-ActionList-GroupHeadingWrap-laXcX{display:none}.prc-ActionList-GroupList-V5B3-{padding-inline-start:0}.prc-ActionList-GroupHeadingWrap-laXcX{color:var(--fgColor-muted,#59636e);display:flex;flex-direction:column;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-semibold,600);line-height:18px;padding-block:var(--base-size-6,.375rem);padding-inline:var(--base-size-16,1rem)}.prc-ActionList-GroupHeadingWrap-laXcX:where([data-variant=filled]){background:var(--bgColor-muted,#f6f8fa);border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-muted,#d1d9e0b3);border-top:var(--borderWidth-thin,.0625rem) solid var(--borderColor-muted,#d1d9e0b3);margin-block-end:var(--base-size-8,.5rem);margin-block-start:calc(var(--base-size-8,.5rem) - var(--borderWidth-thin,.0625rem));padding-inline:var(--base-size-16,1rem)}.prc-ActionList-GroupHeadingWrap-laXcX:where([data-variant=filled]):first-child{margin-block-start:0}.prc-ActionList-GroupHeading-STzxi{align-self:flex-start;color:var(--fgColor-muted,#59636e);font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-semibold,600);margin:0}
-/*# sourceMappingURL=Group-2c8b5711.css.map */
+/*# sourceMappingURL=Group-743ff5c8.css.map */

package/dist/ActionList/Group-743ff5c8.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ActionList/Group.module.css.js"],"names":[],"mappings":"AAAA,4BACE,eAcF,CAZE,8CACE,2CAUF,CAJI,2KACE,YACF,CAKN,gCACE,sBACF,CAEA,uCAQE,kCAA2B,CAP3B,YAAa,CAQb,qBAAsB,CAPtB,4CAAsC,CACtC,gDAA6C,CAI7C,gBAAiB,CAIjB,wCAAiC,CADjC,uCAoBF,CAjBE,oEAIE,uCAAgC,CAEhC,uFAAqE,CADrE,oFAAkE,CAFlE,yCAAoC,CADpC,oFAAsE,CAKtE,uCAKF,CAHE,gFACE,oBACF,CAQJ,mCAKE,qBAAsB,CADtB,kCAA2B,CAF3B,4CAAsC,CACtC,gDAA6C,CAF7C,QAKF","file":"Group-743ff5c8.css","sourcesContent":[".Group {\n  list-style: none;\n\n  &:not(:first-child) {\n    margin-block-start: var(--base-size-8);\n\n    /* If somebody tries to pass the `title` prop AND a `NavList.GroupHeading` as a child, hide the `ActionList.GroupHeading */\n    /* stylelint-disable-next-line selector-max-specificity, selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n    &:has(.GroupHeadingWrap + ul > .GroupHeadingWrap) {\n      /* stylelint-disable-next-line selector-max-specificity */\n      & > .GroupHeadingWrap {\n        display: none;\n      }\n    }\n  }\n}\n\n.GroupList {\n  padding-inline-start: 0;\n}\n\n.GroupHeadingWrap {\n  display: flex;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n\n  /* line-height: var(--text-body-lineHeight-small); use when FF rolls out */\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 18px;\n  color: var(--fgColor-muted);\n  flex-direction: column;\n  padding-inline: var(--base-size-16);\n  padding-block: var(--base-size-6);\n\n  &:where([data-variant='filled']) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-block-start: calc(var(--base-size-8) - var(--borderWidth-thin));\n    margin-block-end: var(--base-size-8);\n    background: var(--bgColor-muted);\n    border-top: solid var(--borderWidth-thin) var(--borderColor-muted);\n    border-bottom: solid var(--borderWidth-thin) var(--borderColor-muted);\n    padding-inline: var(--base-size-16);\n\n    &:first-child {\n      margin-block-start: 0;\n    }\n  }\n\n  /* & + ul:has(.GroupHeadingWrap) {\n    outline: solid 1px red;\n  } */\n}\n\n.GroupHeading {\n  margin: 0;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n  color: var(--fgColor-muted);\n  align-self: flex-start;\n}\n"]}

package/dist/ActionList/Group.module.css.js

@@ -1,4 +1,4 @@
-import './Group-2c8b5711.css';
+import './Group-743ff5c8.css';
 
 var groupClasses = {"Group":"prc-ActionList-Group-lMIPQ","GroupHeadingWrap":"prc-ActionList-GroupHeadingWrap-laXcX","GroupList":"prc-ActionList-GroupList-V5B3-","GroupHeading":"prc-ActionList-GroupHeading-STzxi"};
 

package/dist/AvatarStack/{AvatarStack-8526f38a.css → AvatarStack-9bb5649f.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]) .prc-AvatarStack-AvatarItem-70eW3:is(img){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]) .prc-AvatarStack-AvatarItem-70eW3:is(img){box-shadow:1px 0 #fff}.prc-AvatarStack-AvatarStack-vkIK2:where([data-shape=square][data-align-right]) .prc-AvatarStack-AvatarItem-70eW3:is(img){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;visibility:hidden}.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):focus-within,.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):hover{width:auto}:is(.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):hover,.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;visibility:visible}:is(:is(.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):hover,.prc-AvatarStack-AvatarStackBody-JFK4u:not([data-disable-expand]):focus-within) .prc-AvatarStack-AvatarItem-70eW3):first-child{margin-inline-start:0}
-/*# sourceMappingURL=AvatarStack-8526f38a.css.map */
+/*# sourceMappingURL=AvatarStack-9bb5649f.css.map */

package/dist/AvatarStack/{AvatarStack-8526f38a.css.map → AvatarStack-9bb5649f.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,8BAmHF,CAxGE,wGAEE,uDACF,CAEA,wFACE,iBACF,CAGA,wGAEE,qBACF,CAGA,0HAEE,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,iDAEE,SAAU,CADV,iBAEF,CAGF,uJAEE,UAsBF,CApBE,8LACE,gBAAiB,CAEjB,6CAAuC,CASvC,yEAEK,CATL,SAAU,CADV,kBAeF,CAHE,+MACE,qBACF","file":"AvatarStack-8526f38a.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  &: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    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 unintentially clipping due to the additional size created by the border width */\n\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,8BAoHF,CAzGE,wGAEE,uDACF,CAGA,wFACE,iBACF,CAGA,wGAEE,qBACF,CAGA,0HAEE,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,iDAEE,SAAU,CADV,iBAEF,CAGF,uJAEE,UAsBF,CApBE,8LACE,gBAAiB,CAEjB,6CAAuC,CASvC,yEAEK,CATL,SAAU,CADV,kBAeF,CAHE,+MACE,qBACF","file":"AvatarStack-9bb5649f.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    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 unintentially clipping due to the additional size created by the border width */\n\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-8526f38a.css';
+import './AvatarStack-9bb5649f.css';
 
 var classes = {"AvatarStack":"prc-AvatarStack-AvatarStack-vkIK2","AvatarItem":"prc-AvatarStack-AvatarItem-70eW3","AvatarStackBody":"prc-AvatarStack-AvatarStackBody-JFK4u"};
 

package/dist/Breadcrumbs/{Breadcrumbs-dbfc9d95.css → Breadcrumbs-54395fc6.css}

@@ -1,2 +1,2 @@
 .prc-Breadcrumbs-BreadcrumbsBase-3Gb-B{display:flex;justify-content:space-between;width:100%}.prc-Breadcrumbs-BreadcrumbsList-BKjpe{margin-bottom:0;margin-top:0;padding-left:0}:is([data-overflow=menu],[data-overflow=menu-with-root]) .prc-Breadcrumbs-BreadcrumbsList-BKjpe{display:flex;flex-direction:row;white-space:nowrap}.prc-Breadcrumbs-ItemSeparator-kjXqh{align-self:center;color:var(--fgColor-muted,#59636e);display:flex;justify-content:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.prc-Breadcrumbs-ItemWrapper-k0NLn{list-style:none}.prc-Breadcrumbs-ItemWrapper-k0NLn,.prc-Breadcrumbs-ItemWrapper-k0NLn:after{display:inline-block;font-size:var(--text-body-size-medium,.875rem)}.prc-Breadcrumbs-ItemWrapper-k0NLn:after{border-right:.1em solid var(--fgColor-muted,#59636e);content:"";height:.8em;margin:0 .5em;transform:rotate(15deg) translateY(.0625em)}.prc-Breadcrumbs-ItemWrapper-k0NLn:first-child{margin-left:0}.prc-Breadcrumbs-ItemWrapper-k0NLn:last-child:after{content:none}.prc-Breadcrumbs-Item-jcraJ{display:inline-block;font-size:var(--text-body-size-medium,.875rem)}.prc-Breadcrumbs-Item-jcraJ:focus-visible{border-radius:var(--borderRadius-small,.1875rem);box-shadow:none;outline:2px solid var(--focus-outline-color,var(--focus-outlineColor,#0969da));outline-offset:2px}[data-variant=normal] .prc-Breadcrumbs-Item-jcraJ{color:var(--fgColor-link,#0969da);-webkit-text-decoration:none;text-decoration:none}:is([data-variant=normal] .prc-Breadcrumbs-Item-jcraJ):not([aria-current]):hover{-webkit-text-decoration:underline;text-decoration:underline}:is([data-variant=normal] .prc-Breadcrumbs-Item-jcraJ):focus-visible{-webkit-text-decoration:none;text-decoration:none}[aria-current]:is([data-variant=normal] .prc-Breadcrumbs-Item-jcraJ){color:var(--fgColor-default,#1f2328)}[data-variant=spacious] .prc-Breadcrumbs-Item-jcraJ{border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,#1f2328);padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-6,.375rem);-webkit-text-decoration:none;text-decoration:none}:is([data-variant=spacious] .prc-Breadcrumbs-Item-jcraJ):hover{background:var(--control-transparent-bgColor-hover,#818b981a);-webkit-text-decoration:none;text-decoration:none}[aria-current]:is([data-variant=spacious] .prc-Breadcrumbs-Item-jcraJ){font-weight:var(--base-text-weight-semibold,600)}.prc-Breadcrumbs-BreadcrumbsItem-L-Xrs{align-items:center;display:inline-grid;flex:0 99999 auto;grid-auto-flow:column;list-style:none;min-width:auto;white-space:nowrap}.prc-Breadcrumbs-BreadcrumbsItem-L-Xrs:has(.prc-Breadcrumbs-MenuOverlay--ayLx){white-space:normal}.prc-Breadcrumbs-BreadcrumbsItem-L-Xrs:first-child{margin-left:0}.prc-Breadcrumbs-BreadcrumbsItem-L-Xrs:last-child .prc-Breadcrumbs-ItemSeparator-kjXqh{display:none}.prc-Breadcrumbs-BreadcrumbsItem-L-Xrs .prc-Breadcrumbs-MenuDetails-JOGTj{display:inline-block;position:relative}:is(.prc-Breadcrumbs-BreadcrumbsItem-L-Xrs .prc-Breadcrumbs-MenuDetails-JOGTj) summary{cursor:pointer;list-style:none}:is(:is(.prc-Breadcrumbs-BreadcrumbsItem-L-Xrs .prc-Breadcrumbs-MenuDetails-JOGTj) summary)::-webkit-details-marker{display:none}.prc-Breadcrumbs-BreadcrumbsItem-L-Xrs .prc-Breadcrumbs-MenuOverlay--ayLx{background-color:var(--overlay-bgColor,#fff);border-radius:var(--borderRadius-large,.75rem);box-shadow:var(--shadow-floating-small,0 0 0 1px #d1d9e080,0 6px 12px -3px #25292e0a,0 6px 18px 0 #25292e1f);max-height:100vh;max-width:var(--overlay-width-small,20rem);min-width:var(--overlay-width-xsmall,12rem);overflow:hidden;position:absolute;top:calc(var(--overlay-offset,.25rem) + var(--control-small-size,1.75rem));z-index:1}@media (prefers-reduced-motion:no-preference){.prc-Breadcrumbs-BreadcrumbsItem-L-Xrs .prc-Breadcrumbs-MenuOverlay--ayLx{animation:prc-Breadcrumbs-overlay-appear-CSLnF .2s cubic-bezier(.33,1,.68,1)}}
-/*# sourceMappingURL=Breadcrumbs-dbfc9d95.css.map */
+/*# sourceMappingURL=Breadcrumbs-54395fc6.css.map */

package/dist/Breadcrumbs/{Breadcrumbs-dbfc9d95.css.map → Breadcrumbs-54395fc6.css.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Breadcrumbs/Breadcrumbs.module.css.js","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uCACE,YAAa,CACb,6BAA8B,CAC9B,UACF,CAEA,uCAGE,eAAgB,CADhB,YAAa,CADb,cAGF,CAIE,gGAEE,YAAa,CACb,kBAAmB,CAFnB,kBAGF,CAGF,qCAGE,iBAAkB,CAFlB,kCAA2B,CAC3B,YAAa,CAEb,sBAAuB,CAEvB,wBAAiB,CAAjB,gBAAiB,CADjB,kBAEF,CAEA,mCAGE,eAuBF,CArBE,4EAJA,oBAAqB,CACrB,8CAaA,CAVA,yCAQE,oDAA8C,CAF9C,UAAW,CAJX,WAAa,CAEb,aAAe,CAKf,2CACF,CAEA,+CACE,aACF,CAGE,oDACE,YACF,CAIJ,4BACE,oBAAqB,CACrB,8CAOF,CALE,0CACE,gDAAwC,CC5D1C,eAAgB,CAFhB,8EAAgC,CAChC,kBDgEA,CAIA,kDACE,iCAA0B,CAC1B,4BAAqB,CAArB,oBAeF,CAZI,iFACE,iCAA0B,CAA1B,yBACF,CAGF,qEACE,4BAAqB,CAArB,oBACF,CAEA,qEACE,oCACF,CAKF,oDAKE,gDAAyC,CAJzC,oCAA6B,CAG7B,uCAAiC,CADjC,yCAAkC,CADlC,4BAAqB,CAArB,oBAaF,CARE,+DACE,6DAAoD,CACpD,4BAAqB,CAArB,oBACF,CAEA,uEACE,gDACF,CAIJ,uCAGE,kBAAmB,CAFnB,mBAAoB,CAGpB,iBAAkB,CAFlB,qBAAsB,CAKtB,eAAgB,CAFhB,cAAe,CACf,kBAiDF,CA7CE,+EACE,kBACF,CAEA,mDACE,aACF,CAGE,uFACE,YACF,CAGF,0EAEE,oBAAqB,CADrB,iBAWF,CARE,uFAEE,cAAe,CADf,eAMF,CAHE,oHACE,YACF,CAIJ,0EAKE,4CAAwC,CADxC,8CAAwC,CADxC,4GAAwC,CAIxC,gBAAiB,CACjB,0CAAqC,CAFrC,2CAAsC,CAGtC,eAAgB,CARhB,iBAAkB,CAUlB,0EAA4D,CAT5D,SAcF,CAHE,8CAbF,0EAcI,4EAEJ,CADE","file":"Breadcrumbs-dbfc9d95.css","sourcesContent":[".BreadcrumbsBase {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.BreadcrumbsList {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n[data-overflow='menu'],\n[data-overflow='menu-with-root'] {\n  & .BreadcrumbsList {\n    white-space: nowrap;\n    display: flex;\n    flex-direction: row;\n  }\n}\n\n.ItemSeparator {\n  color: var(--fgColor-muted);\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.ItemWrapper {\n  display: inline-block;\n  font-size: var(--text-body-size-medium);\n  list-style: none;\n\n  &::after {\n    display: inline-block;\n    height: 0.8em;\n    /* stylelint-disable-next-line primer/spacing */\n    margin: 0 0.5em;\n    font-size: var(--text-body-size-medium);\n    content: '';\n    /* stylelint-disable-next-line primer/borders, primer/colors */\n    border-right: 0.1em solid var(--fgColor-muted);\n    transform: rotate(15deg) translateY(0.0625em);\n  }\n\n  &:first-child {\n    margin-left: 0;\n  }\n\n  &:last-child {\n    &::after {\n      content: none;\n    }\n  }\n}\n\n.Item {\n  display: inline-block;\n  font-size: var(--text-body-size-medium);\n\n  &:focus-visible {\n    border-radius: var(--borderRadius-small);\n\n    @mixin focusOutline 2px;\n  }\n}\n\n[data-variant='normal'] {\n  & .Item {\n    color: var(--fgColor-link);\n    text-decoration: none;\n\n    &:not([aria-current]) {\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n\n    &:focus-visible {\n      text-decoration: none;\n    }\n\n    &[aria-current] {\n      color: var(--fgColor-default);\n    }\n  }\n}\n\n[data-variant='spacious'] {\n  & .Item {\n    color: var(--fgColor-default);\n    text-decoration: none;\n    padding-inline: var(--base-size-6);\n    padding-block: var(--base-size-4);\n    border-radius: var(--borderRadius-medium);\n\n    &:hover {\n      background: var(--control-transparent-bgColor-hover);\n      text-decoration: none;\n    }\n\n    &[aria-current] {\n      font-weight: var(--base-text-weight-semibold);\n    }\n  }\n}\n\n.BreadcrumbsItem {\n  display: inline-grid;\n  grid-auto-flow: column;\n  align-items: center;\n  flex: 0 99999 auto;\n  min-width: auto;\n  white-space: nowrap;\n  list-style: none;\n\n  /* allow menu items to wrap line */\n  &:has(.MenuOverlay) {\n    white-space: normal;\n  }\n\n  &:first-child {\n    margin-left: 0;\n  }\n\n  &:last-child {\n    .ItemSeparator {\n      display: none;\n    }\n  }\n\n  .MenuDetails {\n    position: relative;\n    display: inline-block;\n\n    & summary {\n      list-style: none;\n      cursor: pointer;\n\n      &::-webkit-details-marker {\n        display: none;\n      }\n    }\n  }\n\n  .MenuOverlay {\n    position: absolute;\n    z-index: 1;\n    box-shadow: var(--shadow-floating-small);\n    border-radius: var(--borderRadius-large);\n    background-color: var(--overlay-bgColor);\n    min-width: var(--overlay-width-xsmall);\n    max-height: 100vh;\n    max-width: var(--overlay-width-small);\n    overflow: hidden;\n    /* stylelint-disable-next-line primer/spacing */\n    top: calc(var(--overlay-offset) + var(--control-small-size));\n\n    @media (prefers-reduced-motion: no-preference) {\n      animation: overlay-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);\n    }\n  }\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"]}
+{"version":3,"sources":["../src/Breadcrumbs/Breadcrumbs.module.css.js","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uCACE,YAAa,CACb,6BAA8B,CAC9B,UACF,CAEA,uCAGE,eAAgB,CADhB,YAAa,CADb,cAGF,CAIE,gGAEE,YAAa,CACb,kBAAmB,CAFnB,kBAGF,CAGF,qCAGE,iBAAkB,CAFlB,kCAA2B,CAC3B,YAAa,CAEb,sBAAuB,CAEvB,wBAAiB,CAAjB,gBAAiB,CADjB,kBAEF,CAEA,mCAGE,eAuBF,CArBE,4EAJA,oBAAqB,CACrB,8CAaA,CAVA,yCAQE,oDAA8C,CAF9C,UAAW,CAJX,WAAa,CAEb,aAAe,CAKf,2CACF,CAEA,+CACE,aACF,CAGE,oDACE,YACF,CAIJ,4BACE,oBAAqB,CACrB,8CAOF,CALE,0CACE,gDAAwC,CC5D1C,eAAgB,CAFhB,8EAAgC,CAChC,kBDgEA,CAIA,kDACE,iCAA0B,CAC1B,4BAAqB,CAArB,oBAeF,CAZI,iFACE,iCAA0B,CAA1B,yBACF,CAGF,qEACE,4BAAqB,CAArB,oBACF,CAEA,qEACE,oCACF,CAKF,oDAKE,gDAAyC,CAJzC,oCAA6B,CAG7B,uCAAiC,CADjC,yCAAkC,CADlC,4BAAqB,CAArB,oBAaF,CARE,+DACE,6DAAoD,CACpD,4BAAqB,CAArB,oBACF,CAEA,uEACE,gDACF,CAIJ,uCAGE,kBAAmB,CAFnB,mBAAoB,CAGpB,iBAAkB,CAFlB,qBAAsB,CAKtB,eAAgB,CAFhB,cAAe,CACf,kBAkDF,CA7CE,+EACE,kBACF,CAEA,mDACE,aACF,CAGE,uFACE,YACF,CAGF,0EAEE,oBAAqB,CADrB,iBAWF,CARE,uFAEE,cAAe,CADf,eAMF,CAHE,oHACE,YACF,CAIJ,0EAKE,4CAAwC,CADxC,8CAAwC,CADxC,4GAAwC,CAIxC,gBAAiB,CACjB,0CAAqC,CAFrC,2CAAsC,CAGtC,eAAgB,CARhB,iBAAkB,CAUlB,0EAA4D,CAT5D,SAcF,CAHE,8CAbF,0EAcI,4EAEJ,CADE","file":"Breadcrumbs-54395fc6.css","sourcesContent":[".BreadcrumbsBase {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.BreadcrumbsList {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n[data-overflow='menu'],\n[data-overflow='menu-with-root'] {\n  & .BreadcrumbsList {\n    white-space: nowrap;\n    display: flex;\n    flex-direction: row;\n  }\n}\n\n.ItemSeparator {\n  color: var(--fgColor-muted);\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.ItemWrapper {\n  display: inline-block;\n  font-size: var(--text-body-size-medium);\n  list-style: none;\n\n  &::after {\n    display: inline-block;\n    height: 0.8em;\n    /* stylelint-disable-next-line primer/spacing */\n    margin: 0 0.5em;\n    font-size: var(--text-body-size-medium);\n    content: '';\n    /* stylelint-disable-next-line primer/borders, primer/colors */\n    border-right: 0.1em solid var(--fgColor-muted);\n    transform: rotate(15deg) translateY(0.0625em);\n  }\n\n  &:first-child {\n    margin-left: 0;\n  }\n\n  &:last-child {\n    &::after {\n      content: none;\n    }\n  }\n}\n\n.Item {\n  display: inline-block;\n  font-size: var(--text-body-size-medium);\n\n  &:focus-visible {\n    border-radius: var(--borderRadius-small);\n\n    @mixin focusOutline 2px;\n  }\n}\n\n[data-variant='normal'] {\n  & .Item {\n    color: var(--fgColor-link);\n    text-decoration: none;\n\n    &:not([aria-current]) {\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n\n    &:focus-visible {\n      text-decoration: none;\n    }\n\n    &[aria-current] {\n      color: var(--fgColor-default);\n    }\n  }\n}\n\n[data-variant='spacious'] {\n  & .Item {\n    color: var(--fgColor-default);\n    text-decoration: none;\n    padding-inline: var(--base-size-6);\n    padding-block: var(--base-size-4);\n    border-radius: var(--borderRadius-medium);\n\n    &:hover {\n      background: var(--control-transparent-bgColor-hover);\n      text-decoration: none;\n    }\n\n    &[aria-current] {\n      font-weight: var(--base-text-weight-semibold);\n    }\n  }\n}\n\n.BreadcrumbsItem {\n  display: inline-grid;\n  grid-auto-flow: column;\n  align-items: center;\n  flex: 0 99999 auto;\n  min-width: auto;\n  white-space: nowrap;\n  list-style: none;\n\n  /* allow menu items to wrap line */\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:has(.MenuOverlay) {\n    white-space: normal;\n  }\n\n  &:first-child {\n    margin-left: 0;\n  }\n\n  &:last-child {\n    .ItemSeparator {\n      display: none;\n    }\n  }\n\n  .MenuDetails {\n    position: relative;\n    display: inline-block;\n\n    & summary {\n      list-style: none;\n      cursor: pointer;\n\n      &::-webkit-details-marker {\n        display: none;\n      }\n    }\n  }\n\n  .MenuOverlay {\n    position: absolute;\n    z-index: 1;\n    box-shadow: var(--shadow-floating-small);\n    border-radius: var(--borderRadius-large);\n    background-color: var(--overlay-bgColor);\n    min-width: var(--overlay-width-xsmall);\n    max-height: 100vh;\n    max-width: var(--overlay-width-small);\n    overflow: hidden;\n    /* stylelint-disable-next-line primer/spacing */\n    top: calc(var(--overlay-offset) + var(--control-small-size));\n\n    @media (prefers-reduced-motion: no-preference) {\n      animation: overlay-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);\n    }\n  }\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"]}

package/dist/Breadcrumbs/Breadcrumbs.module.css.js

@@ -1,4 +1,4 @@
-import './Breadcrumbs-dbfc9d95.css';
+import './Breadcrumbs-54395fc6.css';
 
 var classes = {"BreadcrumbsBase":"prc-Breadcrumbs-BreadcrumbsBase-3Gb-B","BreadcrumbsList":"prc-Breadcrumbs-BreadcrumbsList-BKjpe","ItemSeparator":"prc-Breadcrumbs-ItemSeparator-kjXqh","ItemWrapper":"prc-Breadcrumbs-ItemWrapper-k0NLn","Item":"prc-Breadcrumbs-Item-jcraJ","BreadcrumbsItem":"prc-Breadcrumbs-BreadcrumbsItem-L-Xrs","MenuOverlay":"prc-Breadcrumbs-MenuOverlay--ayLx","MenuDetails":"prc-Breadcrumbs-MenuDetails-JOGTj","overlay-appear":"prc-Breadcrumbs-overlay-appear-CSLnF"};
 

package/dist/Button/{ButtonBase-4da3fa22.css → ButtonBase-713ecf3d.css}

@@ -1,2 +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:disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=true]){box-shadow:none;cursor:not-allowed}:is(.prc-Button-ButtonBase-9n-Xk:disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=true])) .prc-Button-CounterLabel-5hAs4,:is(.prc-Button-ButtonBase-9n-Xk:disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=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}:is(.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5))>:not(:last-child){margin-right:var(--base-size-8,.5rem)}:is(.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5)):where([data-align=center]){justify-content:center}:is(.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}:is(.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]){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)}:is(.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])) [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]){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)}:is(.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])) [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]){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)}:is(.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-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-disabled,#cf222e0d)!important;color:var(--buttonCounter-danger-fgColor-disabled,#d1242f80)!important}:is(.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])) [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]){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)}:is(.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])) [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]):hover:not(:disabled,[data-inactive]){-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]){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]):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-no-visuals]:is([data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])){-webkit-text-decoration:underline;text-decoration:underline}[data-no-visuals]:is([data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])):hover{-webkit-text-decoration:none;text-decoration:none}:is([data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])):not([data-no-visuals]){background-image:linear-gradient(90deg,currentColor,currentColor);background-position:0 calc(100% - 2px);background-repeat:no-repeat;background-size:100% 1.5px}:is([data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])):not([data-no-visuals]):hover{-webkit-text-decoration:none;text-decoration:none}[data-no-visuals]:is([data-a11y-link-underlines=false] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])){background-image:none;-webkit-text-decoration:none;text-decoration:none}:is([data-a11y-link-underlines=false] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])):not([data-no-visuals]){background-image:none}.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}:is(.prc-Button-ButtonBase-9n-Xk:where([data-inactive]),.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover,.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active) .prc-Button-CounterLabel-5hAs4,:is(.prc-Button-ButtonBase-9n-Xk:where([data-inactive]),.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover,.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active) .prc-Button-Visual-YNt2F{color:inherit!important}:is(.prc-Button-ButtonBase-9n-Xk:where([data-inactive]),.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover,.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-has-count]):has([data-component=leadingVisual]):not(:has([data-component=text])){padding-inline:var(--control-medium-paddingInline-condensed,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-has-count]):has([data-component=leadingVisual]):not(:has([data-component=text])):where([data-size=small]){padding-inline:var(--control-xsmall-paddingInline-condensed,.25rem)}.prc-Button-ButtonBase-9n-Xk:where([data-has-count]):has([data-component=leadingVisual]):not(:has([data-component=text])):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-4da3fa22.css.map */
+/*# sourceMappingURL=ButtonBase-713ecf3d.css.map */

package/dist/Button/ButtonBase-713ecf3d.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-713ecf3d.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  &:disabled,\n  &[aria-disabled='true']:not([data-loading='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      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      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      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      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    &:hover:not(:disabled, [data-inactive]) {\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      color: var(--control-fgColor-disabled);\n      background-color: transparent;\n      border-color: transparent;\n    }\n\n    & .Label {\n      white-space: unset;\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      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    &:not([data-no-visuals]) {\n      background-image: linear-gradient(to right, currentColor, currentColor);\n      background-size: 100% 1.5px;\n      background-position: 0 calc(100% - 2px);\n      background-repeat: no-repeat;\n\n      &:hover {\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\n    &:not([data-no-visuals]) {\n      background-image: none;\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  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:where([data-has-count]):has([data-component='leadingVisual']):not(:has([data-component='text'])) {\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"]}

package/dist/Button/ButtonBase.module.css.js

@@ -1,4 +1,4 @@
-import './ButtonBase-4da3fa22.css';
+import './ButtonBase-713ecf3d.css';
 
 var classes = {"ButtonBase":"prc-Button-ButtonBase-9n-Xk","CounterLabel":"prc-Button-CounterLabel-5hAs4","Visual":"prc-Button-Visual-YNt2F","VisualWrap":"prc-Button-VisualWrap-E4cnq","IconButton":"prc-Button-IconButton-fyge7","ButtonContent":"prc-Button-ButtonContent-Iohp5","Label":"prc-Button-Label-FWkx3","LoadingSpinner":"prc-Button-LoadingSpinner-6KfaT","ConditionalWrapper":"prc-Button-ConditionalWrapper-Rvbgb","ConditionalWrapperLink":"prc-Button-ConditionalWrapperLink-d0qv7"};
 

package/dist/ButtonGroup/{ButtonGroup-10292330.css → ButtonGroup-54ba293b.css}

@@ -1,2 +1,2 @@
 .prc-ButtonGroup-ButtonGroup-vFUrY{display:inline-flex;isolation:isolate;vertical-align:middle}.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper]){margin-inline-end:-1px;position:relative}:is(.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper])) a,:is(.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper])) button{border-radius:0}:is(.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper])):first-child a,:is(.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper])):first-child button{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-top-left-radius:var(--borderRadius-medium,.375rem)}:is(.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper])):last-child a,:is(.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper])):last-child button{border-bottom-right-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}:is(.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper])):active,:is(.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper])):focus,:is(.prc-ButtonGroup-ButtonGroup-vFUrY>:not([data-loading-wrapper])):hover{z-index:1}.prc-ButtonGroup-ButtonGroup-vFUrY:has(div:last-child:empty) a,.prc-ButtonGroup-ButtonGroup-vFUrY:has(div:last-child:empty) button{border-radius:var(--borderRadius-medium,.375rem)}.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]{margin-inline-end:-1px;position:relative}:is(.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]) a,:is(.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]) button{border-radius:0}:is(.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]):active,:is(.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]):focus,:is(.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]):hover{z-index:1}:is(.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]):first-child a,:is(.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]):first-child button{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-top-left-radius:var(--borderRadius-medium,.375rem)}:is(.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]):last-child a,:is(.prc-ButtonGroup-ButtonGroup-vFUrY>[data-loading-wrapper]):last-child button{border-bottom-right-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}
-/*# sourceMappingURL=ButtonGroup-10292330.css.map */
+/*# sourceMappingURL=ButtonGroup-54ba293b.css.map */

package/dist/ButtonGroup/ButtonGroup-54ba293b.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ButtonGroup/ButtonGroup.module.css.js"],"names":[],"mappings":"AAAA,mCACE,mBAAoB,CAEpB,iBAAkB,CADlB,qBAgFF,CA7EE,gEAEE,sBAAuB,CACvB,iBA6BF,CA1BE,mJAEE,eACF,CAGE,2KAGE,4DAAqD,CADrD,yDAEF,CAIA,yKAGE,6DAAsD,CADtD,0DAEF,CAGF,kOAGE,SACF,CAMA,mIAEE,gDACF,CAIF,0DAEE,sBAAuB,CACvB,iBA6BF,CA1BE,uIAEE,eACF,CAEA,gNAGE,SACF,CAGE,+JAGE,4DAAqD,CADrD,yDAEF,CAIA,6JAGE,6DAAsD,CADtD,0DAEF","file":"ButtonGroup-54ba293b.css","sourcesContent":[".ButtonGroup {\n  display: inline-flex;\n  vertical-align: middle;\n  isolation: isolate;\n\n  & > *:not([data-loading-wrapper]) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-inline-end: -1px;\n    position: relative;\n\n    /* reset border-radius */\n    button,\n    a {\n      border-radius: 0;\n    }\n\n    &:first-child {\n      button,\n      a {\n        border-top-left-radius: var(--borderRadius-medium);\n        border-bottom-left-radius: var(--borderRadius-medium);\n      }\n    }\n\n    &:last-child {\n      button,\n      a {\n        border-top-right-radius: var(--borderRadius-medium);\n        border-bottom-right-radius: var(--borderRadius-medium);\n      }\n    }\n\n    &:focus,\n    &:active,\n    &:hover {\n      z-index: 1;\n    }\n  }\n\n  /* this is a workaround until portal based tooltips are fully removed from dotcom */\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:has(div:last-child:empty) {\n    button,\n    a {\n      border-radius: var(--borderRadius-medium);\n    }\n  }\n\n  /* if child is loading button */\n  & > *[data-loading-wrapper] {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-inline-end: -1px;\n    position: relative;\n\n    /* reset border-radius */\n    button,\n    a {\n      border-radius: 0;\n    }\n\n    &:focus,\n    &:active,\n    &:hover {\n      z-index: 1;\n    }\n\n    &:first-child {\n      button,\n      a {\n        border-top-left-radius: var(--borderRadius-medium);\n        border-bottom-left-radius: var(--borderRadius-medium);\n      }\n    }\n\n    &:last-child {\n      button,\n      a {\n        border-top-right-radius: var(--borderRadius-medium);\n        border-bottom-right-radius: var(--borderRadius-medium);\n      }\n    }\n  }\n}\n"]}

package/dist/ButtonGroup/ButtonGroup.module.css.js

@@ -1,4 +1,4 @@
-import './ButtonGroup-10292330.css';
+import './ButtonGroup-54ba293b.css';
 
 var classes = {"ButtonGroup":"prc-ButtonGroup-ButtonGroup-vFUrY"};
 

package/dist/PageHeader/{PageHeader-9f4a690a.css → PageHeader-5e969745.css}

@@ -1,2 +1,2 @@
 .prc-PageHeader-PageHeader-YLwBQ{--grid-row-order-context-area:1;--grid-row-order-leading-action:2;--grid-row-order-breadcrumbs:2;--grid-row-order-title-area:2;--grid-row-order-trailing-action:2;--grid-row-order-actions:2;--grid-row-order-description:3;--grid-row-order-navigation:4;--title-area-region-order-leading-visual:0;--title-area-region-order-title:1;--title-area-region-order-trailing-visual:2;--context-area-region-order-parent-link:0;--context-area-region-order-context-bar:1;--context-area-region-order-context-area-actions:2;display:grid;grid-template-areas:"context-area context-area context-area context-area context-area" "leading-action breadcrumbs title-area trailing-action actions" "description description description description description" "navigation navigation navigation navigation navigation";grid-template-columns:auto auto auto auto 1fr}.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant=large]){font-size:var(--custom-font-size,var(--text-title-size-large,2rem));font-weight:var(--custom-font-weight,var(--base-text-weight-normal,400));line-height:var(--custom-line-height,var(--text-title-lineHeight-large,1.5));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-large,1.5))}.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant=medium]){font-size:var(--custom-font-size,var(--text-title-size-medium,1.25rem));font-weight:var(--custom-font-weight,var(--base-text-weight-semibold,600));line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6))}.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant=subtitle]){font-size:var(--custom-font-size,var(--text-title-size-medium,1.25rem));font-weight:var(--custom-font-weight,var(--base-text-weight-normal,400));line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6))}@media (max-width:calc(48rem - 0.02px)){.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant-narrow=large]){font-size:var(--custom-font-size,var(--text-title-size-large,2rem));font-weight:var(--custom-font-weight,var(--base-text-weight-normal,400));line-height:var(--custom-line-height,var(--text-title-lineHeight-large,1.5));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-large,1.5))}.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant-narrow=medium]){font-size:var(--custom-font-size,var(--text-title-size-medium,1.25rem));font-weight:var(--custom-font-weight,var(--base-text-weight-semibold,600));line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6))}.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant-narrow=subtitle]){font-size:var(--custom-font-size,var(--text-title-size-medium,1.25rem));font-weight:var(--custom-font-weight,var(--base-text-weight-normal,400));line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6))}}@media (min-width:48rem){.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant-regular=large]){font-size:var(--custom-font-size,var(--text-title-size-large,2rem));font-weight:var(--custom-font-weight,var(--base-text-weight-normal,400));line-height:var(--custom-line-height,var(--text-title-lineHeight-large,1.5));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-large,1.5))}.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant-regular=medium]){font-size:var(--custom-font-size,var(--text-title-size-medium,1.25rem));font-weight:var(--custom-font-weight,var(--base-text-weight-semibold,600));line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6))}.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant-regular=subtitle]){font-size:var(--custom-font-size,var(--text-title-size-medium,1.25rem));font-weight:var(--custom-font-weight,var(--base-text-weight-normal,400));line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6))}}@media (min-width:87.5rem){.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant-wide=large]){font-size:var(--custom-font-size,var(--text-title-size-large,2rem));font-weight:var(--custom-font-weight,var(--base-text-weight-normal,400));line-height:var(--custom-line-height,var(--text-title-lineHeight-large,1.5));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-large,1.5))}.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant-wide=medium]){font-size:var(--custom-font-size,var(--text-title-size-medium,1.25rem));font-weight:var(--custom-font-weight,var(--base-text-weight-semibold,600));line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6))}.prc-PageHeader-PageHeader-YLwBQ:has([data-component=TitleArea][data-size-variant-wide=subtitle]){font-size:var(--custom-font-size,var(--text-title-size-medium,1.25rem));font-weight:var(--custom-font-weight,var(--base-text-weight-normal,400));line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6))}}.prc-PageHeader-PageHeader-YLwBQ[data-has-border=true]:has([data-component=PH_Navigation][data-hidden-all]),.prc-PageHeader-PageHeader-YLwBQ[data-has-border=true]:not(:has([data-component=PH_Navigation])){border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);padding-block-end:var(--base-size-8,.5rem)}@media (max-width:calc(48rem - 0.02px)){.prc-PageHeader-PageHeader-YLwBQ[data-has-border=true]:has([data-component=PH_Navigation][data-hidden-narrow]){border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);padding-block-end:var(--base-size-8,.5rem)}}@media (min-width:48rem){.prc-PageHeader-PageHeader-YLwBQ[data-has-border=true]:has([data-component=PH_Navigation][data-hidden-regular]){border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);padding-block-end:var(--base-size-8,.5rem)}}@media (min-width:87.5rem){.prc-PageHeader-PageHeader-YLwBQ[data-has-border=true]:has([data-component=PH_Navigation][data-hidden-wide]){border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);padding-block-end:var(--base-size-8,.5rem)}}.prc-PageHeader-PageHeader-YLwBQ [data-component=PH_Actions],.prc-PageHeader-PageHeader-YLwBQ [data-component=PH_LeadingAction],.prc-PageHeader-PageHeader-YLwBQ [data-component=PH_LeadingVisual],.prc-PageHeader-PageHeader-YLwBQ [data-component=PH_TrailingAction],.prc-PageHeader-PageHeader-YLwBQ [data-component=PH_TrailingVisual]{height:calc(var(--title-line-height)*1em)}.prc-PageHeader-PageHeader-YLwBQ [data-hidden-all]{display:none}@media (max-width:calc(48rem - 0.02px)){.prc-PageHeader-PageHeader-YLwBQ [data-hidden-narrow]{display:none}}@media (min-width:48rem){.prc-PageHeader-PageHeader-YLwBQ [data-hidden-regular]{display:none}}@media (min-width:87.5rem){.prc-PageHeader-PageHeader-YLwBQ [data-hidden-wide]{display:none}}.prc-PageHeader-ContextArea-ueeWv{flex-direction:row;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-normal,400);grid-area:context-area;grid-row:var(--grid-row-order-context-area);line-height:var(--text-body-lineHeight-medium,1.4285);padding-bottom:var(--base-size-8,.5rem)}.prc-PageHeader-ContextArea-ueeWv,.prc-PageHeader-ParentLink-AJ9VB{align-items:center;display:flex;gap:var(--stack-gap-condensed,.5rem)}.prc-PageHeader-ParentLink-AJ9VB{order:var(--context-area-region-order-parent-link)}.prc-PageHeader-ContextBar-8AoJ5{display:flex;order:var(--context-area-region-order-context-bar)}.prc-PageHeader-ContextAreaActions-DLQP5{align-items:center;flex-grow:1;justify-content:flex-end;order:var(--context-area-region-order-context-area-actions)}.prc-PageHeader-ContextAreaActions-DLQP5,.prc-PageHeader-TitleArea-2n2J0{display:flex;flex-direction:row;gap:var(--stack-gap-condensed,.5rem)}.prc-PageHeader-TitleArea-2n2J0{align-items:flex-start;grid-area:title-area;grid-row:var(--grid-row-order-title-area)}.prc-PageHeader-LeadingAction-4NMe9{grid-area:leading-action;grid-row:var(--grid-row-order-leading-action)}.prc-PageHeader-Breadcrumbs-FGVQU,.prc-PageHeader-LeadingAction-4NMe9{align-items:center;display:flex;padding-right:var(--base-size-8,.5rem)}.prc-PageHeader-Breadcrumbs-FGVQU{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-normal,400);grid-area:breadcrumbs;grid-row:var(--grid-row-order-breadcrumbs);line-height:var(--text-body-lineHeight-medium,1.4285)}.prc-PageHeader-LeadingVisual-njece{align-items:center;display:flex;order:var(--title-area-region-order-leading-visual)}.prc-PageHeader-Title-p0Mgh{display:block;font-size:inherit;font-weight:inherit;order:var(--title-area-region-order-title)}.prc-PageHeader-Title-p0Mgh:where([data-hidden=true]){display:none}.prc-PageHeader-TrailingVisual-Zb96K{align-items:center;display:flex;order:var(--title-area-region-order-trailing-visual)}.prc-PageHeader-TrailingAction-xqlZJ{grid-area:trailing-action;grid-row:var(--grid-row-order-trailing-action)}.prc-PageHeader-Actions-wawWm,.prc-PageHeader-TrailingAction-xqlZJ{align-items:center;display:flex;padding-left:var(--base-size-8,.5rem)}.prc-PageHeader-Actions-wawWm{flex-direction:row;gap:var(--stack-gap-condensed,.5rem);grid-area:actions;grid-row:var(--grid-row-order-actions);justify-content:flex-end;min-width:max-content}.prc-PageHeader-Description-w-ejP{align-items:center;display:flex;flex-direction:row;gap:var(--stack-gap-condensed,.5rem);grid-area:description;grid-row:var(--grid-row-order-description)}.prc-PageHeader-Description-w-ejP,.prc-PageHeader-Navigation--uLav{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-normal,400);line-height:var(--text-body-lineHeight-medium,1.4285);padding-top:var(--base-size-8,.5rem)}.prc-PageHeader-Navigation--uLav{display:block;grid-area:navigation;grid-row:var(--grid-row-order-navigation)}
-/*# sourceMappingURL=PageHeader-9f4a690a.css.map */
+/*# sourceMappingURL=PageHeader-5e969745.css.map */

package/dist/PageHeader/PageHeader-5e969745.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/PageHeader/PageHeader.module.css.js"],"names":[],"mappings":"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","file":"PageHeader-5e969745.css","sourcesContent":[".PageHeader {\n  /* Grid Row Order */\n  --grid-row-order-context-area: 1;\n  --grid-row-order-leading-action: 2;\n  --grid-row-order-breadcrumbs: 2;\n  --grid-row-order-title-area: 2;\n  --grid-row-order-trailing-action: 2;\n  --grid-row-order-actions: 2;\n  --grid-row-order-description: 3;\n  --grid-row-order-navigation: 4;\n\n  /* Title Area Region Order */\n  --title-area-region-order-leading-visual: 0;\n  --title-area-region-order-title: 1;\n  --title-area-region-order-trailing-visual: 2;\n\n  /* Context Area Region Order */\n  --context-area-region-order-parent-link: 0;\n  --context-area-region-order-context-bar: 1;\n  --context-area-region-order-context-area-actions: 2;\n\n  display: grid;\n\n  /* We have max 5 columns. */\n  grid-template-columns: auto auto auto auto 1fr;\n  grid-template-areas:\n    'context-area context-area context-area context-area context-area'\n    'leading-action breadcrumbs title-area trailing-action actions'\n    'description description description description description'\n    'navigation navigation navigation navigation navigation';\n\n  /*\n    line-height is calculated with calc(height/font-size) and the below numbers are from @primer/primitives.\n    --custom-font-size, --custom-line-height, --custom-font-weight are custom properties that can be used to override the below values.\n    We don't want these values to be overridden but still want to allow consumers to override them if needed.\n  */\n  /* stylelint-disable selector-pseudo-class-disallowed-list -- :has() scoped to CSS Module, audited (github/github-ui#17224) */\n  &:has([data-component='TitleArea'][data-size-variant='large']) {\n    font-size: var(--custom-font-size, var(--text-title-size-large, 2rem));\n    font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n    line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5)); /* calc(48/32) */\n\n    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n  }\n\n  &:has([data-component='TitleArea'][data-size-variant='medium']) {\n    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n    font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));\n    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6)); /* calc(32/20) */\n\n    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n  }\n\n  &:has([data-component='TitleArea'][data-size-variant='subtitle']) {\n    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n    font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6)); /* calc(32/20) */\n\n    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n  }\n\n  /* Responsive size variants */\n  @media (--viewportRange-narrow) {\n    &:has([data-component='TitleArea'][data-size-variant-narrow='large']) {\n      font-size: var(--custom-font-size, var(--text-title-size-large, 2rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-narrow='medium']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-narrow='subtitle']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &:has([data-component='TitleArea'][data-size-variant-regular='large']) {\n      font-size: var(--custom-font-size, var(--text-title-size-large, 2rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-regular='medium']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-regular='subtitle']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &:has([data-component='TitleArea'][data-size-variant-wide='large']) {\n      font-size: var(--custom-font-size, var(--text-title-size-large, 2rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-wide='medium']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-wide='subtitle']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n  }\n\n  &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-all]),\n  &[data-has-border='true']:not(:has([data-component='PH_Navigation'])) {\n    border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n    padding-block-end: var(--base-size-8);\n  }\n\n  @media (--viewportRange-narrow) {\n    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-narrow]) {\n      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n      padding-block-end: var(--base-size-8);\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-regular]) {\n      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n      padding-block-end: var(--base-size-8);\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-wide]) {\n      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n      padding-block-end: var(--base-size-8);\n    }\n  }\n  /* stylelint-enable selector-pseudo-class-disallowed-list */\n\n  & [data-component='PH_LeadingAction'],\n  & [data-component='PH_TrailingAction'],\n  & [data-component='PH_Actions'],\n  & [data-component='PH_LeadingVisual'],\n  & [data-component='PH_TrailingVisual'] {\n    height: calc(var(--title-line-height) * 1em);\n  }\n\n  & [data-hidden-all] {\n    display: none;\n  }\n\n  & [data-hidden-narrow] {\n    @media (--viewportRange-narrow) {\n      display: none;\n    }\n  }\n\n  & [data-hidden-regular] {\n    @media (--viewportRange-regular) {\n      display: none;\n    }\n  }\n\n  & [data-hidden-wide] {\n    @media (--viewportRange-wide) {\n      display: none;\n    }\n  }\n}\n\n.ContextArea {\n  display: flex;\n  padding-bottom: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  flex-direction: row;\n  grid-row: var(--grid-row-order-context-area);\n  grid-area: context-area;\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n}\n\n.ParentLink {\n  display: flex;\n  align-items: center;\n  order: var(--context-area-region-order-parent-link);\n  gap: var(--stack-gap-condensed);\n}\n\n.ContextBar {\n  display: flex;\n  order: var(--context-area-region-order-context-bar);\n}\n\n.ContextAreaActions {\n  display: flex;\n  flex-direction: row;\n  order: var(--context-area-region-order-context-area-actions);\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n  flex-grow: 1;\n  justify-content: flex-end;\n}\n\n.TitleArea {\n  grid-row: var(--grid-row-order-title-area);\n  grid-area: title-area;\n  display: flex;\n  gap: var(--stack-gap-condensed);\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.LeadingAction {\n  display: flex;\n  padding-right: var(--base-size-8);\n  grid-row: var(--grid-row-order-leading-action);\n  grid-area: leading-action;\n  align-items: center;\n}\n\n.Breadcrumbs {\n  display: flex;\n  padding-right: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  grid-row: var(--grid-row-order-breadcrumbs);\n  grid-area: breadcrumbs;\n  align-items: center;\n}\n\n.LeadingVisual {\n  /* using flex and order to display the leading visual in the title area. */\n  display: flex;\n  order: var(--title-area-region-order-leading-visual);\n  align-items: center;\n}\n\n.Title {\n  /* using flex and order to display the title in the title area. */\n  display: block;\n  order: var(--title-area-region-order-title);\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n.Title:where([data-hidden='true']) {\n  display: none;\n}\n\n.TrailingVisual {\n  /* using flex and order to display the trailing visual in the title area. */\n  display: flex;\n  order: var(--title-area-region-order-trailing-visual);\n  align-items: center;\n}\n\n.TrailingAction {\n  display: flex;\n  padding-left: var(--base-size-8);\n  grid-row: var(--grid-row-order-trailing-action);\n  grid-area: trailing-action;\n  align-items: center;\n}\n\n.Actions {\n  display: flex;\n  min-width: max-content;\n  padding-left: var(--base-size-8);\n  flex-direction: row;\n  grid-row: var(--grid-row-order-actions);\n  grid-area: actions;\n  gap: var(--stack-gap-condensed);\n  justify-content: flex-end;\n  align-items: center;\n}\n\n.Description {\n  display: flex;\n  padding-top: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  flex-direction: row;\n  grid-row: var(--grid-row-order-description);\n  grid-area: description;\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n}\n\n.Navigation {\n  display: block;\n  padding-top: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  grid-row: var(--grid-row-order-navigation);\n  grid-area: navigation;\n}\n"]}

package/dist/PageHeader/PageHeader.module.css.js

@@ -1,4 +1,4 @@
-import './PageHeader-9f4a690a.css';
+import './PageHeader-5e969745.css';
 
 var classes = {"PageHeader":"prc-PageHeader-PageHeader-YLwBQ","ContextArea":"prc-PageHeader-ContextArea-ueeWv","ParentLink":"prc-PageHeader-ParentLink-AJ9VB","ContextBar":"prc-PageHeader-ContextBar-8AoJ5","ContextAreaActions":"prc-PageHeader-ContextAreaActions-DLQP5","TitleArea":"prc-PageHeader-TitleArea-2n2J0","LeadingAction":"prc-PageHeader-LeadingAction-4NMe9","Breadcrumbs":"prc-PageHeader-Breadcrumbs-FGVQU","LeadingVisual":"prc-PageHeader-LeadingVisual-njece","Title":"prc-PageHeader-Title-p0Mgh","TrailingVisual":"prc-PageHeader-TrailingVisual-Zb96K","TrailingAction":"prc-PageHeader-TrailingAction-xqlZJ","Actions":"prc-PageHeader-Actions-wawWm","Description":"prc-PageHeader-Description-w-ejP","Navigation":"prc-PageHeader-Navigation--uLav"};
 

package/dist/SegmentedControl/{SegmentedControl-6389d0da.css → SegmentedControl-622e61a4.css}

@@ -1,2 +1,2 @@
 .prc-SegmentedControl-SegmentedControl-lqIXp{--segmented-control-icon-width:32px;background-color:var(--controlTrack-bgColor-rest,#e6eaef);border:var(--borderWidth-thin,.0625rem) solid var(--controlTrack-borderColor-rest,transparent);border-radius:var(--borderRadius-medium,.375rem);display:inline-flex;font-size:var(--text-body-size-medium,.875rem);height:32px;margin:0;padding:0}.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width=true]{display:flex;width:100%;--segmented-control-icon-width:100%}.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width=false]{display:inline-flex;width:auto;--segmented-control-icon-width:32px}@media (max-width:calc(48rem - 0.02px)){.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-narrow=true]{display:flex;width:100%;--segmented-control-icon-width:100%}.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-narrow=false]{display:inline-flex;width:auto;--segmented-control-icon-width:32px}}@media (min-width:48rem){.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-regular=true]{display:flex;width:100%;--segmented-control-icon-width:100%}.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-regular=false]{display:inline-flex;width:auto;--segmented-control-icon-width:32px}}@media (min-width:87.5rem){.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-wide=true]{display:flex;width:100%;--segmented-control-icon-width:100%}.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-regular=true]:not([data-full-width-wide=true]),.prc-SegmentedControl-SegmentedControl-lqIXp[data-full-width-wide=false]{display:inline-flex;width:auto;--segmented-control-icon-width:32px}}.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant=dropdown],.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant=hideLabels] .prc-SegmentedControl-Text-7S2y2{display:none}@media (max-width:calc(48rem - 0.02px)){.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-narrow=dropdown],.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-narrow=hideLabels] .prc-SegmentedControl-Text-7S2y2{display:none}}@media (min-width:48rem){.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-regular=dropdown],.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-regular=hideLabels] .prc-SegmentedControl-Text-7S2y2{display:none}}@media (min-width:87.5rem){.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-wide=dropdown],.prc-SegmentedControl-SegmentedControl-lqIXp[data-variant-wide=hideLabels] .prc-SegmentedControl-Text-7S2y2{display:none}}.prc-SegmentedControl-SegmentedControl-lqIXp:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);height:28px}.prc-SegmentedControl-DropdownContainer-ZaPMn{display:none}.prc-SegmentedControl-DropdownContainer-ZaPMn[data-variant=dropdown]{display:block}@media (max-width:calc(48rem - 0.02px)){.prc-SegmentedControl-DropdownContainer-ZaPMn[data-variant-narrow=dropdown]{display:block}}@media (min-width:48rem){.prc-SegmentedControl-DropdownContainer-ZaPMn[data-variant-regular=dropdown]{display:block}}@media (min-width:87.5rem){.prc-SegmentedControl-DropdownContainer-ZaPMn[data-variant-wide=dropdown]{display:block}}.prc-SegmentedControl-Item-tSCQh{display:block;flex-grow:1;margin-bottom:-1px;margin-top:-1px;position:relative}.prc-SegmentedControl-Item-tSCQh:not(:last-child){margin-right:1px}.prc-SegmentedControl-Item-tSCQh:not(:last-child):after{background-color:var(--borderColor-default,#d1d9e0);bottom:var(--base-size-8,.5rem);content:"";position:absolute;right:calc(var(--base-size-2,.125rem)*-1);top:var(--base-size-8,.5rem);width:1px}.prc-SegmentedControl-Item-tSCQh:not(:last-child):has(+[data-selected]):after,.prc-SegmentedControl-Item-tSCQh:not(:last-child):where([data-selected]):after{background-color:transparent}.prc-SegmentedControl-Item-tSCQh:focus-within:has(:focus-visible){background-color:transparent}.prc-SegmentedControl-Item-tSCQh:first-child{margin-left:-1px}.prc-SegmentedControl-Item-tSCQh:last-child{margin-right:-1px}.prc-SegmentedControl-Item-tSCQh .prc-SegmentedControl-Counter-GmZOI{align-items:center;display:flex;margin-inline-start:var(--base-size-8,.5rem)}.prc-SegmentedControl-Button-E48xz{--segmented-control-button-inner-padding:12px;--segmented-control-button-bg-inset:4px;--segmented-control-outer-radius:var(--borderRadius-medium,0.375rem);background-color:transparent;border-color:transparent;border-radius:var(--segmented-control-outer-radius);border-width:0;color:currentColor;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:var(--base-text-weight-normal,400);height:100%;padding:var(--segmented-control-button-bg-inset);width:100%}.prc-SegmentedControl-Button-E48xz svg{fill:var(--fgColor-muted,#59636e);color:var(--fgColor-muted,#59636e)}.prc-SegmentedControl-Button-E48xz:focus:not(:disabled){box-shadow:none;outline:var(--base-size-2,.125rem) solid var(--fgColor-accent,#0969da);outline-offset:-1px}.prc-SegmentedControl-Button-E48xz:focus:not(:disabled):not(:focus-visible){outline:1px solid transparent}.prc-SegmentedControl-Button-E48xz:focus-visible:not(:disabled){box-shadow:none;outline:var(--base-size-2,.125rem) solid var(--fgColor-accent,#0969da);outline-offset:-1px}.prc-SegmentedControl-Button-E48xz:focus:focus-visible:not(:last-child):after{width:0}.prc-SegmentedControl-Button-E48xz[aria-disabled=true]:not([aria-current=true]){background-color:transparent;color:var(--fgColor-disabled,#818b98);cursor:not-allowed}.prc-SegmentedControl-Button-E48xz[aria-disabled=true]:not([aria-current=true]) svg{fill:var(--fgColor-disabled,#818b98);color:var(--fgColor-disabled,#818b98)}@media (pointer:coarse){.prc-SegmentedControl-Button-E48xz:before{content:"";left:0;min-height:44px;position:absolute;right:0;top:50%;transform:translateY(-50%)}}.prc-SegmentedControl-IconButton-tlzDE{width:var(--segmented-control-icon-width,32px)}.prc-SegmentedControl-Content-1COlk{align-items:center;border-color:transparent;border-radius:calc(var(--segmented-control-outer-radius) - var(--segmented-control-button-bg-inset)/2);border-style:solid;border-width:var(--borderWidth-thin,.0625rem);display:flex;height:100%;justify-content:center;padding-left:calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset));padding-right:calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset))}.prc-SegmentedControl-Button-E48xz[aria-current=true]{font-weight:var(--base-text-weight-semibold,600);padding:0}.prc-SegmentedControl-Button-E48xz[aria-current=true] .prc-SegmentedControl-Content-1COlk{background-color:var(--controlKnob-bgColor-rest,#fff);border-color:var(--controlKnob-borderColor-rest,#d1d9e0);border-radius:var(--segmented-control-outer-radius);padding-left:var(--segmented-control-button-inner-padding);padding-right:var(--segmented-control-button-inner-padding)}.prc-SegmentedControl-Button-E48xz:not([aria-current=true],[aria-disabled=true]):hover .prc-SegmentedControl-Content-1COlk{background-color:var(--controlTrack-bgColor-hover,#e0e6eb)}.prc-SegmentedControl-Button-E48xz:not([aria-current=true],[aria-disabled=true]):active .prc-SegmentedControl-Content-1COlk{background-color:var(--controlTrack-bgColor-active,#dae0e7)}.prc-SegmentedControl-Text-7S2y2:after{content:attr(data-text);display:block;font-weight:var(--base-text-weight-semibold,600);height:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.prc-SegmentedControl-LeadingIcon-74n5s{margin-right:var(--base-size-4,.25rem)}
-/*# sourceMappingURL=SegmentedControl-6389d0da.css.map */
+/*# sourceMappingURL=SegmentedControl-622e61a4.css.map */

package/dist/SegmentedControl/SegmentedControl-622e61a4.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SegmentedControl/SegmentedControl.module.css.js"],"names":[],"mappings":"AAAA,6CAEE,mCAAoC,CASpC,yDAAkD,CAClD,8FAAuF,CACvF,gDAAyC,CATzC,mBAAoB,CAMpB,8CAAuC,CAHvC,WAAY,CAEZ,QAAS,CADT,SA0HF,CAlHE,mEACE,YAAa,CACb,UAAW,CAEX,mCACF,CAEA,oEACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CAEA,wCACE,0EACE,YAAa,CACb,UAAW,CAEX,mCACF,CAEA,2EACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CACF,CAEA,yBACE,2EACE,YAAa,CACb,UAAW,CAEX,mCACF,CAEA,4EACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CACF,CAEA,2BACE,wEACE,YAAa,CACb,UAAW,CAEX,mCACF,CASA,qLACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CACF,CAQA,2KACE,YACF,CAEA,wCAKE,yLACE,YACF,CACF,CAEA,yBAKE,2LACE,YACF,CACF,CAEA,2BAKE,qLACE,YACF,CACF,CAEA,sEAGE,4CAAsC,CADtC,WAEF,CAGF,8CACE,YAwBF,CArBE,qEACE,aACF,CAEA,wCACE,4EACE,aACF,CACF,CAEA,yBACE,6EACE,aACF,CACF,CAEA,2BACE,0EACE,aACF,CACF,CAGF,iCAEE,aAAc,CAKd,WAAY,CADZ,kBAAmB,CAFnB,eAAgB,CAHhB,iBAkDF,CA1CE,kDAEE,gBAkBF,CAhBE,wDAQE,mDAA4C,CAJ5C,+BAA0B,CAE1B,UAAW,CALX,iBAAkB,CAElB,yCAAoC,CADpC,4BAAuB,CAGvB,SAIF,CAGA,6JAEE,4BACF,CAIF,kEACE,4BACF,CAEA,6CAEE,gBACF,CAEA,4CAEE,iBACF,CAEA,qEAGE,kBAAmB,CADnB,YAAa,CADb,4CAGF,CAGF,mCAEE,6CAA8C,CAC9C,uCAAwC,CACxC,oEAA4D,CAW5D,4BAA6B,CAC7B,wBAAyB,CAGzB,mDAAoD,CAFpD,cAAe,CAJf,kBAAmB,CACnB,cAAe,CAJf,mBAAoB,CACpB,iBAAkB,CAClB,8CAA2C,CAL3C,WAAY,CAEZ,gDAAiD,CAHjD,UAmEF,CApDE,uCACE,iCAA0B,CAC1B,kCACF,CAGA,wDAGE,eAAgB,CAFhB,sEAAuD,CACvD,mBAOF,CAHE,4EACE,6BACF,CAIF,gEAGE,eAAgB,CAFhB,sEAAuD,CACvD,mBAEF,CAGA,8EAEE,OACF,CAEA,gFAGE,4BAA6B,CAD7B,qCAA8B,CAD9B,kBAQF,CAJE,oFACE,oCAA6B,CAC7B,qCACF,CAGF,wBACE,0CAME,UAAW,CAFX,MAAO,CACP,eAAgB,CAJhB,iBAAkB,CAElB,OAAQ,CADR,OAAQ,CAKR,0BACF,CACF,CAGF,uCACE,8CACF,CAEA,oCAiBE,kBAAmB,CAVnB,wBAAyB,CASzB,sGAAyG,CARzG,kBAAmB,CACnB,6CAAqC,CARrC,YAAa,CACb,WAAY,CAgBZ,sBAAuB,CAZvB,2GAA4G,CAF5G,4GAeF,CAEA,sDAEE,gDAA6C,CAD7C,SAaF,CAVE,0FAKE,qDAAiD,CACjD,wDAAiD,CAEjD,mDAAoD,CAJpD,0DAA2D,CAF3D,2DAOF,CAIA,2HACE,0DACF,CAEA,4HACE,2DACF,CAGF,uCAOE,uBAAwB,CANxB,aAAc,CAGd,gDAA6C,CAF7C,QAAS,CACT,eAAgB,CAEhB,mBAAoB,CAGpB,wBAAiB,CAAjB,gBAAiB,CAFjB,iBAGF,CAEA,wCACE,sCACF","file":"SegmentedControl-622e61a4.css","sourcesContent":[".SegmentedControl {\n  /* TODO: use primitive `control.medium.size` when it is available instead of '32px' */\n  --segmented-control-icon-width: 32px;\n\n  display: inline-flex;\n\n  /* TODO: use primitive `control.{small|medium}.size` when it is available */\n  height: 32px;\n  padding: 0;\n  margin: 0;\n  font-size: var(--text-body-size-medium);\n  background-color: var(--controlTrack-bgColor-rest);\n  border: var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest, transparent);\n  border-radius: var(--borderRadius-medium);\n\n  /* Responsive full-width */\n  &[data-full-width='true'] {\n    display: flex;\n    width: 100%;\n\n    --segmented-control-icon-width: 100%;\n  }\n\n  &[data-full-width='false'] {\n    display: inline-flex;\n    width: auto;\n\n    --segmented-control-icon-width: 32px;\n  }\n\n  @media (--viewportRange-narrow) {\n    &[data-full-width-narrow='true'] {\n      display: flex;\n      width: 100%;\n\n      --segmented-control-icon-width: 100%;\n    }\n\n    &[data-full-width-narrow='false'] {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-full-width-regular='true'] {\n      display: flex;\n      width: 100%;\n\n      --segmented-control-icon-width: 100%;\n    }\n\n    &[data-full-width-regular='false'] {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-full-width-wide='true'] {\n      display: flex;\n      width: 100%;\n\n      --segmented-control-icon-width: 100%;\n    }\n\n    &[data-full-width-wide='false'] {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n\n    &[data-full-width-regular='true']:not([data-full-width-wide='true']) {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n  }\n\n  /* Hide when dropdown variant is active */\n  &[data-variant='dropdown'] {\n    display: none;\n  }\n\n  /* Handle hideLabels variant - hide button text */\n  &[data-variant='hideLabels'] .Text {\n    display: none;\n  }\n\n  @media (--viewportRange-narrow) {\n    &[data-variant-narrow='dropdown'] {\n      display: none;\n    }\n\n    &[data-variant-narrow='hideLabels'] .Text {\n      display: none;\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-variant-regular='dropdown'] {\n      display: none;\n    }\n\n    &[data-variant-regular='hideLabels'] .Text {\n      display: none;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-variant-wide='dropdown'] {\n      display: none;\n    }\n\n    &[data-variant-wide='hideLabels'] .Text {\n      display: none;\n    }\n  }\n\n  &:where([data-size='small']) {\n    /* TODO: use primitive `control.{small|medium}.size` when it is available */\n    height: 28px;\n    font-size: var(--text-body-size-small);\n  }\n}\n\n.DropdownContainer {\n  display: none;\n\n  /* Show when dropdown variant is active */\n  &[data-variant='dropdown'] {\n    display: block;\n  }\n\n  @media (--viewportRange-narrow) {\n    &[data-variant-narrow='dropdown'] {\n      display: block;\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-variant-regular='dropdown'] {\n      display: block;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-variant-wide='dropdown'] {\n      display: block;\n    }\n  }\n}\n\n.Item {\n  position: relative;\n  display: block;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: -1px;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: -1px;\n  flex-grow: 1;\n\n  &:not(:last-child) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-right: 1px;\n\n    &::after {\n      position: absolute;\n      top: var(--base-size-8);\n      right: calc(-1 * var(--base-size-2));\n      bottom: var(--base-size-8);\n      width: 1px;\n      content: '';\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--borderColor-default);\n    }\n\n    /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n    &:has(+ [data-selected])::after,\n    &:where([data-selected])::after {\n      background-color: transparent;\n    }\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:focus-within:has(:focus-visible) {\n    background-color: transparent;\n  }\n\n  &:first-child {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-left: -1px;\n  }\n\n  &:last-child {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-right: -1px;\n  }\n\n  .Counter {\n    margin-inline-start: var(--base-size-8);\n    display: flex;\n    align-items: center;\n  }\n}\n\n.Button {\n  /* TODO: use primitive `primer.control.medium.paddingInline.normal` when it is available */\n  --segmented-control-button-inner-padding: 12px;\n  --segmented-control-button-bg-inset: 4px;\n  --segmented-control-outer-radius: var(--borderRadius-medium);\n\n  width: 100%;\n  height: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--segmented-control-button-bg-inset);\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: var(--base-text-weight-normal);\n  color: currentColor;\n  cursor: pointer;\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  /* stylelint-disable-next-line primer/borders */\n  border-radius: var(--segmented-control-outer-radius);\n\n  & svg {\n    fill: var(--fgColor-muted);\n    color: var(--fgColor-muted);\n  }\n\n  /* fallback :focus state */\n  &:focus:not(:disabled) {\n    outline: var(--base-size-2) solid var(--fgColor-accent);\n    outline-offset: -1px;\n    box-shadow: none;\n\n    /* remove fallback :focus if :focus-visible is supported */\n    &:not(:focus-visible) {\n      outline: solid 1px transparent;\n    }\n  }\n\n  /* default focus state */\n  &:focus-visible:not(:disabled) {\n    outline: var(--base-size-2) solid var(--fgColor-accent);\n    outline-offset: -1px;\n    box-shadow: none;\n  }\n\n  /* stylelint-disable-next-line selector-max-specificity */\n  &:focus:focus-visible:not(:last-child)::after {\n    /* fixes an issue where the focus outline shows over the pseudo-element */\n    width: 0;\n  }\n\n  &[aria-disabled='true']:not([aria-current='true']) {\n    cursor: not-allowed;\n    color: var(--fgColor-disabled);\n    background-color: transparent;\n\n    & svg {\n      fill: var(--fgColor-disabled);\n      color: var(--fgColor-disabled);\n    }\n  }\n\n  @media (pointer: coarse) {\n    &::before {\n      position: absolute;\n      top: 50%;\n      right: 0;\n      left: 0;\n      min-height: 44px;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n}\n\n.IconButton {\n  width: var(--segmented-control-icon-width, 32px);\n}\n\n.Content {\n  display: flex;\n  height: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  padding-right: calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset));\n  /* stylelint-disable-next-line primer/spacing */\n  padding-left: calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset));\n  border-color: transparent;\n  border-style: solid;\n  border-width: var(--borderWidth-thin);\n\n  /*\n    innerRadius = outerRadius - distance/2\n    https://stackoverflow.com/questions/2932146/math-problem-determine-the-corner-radius-of-an-inner-border-based-on-outer-corn\n  */\n  /* stylelint-disable-next-line primer/borders */\n  border-radius: calc(var(--segmented-control-outer-radius) - var(--segmented-control-button-bg-inset) / 2);\n  align-items: center;\n  justify-content: center;\n}\n\n.Button[aria-current='true'] {\n  padding: 0;\n  font-weight: var(--base-text-weight-semibold);\n\n  .Content {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-right: var(--segmented-control-button-inner-padding);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-left: var(--segmented-control-button-inner-padding);\n    background-color: var(--controlKnob-bgColor-rest);\n    border-color: var(--controlKnob-borderColor-rest);\n    /* stylelint-disable-next-line primer/borders */\n    border-radius: var(--segmented-control-outer-radius);\n  }\n}\n\n.Button:not([aria-current='true'], [aria-disabled='true']) {\n  &:hover .Content {\n    background-color: var(--controlTrack-bgColor-hover);\n  }\n\n  &:active .Content {\n    background-color: var(--controlTrack-bgColor-active);\n  }\n}\n\n.Text::after {\n  display: block;\n  height: 0;\n  overflow: hidden;\n  font-weight: var(--base-text-weight-semibold);\n  pointer-events: none;\n  visibility: hidden;\n  content: attr(data-text);\n  user-select: none;\n}\n\n.LeadingIcon {\n  margin-right: var(--base-size-4);\n}\n"]}

package/dist/SegmentedControl/SegmentedControl.module.css.js

@@ -1,4 +1,4 @@
-import './SegmentedControl-6389d0da.css';
+import './SegmentedControl-622e61a4.css';
 
 var classes = {"SegmentedControl":"prc-SegmentedControl-SegmentedControl-lqIXp","Text":"prc-SegmentedControl-Text-7S2y2","DropdownContainer":"prc-SegmentedControl-DropdownContainer-ZaPMn","Item":"prc-SegmentedControl-Item-tSCQh","Counter":"prc-SegmentedControl-Counter-GmZOI","Button":"prc-SegmentedControl-Button-E48xz","IconButton":"prc-SegmentedControl-IconButton-tlzDE","Content":"prc-SegmentedControl-Content-1COlk","LeadingIcon":"prc-SegmentedControl-LeadingIcon-74n5s"};
 

package/dist/Timeline/{Timeline-d1c91434.css → Timeline-ad31a7fb.css}

@@ -1,2 +1,2 @@
 .prc-Timeline-Timeline-awSoC{display:flex;flex-direction:column}:is(.prc-Timeline-Timeline-awSoC:where([data-clip-sidebar=start]),.prc-Timeline-Timeline-awSoC:where([data-clip-sidebar=both])) .prc-Timeline-TimelineItem-QwDVH:first-child{padding-top:0}:is(:is(.prc-Timeline-Timeline-awSoC:where([data-clip-sidebar=start]),.prc-Timeline-Timeline-awSoC:where([data-clip-sidebar=both])) .prc-Timeline-TimelineItem-QwDVH:first-child):where([data-condensed]):before{top:var(--base-size-12,.75rem)}:is(.prc-Timeline-Timeline-awSoC:where([data-clip-sidebar=end]),.prc-Timeline-Timeline-awSoC:where([data-clip-sidebar=both])) .prc-Timeline-TimelineItem-QwDVH:last-child{padding-bottom:0}:is(:is(.prc-Timeline-Timeline-awSoC:where([data-clip-sidebar=end]),.prc-Timeline-Timeline-awSoC:where([data-clip-sidebar=both])) .prc-Timeline-TimelineItem-QwDVH:last-child):where([data-condensed]):before{height:var(--base-size-12,.75rem)}.prc-Timeline-TimelineItem-QwDVH{display:flex;margin-left:var(--base-size-16,1rem);padding:var(--base-size-16,1rem) 0;position:relative}.prc-Timeline-TimelineItem-QwDVH:before{background-color:var(--borderColor-muted,#d1d9e0b3);bottom:0;content:"";display:block;left:0;position:absolute;top:0;width:2px}.prc-Timeline-TimelineItem-QwDVH:where([data-condensed]){padding-bottom:0;padding-top:var(--base-size-4,.25rem)}.prc-Timeline-TimelineItem-QwDVH:where([data-condensed]):last-child{padding-bottom:var(--base-size-16,1rem)}.prc-Timeline-TimelineItem-QwDVH:where([data-condensed]) .prc-Timeline-TimelineBadge-u0qSm{background-color:var(--bgColor-default,#fff);border:0;color:var(--fgColor-muted,#59636e);height:16px;margin-bottom:var(--base-size-8,.5rem);margin-top:var(--base-size-8,.5rem)}.prc-Timeline-TimelineBadgeWrapper-SZw4k{position:relative;z-index:1}.prc-Timeline-TimelineBadge-u0qSm{align-items:center;background-color:var(--timelineBadge-bgColor,#f6f8fa);border-color:var(--bgColor-default,#fff);border-radius:50%;border-style:solid;border-width:var(--borderWidth-thick,.125rem);color:var(--fgColor-muted,#59636e);display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:-15px;margin-right:var(--base-size-8,.5rem);overflow:hidden;width:32px}.prc-Timeline-TimelineBadge-u0qSm:where([data-variant]){border-color:transparent;color:var(--fgColor-onEmphasis,#fff)}.prc-Timeline-TimelineBadge-u0qSm:where([data-variant=accent]){background-color:var(--bgColor-accent-emphasis,#0969da)}.prc-Timeline-TimelineBadge-u0qSm:where([data-variant=success]){background-color:var(--bgColor-success-emphasis,#1f883d)}.prc-Timeline-TimelineBadge-u0qSm:where([data-variant=attention]){background-color:var(--bgColor-attention-emphasis,#9a6700)}.prc-Timeline-TimelineBadge-u0qSm:where([data-variant=severe]){background-color:var(--bgColor-severe-emphasis,#bc4c00)}.prc-Timeline-TimelineBadge-u0qSm:where([data-variant=danger]){background-color:var(--bgColor-danger-emphasis,#cf222e)}.prc-Timeline-TimelineBadge-u0qSm:where([data-variant=done]){background-color:var(--bgColor-done-emphasis,#8250df)}.prc-Timeline-TimelineBadge-u0qSm:where([data-variant=open]){background-color:var(--bgColor-open-emphasis,#1f883d)}.prc-Timeline-TimelineBadge-u0qSm:where([data-variant=closed]){background-color:var(--bgColor-closed-emphasis,#cf222e)}.prc-Timeline-TimelineBadge-u0qSm:where([data-variant=sponsors]){background-color:var(--bgColor-sponsors-emphasis,#bf3989)}.prc-Timeline-TimelineBody-tjOtb{color:var(--fgColor-muted,#59636e);flex:auto;font-size:var(--text-body-size-medium,.875rem);margin-top:calc(var(--base-size-4,.25rem) + 1px);max-width:100%;min-width:0}.prc-Timeline-TimelineBreak-X8eti{background-color:var(--bgColor-default,#fff);border:0;border-top:var(--borderWidth-thicker,.25rem) solid var(--borderColor-default,#d1d9e0);height:var(--base-size-24,1.5rem);margin:0;margin-bottom:calc(var(--base-size-16,1rem)*-1);margin-left:0;position:relative;z-index:1}.prc-Timeline-TimelineBreak-X8eti:has(+[data-condensed]){margin-bottom:calc(var(--base-size-12,.75rem)*-1)}
-/*# sourceMappingURL=Timeline-d1c91434.css.map */
+/*# sourceMappingURL=Timeline-ad31a7fb.css.map */

package/dist/Timeline/{Timeline-d1c91434.css.map → Timeline-ad31a7fb.css.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Timeline/Timeline.module.css.js"],"names":[],"mappings":"AAAA,6BACE,YAAa,CACb,qBAuBF,CAnBI,6KACE,aAKF,CAHE,iNACE,8BACF,CAMF,0KACE,gBAKF,CAHE,8MACE,iCACF,CAKN,iCAEE,YAAa,CAEb,oCAAgC,CADhC,kCAA8B,CAF9B,iBAkCF,CA7BE,wCASE,mDAA0C,CAN1C,QAAS,CAIT,UAAW,CAFX,aAAc,CADd,MAAO,CAHP,iBAAkB,CAClB,KAAM,CAIN,SAIF,CAEA,yDAEE,gBAAiB,CADjB,qCAeF,CAZE,oEACE,uCACF,CAEA,2FAKE,4CAAwC,CACxC,QAAS,CAFT,kCAA2B,CAH3B,WAAY,CAEZ,sCAAiC,CADjC,mCAKF,CAIJ,yCACE,iBAAkB,CAClB,SACF,CAEA,kCAkBE,kBAAmB,CANnB,qDAA8C,CAE9C,wCAAoC,CAGpC,iBAAkB,CAFlB,kBAAmB,CACnB,6CAAsC,CAPtC,kCAA2B,CAR3B,YAAa,CAMb,aAAc,CAJd,WAAY,CAgBZ,sBAAuB,CAbvB,iBAAkB,CAFlB,qCAAgC,CAIhC,eAAgB,CANhB,UA2DF,CAxCE,wDAEE,wBAAyB,CADzB,oCAEF,CAEA,+DACE,uDACF,CAEA,gEACE,wDACF,CAEA,kEACE,0DACF,CAEA,+DACE,uDACF,CAEA,+DACE,uDACF,CAEA,6DACE,qDACF,CAEA,6DACE,qDACF,CAEA,+DACE,uDACF,CAEA,iEACE,yDACF,CAGF,iCAME,kCAA2B,CAC3B,SAAU,CAFV,8CAAuC,CADvC,gDAA0C,CAF1C,cAAe,CADf,WAOF,CAEA,kCAOE,4CAAwC,CACxC,QAAS,CACT,qFAAuE,CANvE,iCAA2B,CAC3B,QAAS,CACT,+CAA6C,CAC7C,aAAc,CALd,iBAAkB,CAClB,SAYF,CAHE,yDACE,iDACF","file":"Timeline-d1c91434.css","sourcesContent":[".Timeline {\n  display: flex;\n  flex-direction: column;\n\n  &:where([data-clip-sidebar='start']),\n  &:where([data-clip-sidebar='both']) {\n    .TimelineItem:first-child {\n      padding-top: 0;\n\n      &:where([data-condensed])::before {\n        top: var(--base-size-12);\n      }\n    }\n  }\n\n  &:where([data-clip-sidebar='end']),\n  &:where([data-clip-sidebar='both']) {\n    .TimelineItem:last-child {\n      padding-bottom: 0;\n\n      &:where([data-condensed])::before {\n        height: var(--base-size-12);\n      }\n    }\n  }\n}\n\n.TimelineItem {\n  position: relative;\n  display: flex;\n  padding: var(--base-size-16) 0;\n  margin-left: var(--base-size-16);\n\n  &::before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    display: block;\n    width: 2px;\n    content: '';\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--borderColor-muted);\n  }\n\n  &:where([data-condensed]) {\n    padding-top: var(--base-size-4);\n    padding-bottom: 0;\n\n    &:last-child {\n      padding-bottom: var(--base-size-16);\n    }\n\n    .TimelineBadge {\n      height: 16px;\n      margin-top: var(--base-size-8);\n      margin-bottom: var(--base-size-8);\n      color: var(--fgColor-muted);\n      background-color: var(--bgColor-default);\n      border: 0;\n    }\n  }\n}\n\n.TimelineBadgeWrapper {\n  position: relative;\n  z-index: 1;\n}\n\n.TimelineBadge {\n  display: flex;\n  width: 32px;\n  height: 32px;\n  margin-right: var(--base-size-8);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-left: -15px;\n  flex-shrink: 0;\n  overflow: hidden;\n  color: var(--fgColor-muted);\n\n  /* TODOl not quite sure if this is the correct migration for this line */\n  background-color: var(--timelineBadge-bgColor);\n  /* stylelint-disable-next-line primer/colors */\n  border-color: var(--bgColor-default);\n  border-style: solid;\n  border-width: var(--borderWidth-thick);\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n\n  &:where([data-variant]) {\n    color: var(--fgColor-onEmphasis);\n    border-color: transparent;\n  }\n\n  &:where([data-variant='accent']) {\n    background-color: var(--bgColor-accent-emphasis);\n  }\n\n  &:where([data-variant='success']) {\n    background-color: var(--bgColor-success-emphasis);\n  }\n\n  &:where([data-variant='attention']) {\n    background-color: var(--bgColor-attention-emphasis);\n  }\n\n  &:where([data-variant='severe']) {\n    background-color: var(--bgColor-severe-emphasis);\n  }\n\n  &:where([data-variant='danger']) {\n    background-color: var(--bgColor-danger-emphasis);\n  }\n\n  &:where([data-variant='done']) {\n    background-color: var(--bgColor-done-emphasis);\n  }\n\n  &:where([data-variant='open']) {\n    background-color: var(--bgColor-open-emphasis);\n  }\n\n  &:where([data-variant='closed']) {\n    background-color: var(--bgColor-closed-emphasis);\n  }\n\n  &:where([data-variant='sponsors']) {\n    background-color: var(--bgColor-sponsors-emphasis);\n  }\n}\n\n.TimelineBody {\n  min-width: 0;\n  max-width: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: calc(var(--base-size-4) + 1px);\n  font-size: var(--text-body-size-medium);\n  color: var(--fgColor-muted);\n  flex: auto;\n}\n\n.TimelineBreak {\n  position: relative;\n  z-index: 1;\n  height: var(--base-size-24);\n  margin: 0;\n  margin-bottom: calc(-1 * var(--base-size-16));\n  margin-left: 0;\n  background-color: var(--bgColor-default);\n  border: 0;\n  border-top: var(--borderWidth-thicker) solid var(--borderColor-default);\n\n  &:has(+ [data-condensed]) {\n    margin-bottom: calc(-1 * var(--base-size-12));\n  }\n}\n"]}
+{"version":3,"sources":["../src/Timeline/Timeline.module.css.js"],"names":[],"mappings":"AAAA,6BACE,YAAa,CACb,qBAuBF,CAnBI,6KACE,aAKF,CAHE,iNACE,8BACF,CAMF,0KACE,gBAKF,CAHE,8MACE,iCACF,CAKN,iCAEE,YAAa,CAEb,oCAAgC,CADhC,kCAA8B,CAF9B,iBAkCF,CA7BE,wCASE,mDAA0C,CAN1C,QAAS,CAIT,UAAW,CAFX,aAAc,CADd,MAAO,CAHP,iBAAkB,CAClB,KAAM,CAIN,SAIF,CAEA,yDAEE,gBAAiB,CADjB,qCAeF,CAZE,oEACE,uCACF,CAEA,2FAKE,4CAAwC,CACxC,QAAS,CAFT,kCAA2B,CAH3B,WAAY,CAEZ,sCAAiC,CADjC,mCAKF,CAIJ,yCACE,iBAAkB,CAClB,SACF,CAEA,kCAkBE,kBAAmB,CANnB,qDAA8C,CAE9C,wCAAoC,CAGpC,iBAAkB,CAFlB,kBAAmB,CACnB,6CAAsC,CAPtC,kCAA2B,CAR3B,YAAa,CAMb,aAAc,CAJd,WAAY,CAgBZ,sBAAuB,CAbvB,iBAAkB,CAFlB,qCAAgC,CAIhC,eAAgB,CANhB,UA2DF,CAxCE,wDAEE,wBAAyB,CADzB,oCAEF,CAEA,+DACE,uDACF,CAEA,gEACE,wDACF,CAEA,kEACE,0DACF,CAEA,+DACE,uDACF,CAEA,+DACE,uDACF,CAEA,6DACE,qDACF,CAEA,6DACE,qDACF,CAEA,+DACE,uDACF,CAEA,iEACE,yDACF,CAGF,iCAME,kCAA2B,CAC3B,SAAU,CAFV,8CAAuC,CADvC,gDAA0C,CAF1C,cAAe,CADf,WAOF,CAEA,kCAOE,4CAAwC,CACxC,QAAS,CACT,qFAAuE,CANvE,iCAA2B,CAC3B,QAAS,CACT,+CAA6C,CAC7C,aAAc,CALd,iBAAkB,CAClB,SAaF,CAHE,yDACE,iDACF","file":"Timeline-ad31a7fb.css","sourcesContent":[".Timeline {\n  display: flex;\n  flex-direction: column;\n\n  &:where([data-clip-sidebar='start']),\n  &:where([data-clip-sidebar='both']) {\n    .TimelineItem:first-child {\n      padding-top: 0;\n\n      &:where([data-condensed])::before {\n        top: var(--base-size-12);\n      }\n    }\n  }\n\n  &:where([data-clip-sidebar='end']),\n  &:where([data-clip-sidebar='both']) {\n    .TimelineItem:last-child {\n      padding-bottom: 0;\n\n      &:where([data-condensed])::before {\n        height: var(--base-size-12);\n      }\n    }\n  }\n}\n\n.TimelineItem {\n  position: relative;\n  display: flex;\n  padding: var(--base-size-16) 0;\n  margin-left: var(--base-size-16);\n\n  &::before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    display: block;\n    width: 2px;\n    content: '';\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--borderColor-muted);\n  }\n\n  &:where([data-condensed]) {\n    padding-top: var(--base-size-4);\n    padding-bottom: 0;\n\n    &:last-child {\n      padding-bottom: var(--base-size-16);\n    }\n\n    .TimelineBadge {\n      height: 16px;\n      margin-top: var(--base-size-8);\n      margin-bottom: var(--base-size-8);\n      color: var(--fgColor-muted);\n      background-color: var(--bgColor-default);\n      border: 0;\n    }\n  }\n}\n\n.TimelineBadgeWrapper {\n  position: relative;\n  z-index: 1;\n}\n\n.TimelineBadge {\n  display: flex;\n  width: 32px;\n  height: 32px;\n  margin-right: var(--base-size-8);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-left: -15px;\n  flex-shrink: 0;\n  overflow: hidden;\n  color: var(--fgColor-muted);\n\n  /* TODOl not quite sure if this is the correct migration for this line */\n  background-color: var(--timelineBadge-bgColor);\n  /* stylelint-disable-next-line primer/colors */\n  border-color: var(--bgColor-default);\n  border-style: solid;\n  border-width: var(--borderWidth-thick);\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n\n  &:where([data-variant]) {\n    color: var(--fgColor-onEmphasis);\n    border-color: transparent;\n  }\n\n  &:where([data-variant='accent']) {\n    background-color: var(--bgColor-accent-emphasis);\n  }\n\n  &:where([data-variant='success']) {\n    background-color: var(--bgColor-success-emphasis);\n  }\n\n  &:where([data-variant='attention']) {\n    background-color: var(--bgColor-attention-emphasis);\n  }\n\n  &:where([data-variant='severe']) {\n    background-color: var(--bgColor-severe-emphasis);\n  }\n\n  &:where([data-variant='danger']) {\n    background-color: var(--bgColor-danger-emphasis);\n  }\n\n  &:where([data-variant='done']) {\n    background-color: var(--bgColor-done-emphasis);\n  }\n\n  &:where([data-variant='open']) {\n    background-color: var(--bgColor-open-emphasis);\n  }\n\n  &:where([data-variant='closed']) {\n    background-color: var(--bgColor-closed-emphasis);\n  }\n\n  &:where([data-variant='sponsors']) {\n    background-color: var(--bgColor-sponsors-emphasis);\n  }\n}\n\n.TimelineBody {\n  min-width: 0;\n  max-width: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: calc(var(--base-size-4) + 1px);\n  font-size: var(--text-body-size-medium);\n  color: var(--fgColor-muted);\n  flex: auto;\n}\n\n.TimelineBreak {\n  position: relative;\n  z-index: 1;\n  height: var(--base-size-24);\n  margin: 0;\n  margin-bottom: calc(-1 * var(--base-size-16));\n  margin-left: 0;\n  background-color: var(--bgColor-default);\n  border: 0;\n  border-top: var(--borderWidth-thicker) solid var(--borderColor-default);\n\n  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n  &:has(+ [data-condensed]) {\n    margin-bottom: calc(-1 * var(--base-size-12));\n  }\n}\n"]}

package/dist/Timeline/Timeline.module.css.js

@@ -1,4 +1,4 @@
-import './Timeline-d1c91434.css';
+import './Timeline-ad31a7fb.css';
 
 var classes = {"Timeline":"prc-Timeline-Timeline-awSoC","TimelineItem":"prc-Timeline-TimelineItem-QwDVH","TimelineBadge":"prc-Timeline-TimelineBadge-u0qSm","TimelineBadgeWrapper":"prc-Timeline-TimelineBadgeWrapper-SZw4k","TimelineBody":"prc-Timeline-TimelineBody-tjOtb","TimelineBreak":"prc-Timeline-TimelineBreak-X8eti"};
 

package/dist/TreeView/{TreeView-70baca82.css → TreeView-0fe09f34.css}

@@ -1,2 +1,2 @@
 .prc-TreeView-TreeViewRootUlStyles-Mzrmj{list-style:none;margin:0;padding:0}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItem-Ter5f{outline:none}:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItem-Ter5f):focus-visible>div,:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItem-Ter5f).focus-visible>div{box-shadow:var(--boxShadow-thick,inset 0 0 0 .125rem) var(--fgColor-accent,#0969da)}@media (forced-colors:active){:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItem-Ter5f):focus-visible>div,:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItem-Ter5f).focus-visible>div{outline:2px solid HighlightText;outline-offset:-2}}[data-has-leading-action]:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItem-Ter5f){--has-leading-action:1}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemContainer-z6qqQ{--level:1;--toggle-width:1rem;--min-item-height:2rem;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,#1f2328);cursor:pointer;display:grid;font-size:var(--text-body-size-medium,.875rem);grid-template-areas:"spacer leadingAction toggle content trailingAction";grid-template-columns:var(--spacer-width) var(--leading-action-width) var(--toggle-width) 1fr;position:relative;width:100%;--leading-action-width:calc(var(--has-leading-action, 0)*1.5rem);--spacer-width:calc((var(--level) - 1)*(var(--toggle-width)/2))}:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemContainer-z6qqQ):hover{background-color:var(--control-transparent-bgColor-hover,#818b981a)}@media (forced-colors:active){:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemContainer-z6qqQ):hover{outline:2px solid transparent;outline-offset:-2px}}@media (pointer:coarse){.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemContainer-z6qqQ{--toggle-width:1.5rem;--min-item-height:2.75rem}}:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemContainer-z6qqQ):has(.prc-TreeView-TreeViewItemSkeleton-FGlnx):hover{background-color:transparent;cursor:default}@media (forced-colors:active){:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemContainer-z6qqQ):has(.prc-TreeView-TreeViewItemSkeleton-FGlnx):hover{outline:none}}.prc-TreeView-TreeViewRootUlStyles-Mzrmj:where([data-omit-spacer=true]) .prc-TreeView-TreeViewItemContainer-z6qqQ{grid-template-columns:0 0 0 1fr}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItem-Ter5f[aria-current=true]>.prc-TreeView-TreeViewItemContainer-z6qqQ{background-color:var(--control-transparent-bgColor-selected,#818b9826)}:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItem-Ter5f[aria-current=true]>.prc-TreeView-TreeViewItemContainer-z6qqQ):after{background-color:var(--fgColor-accent,#0969da);border-radius:var(--borderRadius-medium,.375rem);content:"";height:1.5rem;left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:.25rem}@media (forced-colors:active){:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItem-Ter5f[aria-current=true]>.prc-TreeView-TreeViewItemContainer-z6qqQ):after{background-color:HighlightText}}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemToggle-hq3Xq{align-items:flex-start;color:var(--fgColor-muted,#59636e);display:flex;grid-area:toggle;height:100%;justify-content:center;padding-top:calc(var(--min-item-height)/2 - var(--base-size-12,.75rem)/2)}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemToggleHover-H9tbt:hover{background-color:var(--control-transparent-bgColor-hover,#818b981a)}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemToggleEnd-nWt9I{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-top-left-radius:var(--borderRadius-medium,.375rem)}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemContent-RKsCI{display:flex;gap:var(--stack-gap-condensed,.5rem);grid-area:content;height:100%;line-height:var(--custom-line-height,var(--text-body-lineHeight-medium,1.4285));padding:0 var(--base-size-8,.5rem);padding-bottom:calc((var(--min-item-height) - var(--custom-line-height, 1.3rem))/2);padding-top:calc((var(--min-item-height) - var(--custom-line-height, 1.3rem))/2)}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemContentText-FFaKp{flex:1 1 auto;width:0}.prc-TreeView-TreeViewRootUlStyles-Mzrmj:where([data-truncate-text=true]) .prc-TreeView-TreeViewItemContentText-FFaKp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prc-TreeView-TreeViewRootUlStyles-Mzrmj:where([data-truncate-text=false]) .prc-TreeView-TreeViewItemContentText-FFaKp{word-break:break-word}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemVisual-naWzj{align-items:center;color:var(--fgColor-muted,#59636e);display:flex;height:var(--custom-line-height,1.3rem)}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemLeadingAction-vmOIV{color:var(--fgColor-muted,#59636e);display:flex;grid-area:leadingAction}:is(.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemLeadingAction-vmOIV)>button{flex-shrink:1}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemTrailingAction-h9M5g{color:var(--fgColor-muted,#59636e);display:flex;grid-area:trailingAction}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemTrailingActionButton-pCTdP{flex-shrink:1}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemLevelLine-F-0-2{border-color:var(--borderColor-muted,#d1d9e0b3);border-right:var(--borderWidth-thin,.0625rem) solid;height:100%;width:100%}@media (hover:hover){.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewItemLevelLine-F-0-2{border-color:transparent}.prc-TreeView-TreeViewRootUlStyles-Mzrmj:focus-within .prc-TreeView-TreeViewItemLevelLine-F-0-2,.prc-TreeView-TreeViewRootUlStyles-Mzrmj:hover .prc-TreeView-TreeViewItemLevelLine-F-0-2{border-color:var(--borderColor-muted,#d1d9e0b3)}}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewDirectoryIcon-yP1oY{color:var(--treeViewItem-leadingVisual-iconColor-rest,#54aeff);display:grid}.prc-TreeView-TreeViewRootUlStyles-Mzrmj .prc-TreeView-TreeViewVisuallyHidden-1N8xK{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.prc-TreeView-TreeViewSkeletonItemContainerStyle-lKqwd{align-items:center;column-gap:.5rem;display:flex;height:2rem}@media (pointer:coarse){.prc-TreeView-TreeViewSkeletonItemContainerStyle-lKqwd{height:2.75rem}}.prc-TreeView-TreeViewSkeletonItemContainerStyle-lKqwd:nth-of-type(5n+1){--tree-item-loading-width:67%}.prc-TreeView-TreeViewSkeletonItemContainerStyle-lKqwd:nth-of-type(5n+2){--tree-item-loading-width:47%}.prc-TreeView-TreeViewSkeletonItemContainerStyle-lKqwd:nth-of-type(5n+3){--tree-item-loading-width:73%}.prc-TreeView-TreeViewSkeletonItemContainerStyle-lKqwd:nth-of-type(5n+4){--tree-item-loading-width:64%}.prc-TreeView-TreeViewSkeletonItemContainerStyle-lKqwd:nth-of-type(5n+5){--tree-item-loading-width:50%}.prc-TreeView-TreeItemSkeletonTextStyles-8VJ-g{width:var(--tree-item-loading-width,67%)}
-/*# sourceMappingURL=TreeView-70baca82.css.map */
+/*# sourceMappingURL=TreeView-0fe09f34.css.map */

package/dist/TreeView/TreeView-0fe09f34.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TreeView/TreeView.module.css.js"],"names":[],"mappings":"AAAA,yCAGE,eAAgB,CADhB,QAAS,CADT,SAsPF,CArOE,0EACE,YAgBF,CAdE,kMAEE,mFAOF,CALE,8BAJF,kMAKI,+BAAgC,CAEhC,iBAEJ,CADE,CAGF,wGACE,sBACF,CAGF,mFACE,SAAU,CACV,mBAAoB,CACpB,sBAAuB,CAQvB,gDAAyC,CAFzC,oCAA6B,CAC7B,cAAe,CAJf,YAAa,CAEb,8CAAuC,CAKvC,wEAAyE,CADzE,6FAA8F,CAP9F,iBAAkB,CAElB,UAAW,CAQX,gEAAmE,CACnE,+DA8BF,CA5BE,8FACE,mEAMF,CAJE,8BAHF,8FAII,6BAA8B,CAC9B,mBAEJ,CADE,CAGF,wBA3BF,mFA4BI,qBAAsB,CACtB,yBAiBJ,CAhBE,CAQA,4IAEE,4BAA6B,CAD7B,cAMF,CAHE,8BAJF,4IAKI,YAEJ,CADE,CAIJ,kHACE,+BACF,CAEA,uIACE,sEAwBF,CApBE,kJAaE,8CAAuC,CACvC,gDAAyC,CARzC,UAAW,CADX,aAAc,CAFd,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,YAeF,CAHE,8BAhBF,kJAiBI,8BAEJ,CADE,CAIJ,gFAWE,sBAAuB,CAHvB,kCAA2B,CAP3B,YAAa,CAQb,gBAAiB,CAPjB,WAAY,CAQZ,sBAAuB,CAHvB,yEAKF,CAEA,2FACE,mEACF,CAEA,mFAEE,4DAAqD,CADrD,yDAEF,CAEA,iFACE,YAAa,CAWb,oCAA+B,CAD/B,iBAAkB,CATlB,WAAY,CAQZ,+EAAkF,CAPlF,kCAA6B,CAM7B,mFAAsF,CAFtF,gFAMF,CAEA,qFACE,aAAc,CACd,OACF,CAEA,sHACE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CAEA,uHAEE,qBACF,CAEA,gFAOE,kBAAmB,CADnB,kCAA2B,CAL3B,YAAa,CAIb,uCAGF,CAEA,uFAEE,kCAA2B,CAD3B,YAAa,CAEb,uBAKF,CAHE,mGACE,aACF,CAGF,wFAEE,kCAA2B,CAD3B,YAAa,CAEb,wBACF,CAEA,8FACE,aACF,CAEA,mFAQE,+CAAsC,CACtC,mDAA2C,CAP3C,WAAY,CADZ,UASF,CAQA,qBACE,mFACE,wBACF,CAEA,yLAEE,+CACF,CACF,CAEA,mFAEE,8DAAuD,CADvD,YAEF,CAEA,oFAGE,UAAW,CAGX,WAAY,CACZ,eAAgB,CAHhB,SAAU,CAHV,iBAAkB,CAClB,SAAU,CAOV,kBAAsB,CAEtB,cAAe,CADf,kBAEF,CAGF,uDAEE,kBAAmB,CACnB,gBAAkB,CAFlB,YAAa,CAGb,WAyBF,CAvBE,wBANF,uDAOI,cAsBJ,CArBE,CAEA,yEACE,6BACF,CAEA,yEACE,6BACF,CAEA,yEACE,6BACF,CAEA,yEACE,6BACF,CAEA,yEACE,6BACF,CAGF,+CACE,wCACF","file":"TreeView-0fe09f34.css","sourcesContent":[".TreeViewRootUlStyles {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n\n  /*\n   * WARNING: This is a performance optimization.\n   *\n   * We define styles for the tree items at the root level of the tree\n   * to avoid recomputing the styles for each item when the tree updates.\n   * We're sacrificing maintainability for performance because TreeView\n   * needs to be performant enough to handle large trees (thousands of items).\n   *\n   * This is intended to be a temporary solution until we can improve the\n   * performance of our styling patterns.\n   *\n   * Do NOT copy this pattern without understanding the tradeoffs.\n   */\n  .TreeViewItem {\n    outline: none;\n\n    &:focus-visible > div,\n    &:global(.focus-visible) > div {\n      box-shadow: var(--boxShadow-thick) var(--fgColor-accent);\n\n      @media (forced-colors: active) {\n        outline: 2px solid HighlightText;\n        /* stylelint-disable-next-line declaration-property-value-no-unknown */\n        outline-offset: -2;\n      }\n    }\n\n    &[data-has-leading-action] {\n      --has-leading-action: 1;\n    }\n  }\n\n  .TreeViewItemContainer {\n    --level: 1;\n    --toggle-width: 1rem;\n    --min-item-height: 2rem;\n\n    position: relative;\n    display: grid;\n    width: 100%;\n    font-size: var(--text-body-size-medium);\n    color: var(--fgColor-default);\n    cursor: pointer;\n    border-radius: var(--borderRadius-medium);\n    grid-template-columns: var(--spacer-width) var(--leading-action-width) var(--toggle-width) 1fr;\n    grid-template-areas: 'spacer leadingAction toggle content trailingAction';\n\n    --leading-action-width: calc(var(--has-leading-action, 0) * 1.5rem);\n    --spacer-width: calc(calc(var(--level) - 1) * (var(--toggle-width) / 2));\n\n    &:hover {\n      background-color: var(--control-transparent-bgColor-hover);\n\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: -2px;\n      }\n    }\n\n    @media (pointer: coarse) {\n      --toggle-width: 1.5rem;\n      --min-item-height: 2.75rem;\n    }\n\n    /*\n     * NOTE: Uses descendant :has() - TreeViewItemSkeleton is nested inside\n     * TreeViewItemContent > TreeViewItemContentText, not a direct child.\n     * This is acceptable as the search is scoped to this element's subtree.\n     */\n    /* stylelint-disable-next-line selector-pseudo-class-disallowed-list -- scoped to CSS Module, audited (github/github-ui#17224) */\n    &:has(.TreeViewItemSkeleton):hover {\n      cursor: default;\n      background-color: transparent;\n\n      @media (forced-colors: active) {\n        outline: none;\n      }\n    }\n  }\n\n  &:where([data-omit-spacer='true']) .TreeViewItemContainer {\n    grid-template-columns: 0 0 0 1fr;\n  }\n\n  .TreeViewItem[aria-current='true'] > .TreeViewItemContainer {\n    background-color: var(--control-transparent-bgColor-selected);\n\n    /* Current item indicator */\n    /* stylelint-disable-next-line selector-max-specificity */\n    &::after {\n      position: absolute;\n      top: calc(50% - var(--base-size-12));\n      left: calc(-1 * var(--base-size-8));\n      width: 0.25rem;\n      height: 1.5rem;\n      content: '';\n\n      /*\n       * Use fgColor accent for consistency across all themes. Using the \"correct\" variable,\n       * --bgColor-accent-emphasis, causes vrt failures for dark high contrast mode\n       */\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--fgColor-accent);\n      border-radius: var(--borderRadius-medium);\n\n      @media (forced-colors: active) {\n        background-color: HighlightText;\n      }\n    }\n  }\n\n  .TreeViewItemToggle {\n    display: flex;\n    height: 100%;\n\n    /* The toggle should appear vertically centered for single-line items, but remain at the top for items that wrap\n    across more lines. */\n    /* stylelint-disable-next-line primer/spacing */\n    padding-top: calc(var(--min-item-height) / 2 - var(--base-size-12) / 2);\n    color: var(--fgColor-muted);\n    grid-area: toggle;\n    justify-content: center;\n    align-items: flex-start;\n  }\n\n  .TreeViewItemToggleHover:hover {\n    background-color: var(--control-transparent-bgColor-hover);\n  }\n\n  .TreeViewItemToggleEnd {\n    border-top-left-radius: var(--borderRadius-medium);\n    border-bottom-left-radius: var(--borderRadius-medium);\n  }\n\n  .TreeViewItemContent {\n    display: flex;\n    height: 100%;\n    padding: 0 var(--base-size-8);\n\n    /* The dynamic top and bottom padding to maintain the minimum item height for single line items */\n    /* stylelint-disable-next-line primer/spacing */\n    padding-top: calc((var(--min-item-height) - var(--custom-line-height, 1.3rem)) / 2);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-bottom: calc((var(--min-item-height) - var(--custom-line-height, 1.3rem)) / 2);\n    line-height: var(--custom-line-height, var(--text-body-lineHeight-medium, 1.4285));\n    grid-area: content;\n    gap: var(--stack-gap-condensed);\n  }\n\n  .TreeViewItemContentText {\n    flex: 1 1 auto;\n    width: 0;\n  }\n\n  &:where([data-truncate-text='true']) .TreeViewItemContentText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &:where([data-truncate-text='false']) .TreeViewItemContentText {\n    /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */\n    word-break: break-word;\n  }\n\n  .TreeViewItemVisual {\n    display: flex;\n\n    /* The visual icons should appear vertically centered for single-line items, but remain at the top for items that wrap\n    across more lines. */\n    height: var(--custom-line-height, 1.3rem);\n    color: var(--fgColor-muted);\n    align-items: center;\n  }\n\n  .TreeViewItemLeadingAction {\n    display: flex;\n    color: var(--fgColor-muted);\n    grid-area: leadingAction;\n\n    & > button {\n      flex-shrink: 1;\n    }\n  }\n\n  .TreeViewItemTrailingAction {\n    display: flex;\n    color: var(--fgColor-muted);\n    grid-area: trailingAction;\n  }\n\n  .TreeViewItemTrailingActionButton {\n    flex-shrink: 1;\n  }\n\n  .TreeViewItemLevelLine {\n    width: 100%;\n    height: 100%;\n\n    /*\n     * On devices without hover, the nesting indicator lines\n     * appear at all times.\n     */\n    border-color: var(--borderColor-muted);\n    border-right: var(--borderWidth-thin) solid;\n  }\n\n  /*\n   * On devices with :hover support, the nesting indicator lines\n   * fade in when the user mouses over the entire component,\n   * or when there's focus inside the component. This makes\n   * sure the component remains simple when not in use.\n   */\n  @media (hover: hover) {\n    .TreeViewItemLevelLine {\n      border-color: transparent;\n    }\n\n    &:hover .TreeViewItemLevelLine,\n    &:focus-within .TreeViewItemLevelLine {\n      border-color: var(--borderColor-muted);\n    }\n  }\n\n  .TreeViewDirectoryIcon {\n    display: grid;\n    color: var(--treeViewItem-leadingVisual-iconColor-rest);\n  }\n\n  .TreeViewVisuallyHidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    /* stylelint-disable-next-line primer/spacing */\n    margin: -1px;\n    overflow: hidden;\n    /* stylelint-disable-next-line property-no-deprecated */\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n}\n\n.TreeViewSkeletonItemContainerStyle {\n  display: flex;\n  align-items: center;\n  column-gap: 0.5rem;\n  height: 2rem;\n\n  @media (pointer: coarse) {\n    height: 2.75rem;\n  }\n\n  &:nth-of-type(5n + 1) {\n    --tree-item-loading-width: 67%;\n  }\n\n  &:nth-of-type(5n + 2) {\n    --tree-item-loading-width: 47%;\n  }\n\n  &:nth-of-type(5n + 3) {\n    --tree-item-loading-width: 73%;\n  }\n\n  &:nth-of-type(5n + 4) {\n    --tree-item-loading-width: 64%;\n  }\n\n  &:nth-of-type(5n + 5) {\n    --tree-item-loading-width: 50%;\n  }\n}\n\n.TreeItemSkeletonTextStyles {\n  width: var(--tree-item-loading-width, 67%);\n}\n"]}

package/dist/TreeView/TreeView.module.css.js

@@ -1,4 +1,4 @@
-import './TreeView-70baca82.css';
+import './TreeView-0fe09f34.css';
 
 var classes = {"TreeViewRootUlStyles":"prc-TreeView-TreeViewRootUlStyles-Mzrmj","TreeViewItem":"prc-TreeView-TreeViewItem-Ter5f","TreeViewItemContainer":"prc-TreeView-TreeViewItemContainer-z6qqQ","TreeViewItemSkeleton":"prc-TreeView-TreeViewItemSkeleton-FGlnx","TreeViewItemToggle":"prc-TreeView-TreeViewItemToggle-hq3Xq","TreeViewItemToggleHover":"prc-TreeView-TreeViewItemToggleHover-H9tbt","TreeViewItemToggleEnd":"prc-TreeView-TreeViewItemToggleEnd-nWt9I","TreeViewItemContent":"prc-TreeView-TreeViewItemContent-RKsCI","TreeViewItemContentText":"prc-TreeView-TreeViewItemContentText-FFaKp","TreeViewItemVisual":"prc-TreeView-TreeViewItemVisual-naWzj","TreeViewItemLeadingAction":"prc-TreeView-TreeViewItemLeadingAction-vmOIV","TreeViewItemTrailingAction":"prc-TreeView-TreeViewItemTrailingAction-h9M5g","TreeViewItemTrailingActionButton":"prc-TreeView-TreeViewItemTrailingActionButton-pCTdP","TreeViewItemLevelLine":"prc-TreeView-TreeViewItemLevelLine-F-0-2","TreeViewDirectoryIcon":"prc-TreeView-TreeViewDirectoryIcon-yP1oY","TreeViewVisuallyHidden":"prc-TreeView-TreeViewVisuallyHidden-1N8xK","TreeViewSkeletonItemContainerStyle":"prc-TreeView-TreeViewSkeletonItemContainerStyle-lKqwd","TreeItemSkeletonTextStyles":"prc-TreeView-TreeItemSkeletonTextStyles-8VJ-g"};
 

package/dist/experimental/SelectPanel2/{SelectPanel-40b4ba73.css → SelectPanel-608e207e.css}

@@ -1,2 +1,2 @@
 .prc-SelectPanel2-Overlay--Q-FI{border:none;color:var(--fgColor-default,#1f2328);padding:0;--max-height:0;--position-top:0;--position-left:0}.prc-SelectPanel2-Overlay--Q-FI:where([open]){display:flex}.prc-SelectPanel2-Overlay--Q-FI:where([data-variant=anchored]),.prc-SelectPanel2-Overlay--Q-FI:where([data-variant=full-screen]){left:var(--position-left);margin:0;top:var(--position-top)}:is(.prc-SelectPanel2-Overlay--Q-FI:where([data-variant=anchored]),.prc-SelectPanel2-Overlay--Q-FI:where([data-variant=full-screen]))::backdrop{background-color:transparent}.prc-SelectPanel2-Overlay--Q-FI:where([data-variant=modal]){bottom:0;left:0;right:0;top:0}.prc-SelectPanel2-Overlay--Q-FI:where([data-variant=modal])::backdrop{background-color:var(--overlay-backdrop-bgColor,#c8d1da66)}.prc-SelectPanel2-Overlay--Q-FI:where([data-variant=full-screen]){border-radius:unset;height:100%;left:0;margin:0;max-height:100vh;max-width:100vw;top:0;width:100%}.prc-SelectPanel2-Overlay--Q-FI:where([data-variant=bottom-sheet]){border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;margin:0;max-height:calc(100vh - 64px);max-width:100vw;top:auto;width:100%}.prc-SelectPanel2-Form-bZ9HS{width:100%}.prc-SelectPanel2-Container-e5e6-,.prc-SelectPanel2-Form-bZ9HS{display:flex;flex-direction:column}.prc-SelectPanel2-Container-e5e6-{flex-grow:1;flex-shrink:1;justify-content:space-between;overflow:hidden}.prc-SelectPanel2-Container-e5e6- ul{flex-grow:1;overflow-y:auto}.prc-SelectPanel2-Container-e5e6- li:not(:focus,[data-is-active-descendant],[data-active]){contain-intrinsic-size:auto 32px;content-visibility:auto}.prc-SelectPanel2-HeaderContent-MsaAS{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.prc-SelectPanel2-HeaderContent-MsaAS:where([data-description]){align-items:flex-start}.prc-SelectPanel2-HeaderContent-MsaAS:where([data-search-input]){margin-bottom:var(--base-size-8,.5rem)}.prc-SelectPanel2-TitleWrapper-HzPu3{margin-left:var(--base-size-8,.5rem);margin-top:0}.prc-SelectPanel2-TitleWrapper-HzPu3:where([data-description]){margin-top:2px}.prc-SelectPanel2-TitleWrapper-HzPu3:where([data-on-back]){margin-left:var(--base-size-4,.25rem)}.prc-SelectPanel2-TextInput-lHH1n{padding-left:var(--base-size-8,.5rem)!important}.prc-SelectPanel2-TextInput-lHH1n:has(input:placeholder-shown) .TextInput-action{display:none}.prc-SelectPanel2-Checkbox-AYR38{margin-top:0}.prc-SelectPanel2-FlexBox-gWPRg{display:flex}.prc-SelectPanel2-Title-T-h3f{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600)}.prc-SelectPanel2-Description-qTXfi{display:block;font-size:var(--text-body-size-small,.75rem)}.prc-SelectPanel2-ClearAction-tQj-f,.prc-SelectPanel2-Description-qTXfi{color:var(--fgColor-muted,#59636e)}.prc-SelectPanel2-ClearAction-tQj-f{background:none}.prc-SelectPanel2-Footer-TibV0{align-items:center;border-top:var(--borderWidth-thin,.0625rem) solid;border-top-color:var(--borderColor-default,#d1d9e0);display:flex;flex-shrink:0;justify-content:space-between;min-height:44px;padding:var(--base-size-16,1rem)}.prc-SelectPanel2-Footer-TibV0:where([data-hide-primary-actions]){padding:var(--base-size-8,.5rem)}.prc-SelectPanel2-FooterContent-UjAOM{flex-grow:0}.prc-SelectPanel2-FooterContent-UjAOM:where([data-hide-primary-actions]){flex-grow:1}.prc-SelectPanel2-FooterActions-T6yQR,.prc-SelectPanel2-SecondaryCheckbox-omkf-{display:flex;gap:var(--stack-gap-condensed,.5rem)}.prc-SelectPanel2-SecondaryCheckbox-omkf-{align-items:center}.prc-SelectPanel2-SmallText-c42ay{font-size:var(--text-body-size-small,.75rem)}.prc-SelectPanel2-SelectPanelLoading-mtyhD{align-items:center;display:flex;flex-direction:column;gap:var(--stack-gap-normal,1rem);height:100%;justify-content:center;min-height:min(calc(var(--max-height) - 150px),324px)}.prc-SelectPanel2-LoadingText-DB0wN{color:var(--fgColor-muted,#59636e);font-size:var(--text-body-size-medium,.875rem)}.prc-SelectPanel2-MessageFull-nY-qF{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--base-size-4,.25rem);height:100%;justify-content:center;min-height:min(calc(var(--max-height) - 150px),324px);padding-left:var(--base-size-24,1.5rem);padding-right:var(--base-size-24,1.5rem);text-align:center}.prc-SelectPanel2-MessageFull-nY-qF a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.prc-SelectPanel2-Octicon-zt-zU{margin-bottom:var(--base-size-8,.5rem)}.prc-SelectPanel2-Octicon-zt-zU.prc-SelectPanel2-Error-ZrZQQ{color:var(--fgColor-danger,#d1242f)}.prc-SelectPanel2-Octicon-zt-zU.prc-SelectPanel2-Warning-PDsVF{color:var(--fgColor-attention,#9a6700)}.prc-SelectPanel2-MessageTitle-T7v9d{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500)}.prc-SelectPanel2-MessageContent-UZ9vY{align-items:center;color:var(--fgColor-muted,#59636e);flex-direction:column;font-size:var(--text-body-size-medium,.875rem)}.prc-SelectPanel2-MessageContent-UZ9vY,.prc-SelectPanel2-MessageInline-sErQf{display:flex;gap:var(--stack-gap-condensed,.5rem)}.prc-SelectPanel2-MessageInline-sErQf{border-bottom:var(--borderWidth-thin,.0625rem) solid;font-size:var(--text-body-size-small,.75rem);padding:var(--base-size-12,.75rem) var(--base-size-16,1rem)}.prc-SelectPanel2-MessageInline-sErQf a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.prc-SelectPanel2-MessageInline-sErQf:where([data-variant=error]){background-color:var(--bgColor-danger-muted,#ffebe9);border-color:var(--borderColor-danger-muted,#ff818266);color:var(--fgColor-danger,#d1242f)}.prc-SelectPanel2-MessageInline-sErQf:where([data-variant=warning]){background-color:var(--bgColor-attention-muted,#fff8c5);border-color:var(--borderColor-attention-muted,#d4a72c66);color:var(--fgColor-attention,#9a6700)}.prc-SelectPanel2-Header-LKyEJ{border-bottom:var(--borderWidth-thin,.0625rem) solid;border-bottom-color:var(--borderColor-default,#d1d9e0);display:flex;flex-direction:column;padding:var(--base-size-8,.5rem)}
-/*# sourceMappingURL=SelectPanel-40b4ba73.css.map */
+/*# sourceMappingURL=SelectPanel-608e207e.css.map */

package/dist/experimental/SelectPanel2/{SelectPanel-40b4ba73.css.map → SelectPanel-608e207e.css.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/experimental/SelectPanel2/SelectPanel.module.css.js"],"names":[],"mappings":"AAAA,gCAGE,WAAY,CADZ,oCAA6B,CAD7B,SAAU,CAKV,cAAe,CACf,gBAAiB,CACjB,iBAoDF,CAlDE,8CACE,YACF,CAEA,iIAKE,yBAA0B,CAC1B,QAAS,CAHT,uBAQF,CAHE,gJACE,4BACF,CAGF,4DAIE,QAAS,CAFT,MAAO,CACP,OAAQ,CAFR,KAIF,CAEA,sEACE,0DACF,CAEA,kEAQE,mBAAoB,CAHpB,WAAY,CAHZ,MAAO,CAKP,QAAS,CADT,gBAAiB,CAFjB,eAAgB,CAHhB,KAAM,CAEN,UAMF,CAEA,mEASE,2BAA4B,CAD5B,4BAA6B,CAN7B,QAAS,CACT,MAAO,CAIP,QAAS,CADT,6BAA8B,CAD9B,eAAgB,CAJhB,QAAS,CAGT,UAMF,CAGF,6BAEE,UAEF,CAEA,+DALE,YAAa,CAEb,qBAwBF,CArBA,kCAKE,WAAY,CADZ,aAAc,CAEd,6BAA8B,CAJ9B,eAmBF,CAbE,qCAEE,WAAY,CADZ,eAEF,CAMA,2FAEE,gCAAiC,CADjC,uBAEF,CAGF,sCAGE,kBAAmB,CAFnB,YAAa,CACb,6BAA8B,CAE9B,eASF,CAPE,gEACE,sBACF,CAEA,iEACE,sCACF,CAGF,qCAEE,oCAA+B,CAD/B,YAWF,CARE,+DAEE,cACF,CAEA,2DACE,qCACF,CAGF,kCACE,+CAMF,CAHE,iFACE,YACF,CAGF,iCACE,YACF,CAEA,gCACE,YACF,CAEA,8BACE,8CAAuC,CACvC,gDACF,CAEA,oCACE,aAAc,CACd,4CAEF,CAEA,wEAHE,kCAMF,CAHA,oCAEE,eACF,CAEA,+BAOE,kBAAmB,CAHnB,iDAAyC,CACzC,mDAA4C,CAJ5C,YAAa,CAOb,aAAc,CAFd,6BAA8B,CAJ9B,eAAgB,CAChB,gCAUF,CAHE,kEACE,gCACF,CAGF,sCACE,WAKF,CAHE,yEACE,WACF,CAQF,gFAJE,YAAa,CACb,oCAOF,CAJA,0CAEE,kBAEF,CAEA,kCACE,4CACF,CAEA,2CAQE,kBAAmB,CAPnB,YAAa,CAKb,qBAAsB,CAGtB,gCAA4B,CAP5B,WAAY,CAKZ,sBAAuB,CAFvB,qDAKF,CAEA,oCAEE,kCAA2B,CAD3B,8CAEF,CAEA,oCAWE,kBAAmB,CAVnB,YAAa,CAQb,qBAAsB,CAGtB,WAAY,CACZ,6BAAuB,CAXvB,WAAY,CAQZ,sBAAuB,CALvB,qDAAuD,CAEvD,uCAAiC,CADjC,wCAAkC,CAElC,iBAWF,CAJE,sCACE,aAAc,CACd,iCAA0B,CAA1B,yBACF,CAGF,gCACE,sCASF,CAPE,6DACE,mCACF,CAEA,+DACE,sCACF,CAGF,qCACE,8CAAuC,CACvC,8CACF,CAEA,uCAME,kBAAmB,CAHnB,kCAA2B,CAC3B,qBAAsB,CAFtB,8CAKF,CAEA,6EARE,YAAa,CAIb,oCA8BF,CA1BA,sCAOE,oDAA4C,CAD5C,4CAAsC,CADtC,2DAqBF,CAhBE,wCACE,aAAc,CACd,iCAA0B,CAA1B,yBACF,CAEA,kEAEE,oDAA6C,CAC7C,sDAA6C,CAF7C,mCAGF,CAEA,oEAEE,uDAAgD,CAChD,yDAAgD,CAFhD,sCAGF,CAGF,+BAIE,oDAA4C,CAC5C,sDAA+C,CAJ/C,YAAa,CAEb,qBAAsB,CADtB,gCAIF","file":"SelectPanel-40b4ba73.css","sourcesContent":[".Overlay {\n  padding: 0;\n  color: var(--fgColor-default);\n  border: none;\n\n  /* CSS variables values are passed in via styles */\n  --max-height: 0;\n  --position-top: 0;\n  --position-left: 0;\n\n  &:where([open]) {\n    display: flex; /* to fit children */\n  }\n\n  &:where([data-variant='anchored']),\n  &:where([data-variant='full-screen']) {\n    /* stylelint-disable-next-line primer/spacing */\n    top: var(--position-top);\n    /* stylelint-disable-next-line primer/spacing */\n    left: var(--position-left);\n    margin: 0;\n\n    &::backdrop {\n      background-color: transparent;\n    }\n  }\n\n  &:where([data-variant='modal']) {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n\n  &:where([data-variant='modal'])::backdrop {\n    background-color: var(--overlay-backdrop-bgColor);\n  }\n\n  &:where([data-variant='full-screen']) {\n    top: 0;\n    left: 0;\n    width: 100%;\n    max-width: 100vw;\n    height: 100%;\n    max-height: 100vh;\n    margin: 0;\n    border-radius: unset;\n  }\n\n  &:where([data-variant='bottom-sheet']) {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    max-width: 100vw;\n    max-height: calc(100vh - 64px);\n    margin: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n\n.Form {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.Container {\n  display: flex;\n  overflow: hidden;\n  flex-direction: column;\n  flex-shrink: 1;\n  flex-grow: 1;\n  justify-content: space-between;\n\n  ul {\n    overflow-y: auto;\n    flex-grow: 1;\n  }\n\n  /* Allow the browser to skip rendering for off-screen items, reducing style recalc and layout costs in long lists.\n     Exclude items that show the active indicator line, as content-visibility: auto applies paint containment\n     which clips the absolutely-positioned ::after pseudo-element that renders outside the item bounds. */\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  li:not(:focus, [data-is-active-descendant], [data-active]) {\n    content-visibility: auto;\n    contain-intrinsic-size: auto 32px;\n  }\n}\n\n.HeaderContent {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 0;\n\n  &:where([data-description]) {\n    align-items: flex-start;\n  }\n\n  &:where([data-search-input]) {\n    margin-bottom: var(--base-size-8);\n  }\n}\n\n.TitleWrapper {\n  margin-top: 0;\n  margin-left: var(--base-size-8);\n\n  &:where([data-description]) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-top: 2px;\n  }\n\n  &:where([data-on-back]) {\n    margin-left: var(--base-size-4);\n  }\n}\n\n.TextInput {\n  padding-left: var(--base-size-8) !important;\n\n  /* stylelint-disable-next-line selector-class-pattern, selector-no-qualifying-type */\n  &:has(input:placeholder-shown) :global(.TextInput-action) {\n    display: none;\n  }\n}\n\n.Checkbox {\n  margin-top: 0;\n}\n\n.FlexBox {\n  display: flex;\n}\n\n.Title {\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-semibold);\n}\n\n.Description {\n  display: block;\n  font-size: var(--text-body-size-small);\n  color: var(--fgColor-muted);\n}\n\n.ClearAction {\n  color: var(--fgColor-muted);\n  background: none;\n}\n\n.Footer {\n  display: flex;\n  min-height: 44px;\n  padding: var(--base-size-16);\n  border-top: var(--borderWidth-thin) solid;\n  border-top-color: var(--borderColor-default);\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n\n  &:where([data-hide-primary-actions]) {\n    padding: var(--base-size-8);\n  }\n}\n\n.FooterContent {\n  flex-grow: 0;\n\n  &:where([data-hide-primary-actions]) {\n    flex-grow: 1;\n  }\n}\n\n.FooterActions {\n  display: flex;\n  gap: var(--stack-gap-condensed);\n}\n\n.SecondaryCheckbox {\n  display: flex;\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n}\n\n.SmallText {\n  font-size: var(--text-body-size-small);\n}\n\n.SelectPanelLoading {\n  display: flex;\n  height: 100%;\n\n  /* maxHeight of dialog - (header & footer) */\n  min-height: min(calc(var(--max-height) - 150px), 324px);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--stack-gap-normal);\n}\n\n.LoadingText {\n  font-size: var(--text-body-size-medium);\n  color: var(--fgColor-muted);\n}\n\n.MessageFull {\n  display: flex;\n  height: 100%;\n\n  /* maxHeight of dialog - (header & footer) */\n  min-height: min(calc(var(--max-height) - 150px), 324px);\n  padding-right: var(--base-size-24);\n  padding-left: var(--base-size-24);\n  text-align: center;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 1;\n  gap: var(--base-size-4);\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n  }\n}\n\n.Octicon {\n  margin-bottom: var(--base-size-8);\n\n  &.Error {\n    color: var(--fgColor-danger);\n  }\n\n  &.Warning {\n    color: var(--fgColor-attention);\n  }\n}\n\n.MessageTitle {\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-medium);\n}\n\n.MessageContent {\n  display: flex;\n  font-size: var(--text-body-size-medium);\n  color: var(--fgColor-muted);\n  flex-direction: column;\n  gap: var(--stack-gap-condensed);\n  align-items: center;\n}\n\n.MessageInline {\n  display: flex;\n  padding-top: var(--base-size-12);\n  padding-right: var(--base-size-16);\n  padding-bottom: var(--base-size-12);\n  padding-left: var(--base-size-16);\n  font-size: var(--text-body-size-small);\n  border-bottom: var(--borderWidth-thin) solid;\n  gap: var(--stack-gap-condensed);\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n  }\n\n  &:where([data-variant='error']) {\n    color: var(--fgColor-danger);\n    background-color: var(--bgColor-danger-muted);\n    border-color: var(--borderColor-danger-muted);\n  }\n\n  &:where([data-variant='warning']) {\n    color: var(--fgColor-attention);\n    background-color: var(--bgColor-attention-muted);\n    border-color: var(--borderColor-attention-muted);\n  }\n}\n\n.Header {\n  display: flex;\n  padding: var(--base-size-8);\n  flex-direction: column;\n  border-bottom: var(--borderWidth-thin) solid;\n  border-bottom-color: var(--borderColor-default);\n}\n"]}
+{"version":3,"sources":["../../src/experimental/SelectPanel2/SelectPanel.module.css.js"],"names":[],"mappings":"AAAA,gCAGE,WAAY,CADZ,oCAA6B,CAD7B,SAAU,CAKV,cAAe,CACf,gBAAiB,CACjB,iBAoDF,CAlDE,8CACE,YACF,CAEA,iIAKE,yBAA0B,CAC1B,QAAS,CAHT,uBAQF,CAHE,gJACE,4BACF,CAGF,4DAIE,QAAS,CAFT,MAAO,CACP,OAAQ,CAFR,KAIF,CAEA,sEACE,0DACF,CAEA,kEAQE,mBAAoB,CAHpB,WAAY,CAHZ,MAAO,CAKP,QAAS,CADT,gBAAiB,CAFjB,eAAgB,CAHhB,KAAM,CAEN,UAMF,CAEA,mEASE,2BAA4B,CAD5B,4BAA6B,CAN7B,QAAS,CACT,MAAO,CAIP,QAAS,CADT,6BAA8B,CAD9B,eAAgB,CAJhB,QAAS,CAGT,UAMF,CAGF,6BAEE,UAEF,CAEA,+DALE,YAAa,CAEb,qBAwBF,CArBA,kCAKE,WAAY,CADZ,aAAc,CAEd,6BAA8B,CAJ9B,eAmBF,CAbE,qCAEE,WAAY,CADZ,eAEF,CAMA,2FAEE,gCAAiC,CADjC,uBAEF,CAGF,sCAGE,kBAAmB,CAFnB,YAAa,CACb,6BAA8B,CAE9B,eASF,CAPE,gEACE,sBACF,CAEA,iEACE,sCACF,CAGF,qCAEE,oCAA+B,CAD/B,YAWF,CARE,+DAEE,cACF,CAEA,2DACE,qCACF,CAGF,kCACE,+CAMF,CAHE,iFACE,YACF,CAGF,iCACE,YACF,CAEA,gCACE,YACF,CAEA,8BACE,8CAAuC,CACvC,gDACF,CAEA,oCACE,aAAc,CACd,4CAEF,CAEA,wEAHE,kCAMF,CAHA,oCAEE,eACF,CAEA,+BAOE,kBAAmB,CAHnB,iDAAyC,CACzC,mDAA4C,CAJ5C,YAAa,CAOb,aAAc,CAFd,6BAA8B,CAJ9B,eAAgB,CAChB,gCAUF,CAHE,kEACE,gCACF,CAGF,sCACE,WAKF,CAHE,yEACE,WACF,CAQF,gFAJE,YAAa,CACb,oCAOF,CAJA,0CAEE,kBAEF,CAEA,kCACE,4CACF,CAEA,2CAQE,kBAAmB,CAPnB,YAAa,CAKb,qBAAsB,CAGtB,gCAA4B,CAP5B,WAAY,CAKZ,sBAAuB,CAFvB,qDAKF,CAEA,oCAEE,kCAA2B,CAD3B,8CAEF,CAEA,oCAWE,kBAAmB,CAVnB,YAAa,CAQb,qBAAsB,CAGtB,WAAY,CACZ,6BAAuB,CAXvB,WAAY,CAQZ,sBAAuB,CALvB,qDAAuD,CAEvD,uCAAiC,CADjC,wCAAkC,CAElC,iBAWF,CAJE,sCACE,aAAc,CACd,iCAA0B,CAA1B,yBACF,CAGF,gCACE,sCASF,CAPE,6DACE,mCACF,CAEA,+DACE,sCACF,CAGF,qCACE,8CAAuC,CACvC,8CACF,CAEA,uCAME,kBAAmB,CAHnB,kCAA2B,CAC3B,qBAAsB,CAFtB,8CAKF,CAEA,6EARE,YAAa,CAIb,oCA8BF,CA1BA,sCAOE,oDAA4C,CAD5C,4CAAsC,CADtC,2DAqBF,CAhBE,wCACE,aAAc,CACd,iCAA0B,CAA1B,yBACF,CAEA,kEAEE,oDAA6C,CAC7C,sDAA6C,CAF7C,mCAGF,CAEA,oEAEE,uDAAgD,CAChD,yDAAgD,CAFhD,sCAGF,CAGF,+BAIE,oDAA4C,CAC5C,sDAA+C,CAJ/C,YAAa,CAEb,qBAAsB,CADtB,gCAIF","file":"SelectPanel-608e207e.css","sourcesContent":[".Overlay {\n  padding: 0;\n  color: var(--fgColor-default);\n  border: none;\n\n  /* CSS variables values are passed in via styles */\n  --max-height: 0;\n  --position-top: 0;\n  --position-left: 0;\n\n  &:where([open]) {\n    display: flex; /* to fit children */\n  }\n\n  &:where([data-variant='anchored']),\n  &:where([data-variant='full-screen']) {\n    /* stylelint-disable-next-line primer/spacing */\n    top: var(--position-top);\n    /* stylelint-disable-next-line primer/spacing */\n    left: var(--position-left);\n    margin: 0;\n\n    &::backdrop {\n      background-color: transparent;\n    }\n  }\n\n  &:where([data-variant='modal']) {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n\n  &:where([data-variant='modal'])::backdrop {\n    background-color: var(--overlay-backdrop-bgColor);\n  }\n\n  &:where([data-variant='full-screen']) {\n    top: 0;\n    left: 0;\n    width: 100%;\n    max-width: 100vw;\n    height: 100%;\n    max-height: 100vh;\n    margin: 0;\n    border-radius: unset;\n  }\n\n  &:where([data-variant='bottom-sheet']) {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    max-width: 100vw;\n    max-height: calc(100vh - 64px);\n    margin: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n\n.Form {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.Container {\n  display: flex;\n  overflow: hidden;\n  flex-direction: column;\n  flex-shrink: 1;\n  flex-grow: 1;\n  justify-content: space-between;\n\n  ul {\n    overflow-y: auto;\n    flex-grow: 1;\n  }\n\n  /* Allow the browser to skip rendering for off-screen items, reducing style recalc and layout costs in long lists.\n     Exclude items that show the active indicator line, as content-visibility: auto applies paint containment\n     which clips the absolutely-positioned ::after pseudo-element that renders outside the item bounds. */\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  li:not(:focus, [data-is-active-descendant], [data-active]) {\n    content-visibility: auto;\n    contain-intrinsic-size: auto 32px;\n  }\n}\n\n.HeaderContent {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 0;\n\n  &:where([data-description]) {\n    align-items: flex-start;\n  }\n\n  &:where([data-search-input]) {\n    margin-bottom: var(--base-size-8);\n  }\n}\n\n.TitleWrapper {\n  margin-top: 0;\n  margin-left: var(--base-size-8);\n\n  &:where([data-description]) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-top: 2px;\n  }\n\n  &:where([data-on-back]) {\n    margin-left: var(--base-size-4);\n  }\n}\n\n.TextInput {\n  padding-left: var(--base-size-8) !important;\n\n  /* stylelint-disable-next-line selector-class-pattern, selector-no-qualifying-type, selector-pseudo-class-disallowed-list -- :has() scoped to CSS Module, audited (github/github-ui#17224) */\n  &:has(input:placeholder-shown) :global(.TextInput-action) {\n    display: none;\n  }\n}\n\n.Checkbox {\n  margin-top: 0;\n}\n\n.FlexBox {\n  display: flex;\n}\n\n.Title {\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-semibold);\n}\n\n.Description {\n  display: block;\n  font-size: var(--text-body-size-small);\n  color: var(--fgColor-muted);\n}\n\n.ClearAction {\n  color: var(--fgColor-muted);\n  background: none;\n}\n\n.Footer {\n  display: flex;\n  min-height: 44px;\n  padding: var(--base-size-16);\n  border-top: var(--borderWidth-thin) solid;\n  border-top-color: var(--borderColor-default);\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n\n  &:where([data-hide-primary-actions]) {\n    padding: var(--base-size-8);\n  }\n}\n\n.FooterContent {\n  flex-grow: 0;\n\n  &:where([data-hide-primary-actions]) {\n    flex-grow: 1;\n  }\n}\n\n.FooterActions {\n  display: flex;\n  gap: var(--stack-gap-condensed);\n}\n\n.SecondaryCheckbox {\n  display: flex;\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n}\n\n.SmallText {\n  font-size: var(--text-body-size-small);\n}\n\n.SelectPanelLoading {\n  display: flex;\n  height: 100%;\n\n  /* maxHeight of dialog - (header & footer) */\n  min-height: min(calc(var(--max-height) - 150px), 324px);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--stack-gap-normal);\n}\n\n.LoadingText {\n  font-size: var(--text-body-size-medium);\n  color: var(--fgColor-muted);\n}\n\n.MessageFull {\n  display: flex;\n  height: 100%;\n\n  /* maxHeight of dialog - (header & footer) */\n  min-height: min(calc(var(--max-height) - 150px), 324px);\n  padding-right: var(--base-size-24);\n  padding-left: var(--base-size-24);\n  text-align: center;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 1;\n  gap: var(--base-size-4);\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n  }\n}\n\n.Octicon {\n  margin-bottom: var(--base-size-8);\n\n  &.Error {\n    color: var(--fgColor-danger);\n  }\n\n  &.Warning {\n    color: var(--fgColor-attention);\n  }\n}\n\n.MessageTitle {\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-medium);\n}\n\n.MessageContent {\n  display: flex;\n  font-size: var(--text-body-size-medium);\n  color: var(--fgColor-muted);\n  flex-direction: column;\n  gap: var(--stack-gap-condensed);\n  align-items: center;\n}\n\n.MessageInline {\n  display: flex;\n  padding-top: var(--base-size-12);\n  padding-right: var(--base-size-16);\n  padding-bottom: var(--base-size-12);\n  padding-left: var(--base-size-16);\n  font-size: var(--text-body-size-small);\n  border-bottom: var(--borderWidth-thin) solid;\n  gap: var(--stack-gap-condensed);\n\n  a {\n    color: inherit;\n    text-decoration: underline;\n  }\n\n  &:where([data-variant='error']) {\n    color: var(--fgColor-danger);\n    background-color: var(--bgColor-danger-muted);\n    border-color: var(--borderColor-danger-muted);\n  }\n\n  &:where([data-variant='warning']) {\n    color: var(--fgColor-attention);\n    background-color: var(--bgColor-attention-muted);\n    border-color: var(--borderColor-attention-muted);\n  }\n}\n\n.Header {\n  display: flex;\n  padding: var(--base-size-8);\n  flex-direction: column;\n  border-bottom: var(--borderWidth-thin) solid;\n  border-bottom-color: var(--borderColor-default);\n}\n"]}

package/dist/experimental/SelectPanel2/SelectPanel.module.css.js

@@ -1,4 +1,4 @@
-import './SelectPanel-40b4ba73.css';
+import './SelectPanel-608e207e.css';
 
 var classes = {"Overlay":"prc-SelectPanel2-Overlay--Q-FI","Form":"prc-SelectPanel2-Form-bZ9HS","Container":"prc-SelectPanel2-Container-e5e6-","HeaderContent":"prc-SelectPanel2-HeaderContent-MsaAS","TitleWrapper":"prc-SelectPanel2-TitleWrapper-HzPu3","TextInput":"prc-SelectPanel2-TextInput-lHH1n","Checkbox":"prc-SelectPanel2-Checkbox-AYR38","FlexBox":"prc-SelectPanel2-FlexBox-gWPRg","Title":"prc-SelectPanel2-Title-T-h3f","Description":"prc-SelectPanel2-Description-qTXfi","ClearAction":"prc-SelectPanel2-ClearAction-tQj-f","Footer":"prc-SelectPanel2-Footer-TibV0","FooterContent":"prc-SelectPanel2-FooterContent-UjAOM","FooterActions":"prc-SelectPanel2-FooterActions-T6yQR","SecondaryCheckbox":"prc-SelectPanel2-SecondaryCheckbox-omkf-","SmallText":"prc-SelectPanel2-SmallText-c42ay","SelectPanelLoading":"prc-SelectPanel2-SelectPanelLoading-mtyhD","LoadingText":"prc-SelectPanel2-LoadingText-DB0wN","MessageFull":"prc-SelectPanel2-MessageFull-nY-qF","Octicon":"prc-SelectPanel2-Octicon-zt-zU","Error":"prc-SelectPanel2-Error-ZrZQQ","Warning":"prc-SelectPanel2-Warning-PDsVF","MessageTitle":"prc-SelectPanel2-MessageTitle-T7v9d","MessageContent":"prc-SelectPanel2-MessageContent-UZ9vY","MessageInline":"prc-SelectPanel2-MessageInline-sErQf","Header":"prc-SelectPanel2-Header-LKyEJ"};
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.22.0-rc.96c39ab58",
+  "version": "38.22.0-rc.984eec337",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/ActionList/ActionList-53389912.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ActionList/ActionList.module.css.js","../../postcss-preset-primer/src/mixins/focusOutline.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"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","file":"ActionList-53389912.css","sourcesContent":["/* stylelint-disable max-nesting-depth, selector-max-specificity */\n\n.ActionList {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n\n  ul {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  &:where([data-variant='inset']) {\n    padding-block: var(--base-size-8);\n  }\n\n  &:where([data-variant='inset'], [data-variant='horizontal-inset']) {\n    /* this is only to match default experience */\n    & .ActionListItem {\n      margin-inline: var(--base-size-8);\n    }\n  }\n\n  &:where([data-variant='horizontal-inset']) {\n    padding-bottom: var(--base-size-8);\n  }\n\n  &:where([data-dividers='true']) {\n    /* place dividers on the wrapper that excludes leading visuals/actions */\n    & .ActionListSubContent::before {\n      position: absolute;\n\n      /* use this top size after FF removed */\n\n      /* top: calc(-1 * var(--control-medium-paddingBlock)); */\n      /* stylelint-disable-next-line primer/spacing */\n      top: -7px;\n      display: block;\n      width: 100%;\n      height: 1px;\n      content: '';\n      /* stylelint-disable-next-line primer/colors */\n      background: var(--borderColor-muted);\n    }\n\n    /* if inline description, move pseudo divider to description wrapper */\n    & [data-description-variant='inline'] {\n      &::before {\n        position: absolute;\n\n        /* use this top size after FF removed */\n\n        /* top: calc(-1 * var(--control-medium-paddingBlock)); */\n        /* stylelint-disable-next-line primer/spacing */\n        top: -7px;\n        display: block;\n        width: 100%;\n        height: var(--borderWidth-thin);\n        content: '';\n        /* stylelint-disable-next-line primer/colors */\n        background: var(--borderColor-muted);\n      }\n\n      /* remove the default divider */\n      & .ActionListSubContent::before {\n        content: unset;\n      }\n    }\n\n    /* hide if item is first of type with label::before, or is the first item after a sectionDivider */\n    .ActionListItem:first-of-type .ActionListSubContent::before,\n    .Divider + .ActionListItem .ActionListSubContent::before {\n      visibility: hidden;\n    }\n\n    /* hide if item is first of type with label::before, or is the first item after a sectionDivider */\n    .ActionListItem:first-of-type [data-description-variant='inline']::before,\n    .Divider + .ActionListItem [data-description-variant='inline']::before {\n      visibility: hidden;\n    }\n  }\n\n  /* Make sure that the first visible item isn't a divider */\n  & .Divider:first-child {\n    display: none;\n  }\n\n  /* if a list has a mix of items with and without descriptions, reset the label font-weight to normal */\n  &[data-mixed-descriptions='true'] {\n    & .ItemLabel {\n      font-weight: var(--base-text-weight-normal);\n    }\n  }\n}\n\n/* ActionListItem is a li that handles visual state, while ActionListItemContent controls actual state via button or link */\n\n.ActionListItem {\n  position: relative;\n  list-style: none;\n  background-color: var(--control-transparent-bgColor-rest);\n  border-radius: var(--borderRadius-medium);\n\n  /* apply flex if trailing action exists as an immediate child */\n  &:has(> .TrailingAction) {\n    display: flex;\n    flex-wrap: nowrap;\n  }\n\n  /* state */\n\n  @media (forced-colors: active) {\n    :focus,\n    &:focus-visible,\n    /* stylelint-disable-next-line selector-no-qualifying-type */\n    >a.focus-visible,\n    &[data-is-active-descendant] {\n      /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */\n      outline: solid 1px transparent !important;\n    }\n  }\n\n  &:not([data-is-disabled], [data-has-subitem='true']) {\n    @media (hover: hover) {\n      &:hover,\n      &:active {\n        cursor: pointer;\n      }\n\n      &:hover {\n        background-color: var(--control-transparent-bgColor-hover);\n\n        &:not([data-active], :focus-visible) {\n          /* Support for \"Windows high contrast mode\" https:sarahmhigley.com/writing/whcm-quick-tips/ */\n          outline: solid var(--borderWidth-thin) transparent;\n          outline-offset: calc(-1 * var(--borderWidth-thin));\n          box-shadow: var(--boxShadow-thin) var(--control-transparent-borderColor-active);\n        }\n      }\n    }\n\n    &:active {\n      background-color: var(--control-transparent-bgColor-active);\n\n      &:not([data-active]) {\n        /* Support for \"Windows high contrast mode\" https:sarahmhigley.com/writing/whcm-quick-tips/ */\n        outline: solid var(--borderWidth-thin) transparent;\n        outline-offset: calc(-1 * var(--borderWidth-thin));\n        box-shadow: var(--boxShadow-thin) var(--control-transparent-borderColor-active);\n      }\n    }\n\n    &:focus-visible {\n      @mixin focusOutline 0;\n\n      & .ActionListSubContent::before,\n      & + .ActionListItem .ActionListSubContent::before {\n        visibility: hidden;\n      }\n    }\n\n    /* danger */\n    &:where([data-variant='danger']) {\n      & .LeadingAction,\n      .LeadingVisual,\n      .ItemLabel {\n        color: var(--control-danger-fgColor-rest);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          background: var(--control-danger-bgColor-hover);\n\n          & .LeadingAction,\n          .LeadingVisual,\n          .ItemLabel {\n            color: var(--control-danger-fgColor-hover);\n          }\n\n          & [data-kbd-chord] {\n            background-color: var(--bgColor-default);\n            transition: none;\n          }\n        }\n      }\n\n      &:active {\n        background: var(--control-danger-bgColor-active);\n\n        & .LeadingAction,\n        .LeadingVisual,\n        .ItemLabel {\n          color: var(--control-danger-fgColor-hover);\n        }\n\n        & [data-kbd-chord] {\n          background-color: var(--bgColor-default);\n          transition: none;\n        }\n      }\n    }\n\n    /* active state [aria-current] */\n    &:where([data-active]) {\n      background: var(--control-transparent-bgColor-selected);\n\n      /* provides a visual indication of the current item for Windows high-contrast mode */\n      outline: 2px solid transparent;\n\n      & .ItemLabel {\n        font-weight: var(--base-text-weight-semibold);\n        color: var(--control-fgColor-rest);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          background-color: var(--control-transparent-bgColor-hover);\n        }\n      }\n\n      /* hide dividers if showDividers is true and item is active */\n\n      & .ActionListSubContent::before,\n      & + .ActionListItem .ActionListSubContent::before {\n        visibility: hidden;\n      }\n\n      /* blue accent line  */\n      &::after {\n        @mixin activeIndicatorLine;\n      }\n    }\n\n    &:where([data-is-active-descendant]) {\n      background: var(--control-transparent-bgColor-selected);\n\n      /* provides a visual indication of the current item for Windows high-contrast mode */\n      outline: 2px solid transparent;\n\n      /* hide dividers if showDividers is true and item is active */\n\n      /* add back in after FF ship */\n\n      /* & .ActionListSubContent::before,\n      & + .ActionListItem .ActionListSubContent::before {\n        visibility: hidden;\n      } */\n\n      /* blue accent line  */\n      &::after {\n        @mixin activeIndicatorLine;\n      }\n    }\n\n    /* inactive */\n    &:where([data-inactive='true']) {\n      /* ignore tooltip */\n      & * :not([popover], .InactiveWarning) {\n        color: var(--fgColor-muted);\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          cursor: not-allowed;\n          background-color: transparent;\n\n          & * :not([popover], .InactiveWarning) {\n            color: var(--fgColor-muted);\n          }\n        }\n      }\n\n      &:active {\n        background: transparent;\n      }\n    }\n\n    &:where([data-loading='true']),\n    & > [data-loading='true'] {\n      & .ItemLabel,\n      & .Description,\n      & .LeadingVisual,\n      & .TrailingVisual,\n      & .LeadingAction,\n      & .VisualWrap {\n        color: var(--fgColor-muted);\n      }\n    }\n\n    /* hide dividers  */\n    @media (hover: hover) {\n      &:hover {\n        & .ActionListSubContent::before,\n        & + .ActionListItem .ActionListSubContent::before {\n          visibility: hidden;\n        }\n\n        & [data-description-variant='inline']::before,\n        & + .ActionListItem [data-description-variant='inline']::before {\n          visibility: hidden;\n        }\n      }\n    }\n  }\n\n  /* if item has subitem, move hover styles to ActionListContent */\n  &[data-has-subitem='true'] {\n    /* first child */\n    & > .ActionListContent {\n      z-index: 1;\n\n      @media (hover: hover) {\n        &:hover {\n          cursor: pointer;\n          background-color: var(--control-transparent-bgColor-hover);\n        }\n      }\n\n      &:active {\n        background-color: var(--control-transparent-bgColor-active);\n      }\n    }\n\n    & .Spacer {\n      display: block;\n    }\n  }\n\n  /* disabled */\n\n  &[aria-disabled='true'],\n  &[data-is-disabled] {\n    & .ActionListContent * {\n      color: var(--control-fgColor-disabled);\n    }\n\n    & .ActionListContent {\n      @media (hover: hover) {\n        &:hover {\n          cursor: not-allowed;\n          background-color: transparent;\n        }\n      }\n    }\n\n    @media (hover: hover) {\n      &:hover {\n        background-color: transparent;\n      }\n    }\n\n    & .MultiSelectCheckbox {\n      background-color: var(--control-bgColor-disabled);\n      border-color: var(--control-borderColor-disabled);\n    }\n\n    &[aria-checked='true'],\n    &[aria-selected='true'] {\n      & .MultiSelectCheckbox {\n        background-color: var(--control-checked-bgColor-disabled);\n        /* stylelint-disable-next-line primer/colors */\n        border-color: var(--control-checked-bgColor-disabled);\n\n        &::before {\n          /* stylelint-disable-next-line primer/colors */\n          background-color: var(--control-checked-fgColor-disabled);\n        }\n      }\n    }\n  }\n\n  /* When TrailingAction is in loading state, keep labels and descriptions accessible */\n  &:has(.TrailingAction [data-loading='true']):not([data-is-disabled]) {\n    /* Ensure labels and descriptions maintain accessibility contrast */\n    & .ItemLabel {\n      color: var(--fgColor-default);\n    }\n\n    & .Description {\n      color: var(--fgColor-default);\n    }\n  }\n\n  /* Make sure that the first visible item isn't a divider */\n  &[aria-hidden] + .Divider {\n    display: none;\n  }\n\n  /*\n  * checkbox item [aria-checked]\n  * listbox [aria-selected]\n  */\n\n  & .MultiSelectCheckbox {\n    position: relative;\n    display: grid;\n    width: var(--base-size-16);\n    height: var(--base-size-16);\n    margin: 0;\n    cursor: pointer;\n    background-color: var(--bgColor-default);\n    border: var(--borderWidth-thin) solid var(--control-borderColor-emphasis);\n    border-radius: var(--borderRadius-small);\n    transition:\n      background-color,\n      border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);\n    /* checked -> unchecked - add 120ms delay to fully see animation-out */\n\n    place-content: center;\n\n    &::before {\n      width: var(--base-size-16);\n      height: var(--base-size-16);\n      content: '';\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--control-checked-fgColor-rest);\n      transition: visibility 0s linear 230ms;\n      clip-path: inset(var(--base-size-16) 0 0 0);\n\n      /* octicon checkmark image */\n      mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');\n      mask-size: 75%;\n      mask-repeat: no-repeat;\n      mask-position: center;\n      animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1);\n      /*  forwards;  slightly snappier animation out */\n    }\n\n    @media (forced-colors: active) {\n      /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */\n\n      /* background-color will be overriden but border-width is a workaround */\n      border-width: var(--borderWidth-thin);\n    }\n  }\n\n  &[aria-checked='true'],\n  &[aria-selected='true'] {\n    & .MultiSelectCheckbox {\n      background-color: var(--control-checked-bgColor-rest);\n      border-color: var(--control-checked-borderColor-rest);\n      transition:\n        background-color,\n        border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms;\n      /* unchecked -> checked */\n\n      &::before {\n        visibility: visible;\n        transition: visibility 0s linear 0s;\n        animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n      }\n\n      @media (forced-colors: active) {\n        /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips\n        background-color will be overriden but border-width is a workaround */\n        /* stylelint-disable-next-line primer/borders */\n        border-width: 8px;\n      }\n    }\n\n    & .SingleSelectCheckmark {\n      visibility: visible;\n    }\n  }\n\n  &[aria-checked='false'],\n  &[aria-selected='false'] {\n    & .MultiSelectCheckbox {\n      &::before {\n        visibility: hidden;\n      }\n    }\n\n    & .SingleSelectCheckmark {\n      visibility: hidden;\n    }\n  }\n}\n\n/* hide by default to support inactive state where role cannot be menuitemradio or menuitemcheckbox */\n.SingleSelectCheckmark {\n  visibility: hidden;\n}\n\n/* button or a tag */\n\n/* [ [spacer] [leadingAction] [leadingVisual] [content] ] */\n.ActionListContent {\n  --subitem-depth: 0px;\n\n  position: relative;\n  display: grid;\n  width: 100%;\n  color: var(--control-fgColor-rest);\n  text-align: left;\n  user-select: none;\n  background-color: transparent;\n  border: none;\n  border-radius: var(--borderRadius-medium);\n  transition: background 33.333ms linear;\n  /* stylelint-disable-next-line primer/spacing */\n  padding-block: var(--control-medium-paddingBlock);\n  /* stylelint-disable-next-line primer/spacing */\n  padding-inline: var(--control-medium-paddingInline-condensed);\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n  grid-template-rows: min-content;\n  grid-template-areas: 'spacer leadingAction leadingVisual content';\n  grid-template-columns: min-content min-content min-content minmax(0, auto);\n  align-items: start;\n\n  /* column-gap persists with empty grid-areas, margin applies only when children exist */\n  & > :not(:last-child, .Spacer) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-right: var(--control-medium-gap);\n  }\n\n  &:hover {\n    text-decoration: none;\n    cursor: pointer;\n  }\n\n  /* large */\n\n  &[data-size='large'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-block: var(--control-large-paddingBlock);\n  }\n\n  /* collapsible item [aria-expanded] */\n\n  &[aria-expanded='true'] {\n    & .ExpandIcon {\n      transform: scaleY(-1);\n    }\n  }\n\n  &[aria-expanded='false'] {\n    & .ExpandIcon {\n      transform: scaleY(1);\n    }\n\n    & ~ .SubGroup {\n      display: none;\n    }\n\n    /* show active indicator on parent collapse if child is active */\n    &:has(~ .SubGroup [data-active='true']) {\n      background: var(--control-transparent-bgColor-selected);\n\n      & .ItemLabel {\n        font-weight: var(--base-text-weight-semibold);\n      }\n\n      & .ActionListSubContent::before,\n      & + .ActionListItem .ActionListSubContent::before {\n        visibility: hidden;\n      }\n\n      /* blue accent line */\n      &::after {\n        @mixin activeIndicatorLine;\n      }\n    }\n  }\n}\n\n/* [ [content] [trailingVisual] [trailingAction] ] */\n.ActionListSubContent {\n  grid-area: content;\n  position: relative;\n  display: grid;\n  width: 100%;\n  grid-template-rows: min-content;\n  grid-template-areas: 'label trailingVisual trailingAction';\n  grid-template-columns: minmax(0, auto) min-content min-content;\n  align-items: start;\n\n  /* column-gap persists with empty grid-areas, margin applies only when children exist */\n  & > :not(:last-child) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-right: var(--control-medium-gap);\n  }\n}\n\n/* place children on grid */\n\n/* spacer used to create depth for nested lists */\n\n.Spacer {\n  display: none;\n  width: max(0px, var(--subitem-depth) * 8px);\n  grid-area: spacer;\n}\n\n.LeadingAction {\n  grid-area: leadingAction;\n}\n\n.LeadingVisual {\n  grid-area: leadingVisual;\n}\n\n.TrailingVisual {\n  grid-area: trailingVisual;\n  font-size: var(--text-body-size-medium);\n}\n\n.TrailingAction {\n  grid-area: trailingAction;\n\n  /* if child is loading button */\n  & > *[data-loading-wrapper] {\n    height: 100%;\n  }\n}\n\n/* wrapper span\ndefault block */\n.ItemDescriptionWrap {\n  grid-area: label;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-4);\n\n  & .ItemLabel {\n    font-weight: var(--base-text-weight-semibold);\n    /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */\n    word-break: break-word;\n  }\n\n  /* inline */\n  &:where([data-description-variant='inline']) {\n    position: relative;\n    word-break: normal;\n    flex-direction: row;\n    align-items: baseline;\n    gap: var(--base-size-8);\n\n    & .ItemLabel {\n      word-break: normal;\n    }\n\n    &:has([data-truncate='true']) {\n      & .ItemLabel {\n        flex: 1 0 auto;\n      }\n    }\n\n    & .Description {\n      /* stylelint-disable-next-line primer/typography */\n      line-height: 16px;\n    }\n  }\n}\n\n/* description */\n.Description {\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-normal);\n\n  /* line-height: var(--text-caption-lineHeight); */\n\n  /* remove after FF ships */\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 16px;\n  color: var(--fgColor-muted);\n}\n\n/* helper for grid alignment with multi-line content\nspan wrapping svg or text */\n.VisualWrap {\n  display: flex;\n  min-width: max-content;\n  min-height: var(--base-size-20);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px;\n  /* temporary until we fix line-height rounding in primitives */\n  color: var(--fgColor-muted);\n  pointer-events: none;\n  fill: var(--fgColor-muted);\n  align-items: center;\n}\n\n/* text */\n.ItemLabel {\n  position: relative;\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-normal);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px;\n  /* temporary until we fix line-height rounding in primitives */\n  color: var(--fgColor-default);\n  grid-area: label;\n  /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */\n  word-break: break-word;\n}\n\n.SubGroup {\n  & .ItemLabel {\n    font-size: var(--text-body-size-small);\n  }\n\n  & .ActionListItem {\n    margin-inline: 0;\n  }\n}\n\n/* trailing action icon button */\n\n.TrailingActionButton {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  height: 100%;\n\n  /* Preserve width consistency when loading state is active for text buttons only */\n  &[data-loading='true']:has([data-component='buttonContent']) {\n    /* Double the left padding to compensate for missing right padding */\n    padding: 0 0 0 calc(var(--base-size-12) * 2);\n\n    /* Position spinner at the end to align with IconButton */\n    & [data-component='loadingSpinner'] {\n      place-self: end;\n      /* Match the IconButton spinner size */\n      width: var(--control-medium-size, 2rem);\n      height: var(--control-medium-size, 2rem);\n      /* Ensure spinner is properly centered */\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n}\n\n.InactiveButtonWrap {\n  &:has(.TrailingVisual) {\n    grid-area: trailingVisual;\n  }\n\n  &:has(.LeadingVisual) {\n    grid-area: leadingVisual;\n  }\n}\n\n.Divider {\n  display: block;\n  height: var(--borderWidth-thin);\n  padding: 0;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-block-start: calc(var(--base-size-8) - var(--borderWidth-thin));\n  margin-block-end: var(--base-size-8);\n  list-style: none;\n  /* stylelint-disable-next-line primer/colors */\n  background: var(--borderColor-muted);\n  border: 0;\n}\n\n.InactiveButtonReset {\n  display: flex;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n  background: none;\n  border: none;\n}\n\n.InactiveWarning {\n  font-size: var(--text-body-size-small);\n\n  /* line-height: var(--text-caption-lineHeight); */\n\n  /* use variable when FF removed */\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 16px;\n  color: var(--fgColor-attention);\n  grid-row: 2/2;\n}\n\n@keyframes checkmarkIn {\n  from {\n    clip-path: inset(var(--base-size-16) 0 0 0);\n  }\n\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n@keyframes checkmarkOut {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n\n  to {\n    clip-path: inset(var(--base-size-16) 0 0 0);\n  }\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","@define-mixin activeIndicatorLine {\n  position: absolute;\n  top: var(--base-size-4);\n  left: calc(-1 * var(--base-size-8));\n  width: var(--base-size-4);\n  height: calc(100% - var(--base-size-8));\n  content: '';\n  /* stylelint-disable-next-line primer/colors */\n  background: var(--borderColor-accent-emphasis);\n  border-radius: var(--borderRadius-medium);\n}\n"]}

package/dist/ActionList/Group-2c8b5711.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ActionList/Group.module.css.js"],"names":[],"mappings":"AAAA,4BACE,eAcF,CAZE,8CACE,2CAUF,CAJI,2KACE,YACF,CAKN,gCACE,sBACF,CAEA,uCAQE,kCAA2B,CAP3B,YAAa,CAQb,qBAAsB,CAPtB,4CAAsC,CACtC,gDAA6C,CAI7C,gBAAiB,CAIjB,wCAAiC,CADjC,uCAoBF,CAjBE,oEAIE,uCAAgC,CAEhC,uFAAqE,CADrE,oFAAkE,CAFlE,yCAAoC,CADpC,oFAAsE,CAKtE,uCAKF,CAHE,gFACE,oBACF,CAQJ,mCAKE,qBAAsB,CADtB,kCAA2B,CAF3B,4CAAsC,CACtC,gDAA6C,CAF7C,QAKF","file":"Group-2c8b5711.css","sourcesContent":[".Group {\n  list-style: none;\n\n  &:not(:first-child) {\n    margin-block-start: var(--base-size-8);\n\n    /* If somebody tries to pass the `title` prop AND a `NavList.GroupHeading` as a child, hide the `ActionList.GroupHeading */\n    /* stylelint-disable-next-line selector-max-specificity */\n    &:has(.GroupHeadingWrap + ul > .GroupHeadingWrap) {\n      /* stylelint-disable-next-line selector-max-specificity */\n      & > .GroupHeadingWrap {\n        display: none;\n      }\n    }\n  }\n}\n\n.GroupList {\n  padding-inline-start: 0;\n}\n\n.GroupHeadingWrap {\n  display: flex;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n\n  /* line-height: var(--text-body-lineHeight-small); use when FF rolls out */\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 18px;\n  color: var(--fgColor-muted);\n  flex-direction: column;\n  padding-inline: var(--base-size-16);\n  padding-block: var(--base-size-6);\n\n  &:where([data-variant='filled']) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-block-start: calc(var(--base-size-8) - var(--borderWidth-thin));\n    margin-block-end: var(--base-size-8);\n    background: var(--bgColor-muted);\n    border-top: solid var(--borderWidth-thin) var(--borderColor-muted);\n    border-bottom: solid var(--borderWidth-thin) var(--borderColor-muted);\n    padding-inline: var(--base-size-16);\n\n    &:first-child {\n      margin-block-start: 0;\n    }\n  }\n\n  /* & + ul:has(.GroupHeadingWrap) {\n    outline: solid 1px red;\n  } */\n}\n\n.GroupHeading {\n  margin: 0;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n  color: var(--fgColor-muted);\n  align-self: flex-start;\n}\n"]}

package/dist/Button/ButtonBase-4da3fa22.css.map

@@ -1 +0,0 @@
-{"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-4da3fa22.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  &: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  &:disabled,\n  &[aria-disabled='true']:not([data-loading='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    &: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      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      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      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      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    &:hover:not(:disabled, [data-inactive]) {\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      color: var(--control-fgColor-disabled);\n      background-color: transparent;\n      border-color: transparent;\n    }\n\n    & .Label {\n      white-space: unset;\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      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    &:not([data-no-visuals]) {\n      background-image: linear-gradient(to right, currentColor, currentColor);\n      background-size: 100% 1.5px;\n      background-position: 0 calc(100% - 2px);\n      background-repeat: no-repeat;\n\n      &:hover {\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\n    &:not([data-no-visuals]) {\n      background-image: none;\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-has-count]):has([data-component='leadingVisual']):not(:has([data-component='text'])) {\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"]}

package/dist/ButtonGroup/ButtonGroup-10292330.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ButtonGroup/ButtonGroup.module.css.js"],"names":[],"mappings":"AAAA,mCACE,mBAAoB,CAEpB,iBAAkB,CADlB,qBA+EF,CA5EE,gEAEE,sBAAuB,CACvB,iBA6BF,CA1BE,mJAEE,eACF,CAGE,2KAGE,4DAAqD,CADrD,yDAEF,CAIA,yKAGE,6DAAsD,CADtD,0DAEF,CAGF,kOAGE,SACF,CAKA,mIAEE,gDACF,CAIF,0DAEE,sBAAuB,CACvB,iBA6BF,CA1BE,uIAEE,eACF,CAEA,gNAGE,SACF,CAGE,+JAGE,4DAAqD,CADrD,yDAEF,CAIA,6JAGE,6DAAsD,CADtD,0DAEF","file":"ButtonGroup-10292330.css","sourcesContent":[".ButtonGroup {\n  display: inline-flex;\n  vertical-align: middle;\n  isolation: isolate;\n\n  & > *:not([data-loading-wrapper]) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-inline-end: -1px;\n    position: relative;\n\n    /* reset border-radius */\n    button,\n    a {\n      border-radius: 0;\n    }\n\n    &:first-child {\n      button,\n      a {\n        border-top-left-radius: var(--borderRadius-medium);\n        border-bottom-left-radius: var(--borderRadius-medium);\n      }\n    }\n\n    &:last-child {\n      button,\n      a {\n        border-top-right-radius: var(--borderRadius-medium);\n        border-bottom-right-radius: var(--borderRadius-medium);\n      }\n    }\n\n    &:focus,\n    &:active,\n    &:hover {\n      z-index: 1;\n    }\n  }\n\n  /* this is a workaround until portal based tooltips are fully removed from dotcom */\n  &:has(div:last-child:empty) {\n    button,\n    a {\n      border-radius: var(--borderRadius-medium);\n    }\n  }\n\n  /* if child is loading button */\n  & > *[data-loading-wrapper] {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-inline-end: -1px;\n    position: relative;\n\n    /* reset border-radius */\n    button,\n    a {\n      border-radius: 0;\n    }\n\n    &:focus,\n    &:active,\n    &:hover {\n      z-index: 1;\n    }\n\n    &:first-child {\n      button,\n      a {\n        border-top-left-radius: var(--borderRadius-medium);\n        border-bottom-left-radius: var(--borderRadius-medium);\n      }\n    }\n\n    &:last-child {\n      button,\n      a {\n        border-top-right-radius: var(--borderRadius-medium);\n        border-bottom-right-radius: var(--borderRadius-medium);\n      }\n    }\n  }\n}\n"]}

package/dist/PageHeader/PageHeader-9f4a690a.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/PageHeader/PageHeader.module.css.js"],"names":[],"mappings":"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","file":"PageHeader-9f4a690a.css","sourcesContent":[".PageHeader {\n  /* Grid Row Order */\n  --grid-row-order-context-area: 1;\n  --grid-row-order-leading-action: 2;\n  --grid-row-order-breadcrumbs: 2;\n  --grid-row-order-title-area: 2;\n  --grid-row-order-trailing-action: 2;\n  --grid-row-order-actions: 2;\n  --grid-row-order-description: 3;\n  --grid-row-order-navigation: 4;\n\n  /* Title Area Region Order */\n  --title-area-region-order-leading-visual: 0;\n  --title-area-region-order-title: 1;\n  --title-area-region-order-trailing-visual: 2;\n\n  /* Context Area Region Order */\n  --context-area-region-order-parent-link: 0;\n  --context-area-region-order-context-bar: 1;\n  --context-area-region-order-context-area-actions: 2;\n\n  display: grid;\n\n  /* We have max 5 columns. */\n  grid-template-columns: auto auto auto auto 1fr;\n  grid-template-areas:\n    'context-area context-area context-area context-area context-area'\n    'leading-action breadcrumbs title-area trailing-action actions'\n    'description description description description description'\n    'navigation navigation navigation navigation navigation';\n\n  /*\n    line-height is calculated with calc(height/font-size) and the below numbers are from @primer/primitives.\n    --custom-font-size, --custom-line-height, --custom-font-weight are custom properties that can be used to override the below values.\n    We don't want these values to be overridden but still want to allow consumers to override them if needed.\n  */\n  &:has([data-component='TitleArea'][data-size-variant='large']) {\n    font-size: var(--custom-font-size, var(--text-title-size-large, 2rem));\n    font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n    line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5)); /* calc(48/32) */\n\n    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n  }\n\n  &:has([data-component='TitleArea'][data-size-variant='medium']) {\n    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n    font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));\n    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6)); /* calc(32/20) */\n\n    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n  }\n\n  &:has([data-component='TitleArea'][data-size-variant='subtitle']) {\n    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n    font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6)); /* calc(32/20) */\n\n    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n  }\n\n  /* Responsive size variants */\n  @media (--viewportRange-narrow) {\n    &:has([data-component='TitleArea'][data-size-variant-narrow='large']) {\n      font-size: var(--custom-font-size, var(--text-title-size-large, 2rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-narrow='medium']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-narrow='subtitle']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &:has([data-component='TitleArea'][data-size-variant-regular='large']) {\n      font-size: var(--custom-font-size, var(--text-title-size-large, 2rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-regular='medium']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-regular='subtitle']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &:has([data-component='TitleArea'][data-size-variant-wide='large']) {\n      font-size: var(--custom-font-size, var(--text-title-size-large, 2rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-wide='medium']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n\n    &:has([data-component='TitleArea'][data-size-variant-wide='subtitle']) {\n      font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n      font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n      line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n\n      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n    }\n  }\n\n  &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-all]),\n  &[data-has-border='true']:not(:has([data-component='PH_Navigation'])) {\n    border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n    padding-block-end: var(--base-size-8);\n  }\n\n  @media (--viewportRange-narrow) {\n    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-narrow]) {\n      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n      padding-block-end: var(--base-size-8);\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-regular]) {\n      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n      padding-block-end: var(--base-size-8);\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-wide]) {\n      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n      padding-block-end: var(--base-size-8);\n    }\n  }\n\n  & [data-component='PH_LeadingAction'],\n  & [data-component='PH_TrailingAction'],\n  & [data-component='PH_Actions'],\n  & [data-component='PH_LeadingVisual'],\n  & [data-component='PH_TrailingVisual'] {\n    height: calc(var(--title-line-height) * 1em);\n  }\n\n  & [data-hidden-all] {\n    display: none;\n  }\n\n  & [data-hidden-narrow] {\n    @media (--viewportRange-narrow) {\n      display: none;\n    }\n  }\n\n  & [data-hidden-regular] {\n    @media (--viewportRange-regular) {\n      display: none;\n    }\n  }\n\n  & [data-hidden-wide] {\n    @media (--viewportRange-wide) {\n      display: none;\n    }\n  }\n}\n\n.ContextArea {\n  display: flex;\n  padding-bottom: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  flex-direction: row;\n  grid-row: var(--grid-row-order-context-area);\n  grid-area: context-area;\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n}\n\n.ParentLink {\n  display: flex;\n  align-items: center;\n  order: var(--context-area-region-order-parent-link);\n  gap: var(--stack-gap-condensed);\n}\n\n.ContextBar {\n  display: flex;\n  order: var(--context-area-region-order-context-bar);\n}\n\n.ContextAreaActions {\n  display: flex;\n  flex-direction: row;\n  order: var(--context-area-region-order-context-area-actions);\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n  flex-grow: 1;\n  justify-content: flex-end;\n}\n\n.TitleArea {\n  grid-row: var(--grid-row-order-title-area);\n  grid-area: title-area;\n  display: flex;\n  gap: var(--stack-gap-condensed);\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.LeadingAction {\n  display: flex;\n  padding-right: var(--base-size-8);\n  grid-row: var(--grid-row-order-leading-action);\n  grid-area: leading-action;\n  align-items: center;\n}\n\n.Breadcrumbs {\n  display: flex;\n  padding-right: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  grid-row: var(--grid-row-order-breadcrumbs);\n  grid-area: breadcrumbs;\n  align-items: center;\n}\n\n.LeadingVisual {\n  /* using flex and order to display the leading visual in the title area. */\n  display: flex;\n  order: var(--title-area-region-order-leading-visual);\n  align-items: center;\n}\n\n.Title {\n  /* using flex and order to display the title in the title area. */\n  display: block;\n  order: var(--title-area-region-order-title);\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n.Title:where([data-hidden='true']) {\n  display: none;\n}\n\n.TrailingVisual {\n  /* using flex and order to display the trailing visual in the title area. */\n  display: flex;\n  order: var(--title-area-region-order-trailing-visual);\n  align-items: center;\n}\n\n.TrailingAction {\n  display: flex;\n  padding-left: var(--base-size-8);\n  grid-row: var(--grid-row-order-trailing-action);\n  grid-area: trailing-action;\n  align-items: center;\n}\n\n.Actions {\n  display: flex;\n  min-width: max-content;\n  padding-left: var(--base-size-8);\n  flex-direction: row;\n  grid-row: var(--grid-row-order-actions);\n  grid-area: actions;\n  gap: var(--stack-gap-condensed);\n  justify-content: flex-end;\n  align-items: center;\n}\n\n.Description {\n  display: flex;\n  padding-top: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  flex-direction: row;\n  grid-row: var(--grid-row-order-description);\n  grid-area: description;\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n}\n\n.Navigation {\n  display: block;\n  padding-top: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  grid-row: var(--grid-row-order-navigation);\n  grid-area: navigation;\n}\n"]}

package/dist/SegmentedControl/SegmentedControl-6389d0da.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/SegmentedControl/SegmentedControl.module.css.js"],"names":[],"mappings":"AAAA,6CAEE,mCAAoC,CASpC,yDAAkD,CAClD,8FAAuF,CACvF,gDAAyC,CATzC,mBAAoB,CAMpB,8CAAuC,CAHvC,WAAY,CAEZ,QAAS,CADT,SA0HF,CAlHE,mEACE,YAAa,CACb,UAAW,CAEX,mCACF,CAEA,oEACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CAEA,wCACE,0EACE,YAAa,CACb,UAAW,CAEX,mCACF,CAEA,2EACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CACF,CAEA,yBACE,2EACE,YAAa,CACb,UAAW,CAEX,mCACF,CAEA,4EACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CACF,CAEA,2BACE,wEACE,YAAa,CACb,UAAW,CAEX,mCACF,CASA,qLACE,mBAAoB,CACpB,UAAW,CAEX,mCACF,CACF,CAQA,2KACE,YACF,CAEA,wCAKE,yLACE,YACF,CACF,CAEA,yBAKE,2LACE,YACF,CACF,CAEA,2BAKE,qLACE,YACF,CACF,CAEA,sEAGE,4CAAsC,CADtC,WAEF,CAGF,8CACE,YAwBF,CArBE,qEACE,aACF,CAEA,wCACE,4EACE,aACF,CACF,CAEA,yBACE,6EACE,aACF,CACF,CAEA,2BACE,0EACE,aACF,CACF,CAGF,iCAEE,aAAc,CAKd,WAAY,CADZ,kBAAmB,CAFnB,eAAgB,CAHhB,iBAgDF,CAxCE,kDAEE,gBAiBF,CAfE,wDAQE,mDAA4C,CAJ5C,+BAA0B,CAE1B,UAAW,CALX,iBAAkB,CAElB,yCAAoC,CADpC,4BAAuB,CAGvB,SAIF,CAEA,6JAEE,4BACF,CAGF,kEACE,4BACF,CAEA,6CAEE,gBACF,CAEA,4CAEE,iBACF,CAEA,qEAGE,kBAAmB,CADnB,YAAa,CADb,4CAGF,CAGF,mCAEE,6CAA8C,CAC9C,uCAAwC,CACxC,oEAA4D,CAW5D,4BAA6B,CAC7B,wBAAyB,CAGzB,mDAAoD,CAFpD,cAAe,CAJf,kBAAmB,CACnB,cAAe,CAJf,mBAAoB,CACpB,iBAAkB,CAClB,8CAA2C,CAL3C,WAAY,CAEZ,gDAAiD,CAHjD,UAmEF,CApDE,uCACE,iCAA0B,CAC1B,kCACF,CAGA,wDAGE,eAAgB,CAFhB,sEAAuD,CACvD,mBAOF,CAHE,4EACE,6BACF,CAIF,gEAGE,eAAgB,CAFhB,sEAAuD,CACvD,mBAEF,CAGA,8EAEE,OACF,CAEA,gFAGE,4BAA6B,CAD7B,qCAA8B,CAD9B,kBAQF,CAJE,oFACE,oCAA6B,CAC7B,qCACF,CAGF,wBACE,0CAME,UAAW,CAFX,MAAO,CACP,eAAgB,CAJhB,iBAAkB,CAElB,OAAQ,CADR,OAAQ,CAKR,0BACF,CACF,CAGF,uCACE,8CACF,CAEA,oCAiBE,kBAAmB,CAVnB,wBAAyB,CASzB,sGAAyG,CARzG,kBAAmB,CACnB,6CAAqC,CARrC,YAAa,CACb,WAAY,CAgBZ,sBAAuB,CAZvB,2GAA4G,CAF5G,4GAeF,CAEA,sDAEE,gDAA6C,CAD7C,SAaF,CAVE,0FAKE,qDAAiD,CACjD,wDAAiD,CAEjD,mDAAoD,CAJpD,0DAA2D,CAF3D,2DAOF,CAIA,2HACE,0DACF,CAEA,4HACE,2DACF,CAGF,uCAOE,uBAAwB,CANxB,aAAc,CAGd,gDAA6C,CAF7C,QAAS,CACT,eAAgB,CAEhB,mBAAoB,CAGpB,wBAAiB,CAAjB,gBAAiB,CAFjB,iBAGF,CAEA,wCACE,sCACF","file":"SegmentedControl-6389d0da.css","sourcesContent":[".SegmentedControl {\n  /* TODO: use primitive `control.medium.size` when it is available instead of '32px' */\n  --segmented-control-icon-width: 32px;\n\n  display: inline-flex;\n\n  /* TODO: use primitive `control.{small|medium}.size` when it is available */\n  height: 32px;\n  padding: 0;\n  margin: 0;\n  font-size: var(--text-body-size-medium);\n  background-color: var(--controlTrack-bgColor-rest);\n  border: var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest, transparent);\n  border-radius: var(--borderRadius-medium);\n\n  /* Responsive full-width */\n  &[data-full-width='true'] {\n    display: flex;\n    width: 100%;\n\n    --segmented-control-icon-width: 100%;\n  }\n\n  &[data-full-width='false'] {\n    display: inline-flex;\n    width: auto;\n\n    --segmented-control-icon-width: 32px;\n  }\n\n  @media (--viewportRange-narrow) {\n    &[data-full-width-narrow='true'] {\n      display: flex;\n      width: 100%;\n\n      --segmented-control-icon-width: 100%;\n    }\n\n    &[data-full-width-narrow='false'] {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-full-width-regular='true'] {\n      display: flex;\n      width: 100%;\n\n      --segmented-control-icon-width: 100%;\n    }\n\n    &[data-full-width-regular='false'] {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-full-width-wide='true'] {\n      display: flex;\n      width: 100%;\n\n      --segmented-control-icon-width: 100%;\n    }\n\n    &[data-full-width-wide='false'] {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n\n    &[data-full-width-regular='true']:not([data-full-width-wide='true']) {\n      display: inline-flex;\n      width: auto;\n\n      --segmented-control-icon-width: 32px;\n    }\n  }\n\n  /* Hide when dropdown variant is active */\n  &[data-variant='dropdown'] {\n    display: none;\n  }\n\n  /* Handle hideLabels variant - hide button text */\n  &[data-variant='hideLabels'] .Text {\n    display: none;\n  }\n\n  @media (--viewportRange-narrow) {\n    &[data-variant-narrow='dropdown'] {\n      display: none;\n    }\n\n    &[data-variant-narrow='hideLabels'] .Text {\n      display: none;\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-variant-regular='dropdown'] {\n      display: none;\n    }\n\n    &[data-variant-regular='hideLabels'] .Text {\n      display: none;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-variant-wide='dropdown'] {\n      display: none;\n    }\n\n    &[data-variant-wide='hideLabels'] .Text {\n      display: none;\n    }\n  }\n\n  &:where([data-size='small']) {\n    /* TODO: use primitive `control.{small|medium}.size` when it is available */\n    height: 28px;\n    font-size: var(--text-body-size-small);\n  }\n}\n\n.DropdownContainer {\n  display: none;\n\n  /* Show when dropdown variant is active */\n  &[data-variant='dropdown'] {\n    display: block;\n  }\n\n  @media (--viewportRange-narrow) {\n    &[data-variant-narrow='dropdown'] {\n      display: block;\n    }\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-variant-regular='dropdown'] {\n      display: block;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-variant-wide='dropdown'] {\n      display: block;\n    }\n  }\n}\n\n.Item {\n  position: relative;\n  display: block;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: -1px;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: -1px;\n  flex-grow: 1;\n\n  &:not(:last-child) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-right: 1px;\n\n    &::after {\n      position: absolute;\n      top: var(--base-size-8);\n      right: calc(-1 * var(--base-size-2));\n      bottom: var(--base-size-8);\n      width: 1px;\n      content: '';\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--borderColor-default);\n    }\n\n    &:has(+ [data-selected])::after,\n    &:where([data-selected])::after {\n      background-color: transparent;\n    }\n  }\n\n  &:focus-within:has(:focus-visible) {\n    background-color: transparent;\n  }\n\n  &:first-child {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-left: -1px;\n  }\n\n  &:last-child {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-right: -1px;\n  }\n\n  .Counter {\n    margin-inline-start: var(--base-size-8);\n    display: flex;\n    align-items: center;\n  }\n}\n\n.Button {\n  /* TODO: use primitive `primer.control.medium.paddingInline.normal` when it is available */\n  --segmented-control-button-inner-padding: 12px;\n  --segmented-control-button-bg-inset: 4px;\n  --segmented-control-outer-radius: var(--borderRadius-medium);\n\n  width: 100%;\n  height: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--segmented-control-button-bg-inset);\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: var(--base-text-weight-normal);\n  color: currentColor;\n  cursor: pointer;\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0;\n  /* stylelint-disable-next-line primer/borders */\n  border-radius: var(--segmented-control-outer-radius);\n\n  & svg {\n    fill: var(--fgColor-muted);\n    color: var(--fgColor-muted);\n  }\n\n  /* fallback :focus state */\n  &:focus:not(:disabled) {\n    outline: var(--base-size-2) solid var(--fgColor-accent);\n    outline-offset: -1px;\n    box-shadow: none;\n\n    /* remove fallback :focus if :focus-visible is supported */\n    &:not(:focus-visible) {\n      outline: solid 1px transparent;\n    }\n  }\n\n  /* default focus state */\n  &:focus-visible:not(:disabled) {\n    outline: var(--base-size-2) solid var(--fgColor-accent);\n    outline-offset: -1px;\n    box-shadow: none;\n  }\n\n  /* stylelint-disable-next-line selector-max-specificity */\n  &:focus:focus-visible:not(:last-child)::after {\n    /* fixes an issue where the focus outline shows over the pseudo-element */\n    width: 0;\n  }\n\n  &[aria-disabled='true']:not([aria-current='true']) {\n    cursor: not-allowed;\n    color: var(--fgColor-disabled);\n    background-color: transparent;\n\n    & svg {\n      fill: var(--fgColor-disabled);\n      color: var(--fgColor-disabled);\n    }\n  }\n\n  @media (pointer: coarse) {\n    &::before {\n      position: absolute;\n      top: 50%;\n      right: 0;\n      left: 0;\n      min-height: 44px;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n}\n\n.IconButton {\n  width: var(--segmented-control-icon-width, 32px);\n}\n\n.Content {\n  display: flex;\n  height: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  padding-right: calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset));\n  /* stylelint-disable-next-line primer/spacing */\n  padding-left: calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset));\n  border-color: transparent;\n  border-style: solid;\n  border-width: var(--borderWidth-thin);\n\n  /*\n    innerRadius = outerRadius - distance/2\n    https://stackoverflow.com/questions/2932146/math-problem-determine-the-corner-radius-of-an-inner-border-based-on-outer-corn\n  */\n  /* stylelint-disable-next-line primer/borders */\n  border-radius: calc(var(--segmented-control-outer-radius) - var(--segmented-control-button-bg-inset) / 2);\n  align-items: center;\n  justify-content: center;\n}\n\n.Button[aria-current='true'] {\n  padding: 0;\n  font-weight: var(--base-text-weight-semibold);\n\n  .Content {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-right: var(--segmented-control-button-inner-padding);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-left: var(--segmented-control-button-inner-padding);\n    background-color: var(--controlKnob-bgColor-rest);\n    border-color: var(--controlKnob-borderColor-rest);\n    /* stylelint-disable-next-line primer/borders */\n    border-radius: var(--segmented-control-outer-radius);\n  }\n}\n\n.Button:not([aria-current='true'], [aria-disabled='true']) {\n  &:hover .Content {\n    background-color: var(--controlTrack-bgColor-hover);\n  }\n\n  &:active .Content {\n    background-color: var(--controlTrack-bgColor-active);\n  }\n}\n\n.Text::after {\n  display: block;\n  height: 0;\n  overflow: hidden;\n  font-weight: var(--base-text-weight-semibold);\n  pointer-events: none;\n  visibility: hidden;\n  content: attr(data-text);\n  user-select: none;\n}\n\n.LeadingIcon {\n  margin-right: var(--base-size-4);\n}\n"]}

package/dist/TreeView/TreeView-70baca82.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/TreeView/TreeView.module.css.js"],"names":[],"mappings":"AAAA,yCAGE,eAAgB,CADhB,QAAS,CADT,SAqPF,CApOE,0EACE,YAgBF,CAdE,kMAEE,mFAOF,CALE,8BAJF,kMAKI,+BAAgC,CAEhC,iBAEJ,CADE,CAGF,wGACE,sBACF,CAGF,mFACE,SAAU,CACV,mBAAoB,CACpB,sBAAuB,CAQvB,gDAAyC,CAFzC,oCAA6B,CAC7B,cAAe,CAJf,YAAa,CAEb,8CAAuC,CAKvC,wEAAyE,CADzE,6FAA8F,CAP9F,iBAAkB,CAElB,UAAW,CAQX,gEAAmE,CACnE,+DA6BF,CA3BE,8FACE,mEAMF,CAJE,8BAHF,8FAII,6BAA8B,CAC9B,mBAEJ,CADE,CAGF,wBA3BF,mFA4BI,qBAAsB,CACtB,yBAgBJ,CAfE,CAOA,4IAEE,4BAA6B,CAD7B,cAMF,CAHE,8BAJF,4IAKI,YAEJ,CADE,CAIJ,kHACE,+BACF,CAEA,uIACE,sEAwBF,CApBE,kJAaE,8CAAuC,CACvC,gDAAyC,CARzC,UAAW,CADX,aAAc,CAFd,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,YAeF,CAHE,8BAhBF,kJAiBI,8BAEJ,CADE,CAIJ,gFAWE,sBAAuB,CAHvB,kCAA2B,CAP3B,YAAa,CAQb,gBAAiB,CAPjB,WAAY,CAQZ,sBAAuB,CAHvB,yEAKF,CAEA,2FACE,mEACF,CAEA,mFAEE,4DAAqD,CADrD,yDAEF,CAEA,iFACE,YAAa,CAWb,oCAA+B,CAD/B,iBAAkB,CATlB,WAAY,CAQZ,+EAAkF,CAPlF,kCAA6B,CAM7B,mFAAsF,CAFtF,gFAMF,CAEA,qFACE,aAAc,CACd,OACF,CAEA,sHACE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CAEA,uHAEE,qBACF,CAEA,gFAOE,kBAAmB,CADnB,kCAA2B,CAL3B,YAAa,CAIb,uCAGF,CAEA,uFAEE,kCAA2B,CAD3B,YAAa,CAEb,uBAKF,CAHE,mGACE,aACF,CAGF,wFAEE,kCAA2B,CAD3B,YAAa,CAEb,wBACF,CAEA,8FACE,aACF,CAEA,mFAQE,+CAAsC,CACtC,mDAA2C,CAP3C,WAAY,CADZ,UASF,CAQA,qBACE,mFACE,wBACF,CAEA,yLAEE,+CACF,CACF,CAEA,mFAEE,8DAAuD,CADvD,YAEF,CAEA,oFAGE,UAAW,CAGX,WAAY,CACZ,eAAgB,CAHhB,SAAU,CAHV,iBAAkB,CAClB,SAAU,CAOV,kBAAsB,CAEtB,cAAe,CADf,kBAEF,CAGF,uDAEE,kBAAmB,CACnB,gBAAkB,CAFlB,YAAa,CAGb,WAyBF,CAvBE,wBANF,uDAOI,cAsBJ,CArBE,CAEA,yEACE,6BACF,CAEA,yEACE,6BACF,CAEA,yEACE,6BACF,CAEA,yEACE,6BACF,CAEA,yEACE,6BACF,CAGF,+CACE,wCACF","file":"TreeView-70baca82.css","sourcesContent":[".TreeViewRootUlStyles {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n\n  /*\n   * WARNING: This is a performance optimization.\n   *\n   * We define styles for the tree items at the root level of the tree\n   * to avoid recomputing the styles for each item when the tree updates.\n   * We're sacrificing maintainability for performance because TreeView\n   * needs to be performant enough to handle large trees (thousands of items).\n   *\n   * This is intended to be a temporary solution until we can improve the\n   * performance of our styling patterns.\n   *\n   * Do NOT copy this pattern without understanding the tradeoffs.\n   */\n  .TreeViewItem {\n    outline: none;\n\n    &:focus-visible > div,\n    &:global(.focus-visible) > div {\n      box-shadow: var(--boxShadow-thick) var(--fgColor-accent);\n\n      @media (forced-colors: active) {\n        outline: 2px solid HighlightText;\n        /* stylelint-disable-next-line declaration-property-value-no-unknown */\n        outline-offset: -2;\n      }\n    }\n\n    &[data-has-leading-action] {\n      --has-leading-action: 1;\n    }\n  }\n\n  .TreeViewItemContainer {\n    --level: 1;\n    --toggle-width: 1rem;\n    --min-item-height: 2rem;\n\n    position: relative;\n    display: grid;\n    width: 100%;\n    font-size: var(--text-body-size-medium);\n    color: var(--fgColor-default);\n    cursor: pointer;\n    border-radius: var(--borderRadius-medium);\n    grid-template-columns: var(--spacer-width) var(--leading-action-width) var(--toggle-width) 1fr;\n    grid-template-areas: 'spacer leadingAction toggle content trailingAction';\n\n    --leading-action-width: calc(var(--has-leading-action, 0) * 1.5rem);\n    --spacer-width: calc(calc(var(--level) - 1) * (var(--toggle-width) / 2));\n\n    &:hover {\n      background-color: var(--control-transparent-bgColor-hover);\n\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: -2px;\n      }\n    }\n\n    @media (pointer: coarse) {\n      --toggle-width: 1.5rem;\n      --min-item-height: 2.75rem;\n    }\n\n    /*\n     * NOTE: Uses descendant :has() - TreeViewItemSkeleton is nested inside\n     * TreeViewItemContent > TreeViewItemContentText, not a direct child.\n     * This is acceptable as the search is scoped to this element's subtree.\n     */\n    &:has(.TreeViewItemSkeleton):hover {\n      cursor: default;\n      background-color: transparent;\n\n      @media (forced-colors: active) {\n        outline: none;\n      }\n    }\n  }\n\n  &:where([data-omit-spacer='true']) .TreeViewItemContainer {\n    grid-template-columns: 0 0 0 1fr;\n  }\n\n  .TreeViewItem[aria-current='true'] > .TreeViewItemContainer {\n    background-color: var(--control-transparent-bgColor-selected);\n\n    /* Current item indicator */\n    /* stylelint-disable-next-line selector-max-specificity */\n    &::after {\n      position: absolute;\n      top: calc(50% - var(--base-size-12));\n      left: calc(-1 * var(--base-size-8));\n      width: 0.25rem;\n      height: 1.5rem;\n      content: '';\n\n      /*\n       * Use fgColor accent for consistency across all themes. Using the \"correct\" variable,\n       * --bgColor-accent-emphasis, causes vrt failures for dark high contrast mode\n       */\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--fgColor-accent);\n      border-radius: var(--borderRadius-medium);\n\n      @media (forced-colors: active) {\n        background-color: HighlightText;\n      }\n    }\n  }\n\n  .TreeViewItemToggle {\n    display: flex;\n    height: 100%;\n\n    /* The toggle should appear vertically centered for single-line items, but remain at the top for items that wrap\n    across more lines. */\n    /* stylelint-disable-next-line primer/spacing */\n    padding-top: calc(var(--min-item-height) / 2 - var(--base-size-12) / 2);\n    color: var(--fgColor-muted);\n    grid-area: toggle;\n    justify-content: center;\n    align-items: flex-start;\n  }\n\n  .TreeViewItemToggleHover:hover {\n    background-color: var(--control-transparent-bgColor-hover);\n  }\n\n  .TreeViewItemToggleEnd {\n    border-top-left-radius: var(--borderRadius-medium);\n    border-bottom-left-radius: var(--borderRadius-medium);\n  }\n\n  .TreeViewItemContent {\n    display: flex;\n    height: 100%;\n    padding: 0 var(--base-size-8);\n\n    /* The dynamic top and bottom padding to maintain the minimum item height for single line items */\n    /* stylelint-disable-next-line primer/spacing */\n    padding-top: calc((var(--min-item-height) - var(--custom-line-height, 1.3rem)) / 2);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-bottom: calc((var(--min-item-height) - var(--custom-line-height, 1.3rem)) / 2);\n    line-height: var(--custom-line-height, var(--text-body-lineHeight-medium, 1.4285));\n    grid-area: content;\n    gap: var(--stack-gap-condensed);\n  }\n\n  .TreeViewItemContentText {\n    flex: 1 1 auto;\n    width: 0;\n  }\n\n  &:where([data-truncate-text='true']) .TreeViewItemContentText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &:where([data-truncate-text='false']) .TreeViewItemContentText {\n    /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */\n    word-break: break-word;\n  }\n\n  .TreeViewItemVisual {\n    display: flex;\n\n    /* The visual icons should appear vertically centered for single-line items, but remain at the top for items that wrap\n    across more lines. */\n    height: var(--custom-line-height, 1.3rem);\n    color: var(--fgColor-muted);\n    align-items: center;\n  }\n\n  .TreeViewItemLeadingAction {\n    display: flex;\n    color: var(--fgColor-muted);\n    grid-area: leadingAction;\n\n    & > button {\n      flex-shrink: 1;\n    }\n  }\n\n  .TreeViewItemTrailingAction {\n    display: flex;\n    color: var(--fgColor-muted);\n    grid-area: trailingAction;\n  }\n\n  .TreeViewItemTrailingActionButton {\n    flex-shrink: 1;\n  }\n\n  .TreeViewItemLevelLine {\n    width: 100%;\n    height: 100%;\n\n    /*\n     * On devices without hover, the nesting indicator lines\n     * appear at all times.\n     */\n    border-color: var(--borderColor-muted);\n    border-right: var(--borderWidth-thin) solid;\n  }\n\n  /*\n   * On devices with :hover support, the nesting indicator lines\n   * fade in when the user mouses over the entire component,\n   * or when there's focus inside the component. This makes\n   * sure the component remains simple when not in use.\n   */\n  @media (hover: hover) {\n    .TreeViewItemLevelLine {\n      border-color: transparent;\n    }\n\n    &:hover .TreeViewItemLevelLine,\n    &:focus-within .TreeViewItemLevelLine {\n      border-color: var(--borderColor-muted);\n    }\n  }\n\n  .TreeViewDirectoryIcon {\n    display: grid;\n    color: var(--treeViewItem-leadingVisual-iconColor-rest);\n  }\n\n  .TreeViewVisuallyHidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    /* stylelint-disable-next-line primer/spacing */\n    margin: -1px;\n    overflow: hidden;\n    /* stylelint-disable-next-line property-no-deprecated */\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n}\n\n.TreeViewSkeletonItemContainerStyle {\n  display: flex;\n  align-items: center;\n  column-gap: 0.5rem;\n  height: 2rem;\n\n  @media (pointer: coarse) {\n    height: 2.75rem;\n  }\n\n  &:nth-of-type(5n + 1) {\n    --tree-item-loading-width: 67%;\n  }\n\n  &:nth-of-type(5n + 2) {\n    --tree-item-loading-width: 47%;\n  }\n\n  &:nth-of-type(5n + 3) {\n    --tree-item-loading-width: 73%;\n  }\n\n  &:nth-of-type(5n + 4) {\n    --tree-item-loading-width: 64%;\n  }\n\n  &:nth-of-type(5n + 5) {\n    --tree-item-loading-width: 50%;\n  }\n}\n\n.TreeItemSkeletonTextStyles {\n  width: var(--tree-item-loading-width, 67%);\n}\n"]}