@react-spectrum/list 3.0.0-nightly.3235 → 3.0.0-nightly.3236

package/dist/main.css

@@ -1 +1 @@
-.react-spectrum-ListView_dd5487{box-sizing:border-box;border-color:var(--spectrum-alias-border-color-mid,var(--spectrum-global-color-gray-300));border-style:solid;border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));vertical-align:var(--spectrum-table-cell-vertical-alignment,top);border-collapse:separate;border-spacing:0;background-color:var(--spectrum-global-color-gray-50);-webkit-user-select:none;user-select:none;outline:0;padding:0;position:relative;overflow:auto;transform:translate(0,0)}.react-spectrum-ListView_dd5487 .react-spectrum-ListView-row_dd5487{outline:0}[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487:after{left:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487:after,[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487:after{right:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487:after{left:0}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487:after{content:"";z-index:3;pointer-events:none;display:block;position:absolute;top:0;bottom:0}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-next-selected_dd5487:after{box-shadow:inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487{background-color:var(--spectrum-table-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487.is-hovered_dd5487,.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487.is-active_dd5487{background-color:var(--spectrum-table-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover))}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487.focus-ring_dd5487{background-color:var(--spectrum-table-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487.react-spectrum-ListViewItem--firstRow_dd5487:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500),inset 0 1px 0 0 var(--spectrum-global-color-blue-500)}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487.react-spectrum-ListViewItem--lastRow_dd5487:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487) .react-spectrum-ListViewItem_dd5487:not(.is-selected_dd5487):not(.is-next-selected_dd5487):not(.react-spectrum-ListViewItem--isFlushBottom_dd5487):after{box-shadow:inset 0 -1px 0 0 var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487) .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem--firstRow_dd5487.is-selected_dd5487:after{border-top-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487) .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem--firstRow_dd5487.is-selected_dd5487:after,[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487) .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem--firstRow_dd5487.is-selected_dd5487:after{border-top-right-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487) .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem--firstRow_dd5487.is-selected_dd5487:after{border-top-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487):not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after{border-bottom-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487):not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after,[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487):not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after{border-bottom-right-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487):not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after{border-bottom-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}.react-spectrum-ListView-row_dd5487{cursor:default}[dir=ltr] .react-spectrum-ListView-row_dd5487.focus-ring_dd5487:before{left:0}[dir=rtl] .react-spectrum-ListView-row_dd5487.focus-ring_dd5487:before{right:0}.react-spectrum-ListView-row_dd5487.focus-ring_dd5487:before{content:"";width:3px;z-index:4;background:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus));position:absolute;top:0;bottom:0}.react-spectrum-ListView--quiet_dd5487{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-radius:0;border-width:0}.react-spectrum-ListViewItem_dd5487{display:-ms-grid;box-sizing:border-box;font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-global-font-weight-regular,400);line-height:calc(var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100))*var(--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium)) - 1px);padding:var(--spectrum-global-dimension-size-85)var(--spectrum-global-dimension-size-160);color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800));min-height:var(--spectrum-global-dimension-size-500);outline:0;display:grid;position:relative}.react-spectrum-ListViewItem_dd5487.is-hovered_dd5487,.react-spectrum-ListViewItem_dd5487.is-focused_dd5487,.react-spectrum-ListViewItem_dd5487.focus-ring_dd5487{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.react-spectrum-ListViewItem_dd5487.is-active_dd5487{background-color:var(--spectrum-table-row-background-color-down,var(--spectrum-alias-highlight-active))}.react-spectrum-ListViewItem_dd5487.is-selected_dd5487,.react-spectrum-ListViewItem_dd5487.is-selected_dd5487.is-hovered_dd5487,.react-spectrum-ListViewItem_dd5487.is-selected_dd5487.is-active_dd5487{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.react-spectrum-ListViewItem_dd5487.is-selected_dd5487.focus-ring_dd5487{background-color:var(--spectrum-table-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.react-spectrum-ListViewItem_dd5487.has-checkbox_dd5487{padding-top:0;padding-bottom:0}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-grid_dd5487{display:-ms-grid;-ms-grid-columns:auto auto auto auto 1fr auto auto;-ms-grid-rows:1fr auto;grid-template:"draghandle checkbox icon image content actions actionmenu chevron"1fr"draghandle checkbox icon image description actions actionmenu chevron"/auto auto auto auto 1fr auto auto;align-items:center;display:grid}[dir=ltr] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-draghandle-container_dd5487{padding-left:var(--spectrum-global-dimension-size-40)}[dir=rtl] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-draghandle-container_dd5487{padding-right:var(--spectrum-global-dimension-size-40)}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-draghandle-container_dd5487{width:var(--spectrum-global-dimension-size-250);padding:var(--spectrum-global-dimension-size-25);grid-area:draghandle;justify-content:center;place-self:stretch stretch;display:flex}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-draghandle-container_dd5487 .react-spectrum-ListViewItem-draghandle-button_dd5487{width:var(--spectrum-global-dimension-size-200);border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));justify-content:center;align-items:center;display:flex}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-draghandle-container_dd5487 .react-spectrum-ListViewItem-draghandle-button_dd5487.focus-ring_dd5487{box-shadow:inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus));outline:0}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-checkbox_dd5487{-ms-grid-column-align:center;min-height:0;height:100%;grid-area:checkbox;place-items:center}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-checkbox_dd5487>span{margin:0}[dir=ltr] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-icon_dd5487,[dir=ltr] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-image_dd5487{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-icon_dd5487,[dir=rtl] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-image_dd5487{padding-left:var(--spectrum-global-dimension-size-100)}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-icon_dd5487,.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-image_dd5487{-ms-grid-column-align:center;grid-area:image;place-items:center}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-image_dd5487{border-radius:var(--spectrum-global-dimension-size-25);width:var(--spectrum-global-dimension-size-400);height:var(--spectrum-global-dimension-size-400)}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-content_dd5487,.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-description_dd5487{flex-grow:1}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-content_dd5487{grid-area:content}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-description_dd5487{grid-area:description}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-actions_dd5487{flex-grow:0;flex-shrink:0;grid-area:actions}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-actionmenu_dd5487{grid-area:actionmenu}[dir=ltr] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-parentIndicator_dd5487{padding-left:var(--spectrum-global-dimension-size-75)}[dir=rtl] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-parentIndicator_dd5487{padding-right:var(--spectrum-global-dimension-size-75)}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-parentIndicator_dd5487{grid-area:chevron}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487{width:var(--spectrum-global-dimension-size-2400);border:1px solid var(--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));background-color:var(--spectrum-global-color-gray-50)}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487 .react-spectrum-ListViewItem-grid_dd5487{-ms-grid-columns:auto auto auto 1fr;grid-template-columns:auto auto auto 1fr;grid-template-areas:"icon image content.badge""icon image description.badge"}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487 .react-spectrum-ListViewItem-badge_dd5487{color:#fff;background:var(--spectrum-global-color-blue-400);border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));grid-area:badge;padding:0 8px}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487.react-spectrum-ListViewItem-dragPreview--multiple_dd5487{position:relative}[dir=ltr] .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487.react-spectrum-ListViewItem-dragPreview--multiple_dd5487:after{left:4px}[dir=rtl] .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487.react-spectrum-ListViewItem-dragPreview--multiple_dd5487:after{right:4px}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487.react-spectrum-ListViewItem-dragPreview--multiple_dd5487:after{content:"";z-index:-1;width:100%;height:100%;border:1px solid var(--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));background-color:var(--spectrum-global-color-gray-50);display:block;position:absolute;top:4px}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487 .react-spectrum-ListViewItem-actions_dd5487,.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487 .react-spectrum-ListViewItem-actionmenu_dd5487{display:none}[dir=ltr] div:first-child>div[role=row]>.react-spectrum-ListViewItem_dd5487{border-top-left-radius:var(--spectrum-listview-item-start-end-border-radius)}[dir=rtl] div:first-child>div[role=row]>.react-spectrum-ListViewItem_dd5487,[dir=ltr] div:first-child>div[role=row]>.react-spectrum-ListViewItem_dd5487{border-top-right-radius:var(--spectrum-listview-item-start-end-border-radius)}[dir=rtl] div:first-child>div[role=row]>.react-spectrum-ListViewItem_dd5487{border-top-left-radius:var(--spectrum-listview-item-start-end-border-radius)}[dir=ltr] div:last-child>div[role=row]>.react-spectrum-ListViewItem_dd5487{border-bottom-left-radius:var(--spectrum-listview-item-start-end-border-radius)}[dir=rtl] div:last-child>div[role=row]>.react-spectrum-ListViewItem_dd5487,[dir=ltr] div:last-child>div[role=row]>.react-spectrum-ListViewItem_dd5487{border-bottom-right-radius:var(--spectrum-listview-item-start-end-border-radius)}[dir=rtl] div:last-child>div[role=row]>.react-spectrum-ListViewItem_dd5487{border-bottom-left-radius:var(--spectrum-listview-item-start-end-border-radius)}.react-spectrum-ListView--compact_dd5487 .react-spectrum-ListViewItem_dd5487{padding-top:var(--spectrum-global-dimension-size-50);padding-bottom:var(--spectrum-global-dimension-size-50);min-height:var(--spectrum-global-dimension-size-400)}.react-spectrum-ListView--spacious_dd5487 .react-spectrum-ListViewItem_dd5487{padding-top:var(--spectrum-global-dimension-size-100);padding-bottom:var(--spectrum-global-dimension-size-100);min-height:var(--spectrum-global-dimension-size-600)}[dir=ltr] .react-spectrum-ListView--draggable_dd5487 .react-spectrum-ListViewItem_dd5487{padding-left:0}[dir=rtl] .react-spectrum-ListView--draggable_dd5487 .react-spectrum-ListViewItem_dd5487{padding-right:0}[dir=ltr] .react-spectrum-ListViewItem--draggable_dd5487 .react-spectrum-ListViewItem-checkbox_dd5487 input{left:0}[dir=rtl] .react-spectrum-ListViewItem--draggable_dd5487 .react-spectrum-ListViewItem-checkbox_dd5487 input{right:0}.react-spectrum-ListView-centeredWrapper_dd5487{width:100%;height:100%;justify-content:center;align-items:center;display:flex}.react-spectrum-ListView-centeredWrapper_dd5487.react-spectrum-ListView-centeredWrapper--loadingMore_dd5487{padding-top:var(--spectrum-global-dimension-size-50)}
+.react-spectrum-ListView_dd5487{box-sizing:border-box;border-color:var(--spectrum-alias-border-color-mid,var(--spectrum-global-color-gray-300));border-style:solid;border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));vertical-align:var(--spectrum-table-cell-vertical-alignment,top);border-collapse:separate;border-spacing:0;background-color:var(--spectrum-global-color-gray-50);-webkit-user-select:none;user-select:none;outline:0;padding:0;position:relative;overflow:auto;transform:translate(0,0)}.react-spectrum-ListView_dd5487 .react-spectrum-ListView-row_dd5487{outline:0}[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487:after{left:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487:after,[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487:after{right:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487:after{left:0}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487:after{content:"";z-index:3;pointer-events:none;display:block;position:absolute;top:0;bottom:0}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-next-selected_dd5487:after{box-shadow:inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487{background-color:var(--spectrum-table-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487.is-hovered_dd5487,.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487.is-active_dd5487{background-color:var(--spectrum-table-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover))}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487.focus-ring_dd5487{background-color:var(--spectrum-table-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487.react-spectrum-ListViewItem--firstRow_dd5487:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500),inset 0 1px 0 0 var(--spectrum-global-color-blue-500)}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487 .react-spectrum-ListViewItem_dd5487.is-selected_dd5487.react-spectrum-ListViewItem--lastRow_dd5487:after{box-shadow:inset 1px 0 0 0 var(--spectrum-global-color-blue-500),inset -1px 0 0 0 var(--spectrum-global-color-blue-500),inset 0 -1px 0 0 var(--spectrum-global-color-blue-500)}.react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487) .react-spectrum-ListViewItem_dd5487:not(.is-selected_dd5487):not(.is-next-selected_dd5487):not(.react-spectrum-ListViewItem--isFlushBottom_dd5487):after{box-shadow:inset 0 -1px 0 0 var(--spectrum-table-cell-border-color,var(--spectrum-global-color-gray-300))}[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487) .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem--firstRow_dd5487.is-selected_dd5487:after{border-top-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487) .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem--firstRow_dd5487.is-selected_dd5487:after,[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487) .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem--firstRow_dd5487.is-selected_dd5487:after{border-top-right-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487) .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem--firstRow_dd5487.is-selected_dd5487:after{border-top-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487):not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after{border-bottom-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487):not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after,[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487):not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after{border-bottom-right-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487):not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after{border-bottom-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487).react-spectrum-ListView--isScrollingVertically_dd5487 .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem--firstRow_dd5487.is-selected_dd5487:after{border-top-right-radius:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487).react-spectrum-ListView--isScrollingVertically_dd5487 .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem--firstRow_dd5487.is-selected_dd5487:after{border-top-left-radius:0}[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487).react-spectrum-ListView--isScrollingVertically_dd5487:not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after{border-bottom-right-radius:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487).react-spectrum-ListView--isScrollingVertically_dd5487:not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after,[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487).react-spectrum-ListView--isScrollingHorizontally_dd5487:not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after{border-bottom-left-radius:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487).react-spectrum-ListView--isScrollingHorizontally_dd5487:not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after,[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487).react-spectrum-ListView--isScrollingHorizontally_dd5487:not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after{border-bottom-right-radius:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--emphasized_dd5487:not(.react-spectrum-ListView--quiet_dd5487).react-spectrum-ListView--isScrollingHorizontally_dd5487:not(.react-spectrum-ListView--loadingMore_dd5487) .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem--isFlushBottom_dd5487.is-selected_dd5487:after{border-bottom-left-radius:0}.react-spectrum-ListView-row_dd5487{cursor:default}[dir=ltr] .react-spectrum-ListView-row_dd5487.focus-ring_dd5487:before{left:0}[dir=rtl] .react-spectrum-ListView-row_dd5487.focus-ring_dd5487:before{right:0}.react-spectrum-ListView-row_dd5487.focus-ring_dd5487:before{content:"";width:3px;z-index:4;background:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus));position:absolute;top:0;bottom:0}.react-spectrum-ListView--quiet_dd5487{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-radius:0;border-width:0}.react-spectrum-ListViewItem_dd5487{display:-ms-grid;box-sizing:border-box;font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-global-font-weight-regular,400);line-height:calc(var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100))*var(--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium)) - 1px);padding:var(--spectrum-global-dimension-size-85)var(--spectrum-global-dimension-size-160);color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800));min-height:var(--spectrum-global-dimension-size-500);outline:0;display:grid;position:relative}.react-spectrum-ListViewItem_dd5487.is-hovered_dd5487,.react-spectrum-ListViewItem_dd5487.is-focused_dd5487,.react-spectrum-ListViewItem_dd5487.focus-ring_dd5487{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.react-spectrum-ListViewItem_dd5487.is-active_dd5487{background-color:var(--spectrum-table-row-background-color-down,var(--spectrum-alias-highlight-active))}.react-spectrum-ListViewItem_dd5487.is-selected_dd5487,.react-spectrum-ListViewItem_dd5487.is-selected_dd5487.is-hovered_dd5487,.react-spectrum-ListViewItem_dd5487.is-selected_dd5487.is-active_dd5487{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.react-spectrum-ListViewItem_dd5487.is-selected_dd5487.focus-ring_dd5487{background-color:var(--spectrum-table-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover))}.react-spectrum-ListViewItem_dd5487.has-checkbox_dd5487{padding-top:0;padding-bottom:0}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-grid_dd5487{display:-ms-grid;-ms-grid-columns:auto auto auto auto 1fr auto auto;-ms-grid-rows:1fr auto;grid-template:"draghandle checkbox icon image content actions actionmenu chevron"1fr"draghandle checkbox icon image description actions actionmenu chevron"/auto auto auto auto 1fr auto auto;align-items:center;display:grid}[dir=ltr] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-draghandle-container_dd5487{padding-left:var(--spectrum-global-dimension-size-40)}[dir=rtl] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-draghandle-container_dd5487{padding-right:var(--spectrum-global-dimension-size-40)}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-draghandle-container_dd5487{width:var(--spectrum-global-dimension-size-250);padding:var(--spectrum-global-dimension-size-25);grid-area:draghandle;justify-content:center;place-self:stretch stretch;display:flex}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-draghandle-container_dd5487 .react-spectrum-ListViewItem-draghandle-button_dd5487{width:var(--spectrum-global-dimension-size-200);border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));justify-content:center;align-items:center;display:flex}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-draghandle-container_dd5487 .react-spectrum-ListViewItem-draghandle-button_dd5487.focus-ring_dd5487{box-shadow:inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus));outline:0}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-checkboxWrapper_dd5487{-ms-grid-column-align:center;grid-area:checkbox;place-items:center;transition-duration:.16s;display:flex}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-checkbox_dd5487{min-height:0;height:100%}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-checkbox_dd5487>span{margin:0}[dir=ltr] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-icon_dd5487,[dir=ltr] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-image_dd5487{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-icon_dd5487,[dir=rtl] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-image_dd5487{padding-left:var(--spectrum-global-dimension-size-100)}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-icon_dd5487,.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-image_dd5487{-ms-grid-column-align:center;grid-area:image;place-items:center}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-image_dd5487{border-radius:var(--spectrum-global-dimension-size-25);width:var(--spectrum-global-dimension-size-400);height:var(--spectrum-global-dimension-size-400);justify-content:center;align-items:center;display:flex}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-image_dd5487>img{width:unset;height:unset;max-height:100%}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-content_dd5487,.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-description_dd5487{flex-grow:1}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-content_dd5487{grid-area:content}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-description_dd5487{grid-area:description}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-actions_dd5487{flex-grow:0;flex-shrink:0;grid-area:actions}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-actionmenu_dd5487{grid-area:actionmenu}[dir=ltr] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-parentIndicator_dd5487{padding-left:var(--spectrum-global-dimension-size-75)}[dir=rtl] .react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-parentIndicator_dd5487{padding-right:var(--spectrum-global-dimension-size-75)}.react-spectrum-ListViewItem_dd5487 .react-spectrum-ListViewItem-parentIndicator_dd5487{grid-area:chevron;display:none}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487{width:var(--spectrum-global-dimension-size-2400);border:1px solid var(--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));background-color:var(--spectrum-global-color-gray-50)}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487 .react-spectrum-ListViewItem-grid_dd5487{-ms-grid-columns:auto auto auto 1fr;grid-template-columns:auto auto auto 1fr;grid-template-areas:"icon image content.badge""icon image description.badge"}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487 .react-spectrum-ListViewItem-badge_dd5487{color:#fff;background:var(--spectrum-global-color-blue-400);border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));grid-area:badge;padding:0 8px}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487.react-spectrum-ListViewItem-dragPreview--multiple_dd5487{position:relative}[dir=ltr] .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487.react-spectrum-ListViewItem-dragPreview--multiple_dd5487:after{left:4px}[dir=rtl] .react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487.react-spectrum-ListViewItem-dragPreview--multiple_dd5487:after{right:4px}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487.react-spectrum-ListViewItem-dragPreview--multiple_dd5487:after{content:"";z-index:-1;width:100%;height:100%;border:1px solid var(--spectrum-dropzone-border-color-selected-hover,var(--spectrum-global-color-blue-400));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));background-color:var(--spectrum-global-color-gray-50);display:block;position:absolute;top:4px}.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487 .react-spectrum-ListViewItem-actions_dd5487,.react-spectrum-ListViewItem_dd5487.react-spectrum-ListViewItem-dragPreview_dd5487 .react-spectrum-ListViewItem-actionmenu_dd5487{display:none}[dir=ltr] .react-spectrum-ListView_dd5487 .react-spectrum-ListViewItem--firstRow_dd5487.react-spectrum-ListViewItem_dd5487{border-top-left-radius:var(--spectrum-listview-item-start-end-border-radius)}[dir=rtl] .react-spectrum-ListView_dd5487 .react-spectrum-ListViewItem--firstRow_dd5487.react-spectrum-ListViewItem_dd5487,[dir=ltr] .react-spectrum-ListView_dd5487 .react-spectrum-ListViewItem--firstRow_dd5487.react-spectrum-ListViewItem_dd5487{border-top-right-radius:var(--spectrum-listview-item-start-end-border-radius)}[dir=rtl] .react-spectrum-ListView_dd5487 .react-spectrum-ListViewItem--firstRow_dd5487.react-spectrum-ListViewItem_dd5487{border-top-left-radius:var(--spectrum-listview-item-start-end-border-radius)}[dir=ltr] .react-spectrum-ListView_dd5487 .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem_dd5487{border-bottom-left-radius:var(--spectrum-listview-item-start-end-border-radius)}[dir=rtl] .react-spectrum-ListView_dd5487 .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem_dd5487,[dir=ltr] .react-spectrum-ListView_dd5487 .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem_dd5487{border-bottom-right-radius:var(--spectrum-listview-item-start-end-border-radius)}[dir=rtl] .react-spectrum-ListView_dd5487 .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem_dd5487{border-bottom-left-radius:var(--spectrum-listview-item-start-end-border-radius)}[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--isScrollingVertically_dd5487 .react-spectrum-ListViewItem--firstRow_dd5487.react-spectrum-ListViewItem_dd5487{border-top-right-radius:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--isScrollingVertically_dd5487 .react-spectrum-ListViewItem--firstRow_dd5487.react-spectrum-ListViewItem_dd5487{border-top-left-radius:0}[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--isScrollingVertically_dd5487 .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem_dd5487{border-bottom-right-radius:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--isScrollingVertically_dd5487 .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem_dd5487,[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--isScrollingHorizontally_dd5487 .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem_dd5487{border-bottom-left-radius:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--isScrollingHorizontally_dd5487 .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem_dd5487,[dir=ltr] .react-spectrum-ListView_dd5487.react-spectrum-ListView--isScrollingHorizontally_dd5487 .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem_dd5487{border-bottom-right-radius:0}[dir=rtl] .react-spectrum-ListView_dd5487.react-spectrum-ListView--isScrollingHorizontally_dd5487 .react-spectrum-ListViewItem--lastRow_dd5487.react-spectrum-ListViewItem_dd5487{border-bottom-left-radius:0}.react-spectrum-ListView_dd5487.react-spectrum-ListView--hasAnyChildren_dd5487 .react-spectrum-ListViewItem-parentIndicator_dd5487{visibility:hidden;display:inline-block}.react-spectrum-ListView_dd5487.react-spectrum-ListView--hasAnyChildren_dd5487 .react-spectrum-ListViewItem-parentIndicator--hasChildItems_dd5487{visibility:visible}.react-spectrum-ListView--compact_dd5487 .react-spectrum-ListViewItem_dd5487{padding-top:var(--spectrum-global-dimension-size-50);padding-bottom:var(--spectrum-global-dimension-size-50);min-height:var(--spectrum-global-dimension-size-400)}.react-spectrum-ListView--spacious_dd5487 .react-spectrum-ListViewItem_dd5487{padding-top:var(--spectrum-global-dimension-size-100);padding-bottom:var(--spectrum-global-dimension-size-100);min-height:var(--spectrum-global-dimension-size-600)}[dir=ltr] .react-spectrum-ListView--draggable_dd5487 .react-spectrum-ListViewItem_dd5487{padding-left:0}[dir=rtl] .react-spectrum-ListView--draggable_dd5487 .react-spectrum-ListViewItem_dd5487{padding-right:0}[dir=ltr] .react-spectrum-ListViewItem--draggable_dd5487 .react-spectrum-ListViewItem-checkbox_dd5487 input{left:0}[dir=rtl] .react-spectrum-ListViewItem--draggable_dd5487 .react-spectrum-ListViewItem-checkbox_dd5487 input{right:0}.react-spectrum-ListView-centeredWrapper_dd5487{width:100%;height:100%;justify-content:center;align-items:center;display:flex}.react-spectrum-ListView-centeredWrapper_dd5487.react-spectrum-ListView-centeredWrapper--loadingMore_dd5487{padding-top:var(--spectrum-global-dimension-size-50)}.react-spectrum-ListViewItem-checkbox--enter_dd5487{opacity:.01;max-width:0}.react-spectrum-ListViewItem-checkbox--enterActive_dd5487,.react-spectrum-ListViewItem-checkbox--exit_dd5487{opacity:1;max-width:80px}.react-spectrum-ListViewItem-checkbox--exitActive_dd5487{opacity:.01;max-width:0}

package/dist/main.js

@@ -16,6 +16,7 @@ var $k9Du2$reactspectrumlayout = require("@react-spectrum/layout");
 var $k9Du2$reactspectrumcheckbox = require("@react-spectrum/checkbox");
 var $k9Du2$spectrumiconsuiChevronLeftMedium = require("@spectrum-icons/ui/ChevronLeftMedium");
 var $k9Du2$spectrumiconsuiChevronRightMedium = require("@spectrum-icons/ui/ChevronRightMedium");
+var $k9Du2$reacttransitiongroup = require("react-transition-group");
 var $k9Du2$reactariafocus = require("@react-aria/focus");
 var $k9Du2$spectrumiconsuiListGripper = require("@spectrum-icons/ui/ListGripper");
 var $k9Du2$reactariabutton = require("@react-aria/button");
@@ -51,11 +52,14 @@ $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem--lastRow"
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListView--quiet", () => $279507a6f189e509$export$b01cb9680b0b8d22, (v) => $279507a6f189e509$export$b01cb9680b0b8d22 = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem--isFlushBottom", () => $279507a6f189e509$export$f9ed481cac4d935a, (v) => $279507a6f189e509$export$f9ed481cac4d935a = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListView--loadingMore", () => $279507a6f189e509$export$5aa06adeaa92dbca, (v) => $279507a6f189e509$export$5aa06adeaa92dbca = v);
+$parcel$export($279507a6f189e509$exports, "react-spectrum-ListView--isScrollingVertically", () => $279507a6f189e509$export$a1c2c29beeb973d4, (v) => $279507a6f189e509$export$a1c2c29beeb973d4 = v);
+$parcel$export($279507a6f189e509$exports, "react-spectrum-ListView--isScrollingHorizontally", () => $279507a6f189e509$export$d4b7c213d3525d32, (v) => $279507a6f189e509$export$d4b7c213d3525d32 = v);
 $parcel$export($279507a6f189e509$exports, "is-focused", () => $279507a6f189e509$export$e7dc768d35940237, (v) => $279507a6f189e509$export$e7dc768d35940237 = v);
 $parcel$export($279507a6f189e509$exports, "has-checkbox", () => $279507a6f189e509$export$27f4d14f7fc5b94, (v) => $279507a6f189e509$export$27f4d14f7fc5b94 = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-grid", () => $279507a6f189e509$export$aaaf83100348d389, (v) => $279507a6f189e509$export$aaaf83100348d389 = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-draghandle-container", () => $279507a6f189e509$export$f385e7456ddfee84, (v) => $279507a6f189e509$export$f385e7456ddfee84 = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-draghandle-button", () => $279507a6f189e509$export$4784f0c2ec8bbf7b, (v) => $279507a6f189e509$export$4784f0c2ec8bbf7b = v);
+$parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-checkboxWrapper", () => $279507a6f189e509$export$41a33ae9818c51be, (v) => $279507a6f189e509$export$41a33ae9818c51be = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-checkbox", () => $279507a6f189e509$export$f979f76ca45242f2, (v) => $279507a6f189e509$export$f979f76ca45242f2 = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-icon", () => $279507a6f189e509$export$2b56ca744bd31ebd, (v) => $279507a6f189e509$export$2b56ca744bd31ebd = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-image", () => $279507a6f189e509$export$1260770e51d5a8c4, (v) => $279507a6f189e509$export$1260770e51d5a8c4 = v);
@@ -67,12 +71,18 @@ $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-parentInd
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-dragPreview", () => $279507a6f189e509$export$84286d36e5c00c55, (v) => $279507a6f189e509$export$84286d36e5c00c55 = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-badge", () => $279507a6f189e509$export$6498e436231eea33, (v) => $279507a6f189e509$export$6498e436231eea33 = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-dragPreview--multiple", () => $279507a6f189e509$export$2fb3c7c2d5c0d720, (v) => $279507a6f189e509$export$2fb3c7c2d5c0d720 = v);
+$parcel$export($279507a6f189e509$exports, "react-spectrum-ListView--hasAnyChildren", () => $279507a6f189e509$export$7150e72e440612bf, (v) => $279507a6f189e509$export$7150e72e440612bf = v);
+$parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-parentIndicator--hasChildItems", () => $279507a6f189e509$export$c29dcfa80dab8c88, (v) => $279507a6f189e509$export$c29dcfa80dab8c88 = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListView--compact", () => $279507a6f189e509$export$1f55b27adf96a61e, (v) => $279507a6f189e509$export$1f55b27adf96a61e = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListView--spacious", () => $279507a6f189e509$export$cbd30c7809acdd81, (v) => $279507a6f189e509$export$cbd30c7809acdd81 = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListView--draggable", () => $279507a6f189e509$export$a2d35348c0cc9bca, (v) => $279507a6f189e509$export$a2d35348c0cc9bca = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem--draggable", () => $279507a6f189e509$export$f290f4d471385527, (v) => $279507a6f189e509$export$f290f4d471385527 = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListView-centeredWrapper", () => $279507a6f189e509$export$1b66ee5cd8394caf, (v) => $279507a6f189e509$export$1b66ee5cd8394caf = v);
 $parcel$export($279507a6f189e509$exports, "react-spectrum-ListView-centeredWrapper--loadingMore", () => $279507a6f189e509$export$6b3b7792abd9e5f4, (v) => $279507a6f189e509$export$6b3b7792abd9e5f4 = v);
