@primer/react 38.1.0-rc.5d7ab5d69 → 38.1.0-rc.66c2f85bd

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/ActionList/ActionList-167cf6c7.css +1 -1
  3. package/dist/ActionList/ActionList-167cf6c7.css.map +1 -1
  4. package/dist/FilteredActionList/FilteredActionList-f6c2dc7a.css +1 -1
  5. package/dist/FilteredActionList/FilteredActionList-f6c2dc7a.css.map +1 -1
  6. package/dist/hooks/{useMedia.d.ts → useMediaUnsafeSSR.d.ts} +9 -6
  7. package/dist/hooks/useMediaUnsafeSSR.d.ts.map +1 -0
  8. package/dist/hooks/{useMedia.js → useMediaUnsafeSSR.js} +2 -2
  9. package/dist/hooks/useResponsiveValue.d.ts +2 -0
  10. package/dist/hooks/useResponsiveValue.d.ts.map +1 -1
  11. package/dist/hooks/useResponsiveValue.js +9 -5
  12. package/package.json +2 -4
  13. package/dist/hooks/useMedia.d.ts.map +0 -1
package/CHANGELOG.md CHANGED
@@ -4,8 +4,12 @@
4
4
 
5
5
  ### Minor Changes
6
6
 
7
+ - [#7056](https://github.com/primer/react/pull/7056) [`6ff2797`](https://github.com/primer/react/commit/6ff2797662bf7ab8cf8575d13ad061923bf0d9c1) Thanks [@adierkens](https://github.com/adierkens)! - Update active indicators for ActionList & FilteredActionList to follow content height
8
+
7
9
  - [#7063](https://github.com/primer/react/pull/7063) [`247c66a`](https://github.com/primer/react/commit/247c66a3c297afba73c6e9e3842cc15ff8a845c1) Thanks [@francinelucca](https://github.com/francinelucca)! - Feat: popover implement click outside
8
10
 
11
+ - [#7070](https://github.com/primer/react/pull/7070) [`f7dfa7d`](https://github.com/primer/react/commit/f7dfa7d5954961834d0ec360d6b218237e75bf96) Thanks [@hectahertz](https://github.com/hectahertz)! - Add SSR warnings to useMediaUnsafeSSR and useResponsiveValue.
12
+
9
13
  ### Patch Changes
10
14
 
11
15
  - [#7060](https://github.com/primer/react/pull/7060) [`3468793`](https://github.com/primer/react/commit/3468793e15269d6d9f226ee7844921e44bfc4622) Thanks [@francinelucca](https://github.com/francinelucca)! - @primer/react: chore(Dialog): allow direct children
package/dist/ActionList/ActionList-167cf6c7.css CHANGED
@@ -1,2 +1,2 @@
1
- .prc-ActionList-ActionList-X4RiC,.prc-ActionList-ActionList-X4RiC ul{list-style:none;margin:0;padding:0}.prc-ActionList-ActionList-X4RiC:where([data-variant=inset]){padding-block:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-X4RiC:where([data-variant=inset],[data-variant=horizontal-inset]) .prc-ActionList-ActionListItem-uq6I7{margin-inline:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-X4RiC:where([data-variant=horizontal-inset]){padding-bottom:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-ActionListSubContent-lP9xj:before{background:var(--borderColor-muted,var(--color-border-muted));content:"";display:block;height:1px;position:absolute;top:-7px;width:100%}:is(.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) [data-description-variant=inline]):before{background:var(--borderColor-muted,var(--color-border-muted));content:"";display:block;height:var(--borderWidth-thin,.0625rem);position:absolute;top:-7px;width:100%}:is(.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) [data-description-variant=inline]) .prc-ActionList-ActionListSubContent-lP9xj:before{content:unset}.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-ActionListItem-uq6I7:first-of-type .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-Divider-rsZFG+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-ActionListItem-uq6I7:first-of-type [data-description-variant=inline]:before,.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-Divider-rsZFG+.prc-ActionList-ActionListItem-uq6I7 [data-description-variant=inline]:before{visibility:hidden}.prc-ActionList-ActionList-X4RiC .prc-ActionList-Divider-rsZFG:first-child{display:none}.prc-ActionList-ActionList-X4RiC:has([data-has-description=true]):has([data-has-description=false]) .prc-ActionList-ItemLabel-TmBhn{font-weight:var(--base-text-weight-normal,400)}.prc-ActionList-ActionListItem-uq6I7{background-color:var(--control-transparent-bgColor-rest,transparent);border-radius:var(--borderRadius-medium,.375rem);list-style:none;position:relative}.prc-ActionList-ActionListItem-uq6I7:has(>.prc-ActionList-TrailingAction-RmUk1){display:flex;flex-wrap:nowrap}@media (forced-colors:active){.prc-ActionList-ActionListItem-uq6I7 :focus,.prc-ActionList-ActionListItem-uq6I7:focus-visible,.prc-ActionList-ActionListItem-uq6I7>a.prc-ActionList-focus-visible-o4yra,.prc-ActionList-ActionListItem-uq6I7[data-is-active-descendant]{outline:1px solid transparent!important}}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):active,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover{cursor:pointer}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[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,var(--color-action-list-item-default-active-border));outline:solid var(--borderWidth-thin,.0625rem) transparent;outline-offset:calc(var(--borderWidth-thin,.0625rem)*-1)}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):active{background-color:var(--control-transparent-bgColor-active,var(--color-action-list-item-default-active-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):active:not([data-active]){box-shadow:var(--boxShadow-thin,inset 0 0 0 .0625rem) var(--control-transparent-borderColor-active,var(--color-action-list-item-default-active-border));outline:solid var(--borderWidth-thin,.0625rem) transparent;outline-offset:calc(var(--borderWidth-thin,.0625rem)*-1)}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:0}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):focus-visible .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):focus-visible+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]) * :not([popover],.prc-ActionList-TrailingVisual-XocgV){color:var(--control-danger-fgColor-rest,var(--color-danger-fg))}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):hover{background:var(--control-danger-bgColor-hover,var(--color-action-list-item-danger-hover-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):hover * :not([popover]){color:var(--control-danger-fgColor-hover,var(--color-action-list-item-danger-hover-text))}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):active{background:var(--control-danger-bgColor-active,var(--color-action-list-item-danger-active-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):active * :not([popover]){color:var(--control-danger-fgColor-hover,var(--color-action-list-item-danger-hover-text))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg));outline:2px solid transparent}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]) .prc-ActionList-ItemLabel-TmBhn{color:var(--control-fgColor-rest,var(--color-fg-default));font-weight:var(--base-text-weight-semibold,600)}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]):hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]) .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active])+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-is-active-descendant]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg));outline:2px solid transparent}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-is-active-descendant]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]) * :not([popover],.prc-ActionList-InactiveWarning-YRMKV){color:var(--fgColor-muted,var(--color-fg-muted))}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]):hover{background-color:transparent;cursor:not-allowed}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]):hover * :not([popover],.prc-ActionList-InactiveWarning-YRMKV){color:var(--fgColor-muted,var(--color-fg-muted))}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]):active{background:transparent}:is(.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-loading=true]),.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):has([data-loading=true])) *{color:var(--fgColor-muted,var(--color-fg-muted))}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover [data-description-variant=inline]:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover+.prc-ActionList-ActionListItem-uq6I7 [data-description-variant=inline]:before{visibility:hidden}}.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true]>.prc-ActionList-ActionListContent-sg9-x{z-index:1}@media (hover:hover){:is(.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true]>.prc-ActionList-ActionListContent-sg9-x):hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg));cursor:pointer}}:is(.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true]>.prc-ActionList-ActionListContent-sg9-x):active{background-color:var(--control-transparent-bgColor-active,var(--color-action-list-item-default-active-bg))}.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true] .prc-ActionList-Spacer-dydlX{display:block}:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])) .prc-ActionList-ActionListContent-sg9-x *{color:var(--control-fgColor-disabled,var(--color-primer-fg-disabled))}@media (hover:hover){:is(:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])) .prc-ActionList-ActionListContent-sg9-x):hover{background-color:transparent;cursor:not-allowed}}@media (hover:hover){:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])):hover{background-color:transparent}}:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])) .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--control-bgColor-disabled,var(--color-input-disabled-bg));border-color:var(--control-borderColor-disabled,var(--color-btn-border))}:is([aria-checked=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])),[aria-selected=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled]))) .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--control-checked-bgColor-disabled,var(--color-switch-track-disabled-bg));border-color:var(--control-checked-bgColor-disabled,var(--color-switch-track-disabled-bg))}:is(:is([aria-checked=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])),[aria-selected=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled]))) .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{background-color:var(--control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg))}.prc-ActionList-ActionListItem-uq6I7:has(.prc-ActionList-TrailingAction-RmUk1 [data-loading=true]):not([aria-disabled=true]) .prc-ActionList-ItemLabel-TmBhn{color:var(--fgColor-default,var(--color-fg-default))}.prc-ActionList-ActionListItem-uq6I7:has(.prc-ActionList-TrailingAction-RmUk1 [data-loading=true]):not([aria-disabled=true]) .prc-ActionList-Description-G0lJ3{color:var(--fgColor-default,var(--color-fg-default))}.prc-ActionList-ActionListItem-uq6I7[aria-hidden]+.prc-ActionList-Divider-rsZFG{display:none}.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--bgColor-default,var(--color-canvas-default));border:var(--borderWidth-thin,.0625rem) solid var(--control-borderColor-emphasis,var(--color-switch-knob-border));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-uq6I7 .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{animation:prc-ActionList-checkmarkOut-XHM8j 80ms cubic-bezier(.65,0,.35,1);background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));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-uq6I7 .prc-ActionList-MultiSelectCheckbox-nK6PJ{border-width:var(--borderWidth-thin,.0625rem)}}:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-color:var(--control-checked-borderColor-rest,var(--color-switch-track-checked-bg));transition:background-color,border-color 80ms cubic-bezier(.32,0,.67,0) 0s}:is(:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{animation:prc-ActionList-checkmarkIn-Q8dLp 80ms cubic-bezier(.65,0,.35,1) 80ms forwards;transition:visibility 0s linear 0s;visibility:visible}@media (forced-colors:active){:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-nK6PJ{border-width:8px}}:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-SingleSelectCheckmark-Vqn87{visibility:visible}:is(:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=false],.prc-ActionList-ActionListItem-uq6I7[aria-selected=false]) .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{visibility:hidden}:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=false],.prc-ActionList-ActionListItem-uq6I7[aria-selected=false]) .prc-ActionList-SingleSelectCheckmark-Vqn87{visibility:hidden}.prc-ActionList-SingleSelectCheckmark-Vqn87{visibility:hidden}.prc-ActionList-ActionListContent-sg9-x{--subitem-depth:0px;background-color:transparent;border:none;border-radius:var(--borderRadius-medium,.375rem);color:var(--control-fgColor-rest,var(--color-fg-default));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-sg9-x>:not(:last-child,.prc-ActionList-Spacer-dydlX){margin-right:var(--control-medium-gap,.5rem)}.prc-ActionList-ActionListContent-sg9-x:hover{cursor:pointer;-webkit-text-decoration:none;text-decoration:none}.prc-ActionList-ActionListContent-sg9-x[data-size=large]{padding-block:var(--control-large-paddingBlock,.625rem)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=true] .prc-ActionList-ExpandIcon-SKUGP{transform:scaleY(-1)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false] .prc-ActionList-ExpandIcon-SKUGP{transform:scaleY(1)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]+.prc-ActionList-SubGroup-24eK2{display:none}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]) .prc-ActionList-ItemLabel-TmBhn{font-weight:var(--base-text-weight-semibold,600)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]) .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true])+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-ActionList-ActionListSubContent-lP9xj{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-lP9xj>:not(:last-child){margin-right:var(--control-medium-gap,.5rem)}.prc-ActionList-Spacer-dydlX{display:none;grid-area:spacer;width:max(0px,var(--subitem-depth) * 8px)}.prc-ActionList-LeadingAction-Oy04M{grid-area:leadingAction}.prc-ActionList-LeadingVisual-dxXxW{grid-area:leadingVisual}.prc-ActionList-TrailingVisual-XocgV{font-size:var(--text-body-size-medium,.875rem);grid-area:trailingVisual}.prc-ActionList-TrailingAction-RmUk1{grid-area:trailingAction}.prc-ActionList-ItemDescriptionWrap-VJA7h{display:flex;flex-direction:column;gap:var(--base-size-4,.25rem);grid-area:label}.prc-ActionList-ItemDescriptionWrap-VJA7h .prc-ActionList-ItemLabel-TmBhn{font-weight:var(--base-text-weight-semibold,600);word-break:break-word}.prc-ActionList-ItemDescriptionWrap-VJA7h: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-VJA7h:where([data-description-variant=inline]) .prc-ActionList-ItemLabel-TmBhn{word-break:normal}.prc-ActionList-ItemDescriptionWrap-VJA7h:where([data-description-variant=inline]):has([data-truncate=true]) .prc-ActionList-ItemLabel-TmBhn{flex:1 0 auto}.prc-ActionList-ItemDescriptionWrap-VJA7h:where([data-description-variant=inline]) .prc-ActionList-Description-G0lJ3{line-height:16px}.prc-ActionList-Description-G0lJ3{font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-normal,400);line-height:16px}.prc-ActionList-Description-G0lJ3,.prc-ActionList-VisualWrap-rfjV-{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-ActionList-VisualWrap-rfjV-{display:flex;line-height:20px;min-height:var(--control-medium-lineBoxHeight,1.25rem);min-width:max-content;pointer-events:none;fill:var(--fgColor-muted,var(--color-fg-muted));align-items:center}.prc-ActionList-ItemLabel-TmBhn{color:var(--fgColor-default,var(--color-fg-default));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-24eK2 .prc-ActionList-ItemLabel-TmBhn{font-size:var(--text-body-size-small,.75rem)}.prc-ActionList-SubGroup-24eK2 .prc-ActionList-ActionListItem-uq6I7{margin-inline:0}.prc-ActionList-TrailingActionButton-i2wnc{border-bottom-left-radius:0;border-top-left-radius:0}.prc-ActionList-TrailingActionButton-i2wnc[data-loading=true]:has([data-component=buttonContent]){padding:0 0 0 calc(var(--base-size-12,.75rem)*2)}.prc-ActionList-TrailingActionButton-i2wnc[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-T6Jfa:has(.prc-ActionList-TrailingVisual-XocgV){grid-area:trailingVisual}.prc-ActionList-InactiveButtonWrap-T6Jfa:has(.prc-ActionList-LeadingVisual-dxXxW){grid-area:leadingVisual}.prc-ActionList-Divider-rsZFG{background:var(--borderColor-muted,var(--color-border-muted));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-3lIQX{background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;padding:0}.prc-ActionList-InactiveWarning-YRMKV{color:var(--fgColor-attention,var(--color-attention-fg));font-size:var(--text-body-size-small,.75rem);grid-row:2/2;line-height:16px}@keyframes prc-ActionList-checkmarkIn-Q8dLp{0%{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes prc-ActionList-checkmarkOut-XHM8j{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}}
1
+ .prc-ActionList-ActionList-X4RiC,.prc-ActionList-ActionList-X4RiC ul{list-style:none;margin:0;padding:0}.prc-ActionList-ActionList-X4RiC:where([data-variant=inset]){padding-block:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-X4RiC:where([data-variant=inset],[data-variant=horizontal-inset]) .prc-ActionList-ActionListItem-uq6I7{margin-inline:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-X4RiC:where([data-variant=horizontal-inset]){padding-bottom:var(--base-size-8,.5rem)}.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-ActionListSubContent-lP9xj:before{background:var(--borderColor-muted,var(--color-border-muted));content:"";display:block;height:1px;position:absolute;top:-7px;width:100%}:is(.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) [data-description-variant=inline]):before{background:var(--borderColor-muted,var(--color-border-muted));content:"";display:block;height:var(--borderWidth-thin,.0625rem);position:absolute;top:-7px;width:100%}:is(.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) [data-description-variant=inline]) .prc-ActionList-ActionListSubContent-lP9xj:before{content:unset}.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-ActionListItem-uq6I7:first-of-type .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-Divider-rsZFG+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-ActionListItem-uq6I7:first-of-type [data-description-variant=inline]:before,.prc-ActionList-ActionList-X4RiC:where([data-dividers=true]) .prc-ActionList-Divider-rsZFG+.prc-ActionList-ActionListItem-uq6I7 [data-description-variant=inline]:before{visibility:hidden}.prc-ActionList-ActionList-X4RiC .prc-ActionList-Divider-rsZFG:first-child{display:none}.prc-ActionList-ActionList-X4RiC:has([data-has-description=true]):has([data-has-description=false]) .prc-ActionList-ItemLabel-TmBhn{font-weight:var(--base-text-weight-normal,400)}.prc-ActionList-ActionListItem-uq6I7{background-color:var(--control-transparent-bgColor-rest,transparent);border-radius:var(--borderRadius-medium,.375rem);list-style:none;position:relative}.prc-ActionList-ActionListItem-uq6I7:has(>.prc-ActionList-TrailingAction-RmUk1){display:flex;flex-wrap:nowrap}@media (forced-colors:active){.prc-ActionList-ActionListItem-uq6I7 :focus,.prc-ActionList-ActionListItem-uq6I7:focus-visible,.prc-ActionList-ActionListItem-uq6I7>a.prc-ActionList-focus-visible-o4yra,.prc-ActionList-ActionListItem-uq6I7[data-is-active-descendant]{outline:1px solid transparent!important}}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):active,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover{cursor:pointer}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[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,var(--color-action-list-item-default-active-border));outline:solid var(--borderWidth-thin,.0625rem) transparent;outline-offset:calc(var(--borderWidth-thin,.0625rem)*-1)}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):active{background-color:var(--control-transparent-bgColor-active,var(--color-action-list-item-default-active-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):active:not([data-active]){box-shadow:var(--boxShadow-thin,inset 0 0 0 .0625rem) var(--control-transparent-borderColor-active,var(--color-action-list-item-default-active-border));outline:solid var(--borderWidth-thin,.0625rem) transparent;outline-offset:calc(var(--borderWidth-thin,.0625rem)*-1)}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:0}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):focus-visible .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):focus-visible+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]) * :not([popover],.prc-ActionList-TrailingVisual-XocgV){color:var(--control-danger-fgColor-rest,var(--color-danger-fg))}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):hover{background:var(--control-danger-bgColor-hover,var(--color-action-list-item-danger-hover-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):hover * :not([popover]){color:var(--control-danger-fgColor-hover,var(--color-action-list-item-danger-hover-text))}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):active{background:var(--control-danger-bgColor-active,var(--color-action-list-item-danger-active-bg))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-variant=danger]):active * :not([popover]){color:var(--control-danger-fgColor-hover,var(--color-action-list-item-danger-hover-text))}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg));outline:2px solid transparent}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]) .prc-ActionList-ItemLabel-TmBhn{color:var(--control-fgColor-rest,var(--color-fg-default));font-weight:var(--base-text-weight-semibold,600)}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]):hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]) .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active])+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-active]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));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-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-is-active-descendant]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg));outline:2px solid transparent}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-is-active-descendant]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));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-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]) * :not([popover],.prc-ActionList-InactiveWarning-YRMKV){color:var(--fgColor-muted,var(--color-fg-muted))}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]):hover{background-color:transparent;cursor:not-allowed}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]):hover * :not([popover],.prc-ActionList-InactiveWarning-YRMKV){color:var(--fgColor-muted,var(--color-fg-muted))}}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-inactive=true]):active{background:transparent}:is(.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):where([data-loading=true]),.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):has([data-loading=true])) *{color:var(--fgColor-muted,var(--color-fg-muted))}@media (hover:hover){.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover [data-description-variant=inline]:before,.prc-ActionList-ActionListItem-uq6I7:not(:has([aria-disabled],[disabled]),[data-has-subitem=true]):hover+.prc-ActionList-ActionListItem-uq6I7 [data-description-variant=inline]:before{visibility:hidden}}.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true]>.prc-ActionList-ActionListContent-sg9-x{z-index:1}@media (hover:hover){:is(.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true]>.prc-ActionList-ActionListContent-sg9-x):hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg));cursor:pointer}}:is(.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true]>.prc-ActionList-ActionListContent-sg9-x):active{background-color:var(--control-transparent-bgColor-active,var(--color-action-list-item-default-active-bg))}.prc-ActionList-ActionListItem-uq6I7[data-has-subitem=true] .prc-ActionList-Spacer-dydlX{display:block}:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])) .prc-ActionList-ActionListContent-sg9-x *{color:var(--control-fgColor-disabled,var(--color-primer-fg-disabled))}@media (hover:hover){:is(:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])) .prc-ActionList-ActionListContent-sg9-x):hover{background-color:transparent;cursor:not-allowed}}@media (hover:hover){:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])):hover{background-color:transparent}}:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])) .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--control-bgColor-disabled,var(--color-input-disabled-bg));border-color:var(--control-borderColor-disabled,var(--color-btn-border))}:is([aria-checked=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])),[aria-selected=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled]))) .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--control-checked-bgColor-disabled,var(--color-switch-track-disabled-bg));border-color:var(--control-checked-bgColor-disabled,var(--color-switch-track-disabled-bg))}:is(:is([aria-checked=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled])),[aria-selected=true]:is(.prc-ActionList-ActionListItem-uq6I7[aria-disabled=true],.prc-ActionList-ActionListItem-uq6I7:has([aria-disabled=true],[disabled]))) .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{background-color:var(--control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg))}.prc-ActionList-ActionListItem-uq6I7:has(.prc-ActionList-TrailingAction-RmUk1 [data-loading=true]):not([aria-disabled=true]) .prc-ActionList-ItemLabel-TmBhn{color:var(--fgColor-default,var(--color-fg-default))}.prc-ActionList-ActionListItem-uq6I7:has(.prc-ActionList-TrailingAction-RmUk1 [data-loading=true]):not([aria-disabled=true]) .prc-ActionList-Description-G0lJ3{color:var(--fgColor-default,var(--color-fg-default))}.prc-ActionList-ActionListItem-uq6I7[aria-hidden]+.prc-ActionList-Divider-rsZFG{display:none}.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--bgColor-default,var(--color-canvas-default));border:var(--borderWidth-thin,.0625rem) solid var(--control-borderColor-emphasis,var(--color-switch-knob-border));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-uq6I7 .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{animation:prc-ActionList-checkmarkOut-XHM8j 80ms cubic-bezier(.65,0,.35,1);background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));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-uq6I7 .prc-ActionList-MultiSelectCheckbox-nK6PJ{border-width:var(--borderWidth-thin,.0625rem)}}:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-nK6PJ{background-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-color:var(--control-checked-borderColor-rest,var(--color-switch-track-checked-bg));transition:background-color,border-color 80ms cubic-bezier(.32,0,.67,0) 0s}:is(:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{animation:prc-ActionList-checkmarkIn-Q8dLp 80ms cubic-bezier(.65,0,.35,1) 80ms forwards;transition:visibility 0s linear 0s;visibility:visible}@media (forced-colors:active){:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-MultiSelectCheckbox-nK6PJ{border-width:8px}}:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=true],.prc-ActionList-ActionListItem-uq6I7[aria-selected=true]) .prc-ActionList-SingleSelectCheckmark-Vqn87{visibility:visible}:is(:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=false],.prc-ActionList-ActionListItem-uq6I7[aria-selected=false]) .prc-ActionList-MultiSelectCheckbox-nK6PJ):before{visibility:hidden}:is(.prc-ActionList-ActionListItem-uq6I7[aria-checked=false],.prc-ActionList-ActionListItem-uq6I7[aria-selected=false]) .prc-ActionList-SingleSelectCheckmark-Vqn87{visibility:hidden}.prc-ActionList-SingleSelectCheckmark-Vqn87{visibility:hidden}.prc-ActionList-ActionListContent-sg9-x{--subitem-depth:0px;background-color:transparent;border:none;border-radius:var(--borderRadius-medium,.375rem);color:var(--control-fgColor-rest,var(--color-fg-default));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-sg9-x>:not(:last-child,.prc-ActionList-Spacer-dydlX){margin-right:var(--control-medium-gap,.5rem)}.prc-ActionList-ActionListContent-sg9-x:hover{cursor:pointer;-webkit-text-decoration:none;text-decoration:none}.prc-ActionList-ActionListContent-sg9-x[data-size=large]{padding-block:var(--control-large-paddingBlock,.625rem)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=true] .prc-ActionList-ExpandIcon-SKUGP{transform:scaleY(-1)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false] .prc-ActionList-ExpandIcon-SKUGP{transform:scaleY(1)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]+.prc-ActionList-SubGroup-24eK2{display:none}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]) .prc-ActionList-ItemLabel-TmBhn{font-weight:var(--base-text-weight-semibold,600)}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]) .prc-ActionList-ActionListSubContent-lP9xj:before,.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true])+.prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj:before{visibility:hidden}.prc-ActionList-ActionListContent-sg9-x[aria-expanded=false]:has(+.prc-ActionList-SubGroup-24eK2 [data-active=true]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));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-lP9xj{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-lP9xj>:not(:last-child){margin-right:var(--control-medium-gap,.5rem)}.prc-ActionList-Spacer-dydlX{display:none;grid-area:spacer;width:max(0px,var(--subitem-depth) * 8px)}.prc-ActionList-LeadingAction-Oy04M{grid-area:leadingAction}.prc-ActionList-LeadingVisual-dxXxW{grid-area:leadingVisual}.prc-ActionList-TrailingVisual-XocgV{font-size:var(--text-body-size-medium,.875rem);grid-area:trailingVisual}.prc-ActionList-TrailingAction-RmUk1{grid-area:trailingAction}.prc-ActionList-ItemDescriptionWrap-VJA7h{display:flex;flex-direction:column;gap:var(--base-size-4,.25rem);grid-area:label}.prc-ActionList-ItemDescriptionWrap-VJA7h .prc-ActionList-ItemLabel-TmBhn{font-weight:var(--base-text-weight-semibold,600);word-break:break-word}.prc-ActionList-ItemDescriptionWrap-VJA7h: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-VJA7h:where([data-description-variant=inline]) .prc-ActionList-ItemLabel-TmBhn{word-break:normal}.prc-ActionList-ItemDescriptionWrap-VJA7h:where([data-description-variant=inline]):has([data-truncate=true]) .prc-ActionList-ItemLabel-TmBhn{flex:1 0 auto}.prc-ActionList-ItemDescriptionWrap-VJA7h:where([data-description-variant=inline]) .prc-ActionList-Description-G0lJ3{line-height:16px}.prc-ActionList-Description-G0lJ3{font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-normal,400);line-height:16px}.prc-ActionList-Description-G0lJ3,.prc-ActionList-VisualWrap-rfjV-{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-ActionList-VisualWrap-rfjV-{display:flex;line-height:20px;min-height:var(--control-medium-lineBoxHeight,1.25rem);min-width:max-content;pointer-events:none;fill:var(--fgColor-muted,var(--color-fg-muted));align-items:center}.prc-ActionList-ItemLabel-TmBhn{color:var(--fgColor-default,var(--color-fg-default));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-24eK2 .prc-ActionList-ItemLabel-TmBhn{font-size:var(--text-body-size-small,.75rem)}.prc-ActionList-SubGroup-24eK2 .prc-ActionList-ActionListItem-uq6I7{margin-inline:0}.prc-ActionList-TrailingActionButton-i2wnc{border-bottom-left-radius:0;border-top-left-radius:0}.prc-ActionList-TrailingActionButton-i2wnc[data-loading=true]:has([data-component=buttonContent]){padding:0 0 0 calc(var(--base-size-12,.75rem)*2)}.prc-ActionList-TrailingActionButton-i2wnc[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-T6Jfa:has(.prc-ActionList-TrailingVisual-XocgV){grid-area:trailingVisual}.prc-ActionList-InactiveButtonWrap-T6Jfa:has(.prc-ActionList-LeadingVisual-dxXxW){grid-area:leadingVisual}.prc-ActionList-Divider-rsZFG{background:var(--borderColor-muted,var(--color-border-muted));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-3lIQX{background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;padding:0}.prc-ActionList-InactiveWarning-YRMKV{color:var(--fgColor-attention,var(--color-attention-fg));font-size:var(--text-body-size-small,.75rem);grid-row:2/2;line-height:16px}@keyframes prc-ActionList-checkmarkIn-Q8dLp{0%{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes prc-ActionList-checkmarkOut-XHM8j{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}}
2
2
  /*# sourceMappingURL=ActionList-167cf6c7.css.map */
package/dist/ActionList/ActionList-167cf6c7.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/ActionList/ActionList.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"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","file":"ActionList-167cf6c7.css","sourcesContent":["/* stylelint-disable max-nesting-depth, selector-max-specificity, selector-max-compound-selectors */\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 &:has([data-has-description='true']):has([data-has-description='false']) {\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(:has([aria-disabled], [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 & * :not([popover], .TrailingVisual) {\n color: var(--control-danger-fgColor-rest);\n }\n\n @media (hover: hover) {\n &:hover {\n background: var(--control-danger-bgColor-hover);\n\n & * :not([popover]) {\n color: var(--control-danger-fgColor-hover);\n }\n }\n }\n\n &:active {\n background: var(--control-danger-bgColor-active);\n\n & * :not([popover]) {\n color: var(--control-danger-fgColor-hover);\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 &:has([data-loading='true']) {\n & * {\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 &:has([aria-disabled='true'], [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([aria-disabled='true']) {\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\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 /* adjust line-height for baseline alignment */\n\n /* line-height: calc(var(--control-medium-lineBoxHeight) - var(--base-size-2)); */\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(--control-medium-lineBoxHeight);\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\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-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n","@define-mixin activeIndicatorLine {\n position: absolute;\n top: calc(50% - var(--base-size-12));\n left: calc(-1 * var(--base-size-8));\n width: var(--base-size-4);\n height: var(--base-size-24);\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-accent-emphasis);\n border-radius: var(--borderRadius-medium);\n}\n"]}
1
+ {"version":3,"sources":["../src/ActionList/ActionList.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAOE,qEAGE,eAAgB,CADhB,QAAS,CADT,SAGF,CAEA,6DACE,sCACF,CAIE,kIACE,sCACF,CAGF,wEACE,uCACF,CAIE,+GAaE,6DAAoC,CAFpC,UAAW,CAHX,aAAc,CAEd,UAAW,CATX,iBAAkB,CAMlB,QAAS,CAET,UAKF,CAIE,2GAaE,6DAAoC,CAFpC,UAAW,CAHX,aAAc,CAEd,uCAA+B,CAT/B,iBAAkB,CAMlB,QAAS,CAET,UAKF,CAGA,sJACE,aACF,CAIF,oVAEE,iBACF,CAGA,kUAEE,iBACF,CAIF,2EACE,YACF,CAIE,oIACE,8CACF,CAMJ,qCAGE,oEAAyD,CACzD,gDAAyC,CAFzC,eAAgB,CADhB,iBAsWF,CAhWE,gFACE,YAAa,CACb,gBACF,CAIA,8BACE,yOAME,uCACF,CACF,CAGE,qBACE,mNAEE,cACF,CAEA,yGACE,wGAQF,CANE,2IAIE,uJAA+E,CAF/E,0DAAkD,CAClD,wDAEF,CAEJ,CAEA,0GACE,0GAQF,CANE,6HAIE,uJAA+E,CAF/E,0DAAkD,CAClD,wDAEF,CAGF,iHCtJF,eAAgB,CAFhB,kEAAgC,CAChC,gBD8JE,CAJE,2WAEE,iBACF,CAKA,uLACE,+DACF,CAEA,qBACE,sIACE,4FAKF,CAHE,wJACE,yFACF,CAEJ,CAEA,uIACE,8FAKF,CAHE,yJACE,yFACF,CAKJ,wHACE,wGAAuD,CAGvD,6BAwBF,CAtBE,wJAEE,yDAAkC,CADlC,gDAEF,CAEA,qBACE,8HACE,wGACF,CACF,CAIA,yXAEE,iBACF,CAGA,8HE7MJ,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,4CAAuC,CAFvC,sCAAmC,CAFnC,iBAAkB,CAClB,6BAAuB,CAEvB,+BFmNI,CAGF,sIACE,wGAAuD,CAGvD,6BAeF,CAHE,4IElOJ,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,4CAAuC,CAFvC,sCAAmC,CAFnC,iBAAkB,CAClB,6BAAuB,CAEvB,+BFwOI,CAMA,uLACE,gDACF,CAEA,qBACE,qIAEE,4BAA6B,CAD7B,kBAMF,CAHE,6LACE,gDACF,CAEJ,CAEA,sIACE,sBACF,CAKA,iQACE,gDACF,CAIF,qBAEI,2VAEE,iBACF,CAEA,yUAEE,iBACF,CAEJ,CAMA,oGACE,SAYF,CAVE,qBACE,+GAEE,wGAA0D,CAD1D,cAEF,CACF,CAEA,gHACE,0GACF,CAGF,yFACE,aACF,CAOA,kLACE,qEACF,CAGE,qBACE,2LAEE,4BAA6B,CAD7B,kBAEF,CACF,CAGF,qBACE,8IACE,4BACF,CACF,CAEA,kLACE,+EAAiD,CACjD,wEACF,CAIE,sWACE,8FAAyD,CAEzD,0FAMF,CAJE,kXAEE,sGACF,CAQJ,6JACE,oDACF,CAEA,+JACE,oDACF,CAIF,gFACE,YACF,CAOA,+EAOE,mEAAwC,CACxC,iHAAyE,CACzE,gDAAwC,CAHxC,cAAe,CAJf,YAAa,CAEb,+BAA2B,CAC3B,QAAS,CAUT,oBAAqB,CAdrB,iBAAkB,CASlB,uEAEkD,CATlD,8BAsCF,CAxBE,2FAcE,0EAA2D,CAT3D,yFAAqD,CAErD,+CAA2C,CAJ3C,UAAW,CADX,+BAA2B,CAQ3B,ocAA69B,CAG79B,oBAAqB,CADrB,qBAAsB,CADtB,aAAc,CALd,oCAAsC,CALtC,8BAeF,CAEA,8BAnCF,+EAuCI,6CAEJ,CADE,CAKA,gKACE,yFAAqD,CACrD,yFAAqD,CACrD,0EAiBF,CAZE,4KAGE,uFAAwE,CADxE,kCAAmC,CADnC,kBAGF,CAEA,8BAdF,gKAkBI,gBAEJ,CADE,CAGF,kKACE,kBACF,CAME,8KACE,iBACF,CAGF,oKACE,iBACF,CAKJ,4CACE,iBACF,CAKA,wCACE,mBAAoB,CAQpB,4BAA6B,CAC7B,WAAY,CACZ,gDAAyC,CALzC,yDAAkC,CAFlC,YAAa,CAUb,wDAAiD,CAEjD,kEAA6D,CAb7D,iBAAkB,CAIlB,eAAgB,CAUhB,yBAA0B,CAL1B,qCAAsC,CAJtC,wBAAiB,CAAjB,gBAAiB,CAHjB,UAAW,CAaX,uCAAwC,CAIxC,iBAAkB,CAFlB,gEAAiE,CACjE,wEAA0E,CAF1E,8BA2DF,CArDE,uFAEE,4CACF,CAEA,8CAEE,cAAe,CADf,4BAAqB,CAArB,oBAEF,CAIA,yDAEE,uDACF,CAKE,6FACE,oBACF,CAIA,8FACE,mBACF,CAEA,4FACE,YACF,CAGA,qHACE,wGAeF,CAbE,qJACE,gDACF,CAEA,mXAEE,iBACF,CAGA,2HEphBJ,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,4CAAuC,CAFvC,sCAAmC,CAFnC,iBAAkB,CAClB,6BAAuB,CAEvB,+BF0hBI,CAMN,2CAQE,iBAAkB,CALlB,YAAa,CAFb,iBAAkB,CAKlB,yDAA0D,CAC1D,4DAA8D,CAF9D,8BAA+B,CAH/B,iBAAkB,CAElB,UAWF,CAJE,6DAEE,4CACF,CAOF,6BACE,YAAa,CAEb,gBAAiB,CADjB,yCAEF,CAEA,oCACE,uBACF,CAEA,oCACE,uBACF,CAEA,qCAEE,8CAAuC,CADvC,wBAEF,CAEA,qCACE,wBACF,CAIA,0CAEE,YAAa,CACb,qBAAsB,CACtB,6BAAuB,CAHvB,eAqCF,CAhCE,0EACE,gDAA6C,CAE7C,qBACF,CAGA,mFAIE,oBAAqB,CADrB,kBAAmB,CAEnB,4BAAuB,CAJvB,iBAAkB,CAClB,iBAsBF,CAjBE,mHACE,iBACF,CAGE,6IACE,aACF,CAGF,qHAKE,gBACF,CAKJ,kCACE,4CAAsC,CACtC,8CAA2C,CAM3C,gBAEF,CAIA,mEALE,gDAgBF,CAXA,iCACE,YAAa,CAIb,gBAAiB,CAFjB,sDAA+C,CAD/C,qBAAsB,CAMtB,mBAAoB,CACpB,+CAA0B,CAC1B,kBACF,CAGA,gCAOE,oDAA6B,CAL7B,8CAAuC,CACvC,8CAA2C,CAK3C,eAAgB,CAHhB,gBAAiB,CAJjB,iBAAkB,CASlB,qBACF,CAGE,+DACE,4CACF,CAEA,oEACE,eACF,CAKF,2CAEE,2BAA4B,CAD5B,wBAoBF,CAhBE,kGAEE,gDAaF,CAVE,kIAOE,kBAAmB,CADnB,YAAa,CAFb,sCAAwC,CAIxC,sBAAuB,CAPvB,cAAe,CAEf,qCAMF,CAKF,mFACE,wBACF,CAEA,kFACE,uBACF,CAGF,8BASE,6DAAoC,CACpC,QAAS,CATT,aAAc,CACd,uCAA+B,CAK/B,eAAgB,CADhB,yCAAoC,CADpC,oFAAsE,CAFtE,SAQF,CAEA,0CAME,eAAgB,CAChB,WAAY,CAHZ,aAAc,CACd,cAAe,CAJf,YAAa,CAEb,YAAa,CADb,SAMF,CAEA,sCAQE,wDAA+B,CAP/B,4CAAsC,CAQtC,YAAa,CAFb,gBAGF,CAEA,4CACE,GACE,+CACF,CAEA,GACE,wBACF,CACF,CAEA,6CACE,GACE,wBACF,CAEA,GACE,+CACF,CACF","file":"ActionList-167cf6c7.css","sourcesContent":["/* stylelint-disable max-nesting-depth, selector-max-specificity, selector-max-compound-selectors */\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 &:has([data-has-description='true']):has([data-has-description='false']) {\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(:has([aria-disabled], [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 & * :not([popover], .TrailingVisual) {\n color: var(--control-danger-fgColor-rest);\n }\n\n @media (hover: hover) {\n &:hover {\n background: var(--control-danger-bgColor-hover);\n\n & * :not([popover]) {\n color: var(--control-danger-fgColor-hover);\n }\n }\n }\n\n &:active {\n background: var(--control-danger-bgColor-active);\n\n & * :not([popover]) {\n color: var(--control-danger-fgColor-hover);\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 &:has([data-loading='true']) {\n & * {\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 &:has([aria-disabled='true'], [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([aria-disabled='true']) {\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\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 /* adjust line-height for baseline alignment */\n\n /* line-height: calc(var(--control-medium-lineBoxHeight) - var(--base-size-2)); */\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(--control-medium-lineBoxHeight);\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\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-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/FilteredActionList/FilteredActionList-f6c2dc7a.css CHANGED
@@ -1,2 +1,2 @@
1
- .prc-FilteredActionList-Root-S5E74{display:flex;flex-direction:column;overflow:hidden}.prc-FilteredActionList-Header-R1tjC{box-shadow:0 1px 0 var(--borderColor-default,var(--color-border-default));z-index:1}.prc-FilteredActionList-Container-2A9NQ{display:flex;height:100%;overflow:auto}.prc-FilteredActionList-ActionList-QY9ZL,.prc-FilteredActionList-Container-2A9NQ{flex-grow:1}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}.prc-FilteredActionList-SelectAllContainer-w5otq{align-items:center;background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-16,1rem)}.prc-FilteredActionList-SelectAllCheckbox-dq2yL{margin:var(--base-size-4,.25rem) var(--base-size-8,.5rem) calc(var(--base-size-4,.25rem) - 1px) 0}.prc-FilteredActionList-SelectAllLabel-l34LA{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}
1
+ .prc-FilteredActionList-Root-S5E74{display:flex;flex-direction:column;overflow:hidden}.prc-FilteredActionList-Header-R1tjC{box-shadow:0 1px 0 var(--borderColor-default,var(--color-border-default));z-index:1}.prc-FilteredActionList-Container-2A9NQ{display:flex;height:100%;overflow:auto}.prc-FilteredActionList-ActionList-QY9ZL,.prc-FilteredActionList-Container-2A9NQ{flex-grow:1}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));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-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));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)}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}.prc-FilteredActionList-SelectAllContainer-w5otq{align-items:center;background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-16,1rem)}.prc-FilteredActionList-SelectAllCheckbox-dq2yL{margin:var(--base-size-4,.25rem) var(--base-size-8,.5rem) calc(var(--base-size-4,.25rem) - 1px) 0}.prc-FilteredActionList-SelectAllLabel-l34LA{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}
2
2
  /*# sourceMappingURL=FilteredActionList-f6c2dc7a.css.map */
