@adobe/react-spectrum 3.47.0 → 3.47.2

package/dist/private/list/styles.css

@@ -1,4 +1,4 @@
-._2cwvvq_react-spectrum-ListView, ._2cwvvq_react-spectrum-ListViewItem {
+.lNHIDG_react-spectrum-ListView, .lNHIDG_react-spectrum-ListViewItem {
   --spectrum-listview-item-compact-padding-y: var(--spectrum-global-dimension-size-50);
   --spectrum-listview-item-regular-padding-y: var(--spectrum-global-dimension-size-85);
   --spectrum-listview-item-spacious-padding-y: var(--spectrum-global-dimension-size-100);
@@ -6,7 +6,8 @@
   --spectrum-listview-border-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));
   --spectrum-listview-item-border-radius: calc(var(--spectrum-listview-border-radius) - var(--spectrum-listview-border-width));
   --spectrum-listview-row-sticky-focus-indicator-width: 3px;
-  --spectrum-listview-item-line-height: calc(var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default)) * var(--spectrum-table-cell-text-line-height, var(--spectrum-alias-body-text-line-height)) - 1px);
+  --spectrum-listview-item-line-height: calc(var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default)) *
+      var(--spectrum-table-cell-text-line-height, var(--spectrum-alias-body-text-line-height)) - 1px);
   --spectrum-listview-item-title-text-color: var(--spectrum-global-color-gray-800);
   --spectrum-listview-item-title-text-size: var(--spectrum-global-dimension-font-size-100);
   --spectrum-listview-item-description-text-color: var(--spectrum-global-color-gray-700);
@@ -37,7 +38,7 @@
   --spectrum-listview-item-draghandle-border-color-key-focus: var(--spectrum-listview-item-border-color-key-focus);
 }
 