+$parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-checkbox--enter", () => $279507a6f189e509$export$9dc11c0e0825a249, (v) => $279507a6f189e509$export$9dc11c0e0825a249 = v);
+$parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-checkbox--enterActive", () => $279507a6f189e509$export$f89865e352230a35, (v) => $279507a6f189e509$export$f89865e352230a35 = v);
+$parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-checkbox--exit", () => $279507a6f189e509$export$867c05a16e5d2a7c, (v) => $279507a6f189e509$export$867c05a16e5d2a7c = v);
+$parcel$export($279507a6f189e509$exports, "react-spectrum-ListViewItem-checkbox--exitActive", () => $279507a6f189e509$export$61b66671605f1b1a, (v) => $279507a6f189e509$export$61b66671605f1b1a = v);
 var $279507a6f189e509$export$4ad4709e9aee8e02;
 var $279507a6f189e509$export$f80410436c6352c8;
 var $279507a6f189e509$export$eb0d5352b2a55473;
@@ -87,11 +97,14 @@ var $279507a6f189e509$export$659c081622dc13b0;
 var $279507a6f189e509$export$b01cb9680b0b8d22;
 var $279507a6f189e509$export$f9ed481cac4d935a;
 var $279507a6f189e509$export$5aa06adeaa92dbca;
