@proveanything/smartlinks-utils-ui 0.9.2 → 0.9.3

package/dist/components/RecordsAdmin/index.css

@@ -321,15 +321,15 @@
 .max-w-4xl {
   max-width: 56rem;
 }
-.max-w-\[12rem\] {
-  max-width: 12rem;
-}
 .max-w-\[14rem\] {
   max-width: 14rem;
 }
 .max-w-\[160px\] {
   max-width: 160px;
 }
+.max-w-\[18rem\] {
+  max-width: 18rem;
+}
 .max-w-\[200px\] {
   max-width: 200px;
 }
@@ -3382,25 +3382,26 @@
 .ra-shell .ra-preview-reopen {
   position: absolute;
   top: 50%;
-  right: 0;
+  right: 0.5rem;
   transform: translateY(-50%);
   z-index: 4;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 0.4rem;
-  padding: 0.65rem 0.45rem;
-  background: hsl(var(--ra-surface));
-  color: hsl(var(--ra-muted-text));
-  border: 1px solid hsl(var(--ra-border));
-  border-right: 0;
-  border-radius: calc(var(--ra-radius) * 0.85) 0 0 calc(var(--ra-radius) * 0.85);
-  box-shadow: var(--ra-card-shadow);
+  padding: 0.75rem 0.55rem;
+  background: hsl(var(--ra-accent));
+  color: hsl(var(--ra-accent-fg, 0 0% 100%));
+  border: 1px solid hsl(var(--ra-accent));
+  border-radius: 999px;
+  box-shadow: 0 1px 2px hsl(0 0% 0% / 0.08), 0 8px 18px -8px hsl(var(--ra-accent) / 0.55);
   cursor: pointer;
   transition:
-    color .12s ease,
+    transform .14s ease,
+    box-shadow .14s ease,
     background .12s ease,
-    padding-right .15s ease;
+    right .14s ease,
+    filter .12s ease;
   writing-mode: vertical-rl;
   font-size: 0.7rem;
   font-weight: 600;
@@ -3408,9 +3409,14 @@
   text-transform: uppercase;
 }
 .ra-shell .ra-preview-reopen:hover {
-  color: hsl(var(--ra-accent));
-  background: hsl(var(--ra-accent) / 0.04);
-  padding-right: 0.6rem;
+  right: 0.65rem;
+  transform: translateY(-50%) translateX(0);
+  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);
+}
+.ra-shell .ra-preview-reopen:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px var(--ra-focus-ring), 0 8px 18px -8px hsl(var(--ra-accent) / 0.55);
 }
 .ra-shell .ra-preview-reopen svg {
   width: 0.85rem;
@@ -3643,4 +3649,7 @@
     transform: rotate(360deg);
   }
 }
+.sl-ui-records-admin-styles-loaded {
+  --sl-ui-records-admin-styles: loaded;
+}
 /*# sourceMappingURL=index.css.map */