-._2cwvvq_react-spectrum-ListView {
+.lNHIDG_react-spectrum-ListView {
   box-sizing: border-box;
   border-color: var(--spectrum-listview-border-color);
   border-style: solid;
@@ -54,127 +55,191 @@
   position: relative;
   overflow: auto;
   transform: translate3d(0, 0, 0);
-}
-
-._2cwvvq_react-spectrum-ListView ._2cwvvq_react-spectrum-ListView-row {
-  outline: none;
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized._2cwvvq_react-spectrum-ListView--dropTarget ._2cwvvq_react-spectrum-ListViewItem:not(._2cwvvq_is-selected):after {
-  inset-inline: 1px;
-}
 
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized ._2cwvvq_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;
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-selected {
-  background-color: var(--spectrum-listview-item-background-color-selected);
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-selected._2cwvvq_is-hovered, ._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-selected._2cwvvq_is-active {
-  background-color: var(--spectrum-listview-item-background-color-selected-hover);
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-selected._2cwvvq_focus-ring {
-  background-color: var(--spectrum-listview-item-background-color-selected-key-focus);
-}
+  & .lNHIDG_react-spectrum-ListView-row {
+    outline: none;
+  }
 
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_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;
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_react-spectrum-ListViewItem--firstRow._2cwvvq_is-selected:after {
-  inset-block-start: 0;
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized:not(._2cwvvq_react-spectrum-ListView--quiet) ._2cwvvq_react-spectrum-ListViewItem:not(._2cwvvq_is-selected):not(._2cwvvq_is-next-selected):not(._2cwvvq_react-spectrum-ListViewItem--isFlushBottom):after {
-  box-shadow: inset 0 -1px 0 0 var(--spectrum-listview-item-border-color);
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized:not(._2cwvvq_react-spectrum-ListView--quiet) ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_react-spectrum-ListViewItem--firstRow._2cwvvq_is-selected:after {
-  border-start-start-radius: var(--spectrum-listview-item-border-radius);
-  border-start-end-radius: var(--spectrum-listview-item-border-radius);
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized:not(._2cwvvq_react-spectrum-ListView--quiet):not(._2cwvvq_react-spectrum-ListView--loadingMore) ._2cwvvq_react-spectrum-ListViewItem--lastRow._2cwvvq_react-spectrum-ListViewItem--isFlushBottom._2cwvvq_is-selected:after {
-  border-end-end-radius: var(--spectrum-listview-item-border-radius);
-  border-end-start-radius: var(--spectrum-listview-item-border-radius);
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized:not(._2cwvvq_react-spectrum-ListView--quiet)._2cwvvq_react-spectrum-ListView--isVerticalScrollbarVisible ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_react-spectrum-ListViewItem--firstRow._2cwvvq_is-selected:after {
-  border-start-end-radius: 0;
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized:not(._2cwvvq_react-spectrum-ListView--quiet)._2cwvvq_react-spectrum-ListView--isVerticalScrollbarVisible:not(._2cwvvq_react-spectrum-ListView--loadingMore) ._2cwvvq_react-spectrum-ListViewItem--lastRow._2cwvvq_react-spectrum-ListViewItem--isFlushBottom._2cwvvq_is-selected:after {
-  border-end-end-radius: 0;
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--emphasized:not(._2cwvvq_react-spectrum-ListView--quiet)._2cwvvq_react-spectrum-ListView--isHorizontalScrollbarVisible:not(._2cwvvq_react-spectrum-ListView--loadingMore) ._2cwvvq_react-spectrum-ListViewItem--lastRow._2cwvvq_react-spectrum-ListViewItem--isFlushBottom._2cwvvq_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;
+            }
+          }
+        }
+      }
+    }
+  }
 
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--wrap ._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-content, ._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--wrap ._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_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;
+    }
+  }
 }
 
-._2cwvvq_react-spectrum-ListView-row {
+.lNHIDG_react-spectrum-ListView-row {
   cursor: default;
-}
 
-._2cwvvq_react-spectrum-ListView-row._2cwvvq_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;
+    }
+  }
 }
 
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--quiet {
+.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--quiet {
   background-color: var(--spectrum-listview-quiet-background-color);
   border-width: 0;
   border-radius: 0;
-}
 
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--quiet ._2cwvvq_react-spectrum-ListView-row._2cwvvq_round-tops._2cwvvq_focus-ring:before {
-  border-start-start-radius: var(--spectrum-listview-item-border-radius);
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--quiet ._2cwvvq_react-spectrum-ListView-row._2cwvvq_round-tops > ._2cwvvq_react-spectrum-ListViewItem, ._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--quiet ._2cwvvq_react-spectrum-ListView-row._2cwvvq_round-tops > ._2cwvvq_react-spectrum-ListViewItem:after {
-  border-start-start-radius: var(--spectrum-listview-item-border-radius);
-  border-start-end-radius: var(--spectrum-listview-item-border-radius);
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--quiet ._2cwvvq_react-spectrum-ListView-row._2cwvvq_round-bottoms._2cwvvq_focus-ring:before {
-  border-end-start-radius: var(--spectrum-listview-item-border-radius);
-}
-
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--quiet ._2cwvvq_react-spectrum-ListView-row._2cwvvq_round-bottoms > ._2cwvvq_react-spectrum-ListViewItem, ._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--quiet ._2cwvvq_react-spectrum-ListView-row._2cwvvq_round-bottoms > ._2cwvvq_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);
+        }
+      }
+    }
+  }
 }
 