+var $279507a6f189e509$export$a1c2c29beeb973d4;
+var $279507a6f189e509$export$d4b7c213d3525d32;
 var $279507a6f189e509$export$e7dc768d35940237;
 var $279507a6f189e509$export$27f4d14f7fc5b94;
 var $279507a6f189e509$export$aaaf83100348d389;
 var $279507a6f189e509$export$f385e7456ddfee84;
 var $279507a6f189e509$export$4784f0c2ec8bbf7b;
+var $279507a6f189e509$export$41a33ae9818c51be;
 var $279507a6f189e509$export$f979f76ca45242f2;
 var $279507a6f189e509$export$2b56ca744bd31ebd;
 var $279507a6f189e509$export$1260770e51d5a8c4;
@@ -103,12 +116,18 @@ var $279507a6f189e509$export$39b42a8a24290c17;
 var $279507a6f189e509$export$84286d36e5c00c55;
 var $279507a6f189e509$export$6498e436231eea33;
 var $279507a6f189e509$export$2fb3c7c2d5c0d720;
+var $279507a6f189e509$export$7150e72e440612bf;
+var $279507a6f189e509$export$c29dcfa80dab8c88;
 var $279507a6f189e509$export$1f55b27adf96a61e;
 var $279507a6f189e509$export$cbd30c7809acdd81;
 var $279507a6f189e509$export$a2d35348c0cc9bca;
 var $279507a6f189e509$export$f290f4d471385527;
 var $279507a6f189e509$export$1b66ee5cd8394caf;
 var $279507a6f189e509$export$6b3b7792abd9e5f4;
