@react-spectrum/listbox 3.8.2-nightly.3599 → 3.8.2-nightly.3600

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.
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- .spectrum-Menu-popover_7ea47c{max-width:320px}[dir=ltr] .spectrum-Menu_7ea47c{text-align:left}[dir=rtl] .spectrum-Menu_7ea47c{text-align:right}.spectrum-Menu_7ea47c{box-sizing:border-box;padding:var(--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50))0;-webkit-user-select:none;user-select:none;margin:0;list-style-type:none;display:block;overflow-y:auto}.spectrum-Menu_7ea47c .spectrum-Menu-sectionHeading_7ea47c{margin-top:var(--spectrum-global-dimension-size-75);margin-bottom:var(--spectrum-global-dimension-size-40)}.spectrum-Menu_7ea47c:focus{outline:0}.spectrum-Menu-checkmark_7ea47c{opacity:1;padding-top:calc(var(--spectrum-selectlist-option-icon-padding-y) - var(--spectrum-selectlist-option-padding-height));transform:scale(1)}[dir=ltr] .spectrum-Menu-item_7ea47c{border-left:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25))solid transparent}[dir=rtl] .spectrum-Menu-item_7ea47c{border-right:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25))solid transparent}.spectrum-Menu-item_7ea47c{cursor:default;box-sizing:border-box;font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-selectlist-option-text-font-weight,var(--spectrum-global-font-weight-regular));margin:0;font-style:normal;text-decoration:none;position:relative}.spectrum-Menu-item_7ea47c:focus{outline:0}.spectrum-Menu-item_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{display:block}[dir=ltr] .spectrum-Menu-item_7ea47c .spectrum-Icon_7ea47c+.spectrum-Menu-itemLabel_7ea47c,[dir=ltr] .spectrum-Menu-item_7ea47c .spectrum-Menu-itemIcon_7ea47c+.spectrum-Menu-itemLabel_7ea47c{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Menu-item_7ea47c .spectrum-Icon_7ea47c+.spectrum-Menu-itemLabel_7ea47c,[dir=rtl] .spectrum-Menu-item_7ea47c .spectrum-Menu-itemIcon_7ea47c+.spectrum-Menu-itemLabel_7ea47c{margin-right:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemLabel_7ea47c{line-height:var(--spectrum-global-font-line-height-small,1.3);word-break:break-word;grid-area:text}.spectrum-Menu-itemLabel--wrapping_7ea47c{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spectrum-Menu-checkmark_7ea47c{grid-area:checkmark;place-self:flex-start end;display:none}.spectrum-Menu-divider_7ea47c{box-sizing:content-box;height:var(--spectrum-selectlist-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-selectlist-divider-padding,3px)/2)var(--spectrum-global-dimension-size-150);border:0;padding:0;overflow:visible}[dir=ltr] .spectrum-Menu-sectionHeading_7ea47c{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Menu-sectionHeading_7ea47c{padding-right:var(--spectrum-global-dimension-size-150)}[dir=ltr] .spectrum-Menu-sectionHeading_7ea47c{padding-right:var(--spectrum-global-dimension-size-450)}[dir=rtl] .spectrum-Menu-sectionHeading_7ea47c{padding-left:var(--spectrum-global-dimension-size-450)}.spectrum-Menu-sectionHeading_7ea47c{margin:var(--spectrum-global-dimension-size-75)0 0 0;font-size:var(--spectrum-global-dimension-font-size-100);font-weight:var(--spectrum-global-font-weight-bold,700);line-height:var(--spectrum-alias-line-height-medium,var(--spectrum-global-dimension-size-250));padding-top:0;padding-bottom:0;display:block}.spectrum-Menu_7ea47c .spectrum-Menu_7ea47c{margin:0;display:block}.spectrum-Menu-itemGrid_7ea47c{display:-ms-grid;-ms-grid-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr auto auto auto var(--spectrum-global-dimension-size-150);grid-template-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr auto auto auto var(--spectrum-global-dimension-size-150);-ms-grid-rows:var(--spectrum-selectlist-option-padding-height)1fr auto var(--spectrum-selectlist-option-padding-height);grid-template-rows:var(--spectrum-selectlist-option-padding-height)1fr auto var(--spectrum-selectlist-option-padding-height);grid-template-areas:". . . . . . ."".icon text checkmark end keyboard."".icon description checkmark end keyboard."". . . . . . .";display:grid}.spectrum-Menu-item_7ea47c.is-selectable_7ea47c .spectrum-Menu-itemGrid_7ea47c{-ms-grid-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150)))auto auto var(--spectrum-global-dimension-size-150);grid-template-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150)))auto auto var(--spectrum-global-dimension-size-150)}[dir=ltr] .spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{padding-left:var(--spectrum-global-dimension-size-125)}[dir=rtl] .spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{padding-right:var(--spectrum-global-dimension-size-125)}.spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{grid-area:end;place-self:flex-start end}[dir=ltr] .spectrum-Menu-icon_7ea47c{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Menu-icon_7ea47c{padding-left:var(--spectrum-global-dimension-size-100)}.spectrum-Menu-icon_7ea47c{padding-top:var(--spectrum-global-dimension-size-10);grid-area:icon}.spectrum-Menu-description_7ea47c{line-height:var(--spectrum-global-font-line-height-small,1.3);font-size:var(--spectrum-global-dimension-size-150);grid-area:description}[dir=ltr] .spectrum-Menu-keyboard_7ea47c{padding-left:var(--spectrum-global-dimension-size-125)}[dir=rtl] .spectrum-Menu-keyboard_7ea47c{padding-right:var(--spectrum-global-dimension-size-125)}.spectrum-Menu-keyboard_7ea47c{grid-area:keyboard;align-self:flex-start;font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Menu_7ea47c{--spectrum-heading-subtitle3-text-color:var(--spectrum-global-color-gray-900);background-color:var(--spectrum-selectlist-background-color,var(--spectrum-alias-background-color-transparent))}.spectrum-Menu-item_7ea47c{background-color:var(--spectrum-selectlist-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}[dir=ltr] .spectrum-Menu-item_7ea47c.focus-ring_7ea47c,[dir=ltr] .spectrum-Menu-item_7ea47c.is-focused_7ea47c{border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}[dir=rtl] .spectrum-Menu-item_7ea47c.focus-ring_7ea47c,[dir=rtl] .spectrum-Menu-item_7ea47c.is-focused_7ea47c{border-right-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}.spectrum-Menu-item_7ea47c.focus-ring_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c,.spectrum-Menu-item_7ea47c:focus,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-item_7ea47c .is-active_7ea47c,.spectrum-Menu-item_7ea47c:active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}.spectrum-Menu-item_7ea47c.is-disabled_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default;background-image:none}.spectrum-Menu-sectionHeading_7ea47c{color:var(--spectrum-heading-subtitle3-text-color,var(--spectrum-global-color-gray-700))}.spectrum-Menu-divider_7ea47c{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Menu-description_7ea47c{color:var(--spectrum-global-color-gray-700)}@media (forced-colors:active){.spectrum-Menu-divider_7ea47c{background-color:CanvasText;forced-color-adjust:none}.spectrum-Menu-item_7ea47c{forced-color-adjust:none;--spectrum-heading-subtitle3-text-color:ButtonText;--spectrum-selectlist-background-color:ButtonFace;--spectrum-selectlist-divider-color:ButtonText;--spectrum-selectlist-option-background-color:ButtonFace;--spectrum-selectlist-option-background-color-disabled:ButtonFace;--spectrum-selectlist-option-background-color-down:ButtonFace;--spectrum-selectlist-option-background-color-hover:Highlight;--spectrum-selectlist-option-background-color-key-focus:Highlight;--spectrum-selectlist-option-focus-indicator-color:Highlight;--spectrum-selectlist-option-icon-color-selected:Highlight;--spectrum-selectlist-option-text-color:ButtonText;--spectrum-selectlist-option-text-color-disabled:GrayText;--spectrum-selectlist-option-text-color-hover:HighlightText;--spectrum-selectlist-option-text-color-key-focus:HighlightText;--spectrum-alias-border-color-focus:Highlight}.spectrum-Menu-item_7ea47c .spectrum-Menu-description_7ea47c{color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c,.spectrum-Menu-item_7ea47c:focus,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c:focus.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{color:HighlightText}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c:focus .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c .spectrum-Menu-description_7ea47c{color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color));background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay))}}
1
+ .spectrum-Menu-popover_7ea47c{max-width:320px}[dir=ltr] .spectrum-Menu_7ea47c{text-align:left}[dir=rtl] .spectrum-Menu_7ea47c{text-align:right}.spectrum-Menu_7ea47c{box-sizing:border-box;padding:var(--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50))0;-webkit-user-select:none;user-select:none;margin:0;list-style-type:none;display:block;overflow-y:auto}.spectrum-Menu_7ea47c .spectrum-Menu-sectionHeading_7ea47c{margin-top:var(--spectrum-global-dimension-size-75);margin-bottom:var(--spectrum-global-dimension-size-40)}.spectrum-Menu_7ea47c:focus{outline:none}.spectrum-Menu-checkmark_7ea47c{opacity:1;padding-top:calc(var(--spectrum-selectlist-option-icon-padding-y) - var(--spectrum-selectlist-option-padding-height));transform:scale(1)}[dir=ltr] .spectrum-Menu-item_7ea47c{border-left:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25))solid transparent}[dir=rtl] .spectrum-Menu-item_7ea47c{border-right:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25))solid transparent}.spectrum-Menu-item_7ea47c{cursor:default;box-sizing:border-box;font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-selectlist-option-text-font-weight,var(--spectrum-global-font-weight-regular));margin:0;font-style:normal;text-decoration:none;position:relative}.spectrum-Menu-item_7ea47c:focus{outline:none}.spectrum-Menu-item_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{display:block}[dir=ltr] .spectrum-Menu-item_7ea47c .spectrum-Icon_7ea47c+.spectrum-Menu-itemLabel_7ea47c,[dir=ltr] .spectrum-Menu-item_7ea47c .spectrum-Menu-itemIcon_7ea47c+.spectrum-Menu-itemLabel_7ea47c{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Menu-item_7ea47c .spectrum-Icon_7ea47c+.spectrum-Menu-itemLabel_7ea47c,[dir=rtl] .spectrum-Menu-item_7ea47c .spectrum-Menu-itemIcon_7ea47c+.spectrum-Menu-itemLabel_7ea47c{margin-right:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemLabel_7ea47c{line-height:var(--spectrum-global-font-line-height-small,1.3);word-break:break-word;grid-area:text}.spectrum-Menu-itemLabel--wrapping_7ea47c{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spectrum-Menu-checkmark_7ea47c{grid-area:checkmark;place-self:flex-start end;display:none}.spectrum-Menu-divider_7ea47c{box-sizing:content-box;height:var(--spectrum-selectlist-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-selectlist-divider-padding,3px)/2)var(--spectrum-global-dimension-size-150);border:none;padding:0;overflow:visible}[dir=ltr] .spectrum-Menu-sectionHeading_7ea47c{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Menu-sectionHeading_7ea47c{padding-right:var(--spectrum-global-dimension-size-150)}[dir=ltr] .spectrum-Menu-sectionHeading_7ea47c{padding-right:var(--spectrum-global-dimension-size-450)}[dir=rtl] .spectrum-Menu-sectionHeading_7ea47c{padding-left:var(--spectrum-global-dimension-size-450)}.spectrum-Menu-sectionHeading_7ea47c{margin:var(--spectrum-global-dimension-size-75)0 0 0;font-size:var(--spectrum-global-dimension-font-size-100);font-weight:var(--spectrum-global-font-weight-bold,700);line-height:var(--spectrum-alias-line-height-medium,var(--spectrum-global-dimension-size-250));padding-top:0;padding-bottom:0;display:block}.spectrum-Menu_7ea47c .spectrum-Menu_7ea47c{margin:0;display:block}.spectrum-Menu-itemGrid_7ea47c{display:-ms-grid;-ms-grid-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr auto auto auto var(--spectrum-global-dimension-size-150);grid-template-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr auto auto auto var(--spectrum-global-dimension-size-150);-ms-grid-rows:var(--spectrum-selectlist-option-padding-height)1fr auto var(--spectrum-selectlist-option-padding-height);grid-template-rows:var(--spectrum-selectlist-option-padding-height)1fr auto var(--spectrum-selectlist-option-padding-height);grid-template-areas:". . . . . . ."".icon text checkmark end keyboard."".icon description checkmark end keyboard."". . . . . . .";display:grid}.spectrum-Menu-item_7ea47c.is-selectable_7ea47c .spectrum-Menu-itemGrid_7ea47c{-ms-grid-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150)))auto auto var(--spectrum-global-dimension-size-150);grid-template-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150)))auto auto var(--spectrum-global-dimension-size-150)}[dir=ltr] .spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{padding-left:var(--spectrum-global-dimension-size-125)}[dir=rtl] .spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{padding-right:var(--spectrum-global-dimension-size-125)}.spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{grid-area:end;place-self:flex-start end}[dir=ltr] .spectrum-Menu-icon_7ea47c{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Menu-icon_7ea47c{padding-left:var(--spectrum-global-dimension-size-100)}.spectrum-Menu-icon_7ea47c{padding-top:var(--spectrum-global-dimension-size-10);grid-area:icon}.spectrum-Menu-description_7ea47c{line-height:var(--spectrum-global-font-line-height-small,1.3);font-size:var(--spectrum-global-dimension-size-150);grid-area:description}[dir=ltr] .spectrum-Menu-keyboard_7ea47c{padding-left:var(--spectrum-global-dimension-size-125)}[dir=rtl] .spectrum-Menu-keyboard_7ea47c{padding-right:var(--spectrum-global-dimension-size-125)}.spectrum-Menu-keyboard_7ea47c{grid-area:keyboard;align-self:flex-start;font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Menu_7ea47c{--spectrum-heading-subtitle3-text-color:var(--spectrum-global-color-gray-900);background-color:var(--spectrum-selectlist-background-color,var(--spectrum-alias-background-color-transparent))}.spectrum-Menu-item_7ea47c{background-color:var(--spectrum-selectlist-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}[dir=ltr] .spectrum-Menu-item_7ea47c.focus-ring_7ea47c,[dir=ltr] .spectrum-Menu-item_7ea47c.is-focused_7ea47c{border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}[dir=rtl] .spectrum-Menu-item_7ea47c.focus-ring_7ea47c,[dir=rtl] .spectrum-Menu-item_7ea47c.is-focused_7ea47c{border-right-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}.spectrum-Menu-item_7ea47c.focus-ring_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c,.spectrum-Menu-item_7ea47c:focus,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-item_7ea47c .is-active_7ea47c,.spectrum-Menu-item_7ea47c:active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}.spectrum-Menu-item_7ea47c.is-disabled_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default;background-image:none}.spectrum-Menu-sectionHeading_7ea47c{color:var(--spectrum-heading-subtitle3-text-color,var(--spectrum-global-color-gray-700))}.spectrum-Menu-divider_7ea47c{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Menu-description_7ea47c{color:var(--spectrum-global-color-gray-700)}@media (forced-colors:active){.spectrum-Menu-divider_7ea47c{background-color:CanvasText;forced-color-adjust:none}.spectrum-Menu-item_7ea47c{forced-color-adjust:none;--spectrum-heading-subtitle3-text-color:ButtonText;--spectrum-selectlist-background-color:ButtonFace;--spectrum-selectlist-divider-color:ButtonText;--spectrum-selectlist-option-background-color:ButtonFace;--spectrum-selectlist-option-background-color-disabled:ButtonFace;--spectrum-selectlist-option-background-color-down:ButtonFace;--spectrum-selectlist-option-background-color-hover:Highlight;--spectrum-selectlist-option-background-color-key-focus:Highlight;--spectrum-selectlist-option-focus-indicator-color:Highlight;--spectrum-selectlist-option-icon-color-selected:Highlight;--spectrum-selectlist-option-text-color:ButtonText;--spectrum-selectlist-option-text-color-disabled:GrayText;--spectrum-selectlist-option-text-color-hover:HighlightText;--spectrum-selectlist-option-text-color-key-focus:HighlightText;--spectrum-alias-border-color-focus:Highlight}.spectrum-Menu-item_7ea47c .spectrum-Menu-description_7ea47c{color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c,.spectrum-Menu-item_7ea47c:focus,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c:focus.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{color:HighlightText}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c:focus .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c .spectrum-Menu-description_7ea47c{color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color));background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay))}}
package/dist/main.js CHANGED
@@ -29,7 +29,38 @@ $parcel$export(module.exports, "useListBoxLayout", () => $60eb4b34c53310cb$expor
29
29
  $parcel$export(module.exports, "ListBoxBase", () => $60eb4b34c53310cb$export$1afdcf349979fb7e);
30
30
  $parcel$export(module.exports, "Item", () => $3Fwf2$reactstatelycollections.Item);
31
31
  $parcel$export(module.exports, "Section", () => $3Fwf2$reactstatelycollections.Section);
32
-
32
+ /*
33
+ * Copyright 2020 Adobe. All rights reserved.
34
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
35
+ * you may not use this file except in compliance with the License. You may obtain a copy
36
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
37
+ *
38
+ * Unless required by applicable law or agreed to in writing, software distributed under
39
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
40
+ * OF ANY KIND, either express or implied. See the License for the specific language
41
+ * governing permissions and limitations under the License.
42
+ */ /// <reference types="css-module-types" />
43
+ /*
44
+ * Copyright 2020 Adobe. All rights reserved.
45
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
46
+ * you may not use this file except in compliance with the License. You may obtain a copy
47
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
48
+ *
49
+ * Unless required by applicable law or agreed to in writing, software distributed under
50
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
51
+ * OF ANY KIND, either express or implied. See the License for the specific language
52
+ * governing permissions and limitations under the License.
53
+ */ /*
54
+ * Copyright 2020 Adobe. All rights reserved.
55
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
56
+ * you may not use this file except in compliance with the License. You may obtain a copy
57
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
58
+ *
59
+ * Unless required by applicable law or agreed to in writing, software distributed under
60
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
61
+ * OF ANY KIND, either express or implied. See the License for the specific language
62
+ * governing permissions and limitations under the License.
63
+ */
33
64
 
34
65
 
35
66
  var $b48c40096cc25703$exports = {};
@@ -309,11 +340,31 @@ $b48c40096cc25703$exports = {
309
340
  };
310
341
 
311
342
 
312
-
313
- const $611e93c7b7c0413c$export$7ff8f37d2d81a48d = ($parcel$interopDefault($3Fwf2$react)).createContext(null);
314
-
343
+ /*
344
+ * Copyright 2020 Adobe. All rights reserved.
345
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
346
+ * you may not use this file except in compliance with the License. You may obtain a copy
347
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
348
+ *
349
+ * Unless required by applicable law or agreed to in writing, software distributed under
350
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
351
+ * OF ANY KIND, either express or implied. See the License for the specific language
352
+ * governing permissions and limitations under the License.
353
+ */
354
+ const $611e93c7b7c0413c$export$7ff8f37d2d81a48d = (0, ($parcel$interopDefault($3Fwf2$react))).createContext(null);
315
355
 
316
356
 
357
+ /*
358
+ * Copyright 2020 Adobe. All rights reserved.
359
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
360
+ * you may not use this file except in compliance with the License. You may obtain a copy
361
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
362
+ *
363
+ * Unless required by applicable law or agreed to in writing, software distributed under
364
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
365
+ * OF ANY KIND, either express or implied. See the License for the specific language
366
+ * governing permissions and limitations under the License.
367
+ */
317
368
 
318
369
 
319
370
 
@@ -403,63 +454,72 @@ $3deee0fd2b46e64f$export$d35bc1e505d1ebbf = "is-disabled_7ea47c";
403
454
  function $2205d250ee1cb1ac$export$feb3b6b552c14a12(props) {
404
455
  let { item: item , shouldSelectOnPressUp: shouldSelectOnPressUp , shouldFocusOnHover: shouldFocusOnHover , shouldUseVirtualFocus: shouldUseVirtualFocus } = props;
405
456
  let { rendered: rendered , key: key } = item;
406
- let state = $3Fwf2$react.useContext($611e93c7b7c0413c$export$7ff8f37d2d81a48d);
407
- let ref = $3Fwf2$react.useRef();
408
- let { optionProps: optionProps , labelProps: labelProps , descriptionProps: descriptionProps , isSelected: isSelected , isDisabled: isDisabled , isFocused: isFocused } = $3Fwf2$reactarialistbox.useOption({
409
- 'aria-label': item['aria-label'],
457
+ let state = (0, $3Fwf2$react.useContext)((0, $611e93c7b7c0413c$export$7ff8f37d2d81a48d));
458
+ let ref = (0, $3Fwf2$react.useRef)();
459
+ let { optionProps: optionProps , labelProps: labelProps , descriptionProps: descriptionProps , isSelected: isSelected , isDisabled: isDisabled , isFocused: isFocused } = (0, $3Fwf2$reactarialistbox.useOption)({
460
+ "aria-label": item["aria-label"],
410
461
  key: key,
411
462
  shouldSelectOnPressUp: shouldSelectOnPressUp,
412
463
  shouldFocusOnHover: shouldFocusOnHover,
413
464
  isVirtualized: true,
414
465
  shouldUseVirtualFocus: shouldUseVirtualFocus
415
466
  }, state, ref);
416
- let { hoverProps: hoverProps , isHovered: isHovered } = $3Fwf2$reactariainteractions.useHover({
467
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $3Fwf2$reactariainteractions.useHover)({
417
468
  ...props,
418
469
  isDisabled: isDisabled
419
470
  });
420
- let contents = typeof rendered === 'string' ? /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactspectrumtext.Text, null, rendered) : rendered;
421
- let isKeyboardModality = $3Fwf2$reactariainteractions.isFocusVisible();
422
- return(/*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactariafocus.FocusRing, {
423
- focusRingClass: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)), 'focus-ring')
424
- }, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
425
- ...$3Fwf2$reactariautils.mergeProps(optionProps, shouldFocusOnHover ? {
426
- } : hoverProps),
471
+ let contents = typeof rendered === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactspectrumtext.Text), null, rendered) : rendered;
472
+ let isKeyboardModality = (0, $3Fwf2$reactariainteractions.isFocusVisible)();
473
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactariafocus.FocusRing), {
474
+ focusRingClass: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "focus-ring")
475
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
476
+ ...(0, $3Fwf2$reactariautils.mergeProps)(optionProps, shouldFocusOnHover ? {} : hoverProps),
427
477
  ref: ref,
428
- className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)), 'spectrum-Menu-item', {
478
+ className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-item", {
429
479
  // If using virtual focus, apply focused styles to the item when the user is interacting with keyboard modality
430
- 'is-focused': shouldUseVirtualFocus && isFocused && isKeyboardModality,
431
- 'is-disabled': isDisabled,
432
- 'is-selected': isSelected,
433
- 'is-selectable': state.selectionManager.selectionMode !== 'none',
480
+ "is-focused": shouldUseVirtualFocus && isFocused && isKeyboardModality,
481
+ "is-disabled": isDisabled,
482
+ "is-selected": isSelected,
483
+ "is-selectable": state.selectionManager.selectionMode !== "none",
434
484
  // When shouldFocusOnHover is false, apply hover styles both when hovered with the mouse.
435
485
  // Otherwise, apply hover styles when focused using non-keyboard modality.
436
- 'is-hovered': isHovered && !shouldFocusOnHover || isFocused && !isKeyboardModality
486
+ "is-hovered": isHovered && !shouldFocusOnHover || isFocused && !isKeyboardModality
437
487
  })
438
- }, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactspectrumlayout.Grid, {
439
- UNSAFE_className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)), 'spectrum-Menu-itemGrid')
440
- }, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactspectrumutils.ClearSlots, null, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactspectrumutils.SlotProvider, {
488
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactspectrumlayout.Grid), {
489
+ UNSAFE_className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-itemGrid")
490
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactspectrumutils.ClearSlots), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactspectrumutils.SlotProvider), {
441
491
  slots: {
442
492
  text: {
443
- UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))['spectrum-Menu-itemLabel'],
493
+ UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-itemLabel"],
444
494
  ...labelProps
445
495
  },
446
496
  icon: {
447
- size: 'S',
448
- UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))['spectrum-Menu-icon']
497
+ size: "S",
498
+ UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-icon"]
449
499
  },
450
500
  description: {
451
- UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))['spectrum-Menu-description'],
501
+ UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-description"],
452
502
  ...descriptionProps
453
503
  }
454
504
  }
455
- }, contents, isSelected && /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement(($parcel$interopDefault($3Fwf2$spectrumiconsuiCheckmarkMedium)), {
505
+ }, contents, isSelected && /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, ($parcel$interopDefault($3Fwf2$spectrumiconsuiCheckmarkMedium))), {
456
506
  slot: "checkmark",
457
- UNSAFE_className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)), 'spectrum-Menu-checkmark')
458
- })))))));
507
+ UNSAFE_className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-checkmark")
508
+ }))))));
459
509
  }
460
510
 
461
511
 
462
-
512
+ /*
513
+ * Copyright 2020 Adobe. All rights reserved.
514
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
515
+ * you may not use this file except in compliance with the License. You may obtain a copy
516
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
517
+ *
518
+ * Unless required by applicable law or agreed to in writing, software distributed under
519
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
520
+ * OF ANY KIND, either express or implied. See the License for the specific language
521
+ * governing permissions and limitations under the License.
522
+ */
463
523
 
464
524
 
465
525
 
@@ -470,35 +530,35 @@ function $2205d250ee1cb1ac$export$feb3b6b552c14a12(props) {
470
530
  function $0f5fd8483f48ef09$export$dca12b0bb56e4fc(props) {
471
531
  let { children: children , reusableView: reusableView , header: header } = props;
472
532
  let item = reusableView.content;
473
- let { headingProps: headingProps , groupProps: groupProps } = $3Fwf2$reactarialistbox.useListBoxSection({
533
+ let { headingProps: headingProps , groupProps: groupProps } = (0, $3Fwf2$reactarialistbox.useListBoxSection)({
474
534
  heading: item.rendered,
475
- 'aria-label': item['aria-label']
535
+ "aria-label": item["aria-label"]
476
536
  });
477
- let { separatorProps: separatorProps } = $3Fwf2$reactariaseparator.useSeparator({
478
- elementType: 'li'
537
+ let { separatorProps: separatorProps } = (0, $3Fwf2$reactariaseparator.useSeparator)({
538
+ elementType: "li"
479
539
  });
480
- let headerRef = $3Fwf2$react.useRef();
481
- $3Fwf2$reactariavirtualizer.useVirtualizerItem({
540
+ let headerRef = (0, $3Fwf2$react.useRef)();
541
+ (0, $3Fwf2$reactariavirtualizer.useVirtualizerItem)({
482
542
  reusableView: header,
483
543
  ref: headerRef
484
544
  });
485
- let { direction: direction } = $3Fwf2$reactariai18n.useLocale();
486
- let state = $3Fwf2$react.useContext($611e93c7b7c0413c$export$7ff8f37d2d81a48d);
487
- return(/*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$react.Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
545
+ let { direction: direction } = (0, $3Fwf2$reactariai18n.useLocale)();
546
+ let state = (0, $3Fwf2$react.useContext)((0, $611e93c7b7c0413c$export$7ff8f37d2d81a48d));
547
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$react.Fragment), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
488
548
  role: "presentation",
489
549
  ref: headerRef,
490
- style: $3Fwf2$reactariavirtualizer.layoutInfoToStyle(header.layoutInfo, direction)
491
- }, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
550
+ style: (0, $3Fwf2$reactariavirtualizer.layoutInfoToStyle)(header.layoutInfo, direction)
551
+ }, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
492
552
  ...separatorProps,
493
- className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)), 'spectrum-Menu-divider')
494
- }), item.rendered && /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
553
+ className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-divider")
554
+ }), item.rendered && /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
495
555
  ...headingProps,
496
- className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)), 'spectrum-Menu-sectionHeading')
497
- }, item.rendered)), /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
556
+ className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-sectionHeading")
557
+ }, item.rendered)), /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
498
558
  ...groupProps,
499
- style: $3Fwf2$reactariavirtualizer.layoutInfoToStyle(reusableView.layoutInfo, direction),
500
- className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)), 'spectrum-Menu')
501
- }, children)));
559
+ style: (0, $3Fwf2$reactariavirtualizer.layoutInfoToStyle)(reusableView.layoutInfo, direction),
560
+ className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu")
561
+ }, children));
502
562
  }
503
563
 
504
564
 
@@ -511,20 +571,19 @@ function $0f5fd8483f48ef09$export$dca12b0bb56e4fc(props) {
511
571
 
512
572
 
513
573
  function $60eb4b34c53310cb$export$25768ea656ae32a7(state) {
514
- let { scale: scale } = $3Fwf2$reactspectrumprovider.useProvider();
515
- let collator = $3Fwf2$reactariai18n.useCollator({
516
- usage: 'search',
517
- sensitivity: 'base'
574
+ let { scale: scale } = (0, $3Fwf2$reactspectrumprovider.useProvider)();
575
+ let collator = (0, $3Fwf2$reactariai18n.useCollator)({
576
+ usage: "search",
577
+ sensitivity: "base"
518
578
  });
519
- let layout = $3Fwf2$react.useMemo(()=>new $3Fwf2$reactstatelylayout.ListLayout({
520
- estimatedRowHeight: scale === 'large' ? 48 : 32,
521
- estimatedHeadingHeight: scale === 'large' ? 33 : 26,
522
- padding: scale === 'large' ? 5 : 4,
579
+ let layout = (0, $3Fwf2$react.useMemo)(()=>new (0, $3Fwf2$reactstatelylayout.ListLayout)({
580
+ estimatedRowHeight: scale === "large" ? 48 : 32,
581
+ estimatedHeadingHeight: scale === "large" ? 33 : 26,
582
+ padding: scale === "large" ? 5 : 4,
523
583
  loaderHeight: 40,
524
- placeholderHeight: scale === 'large' ? 48 : 32,
584
+ placeholderHeight: scale === "large" ? 48 : 32,
525
585
  collator: collator
526
- })
527
- , [
586
+ }), [
528
587
  collator,
529
588
  scale
530
589
  ]);
@@ -533,41 +592,38 @@ function $60eb4b34c53310cb$export$25768ea656ae32a7(state) {
533
592
  return layout;
534
593
  }
535
594
  /** @private */ function $60eb4b34c53310cb$var$ListBoxBase(props, ref) {
536
- let { layout: layout , state: state , shouldSelectOnPressUp: shouldSelectOnPressUp , focusOnPointerEnter: focusOnPointerEnter , shouldUseVirtualFocus: shouldUseVirtualFocus , domProps: domProps = {
537
- } , transitionDuration: transitionDuration = 0 , onScroll: onScroll } = props;
538
- let { listBoxProps: listBoxProps } = $3Fwf2$reactarialistbox.useListBox({
595
+ let { layout: layout , state: state , shouldSelectOnPressUp: shouldSelectOnPressUp , focusOnPointerEnter: focusOnPointerEnter , shouldUseVirtualFocus: shouldUseVirtualFocus , domProps: domProps = {} , transitionDuration: transitionDuration = 0 , onScroll: onScroll } = props;
596
+ let { listBoxProps: listBoxProps } = (0, $3Fwf2$reactarialistbox.useListBox)({
539
597
  ...props,
540
598
  keyboardDelegate: layout,
541
599
  isVirtualized: true
542
600
  }, state, ref);
543
- let { styleProps: styleProps } = $3Fwf2$reactspectrumutils.useStyleProps(props);
544
- let stringFormatter = $3Fwf2$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($b48c40096cc25703$exports)));
601
+ let { styleProps: styleProps } = (0, $3Fwf2$reactspectrumutils.useStyleProps)(props);
602
+ let stringFormatter = (0, $3Fwf2$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($b48c40096cc25703$exports))));
545
603
  // Sync loading state into the layout.
546
604
  layout.isLoading = props.isLoading;
547
605
  let renderWrapper = (parent, reusableView, children, renderChildren)=>{
548
- if (reusableView.viewType === 'section') return(/*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($0f5fd8483f48ef09$export$dca12b0bb56e4fc, {
606
+ if (reusableView.viewType === "section") return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $0f5fd8483f48ef09$export$dca12b0bb56e4fc), {
549
607
  key: reusableView.key,
550
608
  reusableView: reusableView,
551
- header: children.find((c)=>c.viewType === 'header'
552
- )
553
- }, renderChildren(children.filter((c)=>c.viewType === 'item'
554
- ))));
555
- return(/*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactariavirtualizer.VirtualizerItem, {
609
+ header: children.find((c)=>c.viewType === "header")
610
+ }, renderChildren(children.filter((c)=>c.viewType === "item")));
611
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactariavirtualizer.VirtualizerItem), {
556
612
  key: reusableView.key,
557
613
  reusableView: reusableView,
558
614
  parent: parent
559
- }));
615
+ });
560
616
  };
561
- return(/*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($611e93c7b7c0413c$export$7ff8f37d2d81a48d.Provider, {
617
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $611e93c7b7c0413c$export$7ff8f37d2d81a48d).Provider, {
562
618
  value: state
563
- }, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactariafocus.FocusScope, null, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactariavirtualizer.Virtualizer, {
619
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactariavirtualizer.Virtualizer), {
564
620
  ...styleProps,
565
- ...$3Fwf2$reactariautils.mergeProps(listBoxProps, domProps),
621
+ ...(0, $3Fwf2$reactariautils.mergeProps)(listBoxProps, domProps),
566
622
  ref: ref,
567
623
  focusedKey: state.selectionManager.focusedKey,
568
624
  sizeToFit: "height",
569
625
  scrollDirection: "vertical",
570
- className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)), 'spectrum-Menu', styleProps.className),
626
+ className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu", styleProps.className),
571
627
  layout: layout,
572
628
  collection: state.collection,
573
629
  renderWrapper: renderWrapper,
@@ -577,63 +633,63 @@ function $60eb4b34c53310cb$export$25768ea656ae32a7(state) {
577
633
  shouldUseVirtualFocus: shouldUseVirtualFocus,
578
634
  onScroll: onScroll
579
635
  }, (type, item)=>{
580
- if (type === 'item') return(/*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($2205d250ee1cb1ac$export$feb3b6b552c14a12, {
636
+ if (type === "item") return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $2205d250ee1cb1ac$export$feb3b6b552c14a12), {
581
637
  item: item,
582
638
  shouldSelectOnPressUp: shouldSelectOnPressUp,
583
639
  shouldFocusOnHover: focusOnPointerEnter,
584
640
  shouldUseVirtualFocus: shouldUseVirtualFocus
585
- }));
586
- else if (type === 'loader') return(// aria-selected isn't needed here since this option is not selectable.
641
+ });
642
+ else if (type === "loader") return(// aria-selected isn't needed here since this option is not selectable.
587
643
  // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
588
- /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
644
+ /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
589
645
  role: "option",
590
646
  style: {
591
- display: 'flex',
592
- alignItems: 'center',
593
- justifyContent: 'center',
594
- height: '100%'
647
+ display: "flex",
648
+ alignItems: "center",
649
+ justifyContent: "center",
650
+ height: "100%"
595
651
  }
596
- }, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactspectrumprogress.ProgressCircle, {
652
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactspectrumprogress.ProgressCircle), {
597
653
  isIndeterminate: true,
598
654
  size: "S",
599
- "aria-label": state.collection.size > 0 ? stringFormatter.format('loadingMore') : stringFormatter.format('loading'),
600
- UNSAFE_className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)), 'spectrum-Dropdown-progressCircle')
655
+ "aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading"),
656
+ UNSAFE_className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Dropdown-progressCircle")
601
657
  })));
602
- else if (type === 'placeholder') {
658
+ else if (type === "placeholder") {
603
659
  let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
604
660
  if (emptyState == null) return null;
605
- return(/*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
661
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
606
662
  // aria-selected isn't needed here since this option is not selectable.
607
663
  // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
608
664
  role: "option"
609
- }, emptyState));
665
+ }, emptyState);
610
666
  }
611
- }))));
667
+ })));
612
668
  }
613
669
  // forwardRef doesn't support generic parameters, so cast the result to the correct type
614
670
  // https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
615
- const $60eb4b34c53310cb$export$1afdcf349979fb7e = /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).forwardRef($60eb4b34c53310cb$var$ListBoxBase);
671
+ const $60eb4b34c53310cb$export$1afdcf349979fb7e = /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).forwardRef($60eb4b34c53310cb$var$ListBoxBase);
616
672
 
617
673
 
618
674
 
619
675
 
620
676
 
621
677
  function $582d86e45be55635$var$ListBox(props, ref) {
622
- let state = $3Fwf2$reactstatelylist.useListState(props);
623
- let layout = $60eb4b34c53310cb$export$25768ea656ae32a7(state);
624
- let domRef = $3Fwf2$reactspectrumutils.useDOMRef(ref);
625
- return(/*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($60eb4b34c53310cb$export$1afdcf349979fb7e, {
678
+ let state = (0, $3Fwf2$reactstatelylist.useListState)(props);
679
+ let layout = (0, $60eb4b34c53310cb$export$25768ea656ae32a7)(state);
680
+ let domRef = (0, $3Fwf2$reactspectrumutils.useDOMRef)(ref);
681
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $60eb4b34c53310cb$export$1afdcf349979fb7e), {
626
682
  ...props,
627
683
  ref: domRef,
628
684
  state: state,
629
685
  layout: layout
630
- }));
686
+ });
631
687
  }
632
688
  // forwardRef doesn't support generic parameters, so cast the result to the correct type
633
689
  // https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
634
690
  /**
635
691
  * A list of options that can allow selection of one or more.
636
- */ const $582d86e45be55635$export$41f133550aa26f48 = /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).forwardRef($582d86e45be55635$var$ListBox);
692
+ */ const $582d86e45be55635$export$41f133550aa26f48 = /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).forwardRef($582d86e45be55635$var$ListBox);
637
693
 
638
694
 
639
695