-._2cwvvq_react-spectrum-ListView-row[data-href] {
+.lNHIDG_react-spectrum-ListView-row[data-href] {
   cursor: pointer;
 }
 
-._2cwvvq_react-spectrum-ListViewItem {
+.lNHIDG_react-spectrum-ListViewItem {
   box-sizing: border-box;
   font-size: var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default));
   font-weight: var(--spectrum-table-cell-text-font-weight, var(--spectrum-global-font-weight-regular));
@@ -185,251 +250,271 @@
   outline: 0;
   display: grid;
   position: relative;
-}
-
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-hovered, ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-focused, ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_focus-ring {
-  background-color: var(--spectrum-listview-item-background-color-hover);
-}
-
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-active {
-  background-color: var(--spectrum-listview-item-background-color-down);
-}
-
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-selected, ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-selected._2cwvvq_is-hovered, ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-selected._2cwvvq_is-active {
-  background-color: var(--spectrum-listview-item-background-color-hover);
-}
-
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-selected._2cwvvq_focus-ring {
-  background-color: var(--spectrum-listview-item-background-color-selected-key-focus);
-}
-
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-disabled, ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-disabled ._2cwvvq_react-spectrum-ListViewItem-content, ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_is-disabled ._2cwvvq_react-spectrum-ListViewItem-description {
-  color: var(--spectrum-listview-item-text-color-disabled);
-}
-
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_has-checkbox {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-grid {
-  grid-template: "_2cwvvq_draghandle _2cwvvq_checkbox _2cwvvq_thumbnail _2cwvvq_content _2cwvvq_actions _2cwvvq_actionmenu _2cwvvq_chevron" 1fr
-                 "_2cwvvq_draghandle _2cwvvq_checkbox _2cwvvq_thumbnail _2cwvvq_description _2cwvvq_actions _2cwvvq_actionmenu _2cwvvq_chevron"
-                 / auto auto auto 1fr auto auto auto;
-  align-items: center;
-  display: grid;
-}
-
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-draghandle-container {
-  width: var(--spectrum-global-dimension-size-250);
-  padding: var(--spectrum-global-dimension-size-25);
-  grid-area: _2cwvvq_draghandle;
-  justify-content: center;
-  place-self: stretch stretch;
-  padding-inline-start: var(--spectrum-global-dimension-size-40);
-  display: flex;
-}
-
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-draghandle-container ._2cwvvq_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;
-}
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-draghandle-container ._2cwvvq_react-spectrum-ListViewItem-draghandle-button._2cwvvq_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_is-hovered, &.lNHIDG_is-focused, &.lNHIDG_focus-ring {
+    background-color: var(--spectrum-listview-item-background-color-hover);
+  }
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-checkboxWrapper {
-  grid-area: _2cwvvq_checkbox;
-  place-items: center;
-  transition-duration: .16s;
-  display: flex;
-}
+  &.lNHIDG_is-active {
+    background-color: var(--spectrum-listview-item-background-color-down);
+  }
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-checkbox {
-  height: 100%;
-  min-height: 0;
-}
+  &.lNHIDG_is-selected {
+    background-color: var(--spectrum-listview-item-background-color-hover);
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-checkbox > span {
-  margin: 0;
-}
+    &.lNHIDG_is-hovered, &.lNHIDG_is-active {
+      background-color: var(--spectrum-listview-item-background-color-hover);
+    }
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_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: _2cwvvq_thumbnail;
-  justify-content: center;
-  place-items: center;
-  padding-inline-end: var(--spectrum-global-dimension-size-100);
-  display: flex;
-}
+    &.lNHIDG_focus-ring {
+      background-color: var(--spectrum-listview-item-background-color-selected-key-focus);
+    }
+  }
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-thumbnail > img {
-  width: unset;
-  height: 100%;
-}
+  &.lNHIDG_is-disabled {
+    &, & .lNHIDG_react-spectrum-ListViewItem-content, & .lNHIDG_react-spectrum-ListViewItem-description {
+      color: var(--spectrum-listview-item-text-color-disabled);
+    }
+  }
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-content, ._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-description {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  height: var(--spectrum-listview-item-line-height);
-  flex-grow: 1;
-  overflow: hidden;
-}
+  &.lNHIDG_has-checkbox {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-content {
-  color: var(--spectrum-listview-item-title-text-color);
-  font-size: var(--spectrum-listview-item-title-text-size);
-  grid-area: _2cwvvq_content;
-}
+  & .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;
+  }
 
-._2cwvvq_react-spectrum-ListViewItem:not(._2cwvvq_react-spectrum-ListView--hasDescription) ._2cwvvq_react-spectrum-ListViewItem-content {
-  grid-area: _2cwvvq_content / _2cwvvq_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;
+      }
+    }
+  }
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-description {
-  color: var(--spectrum-listview-item-description-text-color);
-  font-size: var(--spectrum-listview-item-description-text-size);
-  grid-area: _2cwvvq_description;
-}
+  & .lNHIDG_react-spectrum-ListViewItem-checkboxWrapper {
+    grid-area: lNHIDG_checkbox;
+    place-items: center;
+    transition-duration: .16s;
+    display: flex;
+  }
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-actions {
-  flex-grow: 0;
-  flex-shrink: 0;
-  grid-area: _2cwvvq_actions;
-}
+  & .lNHIDG_react-spectrum-ListViewItem-checkbox {
+    height: 100%;
+    min-height: 0;
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-actionmenu {
-  grid-area: _2cwvvq_actionmenu;
-}
+    & > span {
+      margin: 0;
+    }
+  }
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-parentIndicator {
-  transition: color var(--spectrum-global-animation-duration-100, .13s);
-  grid-area: _2cwvvq_chevron;
-  padding-inline-start: var(--spectrum-global-dimension-size-75);
-  display: none;
-}
+  & .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%;
+    }
+  }
 