+var $279507a6f189e509$export$9dc11c0e0825a249;
+var $279507a6f189e509$export$f89865e352230a35;
+var $279507a6f189e509$export$867c05a16e5d2a7c;
+var $279507a6f189e509$export$61b66671605f1b1a;
 $279507a6f189e509$export$4ad4709e9aee8e02 = "react-spectrum-ListView_dd5487";
 $279507a6f189e509$export$f80410436c6352c8 = "react-spectrum-ListView-row_dd5487";
 $279507a6f189e509$export$eb0d5352b2a55473 = "react-spectrum-ListView--emphasized_dd5487";
@@ -123,11 +142,14 @@ $279507a6f189e509$export$659c081622dc13b0 = "react-spectrum-ListViewItem--lastRo
 $279507a6f189e509$export$b01cb9680b0b8d22 = "react-spectrum-ListView--quiet_dd5487";
 $279507a6f189e509$export$f9ed481cac4d935a = "react-spectrum-ListViewItem--isFlushBottom_dd5487";
 $279507a6f189e509$export$5aa06adeaa92dbca = "react-spectrum-ListView--loadingMore_dd5487";
+$279507a6f189e509$export$a1c2c29beeb973d4 = "react-spectrum-ListView--isScrollingVertically_dd5487";
+$279507a6f189e509$export$d4b7c213d3525d32 = "react-spectrum-ListView--isScrollingHorizontally_dd5487";
 $279507a6f189e509$export$e7dc768d35940237 = "is-focused_dd5487";
 $279507a6f189e509$export$27f4d14f7fc5b94 = "has-checkbox_dd5487";
 $279507a6f189e509$export$aaaf83100348d389 = "react-spectrum-ListViewItem-grid_dd5487";
 $279507a6f189e509$export$f385e7456ddfee84 = "react-spectrum-ListViewItem-draghandle-container_dd5487";
 $279507a6f189e509$export$4784f0c2ec8bbf7b = "react-spectrum-ListViewItem-draghandle-button_dd5487";