package/dist/FilteredActionList/FilteredActionList-f6c2dc7a.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,mCACE,YAAa,CACb,qBAAsB,CACtB,eACF,CAEA,qCAEE,yEAA8C,CAC9C,SACF,CAEA,wCACE,YAAa,CACb,WAAY,CACZ,aAEF,CAEA,iFAHE,WAKF,CAEA,mDACE,wGAKF,CAHE,yDClBA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDwBA,CAGF,mGACE,wGAKF,CAHE,yGC1BA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDgCA,CAIA,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF,CAGF,iDAEE,kBAAmB,CAGnB,0DAAgC,CAChC,2GAAuE,CALvE,YAAa,CAEb,uCAAiC,CACjC,uCAGF,CAEA,gDAGE,iGACF,CAEA,6CAEE,gDAA2B,CAD3B,8CAEF","file":"FilteredActionList-f6c2dc7a.css","sourcesContent":[".Root {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.Header {\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: 0 1px 0 var(--borderColor-default);\n z-index: 1;\n}\n\n.Container {\n display: flex;\n height: 100%;\n overflow: auto;\n flex-grow: 1;\n}\n\n.ActionList {\n flex-grow: 1;\n}\n\n.ActionListItem:focus {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.ActionListItem:where([data-input-focused]):where([data-first-child]) {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.FullScreenTextInput {\n @media screen and (--viewportRange-narrow) {\n /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n @supports (-webkit-touch-callout: none) {\n font-size: var(--text-title-size-small);\n }\n }\n}\n\n.SelectAllContainer {\n display: flex;\n align-items: center;\n padding-block: var(--base-size-4);\n padding-inline: var(--base-size-16);\n background: var(--bgColor-muted);\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.SelectAllCheckbox {\n /* -1px hack to offset 1px border-bottom causing uneven alignment */\n /* stylelint-disable-next-line primer/spacing */\n margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;\n}\n\n.SelectAllLabel {\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\n}\n","@define-mixin activeIndicatorLine {\n position: absolute;\n top: calc(50% - var(--base-size-12));\n left: calc(-1 * var(--base-size-8));\n width: var(--base-size-4);\n height: var(--base-size-24);\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-accent-emphasis);\n border-radius: var(--borderRadius-medium);\n}\n"]}
1
+ {"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,mCACE,YAAa,CACb,qBAAsB,CACtB,eACF,CAEA,qCAEE,yEAA8C,CAC9C,SACF,CAEA,wCACE,YAAa,CACb,WAAY,CACZ,aAEF,CAEA,iFAHE,WAKF,CAEA,mDACE,wGAKF,CAHE,yDClBA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,4CAAuC,CAFvC,sCAAmC,CAFnC,iBAAkB,CAClB,6BAAuB,CAEvB,+BDwBA,CAGF,mGACE,wGAKF,CAHE,yGC1BA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,4CAAuC,CAFvC,sCAAmC,CAFnC,iBAAkB,CAClB,6BAAuB,CAEvB,+BDgCA,CAIA,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF,CAGF,iDAEE,kBAAmB,CAGnB,0DAAgC,CAChC,2GAAuE,CALvE,YAAa,CAEb,uCAAiC,CACjC,uCAGF,CAEA,gDAGE,iGACF,CAEA,6CAEE,gDAA2B,CAD3B,8CAEF","file":"FilteredActionList-f6c2dc7a.css","sourcesContent":[".Root {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.Header {\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: 0 1px 0 var(--borderColor-default);\n z-index: 1;\n}\n\n.Container {\n display: flex;\n height: 100%;\n overflow: auto;\n flex-grow: 1;\n}\n\n.ActionList {\n flex-grow: 1;\n}\n\n.ActionListItem:focus {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.ActionListItem:where([data-input-focused]):where([data-first-child]) {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.FullScreenTextInput {\n @media screen and (--viewportRange-narrow) {\n /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n @supports (-webkit-touch-callout: none) {\n font-size: var(--text-title-size-small);\n }\n }\n}\n\n.SelectAllContainer {\n display: flex;\n align-items: center;\n padding-block: var(--base-size-4);\n padding-inline: var(--base-size-16);\n background: var(--bgColor-muted);\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.SelectAllCheckbox {\n /* -1px hack to offset 1px border-bottom causing uneven alignment */\n /* stylelint-disable-next-line primer/spacing */\n margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;\n}\n\n.SelectAllLabel {\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\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/hooks/{useMedia.d.ts → useMediaUnsafeSSR.d.ts} RENAMED
@@ -1,18 +1,21 @@
1
1
  import React from 'react';
2
2
  /**
3
- * `useMedia` will use the given `mediaQueryString` with `matchMedia` to
3
+ * `useMediaUnsafeSSR` will use the given `mediaQueryString` with `matchMedia` to
4
4
  * determine if the document matches the media query string.
5
5
  *
6
- * If `MatchMedia` is used as an ancestor, `useMedia` will instead use the
6
+ * If `MatchMedia` is used as an ancestor, `useMediaUnsafeSSR` will instead use the
7
7
  * value of the media query string, if available
8
8
  *
9
+ * Warning: If rendering on the server, and no `defaultState` is provided,
10
+ * this could cause a hydration mismatch between server and client.
11
+ *
9
12
  * @example
10
13
  * function Example() {
11
- * const coarsePointer = useMedia('(pointer: coarse)');
14
+ * const coarsePointer = useMediaUnsafeSSR('(pointer: coarse)');
12
15
  * // ...
13
16
  * }
14
17
  */
15
- export declare function useMedia(mediaQueryString: string, defaultState?: boolean): boolean;
18
+ export declare function useMediaUnsafeSSR(mediaQueryString: string, defaultState?: boolean): boolean;
16
19
  type MediaQueryFeatures = {
17
20
  [key: string]: boolean | undefined;
18
21
  };
@@ -22,7 +25,7 @@ type MatchMediaProps = {
22
25
  };
23
26
  /**
24
27
  * Use `MatchMedia` to emulate media conditions by passing in feature
25
- * queries to the `features` prop. If a component uses `useMedia` with the
28
+ * queries to the `features` prop. If a component uses `useMediaUnsafeSSR` with the
26
29
  * feature passed in to `MatchMedia` it will force its value to match what is
27
30
  * provided to `MatchMedia`
28
31
  *
@@ -36,4 +39,4 @@ type MatchMediaProps = {
36
39
  */
37
40
  export declare function MatchMedia({ children, features }: MatchMediaProps): React.JSX.Element;
38
41
  export {};
39
- //# sourceMappingURL=useMedia.d.ts.map
42
+ //# sourceMappingURL=useMediaUnsafeSSR.d.ts.map
package/dist/hooks/useMediaUnsafeSSR.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useMediaUnsafeSSR.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaUnsafeSSR.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAI3E;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,gBAAgB,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,WAoEjF;AAED,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;CACnC,CAAA;AAOD,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B,CAAA;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EAAC,QAAQ,EAAE,QAA0B,EAAC,EAAE,eAAe,qBAGjF"}
package/dist/hooks/{useMedia.js → useMediaUnsafeSSR.js} RENAMED
@@ -2,7 +2,7 @@ import { c } from 'react-compiler-runtime';
2
2
  import React, { useContext, createContext, useEffect } from 'react';
3
3
  import 'react/jsx-runtime';
4
4
 
5
- function useMedia(mediaQueryString, defaultState) {
5
+ function useMediaUnsafeSSR(mediaQueryString, defaultState) {
6
6
  const $ = c(12);
7
7
  const features = useContext(MatchMediaContext);
8
8
  let t0;
@@ -83,4 +83,4 @@ function useMedia(mediaQueryString, defaultState) {
83
83
  // unavailable through devtools
84
84
  const MatchMediaContext = /*#__PURE__*/createContext({});
85
85
 
86
- export { useMedia };
86
+ export { useMediaUnsafeSSR };
package/dist/hooks/useResponsiveValue.d.ts CHANGED
@@ -23,6 +23,8 @@ export declare function isResponsiveValue(value: any): value is ResponsiveValue<
23
23
  * Resolves responsive values based on the current viewport width.
24
24
  * For example, if the current viewport width is narrow (less than 768px), the value of `{regular: 'foo', narrow: 'bar'}` will resolve to `'bar'`.
25
25
  *
26
+ * Warning: This hook is not fully SSR compatible as it relies on `useMediaUnsafeSSR` without a `defaultState`. Using `getResponsiveAttributes` is preferred to avoid hydration mismatches.
27
+ *
26
28
  * @example
27
29
  * const value = useResponsiveValue({regular: 'foo', narrow: 'bar'})
28
30
  * console.log(value) // 'bar'
package/dist/hooks/useResponsiveValue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useResponsiveValue.d.ts","sourceRoot":"","sources":["../../src/hooks/useResponsiveValue.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc;;;;CAI1B,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,QAAQ,EAAE,OAAO,GAAG,QAAQ,EAAE,KAAK,GAAG,QAAQ,IAAI;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAChC,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,QAAQ,EAAE,MAAM,OAAO,EAAE,MAAM,KAAK,CAAC,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,GAE5G,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;AAEpC;;;GAGG;AAEH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,eAAe,CAAC,GAAG,CAAC,CAE3E;AAED;;;;;;;GAOG;AAEH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,CA0B7F"}
1
+ {"version":3,"file":"useResponsiveValue.d.ts","sourceRoot":"","sources":["../../src/hooks/useResponsiveValue.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc;;;;CAI1B,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,QAAQ,EAAE,OAAO,GAAG,QAAQ,EAAE,KAAK,GAAG,QAAQ,IAAI;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAChC,CAAC,CAAC,SAAS,eAAe,CAAC,MAAM,QAAQ,EAAE,MAAM,OAAO,EAAE,MAAM,KAAK,CAAC,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,GAE5G,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;AAEpC;;;GAGG;AAEH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,eAAe,CAAC,GAAG,CAAC,CAE3E;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,CAgC7F"}
package/dist/hooks/useResponsiveValue.js CHANGED
@@ -1,4 +1,6 @@
1
- import { useMedia } from './useMedia.js';
1
+ import { useMediaUnsafeSSR } from './useMediaUnsafeSSR.js';
2
+ import { canUseDOM } from '../utils/environment.js';
3
+ import { warning } from '../utils/warning.js';
2
4
 
3
5
  // This file contains utilities for working with responsive values.
4
6
 
@@ -33,15 +35,17 @@ function isResponsiveValue(value) {
33
35
  * Resolves responsive values based on the current viewport width.
34
36
  * For example, if the current viewport width is narrow (less than 768px), the value of `{regular: 'foo', narrow: 'bar'}` will resolve to `'bar'`.
35
37
  *
38
+ * Warning: This hook is not fully SSR compatible as it relies on `useMediaUnsafeSSR` without a `defaultState`. Using `getResponsiveAttributes` is preferred to avoid hydration mismatches.
39
+ *
36
40
  * @example
37
41
  * const value = useResponsiveValue({regular: 'foo', narrow: 'bar'})
38
42
  * console.log(value) // 'bar'
39
43
  */
40
- // TODO: Improve SSR support
41
44
  function useResponsiveValue(value, fallback) {
42
- const isNarrowViewport = useMedia(viewportRanges.narrow, false);
43
- const isRegularViewport = useMedia(viewportRanges.regular, false);
44
- const isWideViewport = useMedia(viewportRanges.wide, false);
45
+ const isNarrowViewport = useMediaUnsafeSSR(viewportRanges.narrow, false);
46
+ const isRegularViewport = useMediaUnsafeSSR(viewportRanges.regular, false);
47
+ const isWideViewport = useMediaUnsafeSSR(viewportRanges.wide, false);
48
+ process.env.NODE_ENV !== "production" ? warning(!canUseDOM, "`useResponsiveValue` is not fully SSR compatible as it relies on `useMediaUnsafeSSR` without a `defaultState`. Using `getResponsiveAttributes` is preferred to avoid hydration mismatches.") : void 0;
45
49
  if (isResponsiveValue(value)) {
46
50
  const responsiveValue = value;
47
51
  if (isNarrowViewport && "narrow" in responsiveValue) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@primer/react",
3
3
  "type": "module",
4
- "version": "38.1.0-rc.5d7ab5d69",
4
+ "version": "38.1.0-rc.66c2f85bd",
5
5
  "description": "An implementation of GitHub's Primer Design System using React",
6
6
  "main": "./dist/index.js",
7
7
  "module": "./dist/index.js",
@@ -132,7 +132,6 @@
132
132
  "@types/react": "18.3.11",
133
133
  "@types/react-dom": "18.3.1",
134
134
  "@types/react-is": "18.3.1",
135
- "@types/react-test-renderer": "18.3.1",
136
135
  "@vitejs/plugin-react": "^4.3.3",
137
136
  "afterframe": "^1.0.2",
138
137
  "ajv": "8.16.0",
@@ -165,11 +164,10 @@
165
164
  "micromark-extension-frontmatter": "2.0.0",
166
165
  "micromark-extension-mdxjs": "3.0.0",
167
166
  "postcss-preset-primer": "^0.0.0",
168
- "publint": "^0.3.12",
167
+ "publint": "^0.3.15",
169
168
  "react": "18.3.1",
170
169
  "react-dom": "18.3.1",
171
170
  "react-is": "18.3.1",
172
- "react-test-renderer": "18.3.1",
173
171
  "recast": "0.23.7",
174
172
  "rimraf": "5.0.5",
175
173
  "rollup": "4.52.5",
package/dist/hooks/useMedia.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../src/hooks/useMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAI3E;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,WAoExE;AAED,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;CACnC,CAAA;AAOD,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B,CAAA;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EAAC,QAAQ,EAAE,QAA0B,EAAC,EAAE,eAAe,qBAGjF"}