-._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-parentIndicator._2cwvvq_is-disabled {
-  color: var(--spectrum-alias-icon-color-disabled, var(--spectrum-global-color-gray-400));
-}
+  & .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;
+  }
 
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_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 {
+    color: var(--spectrum-listview-item-title-text-color);
+    font-size: var(--spectrum-listview-item-title-text-size);
+    grid-area: lNHIDG_content;
+  }
 
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_react-spectrum-ListViewItem-dragPreview._2cwvvq_react-spectrum-ListViewItem-dragPreview--compact {
-  padding-top: var(--spectrum-listview-item-compact-padding-y);
-  padding-bottom: var(--spectrum-listview-item-compact-padding-y);
-}
+  &:not(.lNHIDG_react-spectrum-ListView--hasDescription) {
+    & .lNHIDG_react-spectrum-ListViewItem-content {
+      grid-area: lNHIDG_content / lNHIDG_description;
+    }
+  }
 
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_react-spectrum-ListViewItem-dragPreview._2cwvvq_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-description {
+    color: var(--spectrum-listview-item-description-text-color);
+    font-size: var(--spectrum-listview-item-description-text-size);
+    grid-area: lNHIDG_description;
+  }
 
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_react-spectrum-ListViewItem-dragPreview ._2cwvvq_react-spectrum-ListViewItem-grid {
-  grid-template-columns: auto auto 1fr auto;
-  grid-template-areas: "_2cwvvq_thumbnail _2cwvvq_content . _2cwvvq_badge"
-                       "_2cwvvq_thumbnail _2cwvvq_description . _2cwvvq_badge";
-}
+  & .lNHIDG_react-spectrum-ListViewItem-actions {
+    flex-grow: 0;
+    flex-shrink: 0;
+    grid-area: lNHIDG_actions;
+  }
 
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_react-spectrum-ListViewItem-dragPreview ._2cwvvq_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: _2cwvvq_badge;
-  padding: 0 8px;
-}
+  & .lNHIDG_react-spectrum-ListViewItem-actionmenu {
+    grid-area: lNHIDG_actionmenu;
+  }
 
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_react-spectrum-ListViewItem-dragPreview._2cwvvq_react-spectrum-ListViewItem-dragPreview--multiple {
-  position: relative;
-}
+  & .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;
 
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_react-spectrum-ListViewItem-dragPreview._2cwvvq_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_is-disabled {
+      color: var(--spectrum-alias-icon-color-disabled, var(--spectrum-global-color-gray-400));
+    }
+  }
 
-._2cwvvq_react-spectrum-ListViewItem._2cwvvq_react-spectrum-ListViewItem-dragPreview ._2cwvvq_react-spectrum-ListViewItem-actions, ._2cwvvq_react-spectrum-ListViewItem._2cwvvq_react-spectrum-ListViewItem-dragPreview ._2cwvvq_react-spectrum-ListViewItem-actionmenu {
-  display: none;
+  &.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;
+    }
+  }
 }
 
-._2cwvvq_react-spectrum-ListView:not(._2cwvvq_react-spectrum-ListView--quiet) ._2cwvvq_react-spectrum-ListViewItem--firstRow._2cwvvq_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-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);
+  }
 
-._2cwvvq_react-spectrum-ListView:not(._2cwvvq_react-spectrum-ListView--quiet) ._2cwvvq_react-spectrum-ListViewItem--lastRow._2cwvvq_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-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);
+  }
 