+$279507a6f189e509$export$41a33ae9818c51be = "react-spectrum-ListViewItem-checkboxWrapper_dd5487";
 $279507a6f189e509$export$f979f76ca45242f2 = "react-spectrum-ListViewItem-checkbox_dd5487";
 $279507a6f189e509$export$2b56ca744bd31ebd = "react-spectrum-ListViewItem-icon_dd5487";
 $279507a6f189e509$export$1260770e51d5a8c4 = "react-spectrum-ListViewItem-image_dd5487";
@@ -139,12 +161,18 @@ $279507a6f189e509$export$39b42a8a24290c17 = "react-spectrum-ListViewItem-parentI
 $279507a6f189e509$export$84286d36e5c00c55 = "react-spectrum-ListViewItem-dragPreview_dd5487";
 $279507a6f189e509$export$6498e436231eea33 = "react-spectrum-ListViewItem-badge_dd5487";
 $279507a6f189e509$export$2fb3c7c2d5c0d720 = "react-spectrum-ListViewItem-dragPreview--multiple_dd5487";
+$279507a6f189e509$export$7150e72e440612bf = "react-spectrum-ListView--hasAnyChildren_dd5487";
+$279507a6f189e509$export$c29dcfa80dab8c88 = "react-spectrum-ListViewItem-parentIndicator--hasChildItems_dd5487";
 $279507a6f189e509$export$1f55b27adf96a61e = "react-spectrum-ListView--compact_dd5487";
 $279507a6f189e509$export$cbd30c7809acdd81 = "react-spectrum-ListView--spacious_dd5487";
 $279507a6f189e509$export$a2d35348c0cc9bca = "react-spectrum-ListView--draggable_dd5487";
 $279507a6f189e509$export$f290f4d471385527 = "react-spectrum-ListViewItem--draggable_dd5487";
 $279507a6f189e509$export$1b66ee5cd8394caf = "react-spectrum-ListView-centeredWrapper_dd5487";
 $279507a6f189e509$export$6b3b7792abd9e5f4 = "react-spectrum-ListView-centeredWrapper--loadingMore_dd5487";
