@adobe/react-spectrum 3.47.1 → 3.47.2

package/dist/private/list/styles.css

@@ -55,120 +55,184 @@
   position: relative;
   overflow: auto;
   transform: translate3d(0, 0, 0);
-}
-
-.lNHIDG_react-spectrum-ListView .lNHIDG_react-spectrum-ListView-row {
-  outline: none;
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized.lNHIDG_react-spectrum-ListView--dropTarget .lNHIDG_react-spectrum-ListViewItem:not(.lNHIDG_is-selected):after {
-  inset-inline: 1px;
-}
 
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized .lNHIDG_react-spectrum-ListViewItem:after {
-  content: "";
-  z-index: 3;
-  pointer-events: none;
-  forced-color-adjust: none;
-  display: block;
-  position: absolute;
-  inset-block: 0;
-  inset-inline: 0;
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized .lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-selected {
-  background-color: var(--spectrum-listview-item-background-color-selected);
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized .lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-selected.lNHIDG_is-hovered, .lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized .lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-selected.lNHIDG_is-active {
-  background-color: var(--spectrum-listview-item-background-color-selected-hover);
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized .lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-selected.lNHIDG_focus-ring {
-  background-color: var(--spectrum-listview-item-background-color-selected-key-focus);
-}
+  & .lNHIDG_react-spectrum-ListView-row {
+    outline: none;
+  }
 
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized .lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-selected:after {
-  box-shadow: inset 1px 0 0 0 var(--spectrum-listview-item-border-color-selected),
+  &.lNHIDG_react-spectrum-ListView--emphasized {
+    &.lNHIDG_react-spectrum-ListView--dropTarget {
+      & .lNHIDG_react-spectrum-ListViewItem:not(.lNHIDG_is-selected) {
+        &:after {
+          inset-inline: 1px;
+        }
+      }
+    }
+
+    & .lNHIDG_react-spectrum-ListViewItem {
+      &:after {
+        content: "";
+        z-index: 3;
+        pointer-events: none;
+        forced-color-adjust: none;
+        display: block;
+        position: absolute;
+        inset-block: 0;
+        inset-inline: 0;
+      }
+
+      &.lNHIDG_is-selected {
+        background-color: var(--spectrum-listview-item-background-color-selected);
+
+        &.lNHIDG_is-hovered, &.lNHIDG_is-active {
+          background-color: var(--spectrum-listview-item-background-color-selected-hover);
+        }
+
+        &.lNHIDG_focus-ring {
+          background-color: var(--spectrum-listview-item-background-color-selected-key-focus);
+        }
+
+        &:after {
+          box-shadow: inset 1px 0 0 0 var(--spectrum-listview-item-border-color-selected),
             inset -1px 0 0 0 var(--spectrum-listview-item-border-color-selected),
             inset 0 -1px 0 0 var(--spectrum-listview-item-border-color-selected),
             inset 0 1px 0 0 var(--spectrum-listview-item-border-color-selected);
-  inset-block-start: -1px;
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized .lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem--firstRow.lNHIDG_is-selected:after {
-  inset-block-start: 0;
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized:not(.lNHIDG_react-spectrum-ListView--quiet) .lNHIDG_react-spectrum-ListViewItem:not(.lNHIDG_is-selected):not(.lNHIDG_is-next-selected):not(.lNHIDG_react-spectrum-ListViewItem--isFlushBottom):after {
-  box-shadow: inset 0 -1px 0 0 var(--spectrum-listview-item-border-color);
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized:not(.lNHIDG_react-spectrum-ListView--quiet) .lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem--firstRow.lNHIDG_is-selected:after {
-  border-start-start-radius: var(--spectrum-listview-item-border-radius);
-  border-start-end-radius: var(--spectrum-listview-item-border-radius);
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized:not(.lNHIDG_react-spectrum-ListView--quiet):not(.lNHIDG_react-spectrum-ListView--loadingMore) .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem--isFlushBottom.lNHIDG_is-selected:after {
-  border-end-end-radius: var(--spectrum-listview-item-border-radius);
-  border-end-start-radius: var(--spectrum-listview-item-border-radius);
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized:not(.lNHIDG_react-spectrum-ListView--quiet).lNHIDG_react-spectrum-ListView--isVerticalScrollbarVisible .lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem--firstRow.lNHIDG_is-selected:after {
-  border-start-end-radius: 0;
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized:not(.lNHIDG_react-spectrum-ListView--quiet).lNHIDG_react-spectrum-ListView--isVerticalScrollbarVisible:not(.lNHIDG_react-spectrum-ListView--loadingMore) .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem--isFlushBottom.lNHIDG_is-selected:after {
-  border-end-end-radius: 0;
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--emphasized:not(.lNHIDG_react-spectrum-ListView--quiet).lNHIDG_react-spectrum-ListView--isHorizontalScrollbarVisible:not(.lNHIDG_react-spectrum-ListView--loadingMore) .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem--isFlushBottom.lNHIDG_is-selected:after {
-  border-end-end-radius: 0;
-  border-end-start-radius: 0;
-}
+          inset-block-start: -1px;
+        }
+      }
+
+      &.lNHIDG_react-spectrum-ListViewItem--firstRow {
+        &.lNHIDG_is-selected {
+          &:after {
+            inset-block-start: 0;
+          }
+        }
+      }
+    }
+
+    &:not(.lNHIDG_react-spectrum-ListView--quiet) {
+      & .lNHIDG_react-spectrum-ListViewItem {
+        &:not(.lNHIDG_is-selected):not(.lNHIDG_is-next-selected):not(.lNHIDG_react-spectrum-ListViewItem--isFlushBottom) {
+          &:after {
+            box-shadow: inset 0 -1px 0 0 var(--spectrum-listview-item-border-color);
+          }
+        }
+
+        &.lNHIDG_react-spectrum-ListViewItem--firstRow.lNHIDG_is-selected {
+          &:after {
+            border-start-start-radius: var(--spectrum-listview-item-border-radius);
+            border-start-end-radius: var(--spectrum-listview-item-border-radius);
+          }
+        }
+      }
+
+      &:not(.lNHIDG_react-spectrum-ListView--loadingMore) {
+        & .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem--isFlushBottom.lNHIDG_is-selected {
+          &:after {
+            border-end-end-radius: var(--spectrum-listview-item-border-radius);
+            border-end-start-radius: var(--spectrum-listview-item-border-radius);
+          }
+        }
+      }
+
+      &.lNHIDG_react-spectrum-ListView--isVerticalScrollbarVisible {
+        & .lNHIDG_react-spectrum-ListViewItem {
+          &.lNHIDG_react-spectrum-ListViewItem--firstRow.lNHIDG_is-selected {
+            &:after {
+              border-start-end-radius: 0;
+            }
+          }
+        }
+
+        &:not(.lNHIDG_react-spectrum-ListView--loadingMore) {
+          & .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem--isFlushBottom.lNHIDG_is-selected {
+            &:after {
+              border-end-end-radius: 0;
+            }
+          }
+        }
+      }
+
+      &.lNHIDG_react-spectrum-ListView--isHorizontalScrollbarVisible {
+        &:not(.lNHIDG_react-spectrum-ListView--loadingMore) {
+          & .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem--isFlushBottom.lNHIDG_is-selected {
+            &:after {
+              border-end-end-radius: 0;
+              border-end-start-radius: 0;
+            }
+          }
+        }
+      }
+    }
+  }
 
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--wrap .lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-content, .lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--wrap .lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-description {
-  white-space: normal;
-  height: auto;
+  &.lNHIDG_react-spectrum-ListView--wrap .lNHIDG_react-spectrum-ListViewItem {
+    & .lNHIDG_react-spectrum-ListViewItem-content, & .lNHIDG_react-spectrum-ListViewItem-description {
+      white-space: normal;
+      height: auto;
+    }
+  }
 }
 
 .lNHIDG_react-spectrum-ListView-row {
   cursor: default;
-}
 
-.lNHIDG_react-spectrum-ListView-row.lNHIDG_focus-ring:before {
-  content: "";
-  width: var(--spectrum-listview-row-sticky-focus-indicator-width);
-  z-index: 4;
-  background: var(--spectrum-listview-row-sticky-focus-indicator-color);
-  forced-color-adjust: none;
-  position: absolute;
-  inset-block: 0;
-  inset-inline-start: 0;
+  &.lNHIDG_focus-ring {
+    &:before {
+      content: "";
+      width: var(--spectrum-listview-row-sticky-focus-indicator-width);
+      z-index: 4;
+      background: var(--spectrum-listview-row-sticky-focus-indicator-color);
+      forced-color-adjust: none;
+      position: absolute;
+      inset-block: 0;
+      inset-inline-start: 0;
+    }
+  }
 }
 
 .lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--quiet {
   background-color: var(--spectrum-listview-quiet-background-color);
   border-width: 0;
   border-radius: 0;
-}
 
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--quiet .lNHIDG_react-spectrum-ListView-row.lNHIDG_round-tops.lNHIDG_focus-ring:before {
-  border-start-start-radius: var(--spectrum-listview-item-border-radius);
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--quiet .lNHIDG_react-spectrum-ListView-row.lNHIDG_round-tops > .lNHIDG_react-spectrum-ListViewItem, .lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--quiet .lNHIDG_react-spectrum-ListView-row.lNHIDG_round-tops > .lNHIDG_react-spectrum-ListViewItem:after {
-  border-start-start-radius: var(--spectrum-listview-item-border-radius);
-  border-start-end-radius: var(--spectrum-listview-item-border-radius);
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--quiet .lNHIDG_react-spectrum-ListView-row.lNHIDG_round-bottoms.lNHIDG_focus-ring:before {
-  border-end-start-radius: var(--spectrum-listview-item-border-radius);
-}
-
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--quiet .lNHIDG_react-spectrum-ListView-row.lNHIDG_round-bottoms > .lNHIDG_react-spectrum-ListViewItem, .lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--quiet .lNHIDG_react-spectrum-ListView-row.lNHIDG_round-bottoms > .lNHIDG_react-spectrum-ListViewItem:after {
-  border-end-end-radius: var(--spectrum-listview-item-border-radius);
-  border-end-start-radius: var(--spectrum-listview-item-border-radius);
+  & .lNHIDG_react-spectrum-ListView-row {
+    &.lNHIDG_round-tops {
+      &.lNHIDG_focus-ring {
+        &:before {
+          border-start-start-radius: var(--spectrum-listview-item-border-radius);
+        }
+      }
+
+      & > .lNHIDG_react-spectrum-ListViewItem {
+        border-start-start-radius: var(--spectrum-listview-item-border-radius);
+        border-start-end-radius: var(--spectrum-listview-item-border-radius);
+
+        &:after {
+          border-start-start-radius: var(--spectrum-listview-item-border-radius);
+          border-start-end-radius: var(--spectrum-listview-item-border-radius);
+        }
+      }
+    }
+
+    &.lNHIDG_round-bottoms {
+      &.lNHIDG_focus-ring {
+        &:before {
+          border-end-start-radius: var(--spectrum-listview-item-border-radius);
+        }
+      }
+
+      & > .lNHIDG_react-spectrum-ListViewItem {
+        border-end-end-radius: var(--spectrum-listview-item-border-radius);
+        border-end-start-radius: var(--spectrum-listview-item-border-radius);
+
+        &:after {
+          border-end-end-radius: var(--spectrum-listview-item-border-radius);
+          border-end-start-radius: var(--spectrum-listview-item-border-radius);
+        }
+      }
+    }
+  }
 }
 
 .lNHIDG_react-spectrum-ListView-row[data-href] {
@@ -186,228 +250,246 @@
   outline: 0;
   display: grid;
   position: relative;
-}
-
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-hovered, .lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-focused, .lNHIDG_react-spectrum-ListViewItem.lNHIDG_focus-ring {
-  background-color: var(--spectrum-listview-item-background-color-hover);
-}
-
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-active {
-  background-color: var(--spectrum-listview-item-background-color-down);
-}
-
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-selected, .lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-selected.lNHIDG_is-hovered, .lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-selected.lNHIDG_is-active {
-  background-color: var(--spectrum-listview-item-background-color-hover);
-}
-
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-selected.lNHIDG_focus-ring {
-  background-color: var(--spectrum-listview-item-background-color-selected-key-focus);
-}
-
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-disabled, .lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-disabled .lNHIDG_react-spectrum-ListViewItem-content, .lNHIDG_react-spectrum-ListViewItem.lNHIDG_is-disabled .lNHIDG_react-spectrum-ListViewItem-description {
-  color: var(--spectrum-listview-item-text-color-disabled);
-}
-
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_has-checkbox {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-grid {
-  grid-template: "lNHIDG_draghandle lNHIDG_checkbox lNHIDG_thumbnail lNHIDG_content lNHIDG_actions lNHIDG_actionmenu lNHIDG_chevron" 1fr
-                 "lNHIDG_draghandle lNHIDG_checkbox lNHIDG_thumbnail lNHIDG_description lNHIDG_actions lNHIDG_actionmenu lNHIDG_chevron"
-                 / auto auto auto 1fr auto auto auto;
-  align-items: center;
-  display: grid;
-}
-
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-draghandle-container {
-  width: var(--spectrum-global-dimension-size-250);
-  padding: var(--spectrum-global-dimension-size-25);
-  grid-area: lNHIDG_draghandle;
-  justify-content: center;
-  place-self: stretch stretch;
-  padding-inline-start: var(--spectrum-global-dimension-size-40);
-  display: flex;
-}
-
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-draghandle-container .lNHIDG_react-spectrum-ListViewItem-draghandle-button {
-  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;
-}
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-draghandle-container .lNHIDG_react-spectrum-ListViewItem-draghandle-button.lNHIDG_focus-ring {
-  box-shadow: inset 0 0 0 2px var(--spectrum-listview-item-draghandle-border-color-key-focus);
-  forced-color-adjust: none;
-  outline: none;
-}
-
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-checkboxWrapper {
-  grid-area: lNHIDG_checkbox;
-  place-items: center;
-  transition-duration: .16s;
-  display: flex;
-}
+  &.lNHIDG_is-hovered, &.lNHIDG_is-focused, &.lNHIDG_focus-ring {
+    background-color: var(--spectrum-listview-item-background-color-hover);
+  }
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-checkbox {
-  height: 100%;
-  min-height: 0;
-}
+  &.lNHIDG_is-active {
+    background-color: var(--spectrum-listview-item-background-color-down);
+  }
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-checkbox > span {
-  margin: 0;
-}
+  &.lNHIDG_is-selected {
+    background-color: var(--spectrum-listview-item-background-color-hover);
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-thumbnail {
-  box-sizing: content-box;
-  border-radius: var(--spectrum-global-dimension-size-25);
-  width: var(--spectrum-global-dimension-size-400);
-  height: var(--spectrum-global-dimension-size-400);
-  grid-area: lNHIDG_thumbnail;
-  justify-content: center;
-  place-items: center;
-  padding-inline-end: var(--spectrum-global-dimension-size-100);
-  display: flex;
-}
+    &.lNHIDG_is-hovered, &.lNHIDG_is-active {
+      background-color: var(--spectrum-listview-item-background-color-hover);
+    }
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-thumbnail > img {
-  width: unset;
-  height: 100%;
-}
+    &.lNHIDG_focus-ring {
+      background-color: var(--spectrum-listview-item-background-color-selected-key-focus);
+    }
+  }
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-content, .lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-description {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  height: var(--spectrum-listview-item-line-height);
-  flex-grow: 1;
-  overflow: hidden;
-}
+  &.lNHIDG_is-disabled {
+    &, & .lNHIDG_react-spectrum-ListViewItem-content, & .lNHIDG_react-spectrum-ListViewItem-description {
+      color: var(--spectrum-listview-item-text-color-disabled);
+    }
+  }
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-content {
-  color: var(--spectrum-listview-item-title-text-color);
-  font-size: var(--spectrum-listview-item-title-text-size);
-  grid-area: lNHIDG_content;
-}
+  &.lNHIDG_has-checkbox {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
 
-.lNHIDG_react-spectrum-ListViewItem:not(.lNHIDG_react-spectrum-ListView--hasDescription) .lNHIDG_react-spectrum-ListViewItem-content {
-  grid-area: lNHIDG_content / lNHIDG_description;
-}
+  & .lNHIDG_react-spectrum-ListViewItem-grid {
+    grid-template: "lNHIDG_draghandle lNHIDG_checkbox lNHIDG_thumbnail lNHIDG_content lNHIDG_actions lNHIDG_actionmenu lNHIDG_chevron" 1fr
+                   "lNHIDG_draghandle lNHIDG_checkbox lNHIDG_thumbnail lNHIDG_description lNHIDG_actions lNHIDG_actionmenu lNHIDG_chevron"
+                   / auto auto auto 1fr auto auto auto;
+    align-items: center;
+    display: grid;
+  }
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-description {
-  color: var(--spectrum-listview-item-description-text-color);
-  font-size: var(--spectrum-listview-item-description-text-size);
-  grid-area: lNHIDG_description;
-}
+  & .lNHIDG_react-spectrum-ListViewItem-draghandle-container {
+    width: var(--spectrum-global-dimension-size-250);
+    padding: var(--spectrum-global-dimension-size-25);
+    grid-area: lNHIDG_draghandle;
+    justify-content: center;
+    place-self: stretch stretch;
+    padding-inline-start: var(--spectrum-global-dimension-size-40);
+    display: flex;
+
+    & .lNHIDG_react-spectrum-ListViewItem-draghandle-button {
+      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;
+
+      &.lNHIDG_focus-ring {
+        box-shadow: inset 0 0 0 2px var(--spectrum-listview-item-draghandle-border-color-key-focus);
+        forced-color-adjust: none;
+        outline: none;
+      }
+    }
+  }
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-actions {
-  flex-grow: 0;
-  flex-shrink: 0;
-  grid-area: lNHIDG_actions;
-}
+  & .lNHIDG_react-spectrum-ListViewItem-checkboxWrapper {
+    grid-area: lNHIDG_checkbox;
+    place-items: center;
+    transition-duration: .16s;
+    display: flex;
+  }
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-actionmenu {
-  grid-area: lNHIDG_actionmenu;
-}
+  & .lNHIDG_react-spectrum-ListViewItem-checkbox {
+    height: 100%;
+    min-height: 0;
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-parentIndicator {
-  transition: color var(--spectrum-global-animation-duration-100, .13s);
-  grid-area: lNHIDG_chevron;
-  padding-inline-start: var(--spectrum-global-dimension-size-75);
-  display: none;
-}
+    & > span {
+      margin: 0;
+    }
+  }
 
-.lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-parentIndicator.lNHIDG_is-disabled {
-  color: var(--spectrum-alias-icon-color-disabled, var(--spectrum-global-color-gray-400));
-}
+  & .lNHIDG_react-spectrum-ListViewItem-thumbnail {
+    box-sizing: content-box;
+    border-radius: var(--spectrum-global-dimension-size-25);
+    width: var(--spectrum-global-dimension-size-400);
+    height: var(--spectrum-global-dimension-size-400);
+    grid-area: lNHIDG_thumbnail;
+    justify-content: center;
+    place-items: center;
+    padding-inline-end: var(--spectrum-global-dimension-size-100);
+    display: flex;
+
+    & > img {
+      width: unset;
+      height: 100%;
+    }
+  }
 
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem-dragPreview {
-  width: var(--spectrum-global-dimension-size-2400);
-  border: 1px solid var(--spectrum-listview-dropzone-border-color-selected-hover);
-  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  background-color: var(--spectrum-listview-background-color);
-  forced-color-adjust: none;
-}
+  & .lNHIDG_react-spectrum-ListViewItem-content, & .lNHIDG_react-spectrum-ListViewItem-description {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    height: var(--spectrum-listview-item-line-height);
+    flex-grow: 1;
+    overflow: hidden;
+  }
 
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem-dragPreview.lNHIDG_react-spectrum-ListViewItem-dragPreview--compact {
-  padding-top: var(--spectrum-listview-item-compact-padding-y);
-  padding-bottom: var(--spectrum-listview-item-compact-padding-y);
-}
+  & .lNHIDG_react-spectrum-ListViewItem-content {
+    color: var(--spectrum-listview-item-title-text-color);
+    font-size: var(--spectrum-listview-item-title-text-size);
+    grid-area: lNHIDG_content;
+  }
 
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem-dragPreview.lNHIDG_react-spectrum-ListViewItem-dragPreview--spacious {
-  padding-top: var(--spectrum-listview-item-spacious-padding-y);
-  padding-bottom: var(--spectrum-listview-item-spacious-padding-y);
-}
+  &:not(.lNHIDG_react-spectrum-ListView--hasDescription) {
+    & .lNHIDG_react-spectrum-ListViewItem-content {
+      grid-area: lNHIDG_content / lNHIDG_description;
+    }
+  }
 
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem-dragPreview .lNHIDG_react-spectrum-ListViewItem-grid {
-  grid-template-columns: auto auto 1fr auto;
-  grid-template-areas: "lNHIDG_thumbnail lNHIDG_content . lNHIDG_badge"
-                       "lNHIDG_thumbnail lNHIDG_description . lNHIDG_badge";
-}
+  & .lNHIDG_react-spectrum-ListViewItem-description {
+    color: var(--spectrum-listview-item-description-text-color);
+    font-size: var(--spectrum-listview-item-description-text-size);
+    grid-area: lNHIDG_description;
+  }
 
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem-dragPreview .lNHIDG_react-spectrum-ListViewItem-badge {
-  color: var(--spectrum-listview-item-badge-text-color);
-  background: var(--spectrum-listview-item-badge-background-color);
-  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  grid-area: lNHIDG_badge;
-  padding: 0 8px;
-}
+  & .lNHIDG_react-spectrum-ListViewItem-actions {
+    flex-grow: 0;
+    flex-shrink: 0;
+    grid-area: lNHIDG_actions;
+  }
 
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem-dragPreview.lNHIDG_react-spectrum-ListViewItem-dragPreview--multiple {
-  position: relative;
-}
+  & .lNHIDG_react-spectrum-ListViewItem-actionmenu {
+    grid-area: lNHIDG_actionmenu;
+  }
 
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem-dragPreview.lNHIDG_react-spectrum-ListViewItem-dragPreview--multiple:after {
-  content: "";
-  z-index: -1;
-  border: 1px solid var(--spectrum-listview-dropzone-border-color-selected-hover);
-  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  background-color: var(--spectrum-listview-background-color);
-  forced-color-adjust: none;
-  top: 4px;
-  width: 100%;
-  height: 100%;
-  display: block;
-  position: absolute;
-  inset-inline-start: 4px;
-}
+  & .lNHIDG_react-spectrum-ListViewItem-parentIndicator {
+    transition: color var(--spectrum-global-animation-duration-100, .13s);
+    grid-area: lNHIDG_chevron;
+    padding-inline-start: var(--spectrum-global-dimension-size-75);
+    display: none;
 
-.lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem-dragPreview .lNHIDG_react-spectrum-ListViewItem-actions, .lNHIDG_react-spectrum-ListViewItem.lNHIDG_react-spectrum-ListViewItem-dragPreview .lNHIDG_react-spectrum-ListViewItem-actionmenu {
-  display: none;
-}
+    &.lNHIDG_is-disabled {
+      color: var(--spectrum-alias-icon-color-disabled, var(--spectrum-global-color-gray-400));
+    }
+  }
 
-.lNHIDG_react-spectrum-ListView:not(.lNHIDG_react-spectrum-ListView--quiet) .lNHIDG_react-spectrum-ListViewItem--firstRow.lNHIDG_react-spectrum-ListViewItem {
-  border-start-start-radius: var(--spectrum-listview-item-start-end-border-radius);
-  border-start-end-radius: var(--spectrum-listview-item-start-end-border-radius);
+  &.lNHIDG_react-spectrum-ListViewItem-dragPreview {
+    width: var(--spectrum-global-dimension-size-2400);
+    border: 1px solid var(--spectrum-listview-dropzone-border-color-selected-hover);
+    border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+    background-color: var(--spectrum-listview-background-color);
+    forced-color-adjust: none;
+
+    &.lNHIDG_react-spectrum-ListViewItem-dragPreview--compact {
+      padding-top: var(--spectrum-listview-item-compact-padding-y);
+      padding-bottom: var(--spectrum-listview-item-compact-padding-y);
+    }
+
+    &.lNHIDG_react-spectrum-ListViewItem-dragPreview--spacious {
+      padding-top: var(--spectrum-listview-item-spacious-padding-y);
+      padding-bottom: var(--spectrum-listview-item-spacious-padding-y);
+    }
+
+    & .lNHIDG_react-spectrum-ListViewItem-grid {
+      grid-template-columns: auto auto 1fr auto;
+      grid-template-areas: "lNHIDG_thumbnail lNHIDG_content . lNHIDG_badge"
+                           "lNHIDG_thumbnail lNHIDG_description . lNHIDG_badge";
+    }
+
+    & .lNHIDG_react-spectrum-ListViewItem-badge {
+      color: var(--spectrum-listview-item-badge-text-color);
+      background: var(--spectrum-listview-item-badge-background-color);
+      border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+      grid-area: lNHIDG_badge;
+      padding: 0 8px;
+    }
+
+    &.lNHIDG_react-spectrum-ListViewItem-dragPreview--multiple {
+      position: relative;
+
+      &:after {
+        content: "";
+        z-index: -1;
+        border: 1px solid var(--spectrum-listview-dropzone-border-color-selected-hover);
+        border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+        background-color: var(--spectrum-listview-background-color);
+        forced-color-adjust: none;
+        top: 4px;
+        width: 100%;
+        height: 100%;
+        display: block;
+        position: absolute;
+        inset-inline-start: 4px;
+      }
+    }
+
+    & .lNHIDG_react-spectrum-ListViewItem-actions, & .lNHIDG_react-spectrum-ListViewItem-actionmenu {
+      display: none;
+    }
+  }
 }
 
-.lNHIDG_react-spectrum-ListView:not(.lNHIDG_react-spectrum-ListView--quiet) .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem {
-  border-end-end-radius: var(--spectrum-listview-item-start-end-border-radius);
-  border-end-start-radius: var(--spectrum-listview-item-start-end-border-radius);
-}
+.lNHIDG_react-spectrum-ListView:not(.lNHIDG_react-spectrum-ListView--quiet) {
+  & .lNHIDG_react-spectrum-ListViewItem--firstRow.lNHIDG_react-spectrum-ListViewItem {
+    border-start-start-radius: var(--spectrum-listview-item-start-end-border-radius);
+    border-start-end-radius: var(--spectrum-listview-item-start-end-border-radius);
+  }
 
-.lNHIDG_react-spectrum-ListView:not(.lNHIDG_react-spectrum-ListView--quiet).lNHIDG_react-spectrum-ListView--isVerticalScrollbarVisible .lNHIDG_react-spectrum-ListViewItem--firstRow.lNHIDG_react-spectrum-ListViewItem {
-  border-start-end-radius: 0;
-}
+  & .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem {
+    border-end-end-radius: var(--spectrum-listview-item-start-end-border-radius);
+    border-end-start-radius: var(--spectrum-listview-item-start-end-border-radius);
+  }
 
-.lNHIDG_react-spectrum-ListView:not(.lNHIDG_react-spectrum-ListView--quiet).lNHIDG_react-spectrum-ListView--isVerticalScrollbarVisible .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem {
-  border-end-end-radius: 0;
-}
+  &.lNHIDG_react-spectrum-ListView--isVerticalScrollbarVisible {
+    & .lNHIDG_react-spectrum-ListViewItem--firstRow.lNHIDG_react-spectrum-ListViewItem {
+      border-start-end-radius: 0;
+    }
 
-.lNHIDG_react-spectrum-ListView:not(.lNHIDG_react-spectrum-ListView--quiet).lNHIDG_react-spectrum-ListView--isHorizontalScrollbarVisible .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem {
-  border-end-end-radius: 0;
-  border-end-start-radius: 0;
-}
+    & .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem {
+      border-end-end-radius: 0;
+    }
+  }
 
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--hasAnyChildren .lNHIDG_react-spectrum-ListViewItem-parentIndicator {
-  visibility: hidden;
-  display: inline-block;
+  &.lNHIDG_react-spectrum-ListView--isHorizontalScrollbarVisible {
+    & .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem {
+      border-end-end-radius: 0;
+      border-end-start-radius: 0;
+    }
+  }
 }
 
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--hasAnyChildren .lNHIDG_react-spectrum-ListViewItem-parentIndicator--hasChildItems {
-  visibility: visible;
+.lNHIDG_react-spectrum-ListView {
+  &.lNHIDG_react-spectrum-ListView--hasAnyChildren {
+    & .lNHIDG_react-spectrum-ListViewItem-parentIndicator {
+      visibility: hidden;
+      display: inline-block;
+    }
+
+    & .lNHIDG_react-spectrum-ListViewItem-parentIndicator--hasChildItems {
+      visibility: visible;
+    }
+  }
 }
 
 .lNHIDG_react-spectrum-ListView--compact .lNHIDG_react-spectrum-ListViewItem {
@@ -424,10 +506,12 @@
 
 .lNHIDG_react-spectrum-ListView--draggable .lNHIDG_react-spectrum-ListViewItem {
   padding-inline-start: 0;
-}
 
-.lNHIDG_react-spectrum-ListView--draggable .lNHIDG_react-spectrum-ListViewItem .lNHIDG_react-spectrum-ListViewItem-checkbox input {
-  inset-inline-start: 0;
+  & .lNHIDG_react-spectrum-ListViewItem-checkbox {
+    & input {
+      inset-inline-start: 0;
+    }
+  }
 }
 
 .lNHIDG_react-spectrum-ListViewItem--dropTarget {
@@ -444,11 +528,11 @@
   background-color: var(--spectrum-listview-droptarget-background-color);
   box-shadow: inset 0 0 0 1px var(--spectrum-listview-item-border-color-key-focus);
   forced-color-adjust: none;
-}
 
-.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--dropTarget.lNHIDG_react-spectrum-ListView--quiet {
-  box-shadow: inset 0 0 0 1px var(--spectrum-listview-item-border-color-key-focus),
+  &.lNHIDG_react-spectrum-ListView--quiet {
+    box-shadow: inset 0 0 0 1px var(--spectrum-listview-item-border-color-key-focus),
       0 0 0 1px var(--spectrum-listview-item-border-color-key-focus);
+  }
 }
 
 .lNHIDG_react-spectrum-ListView-centeredWrapper {
@@ -457,10 +541,10 @@
   width: 100%;
   height: 100%;
   display: flex;
-}
 
-.lNHIDG_react-spectrum-ListView-centeredWrapper.lNHIDG_react-spectrum-ListView-centeredWrapper--loadingMore {
-  padding-top: var(--spectrum-global-dimension-size-50);
+  &.lNHIDG_react-spectrum-ListView-centeredWrapper--loadingMore {
+    padding-top: var(--spectrum-global-dimension-size-50);
+  }
 }
 
 .lNHIDG_react-spectrum-ListViewInsertionIndicator {
@@ -468,36 +552,36 @@
   outline: none;
   position: absolute;
   inset-inline-start: var(--spectrum-listview-dropindicator-circle-size);
-}
 
-.lNHIDG_react-spectrum-ListViewInsertionIndicator.lNHIDG_react-spectrum-ListViewInsertionIndicator--dropTarget {
-  background: var(--spectrum-listview-dropindicator-border-color);
-  border-bottom: 2px solid var(--spectrum-listview-dropindicator-border-color);
-  forced-color-adjust: none;
-}
+  &.lNHIDG_react-spectrum-ListViewInsertionIndicator--dropTarget {
+    background: var(--spectrum-listview-dropindicator-border-color);
+    border-bottom: 2px solid var(--spectrum-listview-dropindicator-border-color);
+    forced-color-adjust: none;
 
-.lNHIDG_react-spectrum-ListViewInsertionIndicator.lNHIDG_react-spectrum-ListViewInsertionIndicator--dropTarget:before {
-  left: calc(var(--spectrum-listview-dropindicator-circle-size) * -1);
-}
+    &:before {
+      left: calc(var(--spectrum-listview-dropindicator-circle-size) * -1);
+    }
 
-.lNHIDG_react-spectrum-ListViewInsertionIndicator.lNHIDG_react-spectrum-ListViewInsertionIndicator--dropTarget:after {
-  right: calc(var(--spectrum-listview-dropindicator-circle-size) * -1);
-}
+    &:after {
+      right: calc(var(--spectrum-listview-dropindicator-circle-size) * -1);
+    }
 
-.lNHIDG_react-spectrum-ListViewInsertionIndicator.lNHIDG_react-spectrum-ListViewInsertionIndicator--dropTarget:before, .lNHIDG_react-spectrum-ListViewInsertionIndicator.lNHIDG_react-spectrum-ListViewInsertionIndicator--dropTarget:after {
-  content: "";
-  top: calc(var(--spectrum-listview-dropindicator-circle-size) * -1 / 2 +
+    &:before, &:after {
+      content: "";
+      top: calc(var(--spectrum-listview-dropindicator-circle-size) * -1 / 2 +
           var(--spectrum-listview-dropindicator-border-size) / 2);
-  width: var(--spectrum-listview-dropindicator-circle-size);
-  height: var(--spectrum-listview-dropindicator-circle-size);
-  border: var(--spectrum-listview-dropindicator-border-size) solid;
-  box-sizing: border-box;
-  border-color: var(--spectrum-listview-dropindicator-circle-border-color);
-  background-color: var(--spectrum-listview-background-color);
-  z-index: 5;
-  forced-color-adjust: none;
-  border-radius: 50%;
-  position: absolute;
+      width: var(--spectrum-listview-dropindicator-circle-size);
+      height: var(--spectrum-listview-dropindicator-circle-size);
+      border: var(--spectrum-listview-dropindicator-border-size) solid;
+      box-sizing: border-box;
+      border-color: var(--spectrum-listview-dropindicator-circle-border-color);
+      background-color: var(--spectrum-listview-background-color);
+      z-index: 5;
+      forced-color-adjust: none;
+      border-radius: 50%;
+      position: absolute;
+    }
+  }
 }
 
 .lNHIDG_react-spectrum-ListViewItem-checkbox--enter {
@@ -515,9 +599,11 @@
   max-width: 0;
 }
 
-.lNHIDG_react-spectrum-ListView.lNHIDG_focus-ring {
-  border-color: var(--spectrum-listview-border-color-key-focus);
-  box-shadow: inset 0 0 0 1px var(--spectrum-listview-border-color-key-focus);
+.lNHIDG_react-spectrum-ListView {
+  &.lNHIDG_focus-ring {
+    border-color: var(--spectrum-listview-border-color-key-focus);
+    box-shadow: inset 0 0 0 1px var(--spectrum-listview-border-color-key-focus);
+  }
 }
 
 @media (forced-colors: active) {
@@ -540,20 +626,26 @@
     --spectrum-listview-item-description-text-color: CanvasText;
   }
 
-  .lNHIDG_react-spectrum-ListView-row.lNHIDG_focus-ring .lNHIDG_react-spectrum-ListViewItem:after {
-    outline: var(--spectrum-listview-row-sticky-focus-indicator-width) solid
+  .lNHIDG_react-spectrum-ListView-row {
+    &.lNHIDG_focus-ring {
+      & .lNHIDG_react-spectrum-ListViewItem {
+        &:after {
+          outline: var(--spectrum-listview-row-sticky-focus-indicator-width) solid
             var(--spectrum-listview-row-sticky-focus-indicator-color);
-    outline-offset: calc(-1 * var(--spectrum-listview-row-sticky-focus-indicator-width));
-    top: calc(-1 * var(--spectrum-listview-border-width));
-    height: calc(100% + var(--spectrum-listview-border-width));
+          outline-offset: calc(-1 * var(--spectrum-listview-row-sticky-focus-indicator-width));
+          top: calc(-1 * var(--spectrum-listview-border-width));
+          height: calc(100% + var(--spectrum-listview-border-width));
+        }
+      }
+    }
   }
 
   .lNHIDG_react-spectrum-ListViewItem-draghandle-container {
     box-sizing: content-box;
-  }
 
-  .lNHIDG_react-spectrum-ListViewItem-draghandle-container .lNHIDG_react-spectrum-ListViewItem-draghandle-button {
-    --spectrum-listview-item-draghandle-border-color-key-focus: CanvasText;
+    & .lNHIDG_react-spectrum-ListViewItem-draghandle-button {
+      --spectrum-listview-item-draghandle-border-color-key-focus: CanvasText;
+    }
   }
 }
 /*# sourceMappingURL=styles.css.map */