-._2cwvvq_react-spectrum-ListView:not(._2cwvvq_react-spectrum-ListView--quiet)._2cwvvq_react-spectrum-ListView--isVerticalScrollbarVisible ._2cwvvq_react-spectrum-ListViewItem--firstRow._2cwvvq_react-spectrum-ListViewItem {
-  border-start-end-radius: 0;
-}
+  &.lNHIDG_react-spectrum-ListView--isVerticalScrollbarVisible {
+    & .lNHIDG_react-spectrum-ListViewItem--firstRow.lNHIDG_react-spectrum-ListViewItem {
+      border-start-end-radius: 0;
+    }
 
-._2cwvvq_react-spectrum-ListView:not(._2cwvvq_react-spectrum-ListView--quiet)._2cwvvq_react-spectrum-ListView--isVerticalScrollbarVisible ._2cwvvq_react-spectrum-ListViewItem--lastRow._2cwvvq_react-spectrum-ListViewItem {
-  border-end-end-radius: 0;
-}
+    & .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem {
+      border-end-end-radius: 0;
+    }
+  }
 
-._2cwvvq_react-spectrum-ListView:not(._2cwvvq_react-spectrum-ListView--quiet)._2cwvvq_react-spectrum-ListView--isHorizontalScrollbarVisible ._2cwvvq_react-spectrum-ListViewItem--lastRow._2cwvvq_react-spectrum-ListViewItem {
-  border-end-end-radius: 0;
-  border-end-start-radius: 0;
+  &.lNHIDG_react-spectrum-ListView--isHorizontalScrollbarVisible {
+    & .lNHIDG_react-spectrum-ListViewItem--lastRow.lNHIDG_react-spectrum-ListViewItem {
+      border-end-end-radius: 0;
+      border-end-start-radius: 0;
+    }
+  }
 }
 
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--hasAnyChildren ._2cwvvq_react-spectrum-ListViewItem-parentIndicator {
-  visibility: hidden;
-  display: inline-block;
-}
+.lNHIDG_react-spectrum-ListView {
+  &.lNHIDG_react-spectrum-ListView--hasAnyChildren {
+    & .lNHIDG_react-spectrum-ListViewItem-parentIndicator {
+      visibility: hidden;
+      display: inline-block;
+    }
 
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--hasAnyChildren ._2cwvvq_react-spectrum-ListViewItem-parentIndicator--hasChildItems {
-  visibility: visible;
+    & .lNHIDG_react-spectrum-ListViewItem-parentIndicator--hasChildItems {
+      visibility: visible;
+    }
+  }
 }
 
-._2cwvvq_react-spectrum-ListView--compact ._2cwvvq_react-spectrum-ListViewItem {
+.lNHIDG_react-spectrum-ListView--compact .lNHIDG_react-spectrum-ListViewItem {
   padding-top: var(--spectrum-listview-item-compact-padding-y);
   padding-bottom: var(--spectrum-listview-item-compact-padding-y);
   min-height: var(--spectrum-global-dimension-size-400);
 }
 
-._2cwvvq_react-spectrum-ListView--spacious ._2cwvvq_react-spectrum-ListViewItem {
+.lNHIDG_react-spectrum-ListView--spacious .lNHIDG_react-spectrum-ListViewItem {
   padding-top: var(--spectrum-listview-item-spacious-padding-y);
   padding-bottom: var(--spectrum-listview-item-spacious-padding-y);
   min-height: var(--spectrum-global-dimension-size-600);
 }
 
-._2cwvvq_react-spectrum-ListView--draggable ._2cwvvq_react-spectrum-ListViewItem {
+.lNHIDG_react-spectrum-ListView--draggable .lNHIDG_react-spectrum-ListViewItem {
   padding-inline-start: 0;
-}
 
-._2cwvvq_react-spectrum-ListView--draggable ._2cwvvq_react-spectrum-ListViewItem ._2cwvvq_react-spectrum-ListViewItem-checkbox input {
-  inset-inline-start: 0;
+  & .lNHIDG_react-spectrum-ListViewItem-checkbox {
+    & input {
+      inset-inline-start: 0;
+    }
+  }
 }
 
-._2cwvvq_react-spectrum-ListViewItem--dropTarget {
+.lNHIDG_react-spectrum-ListViewItem--dropTarget {
   background-color: var(--spectrum-listview-droptarget-background-color);
   box-shadow: inset 2px 0 0 0 var(--spectrum-listview-item-border-color-key-focus),
     inset -2px 0 0 0 var(--spectrum-listview-item-border-color-key-focus),
@@ -438,87 +523,91 @@
   forced-color-adjust: none;
 }
 
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--dropTarget {
+.lNHIDG_react-spectrum-ListView.lNHIDG_react-spectrum-ListView--dropTarget {
   border-color: var(--spectrum-listview-border-color-key-focus);
   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;
-}
 
-._2cwvvq_react-spectrum-ListView._2cwvvq_react-spectrum-ListView--dropTarget._2cwvvq_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--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);
+  }
 }
 
-._2cwvvq_react-spectrum-ListView-centeredWrapper {
+.lNHIDG_react-spectrum-ListView-centeredWrapper {
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   display: flex;
-}
 
-._2cwvvq_react-spectrum-ListView-centeredWrapper._2cwvvq_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);
+  }
 }
 
-._2cwvvq_react-spectrum-ListViewInsertionIndicator {
+.lNHIDG_react-spectrum-ListViewInsertionIndicator {
   width: calc(100% - (2 * var(--spectrum-listview-dropindicator-circle-size)));
   outline: none;
   position: absolute;
   inset-inline-start: var(--spectrum-listview-dropindicator-circle-size);
-}
-
-._2cwvvq_react-spectrum-ListViewInsertionIndicator._2cwvvq_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;
-}
-
-._2cwvvq_react-spectrum-ListViewInsertionIndicator._2cwvvq_react-spectrum-ListViewInsertionIndicator--dropTarget:before {
-  left: calc(var(--spectrum-listview-dropindicator-circle-size) * -1);
-}
 
-._2cwvvq_react-spectrum-ListViewInsertionIndicator._2cwvvq_react-spectrum-ListViewInsertionIndicator--dropTarget:after {
-  right: calc(var(--spectrum-listview-dropindicator-circle-size) * -1);
-}
-
-._2cwvvq_react-spectrum-ListViewInsertionIndicator._2cwvvq_react-spectrum-ListViewInsertionIndicator--dropTarget:before, ._2cwvvq_react-spectrum-ListViewInsertionIndicator._2cwvvq_react-spectrum-ListViewInsertionIndicator--dropTarget: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;
+  &.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;
+
+    &:before {
+      left: calc(var(--spectrum-listview-dropindicator-circle-size) * -1);
+    }
+
+    &:after {
+      right: calc(var(--spectrum-listview-dropindicator-circle-size) * -1);
+    }
+
+    &: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;
+    }
+  }
 }
 