+$279507a6f189e509$export$9dc11c0e0825a249 = "react-spectrum-ListViewItem-checkbox--enter_dd5487";
+$279507a6f189e509$export$f89865e352230a35 = "react-spectrum-ListViewItem-checkbox--enterActive_dd5487";
+$279507a6f189e509$export$867c05a16e5d2a7c = "react-spectrum-ListViewItem-checkbox--exit_dd5487";
+$279507a6f189e509$export$61b66671605f1b1a = "react-spectrum-ListViewItem-checkbox--exitActive_dd5487";
 
 
 
@@ -404,6 +432,7 @@ $fd0918c0ca138160$exports = {
 
 
 
+
 
 
 function $9eae7a1cb1535a6b$export$c6bde0c04b033c0e(props) {
@@ -450,13 +479,16 @@ function $9eae7a1cb1535a6b$export$c6bde0c04b033c0e(props) {
         ...draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragButtonProps,
         elementType: 'div'
     }, dragButtonRef);
-    let chevron = null;
-    if (item.props.hasChildItems) chevron = direction === 'ltr' ? /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement(($parcel$interopDefault($k9Du2$spectrumiconsuiChevronRightMedium)), {
+    let chevron = direction === 'ltr' ? /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement(($parcel$interopDefault($k9Du2$spectrumiconsuiChevronRightMedium)), {
         "aria-hidden": "true",
-        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports))['react-spectrum-ListViewItem-parentIndicator']
+        UNSAFE_className: $k9Du2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports)), 'react-spectrum-ListViewItem-parentIndicator', {
+            'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems
+        })
     }) : /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement(($parcel$interopDefault($k9Du2$spectrumiconsuiChevronLeftMedium)), {
         "aria-hidden": "true",
-        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports))['react-spectrum-ListViewItem-parentIndicator']
+        UNSAFE_className: $k9Du2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports)), 'react-spectrum-ListViewItem-parentIndicator', {
+            'react-spectrum-ListViewItem-parentIndicator--hasChildItems': item.props.hasChildItems
+        })
     });
     let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';
     let isSelected = state.selectionManager.isSelected(item.key);
