@proveanything/smartlinks-utils-ui 0.9.13 → 0.10.2

package/dist/components/AssetPicker/index.css

@@ -1233,6 +1233,13 @@
 .ra-shell .ra-row-menu-trigger[aria-expanded=true] {
   opacity: 1;
 }
+.ra-shell .ra-row[data-selected=true] .ra-row-menu-trigger {
+  opacity: 0.7;
+}
+.ra-shell .ra-row[data-selected=true] .ra-row-menu-trigger:hover,
+.ra-shell .ra-row[data-selected=true] .ra-row-menu-trigger:focus-visible {
+  opacity: 1;
+}
 .ra-shell .ra-row-menu-trigger:hover {
   background: hsl(var(--ra-muted));
   color: hsl(var(--ra-text));
@@ -1292,6 +1299,14 @@
   opacity: 0.45;
   cursor: not-allowed;
 }
+.ra-shell .ra-row-menu-item[data-tone=danger] {
+  color: hsl(var(--ra-danger, 0 70% 45%));
+}
+.ra-shell .ra-row-menu-divider {
+  height: 1px;
+  margin: 0.25rem 0.15rem;
+  background: hsl(var(--ra-border));
+}
 .ra-shell .ra-item-list {
   display: flex;
   flex-direction: column;
@@ -1527,6 +1542,17 @@
 .ra-shell .ra-item-card:focus-within .ra-item-card-delete {
   opacity: 1;
 }
+.ra-shell .ra-item-card-menu {
+  position: absolute;
+  top: 0.4rem;
+  right: 2rem;
+  opacity: 0;
+  transition: opacity .15s ease;
+}
+.ra-shell .ra-item-card:hover .ra-item-card-menu,
+.ra-shell .ra-item-card:focus-within .ra-item-card-menu {
+  opacity: 1;
+}
 .ra-shell .ra-item-nav {
   display: flex;
   align-items: center;
@@ -1606,6 +1632,61 @@
   min-height: 0;
   overflow-y: auto;
 }
+.ra-shell .ra-sibling-context {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.55rem 0.65rem;
+  border-bottom: 1px solid hsl(var(--ra-border));
+  background: hsl(var(--ra-surface));
+  min-width: 0;
+}
+.ra-shell .ra-sibling-context-back {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.6rem;
+  height: 1.6rem;
+  border-radius: 0.35rem;
+  border: 0;
+  background: transparent;
+  color: hsl(var(--ra-muted-text));
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background .12s ease, color .12s ease;
+}
+.ra-shell .ra-sibling-context-back:hover {
+  background: hsl(var(--ra-muted));
+  color: hsl(var(--ra-text));
+}
+.ra-shell .ra-sibling-context-back:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--ra-focus-ring);
+}
+.ra-shell .ra-sibling-context-label {
+  display: flex;
+  align-items: baseline;
+  gap: 0.35rem;
+  min-width: 0;
+  font-size: 0.72rem;
+  line-height: 1.2;
+}
+.ra-shell .ra-sibling-context-kind {
+  font-weight: 600;
+  color: hsl(var(--ra-text));
+  flex-shrink: 0;
+}
+.ra-shell .ra-sibling-context-sep {
+  color: hsl(var(--ra-muted-text));
+  flex-shrink: 0;
+}
+.ra-shell .ra-sibling-context-summary {
+  color: hsl(var(--ra-muted-text));
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+}
 .ra-shell .ra-sibling-list {
   list-style: none;
   margin: 0;
@@ -1762,7 +1843,7 @@
 .ra-shell .ra-preview-reopen {
   position: absolute;
   top: 50%;
-  right: -1.25rem;
+  right: 0;
   transform: translateY(-50%);
   z-index: 4;
   display: inline-flex;
@@ -1780,7 +1861,6 @@
     transform .14s ease,
     box-shadow .14s ease,
     background .12s ease,
-    right .14s ease,
     filter .12s ease;
   writing-mode: vertical-rl;
   font-size: 0.7rem;
@@ -1788,9 +1868,12 @@
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }
+.ra-shell.ra-preview-reopen--floating,
+.ra-preview-reopen--floating {
+  z-index: 50;
+  pointer-events: auto;
+}
 .ra-shell .ra-preview-reopen:hover {
-  right: -1.4rem;
-  transform: translateY(-50%);
   filter: brightness(0.95);
   box-shadow: 0 2px 4px hsl(0 0% 0% / 0.10), 0 12px 24px -8px hsl(var(--ra-accent) / 0.65);
 }
@@ -2400,6 +2483,9 @@
 .table {
   display: table;
 }
+.table-row {
+  display: table-row;
+}
 .grid {
   display: grid;
 }