-._2cwvvq_react-spectrum-ListViewItem-checkbox--enter {
+.lNHIDG_react-spectrum-ListViewItem-checkbox--enter {
   opacity: .01;
   max-width: 0;
 }
 
-._2cwvvq_react-spectrum-ListViewItem-checkbox--enterActive, ._2cwvvq_react-spectrum-ListViewItem-checkbox--exit {
+.lNHIDG_react-spectrum-ListViewItem-checkbox--enterActive, .lNHIDG_react-spectrum-ListViewItem-checkbox--exit {
   opacity: 1;
   max-width: 80px;
 }
 
-._2cwvvq_react-spectrum-ListViewItem-checkbox--exitActive {
+.lNHIDG_react-spectrum-ListViewItem-checkbox--exitActive {
   opacity: .01;
   max-width: 0;
 }
 
-._2cwvvq_react-spectrum-ListView._2cwvvq_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) {
-  ._2cwvvq_react-spectrum-ListView, ._2cwvvq_react-spectrum-ListViewItem {
+  .lNHIDG_react-spectrum-ListView, .lNHIDG_react-spectrum-ListViewItem {
     --spectrum-listview-background-color: Canvas;
     --spectrum-listview-item-background-color: Canvas;
     --spectrum-listview-item-background-color-selected: Canvas;
@@ -537,19 +626,26 @@
     --spectrum-listview-item-description-text-color: CanvasText;
   }
 
-  ._2cwvvq_react-spectrum-ListView-row._2cwvvq_focus-ring ._2cwvvq_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));
+  .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));
+        }
+      }
+    }
   }
 
-  ._2cwvvq_react-spectrum-ListViewItem-draghandle-container {
+  .lNHIDG_react-spectrum-ListViewItem-draghandle-container {
     box-sizing: content-box;
-  }
 
-  ._2cwvvq_react-spectrum-ListViewItem-draghandle-container ._2cwvvq_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 */