@@ -516,11 +548,23 @@ function $9eae7a1cb1535a6b$export$c6bde0c04b033c0e(props) {
         },
         ref: dragButtonRef,
         draggable: "true"
-    }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement(($parcel$interopDefault($k9Du2$spectrumiconsuiListGripper)), null)))), showCheckbox && /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumcheckbox.Checkbox, {
-        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports))['react-spectrum-ListViewItem-checkbox'],
+    }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement(($parcel$interopDefault($k9Du2$spectrumiconsuiListGripper)), null)))), /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reacttransitiongroup.CSSTransition, {
+        in: showCheckbox,
+        unmountOnExit: true,
+        classNames: {
+            enter: (/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports))['react-spectrum-ListViewItem-checkbox--enter'],
+            enterActive: (/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports))['react-spectrum-ListViewItem-checkbox--enterActive'],
+            exit: (/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports))['react-spectrum-ListViewItem-checkbox--exit'],
+            exitActive: (/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports))['react-spectrum-ListViewItem-checkbox--exitActive']
+        },
+        timeout: 160
+    }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement("div", {
+        className: (/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports))['react-spectrum-ListViewItem-checkboxWrapper']
+    }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumcheckbox.Checkbox, {
         ...checkboxProps,
+        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports))['react-spectrum-ListViewItem-checkbox'],
         isEmphasized: isEmphasized
