@prisma/studio-core 0.0.0-dev.202505091009 → 0.0.0-dev.202505091027

package/dist/ui/index.css

@@ -768,6 +768,9 @@ video {
 .ps-max-h-\[--radix-select-content-available-height\] {
   max-height: var(--radix-select-content-available-height);
 }
+.ps-max-h-\[520px\] {
+  max-height: 520px;
+}
 .ps-max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
@@ -1591,277 +1594,219 @@ body {
   }
 }
 
+/* Portals are outside the studio DOM scope */
+[data-radix-popper-content-wrapper] {
+  z-index: 9999 !important;
+}
 .file\:ps-border-0::file-selector-button {
   border-width: 0px;
 }
-
 .file\:ps-bg-transparent::file-selector-button {
   background-color: transparent;
 }
-
 .file\:ps-text-sm::file-selector-button {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-
 .file\:ps-font-medium::file-selector-button {
   font-weight: 500;
 }
-
 .file\:ps-text-foreground::file-selector-button {
   color: hsl(var(--foreground));
 }
-
 .placeholder\:ps-text-muted-foreground::-moz-placeholder {
   color: hsl(var(--muted-foreground));
 }
-
 .placeholder\:ps-text-muted-foreground::placeholder {
   color: hsl(var(--muted-foreground));
 }
-
 .hover\:ps-border-table-border:hover {
   border-color: hsl(var(--table-border));
 }
-
 .hover\:ps-bg-accent:hover {
   background-color: hsl(var(--accent));
 }
-
 .hover\:ps-bg-destructive\/80:hover {
   background-color: hsl(var(--destructive) / 0.8);
 }
-
 .hover\:ps-bg-destructive\/90:hover {
   background-color: hsl(var(--destructive) / 0.9);
 }
-
 .hover\:ps-bg-muted\/50:hover {
   background-color: hsl(var(--muted) / 0.5);
 }
-
 .hover\:ps-bg-primary\/80:hover {
   background-color: hsl(var(--primary) / 0.8);
 }
-
 .hover\:ps-bg-primary\/90:hover {
   background-color: hsl(var(--primary) / 0.9);
 }
-
 .hover\:ps-bg-secondary\/80:hover {
   background-color: hsl(var(--secondary) / 0.8);
 }
-
 .hover\:ps-text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
-
 .hover\:ps-text-foreground:hover {
   color: hsl(var(--foreground));
 }
-
 .hover\:ps-underline:hover {
   text-decoration-line: underline;
 }
-
 .hover\:ps-opacity-100:hover {
   opacity: 1;
 }
-
 .focus\:ps-bg-accent:focus {
   background-color: hsl(var(--accent));
 }
-
 .focus\:ps-text-accent-foreground:focus {
   color: hsl(var(--accent-foreground));
 }
-
 .focus\:ps-outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-
 .focus\:ps-ring-1:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
-
 .focus\:ps-ring-2:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
-
 .focus\:ps-ring-ring:focus {
   --tw-ring-color: hsl(var(--ring));
 }
-
 .focus\:ps-ring-offset-2:focus {
   --tw-ring-offset-width: 2px;
 }
-
 .focus-visible\:ps-outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-
 .focus-visible\:ps-ring-0:focus-visible {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
-
 .focus-visible\:ps-ring-1:focus-visible {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
-
 .focus-visible\:ps-ring-2:focus-visible {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
-
 .focus-visible\:ps-ring-ring:focus-visible {
   --tw-ring-color: hsl(var(--ring));
 }
-
 .focus-visible\:ps-ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }
-
 .focus-visible\:ps-ring-offset-background:focus-visible {
   --tw-ring-offset-color: hsl(var(--background));
 }
-
 .disabled\:ps-pointer-events-none:disabled {
   pointer-events: none;
 }
-
 .disabled\:ps-cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
-
 .disabled\:ps-opacity-50:disabled {
   opacity: 0.5;
 }
-
 .ps-peer:disabled ~ .peer-disabled\:ps-cursor-not-allowed {
   cursor: not-allowed;
 }
-
 .ps-peer:disabled ~ .peer-disabled\:ps-opacity-70 {
   opacity: 0.7;
 }
-
 .data-\[disabled\]\:ps-pointer-events-none[data-disabled] {
   pointer-events: none;
 }
-
 .data-\[side\=bottom\]\:ps-translate-y-1[data-side="bottom"] {
   --tw-translate-y: 0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .data-\[side\=left\]\:ps--translate-x-1[data-side="left"] {
   --tw-translate-x: -0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .data-\[side\=right\]\:ps-translate-x-1[data-side="right"] {
   --tw-translate-x: 0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .data-\[side\=top\]\:ps--translate-y-1[data-side="top"] {
   --tw-translate-y: -0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .data-\[state\=checked\]\:ps-translate-x-4[data-state="checked"] {
   --tw-translate-x: 1rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .data-\[state\=unchecked\]\:ps-translate-x-0[data-state="unchecked"] {
   --tw-translate-x: 0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .data-\[active\=true\]\:ps-bg-slate-200[data-active="true"] {
   --tw-bg-opacity: 1;
   background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
 }
-
 .data-\[state\=checked\]\:ps-bg-primary[data-state="checked"] {
   background-color: hsl(var(--primary));
 }
-
 .data-\[state\=open\]\:ps-bg-accent[data-state="open"] {
   background-color: hsl(var(--accent));
 }
-
 .data-\[state\=open\]\:ps-bg-secondary[data-state="open"] {
   background-color: hsl(var(--secondary));
 }
-
 .data-\[state\=selected\]\:ps-bg-muted[data-state="selected"] {
   background-color: hsl(var(--muted));
 }
-
 .data-\[state\=unchecked\]\:ps-bg-input[data-state="unchecked"] {
   background-color: hsl(var(--input));
 }
-
 .data-\[active\=true\]\:ps-text-foreground[data-active="true"] {
   color: hsl(var(--foreground));
 }
-
 .data-\[placeholder\]\:ps-text-muted-foreground[data-placeholder] {
   color: hsl(var(--muted-foreground));
 }
-
 .data-\[state\=checked\]\:ps-text-primary-foreground[data-state="checked"] {
   color: hsl(var(--primary-foreground));
 }
-
 .data-\[state\=open\]\:ps-text-accent-foreground[data-state="open"] {
   color: hsl(var(--accent-foreground));
 }
-
 .data-\[state\=open\]\:ps-text-muted-foreground[data-state="open"] {
   color: hsl(var(--muted-foreground));
 }
-
 .data-\[disabled\]\:ps-opacity-50[data-disabled] {
   opacity: 0.5;
 }
-
 .data-\[focus\=true\]\:ps-ring-2[data-focus="true"] {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
-
 .data-\[focus\=true\]\:ps-ring-inset[data-focus="true"] {
   --tw-ring-inset: inset;
 }
-
 .data-\[focus\=true\]\:ps-ring-indigo-400[data-focus="true"] {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
 }
-
 .data-\[state\=closed\]\:ps-duration-300[data-state="closed"] {
   transition-duration: 300ms;
 }
-
 .data-\[state\=open\]\:ps-duration-500[data-state="open"] {
   transition-duration: 500ms;
 }
-
 .data-\[state\=open\]\:ps-animate-in[data-state="open"] {
   animation-name: enter;
   animation-duration: 150ms;
@@ -1871,7 +1816,6 @@ body {
   --tw-enter-translate-x: initial;
   --tw-enter-translate-y: initial;
 }
-
 .data-\[state\=closed\]\:ps-animate-out[data-state="closed"] {
   animation-name: exit;
   animation-duration: 150ms;
@@ -1881,95 +1825,72 @@ body {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
-
 .data-\[state\=closed\]\:ps-fade-out-0[data-state="closed"] {
   --tw-exit-opacity: 0;
 }
-
 .data-\[state\=open\]\:ps-fade-in-0[data-state="open"] {
   --tw-enter-opacity: 0;
 }
-
 .data-\[state\=closed\]\:ps-zoom-out-95[data-state="closed"] {
   --tw-exit-scale: .95;
 }
-
 .data-\[state\=open\]\:ps-zoom-in-95[data-state="open"] {
   --tw-enter-scale: .95;
 }
-
 .data-\[side\=bottom\]\:ps-slide-in-from-top-2[data-side="bottom"] {
   --tw-enter-translate-y: -0.5rem;
 }
-
 .data-\[side\=left\]\:ps-slide-in-from-right-2[data-side="left"] {
   --tw-enter-translate-x: 0.5rem;
 }
-
 .data-\[side\=right\]\:ps-slide-in-from-left-2[data-side="right"] {
   --tw-enter-translate-x: -0.5rem;
 }
-
 .data-\[side\=top\]\:ps-slide-in-from-bottom-2[data-side="top"] {
   --tw-enter-translate-y: 0.5rem;
 }
-
 .data-\[state\=closed\]\:ps-slide-out-to-bottom[data-state="closed"] {
   --tw-exit-translate-y: 100%;
 }
-
 .data-\[state\=closed\]\:ps-slide-out-to-left[data-state="closed"] {
   --tw-exit-translate-x: -100%;
 }
-
 .data-\[state\=closed\]\:ps-slide-out-to-left-1\/2[data-state="closed"] {
   --tw-exit-translate-x: -50%;
 }
-
 .data-\[state\=closed\]\:ps-slide-out-to-right[data-state="closed"] {
   --tw-exit-translate-x: 100%;
 }
-
 .data-\[state\=closed\]\:ps-slide-out-to-top[data-state="closed"] {
   --tw-exit-translate-y: -100%;
 }
-
 .data-\[state\=closed\]\:ps-slide-out-to-top-\[48\%\][data-state="closed"] {
   --tw-exit-translate-y: -48%;
 }
-
 .data-\[state\=open\]\:ps-slide-in-from-bottom[data-state="open"] {
   --tw-enter-translate-y: 100%;
 }
-
 .data-\[state\=open\]\:ps-slide-in-from-left[data-state="open"] {
   --tw-enter-translate-x: -100%;
 }
-
 .data-\[state\=open\]\:ps-slide-in-from-left-1\/2[data-state="open"] {
   --tw-enter-translate-x: -50%;
 }
-
 .data-\[state\=open\]\:ps-slide-in-from-right[data-state="open"] {
   --tw-enter-translate-x: 100%;
 }
-
 .data-\[state\=open\]\:ps-slide-in-from-top[data-state="open"] {
   --tw-enter-translate-y: -100%;
 }
-
 .data-\[state\=open\]\:ps-slide-in-from-top-\[48\%\][data-state="open"] {
   --tw-enter-translate-y: -48%;
 }
-
 .data-\[state\=closed\]\:ps-duration-300[data-state="closed"] {
   animation-duration: 300ms;
 }
-
 .data-\[state\=open\]\:ps-duration-500[data-state="open"] {
   animation-duration: 500ms;
 }
-
 @media (min-width: 640px) {
 
   .sm\:ps-max-w-sm {
@@ -1998,7 +1919,6 @@ body {
     text-align: left;
   }
 }
-
 @media (min-width: 768px) {
 
   .md\:ps-text-sm {
@@ -2006,44 +1926,35 @@ body {
     line-height: 1.25rem;
   }
 }
-
 .\[\&\:last-of-type_td\]\:ps-border-b-0:last-of-type td {
   border-bottom-width: 0px;
 }
-
 .\[\&\>span\]\:ps-line-clamp-1>span {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
-
 .\[\&\>svg\]\:ps-size-4>svg {
   width: 1rem;
   height: 1rem;
 }
-
 .\[\&\>svg\]\:ps-shrink-0>svg {
   flex-shrink: 0;
 }
-
 .\[\&\>tr\]\:last\:ps-border-b-0:last-child>tr {
   border-bottom-width: 0px;
 }
-
 .\[\&_svg\]\:ps-pointer-events-none svg {
   pointer-events: none;
 }
-
 .\[\&_svg\]\:ps-size-4 svg {
   width: 1rem;
   height: 1rem;
 }
-
 .\[\&_svg\]\:ps-shrink-0 svg {
   flex-shrink: 0;
 }
-
 .\[\&_tr\:last-child\]\:ps-border-0 tr:last-child {
   border-width: 0px;
 }