-    }), /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumutils.SlotProvider, {
+    }))), /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumutils.SlotProvider, {
         slots: {
             content: {
                 UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports))['react-spectrum-ListViewItem-content']
@@ -675,6 +719,21 @@ function $60684b441be8e84c$var$ListView(props, ref) {
     }, state, domRef);
     // Sync loading state into the layout.
     layout.isLoading = isLoading;
+    let isVerticalScrollbarVisible = false;
+    let isHorizontalScrollbarVisible = false; // do we need this one? can listviews horizontally scroll?
+    if (domRef.current) {
+        var ref1, ref2;
+        // 2 is the width of the border which is not part of the box size
+        isVerticalScrollbarVisible = domRef.current.getBoundingClientRect().width > ((ref1 = domRef.current.children[0]) === null || ref1 === void 0 ? void 0 : ref1.getBoundingClientRect().width) + 2;
+        isHorizontalScrollbarVisible = domRef.current.getBoundingClientRect().height > ((ref2 = domRef.current.children[0]) === null || ref2 === void 0 ? void 0 : ref2.getBoundingClientRect().height) + 2;
+    }
+    let hasAnyChildren = $k9Du2$react.useMemo(()=>[
+            ...collection
+        ].some((item)=>item.hasChildNodes
+        )
+    , [
+        collection
+    ]);
     return(/*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($60684b441be8e84c$export$870039b0abfe3de0.Provider, {
         value: {
             state: state,
@@ -694,7 +753,10 @@ function $60684b441be8e84c$var$ListView(props, ref) {
         className: $k9Du2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($279507a6f189e509$exports)), 'react-spectrum-ListView', `react-spectrum-ListView--${density}`, 'react-spectrum-ListView--emphasized', {
             'react-spectrum-ListView--quiet': isQuiet,
             'react-spectrum-ListView--draggable': isListDraggable,
-            'react-spectrum-ListView--loadingMore': loadingState === 'loadingMore'
+            'react-spectrum-ListView--loadingMore': loadingState === 'loadingMore',
+            'react-spectrum-ListView--isScrollingVertically': isVerticalScrollbarVisible,
+            'react-spectrum-ListView--isScrollingHorizontally': isHorizontalScrollbarVisible,
+            'react-spectrum-ListView--hasAnyChildren': hasAnyChildren
         }, styleProps.className),
         layout: layout,
         collection: gridCollection,