@prisma/studio-core 0.0.0-dev.202505091017 → 0.0.0-dev.202505091057

package/dist/ui/index.css

@@ -500,30 +500,33 @@ video {
   display: none;
 }
   :root {
+    /* Shadcn */
     --background: 0 0% 100%;
-    --foreground: 240 10% 3.9%;
+    --foreground: 224 71.4% 4.1%;
     --card: 0 0% 100%;
-    --card-foreground: 240 10% 3.9%;
+    --card-foreground: 224 71.4% 4.1%;
     --popover: 0 0% 100%;
-    --popover-foreground: 240 10% 3.9%;
-    --primary: 240 5.9% 10%;
-    --primary-foreground: 0 0% 98%;
-    --secondary: 240 4.8% 95.9%;
-    --secondary-foreground: 240 5.9% 10%;
-    --muted: 240 4.8% 95.9%;
-    --muted-foreground: 240 3.8% 46.1%;
-    --accent: 240 4.8% 95.9%;
-    --accent-foreground: 240 5.9% 10%;
+    --popover-foreground: 224 71.4% 4.1%;
+    --primary: 262.1 83.3% 57.8%;
+    --primary-foreground: 210 20% 98%;
+    --secondary: 220 14.3% 95.9%;
+    --secondary-foreground: 220.9 39.3% 11%;
+    --muted: 220 14.3% 95.9%;
+    --muted-foreground: 220 8.9% 46.1%;
+    --accent: 220 14.3% 95.9%;
+    --accent-foreground: 220.9 39.3% 11%;
     --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 240 5.9% 90%;
-    --input: 240 5.9% 90%;
-    --ring: 240 10% 3.9%;
+    --destructive-foreground: 210 20% 98%;
+    --border: 220 13% 91%;
+    --input: 220 13% 91%;
+    --ring: 262.1 83.3% 57.8%;
     --chart-1: 12 76% 61%;
     --chart-2: 173 58% 39%;
     --chart-3: 197 37% 24%;
     --chart-4: 43 74% 66%;
     --chart-5: 27 87% 67%;
+
+    /* Studio */
     --radius: 0.5rem;
     --sidebar-background: 0 0% 98%;
     --sidebar-foreground: 240 5.3% 26.1%;
@@ -541,30 +544,33 @@ video {
     --studio-cell-height: 38px;
   }
   .dark {
-    --background: 240 10% 3.9%;
-    --foreground: 0 0% 98%;
-    --card: 240 10% 3.9%;
-    --card-foreground: 0 0% 98%;
-    --popover: 240 10% 3.9%;
-    --popover-foreground: 0 0% 98%;
-    --primary: 0 0% 98%;
-    --primary-foreground: 240 5.9% 10%;
-    --secondary: 240 3.7% 15.9%;
-    --secondary-foreground: 0 0% 98%;
-    --muted: 240 3.7% 15.9%;
-    --muted-foreground: 240 5% 64.9%;
-    --accent: 240 3.7% 15.9%;
-    --accent-foreground: 0 0% 98%;
+    /* Studio */
+    --background: 224 71.4% 4.1%;
+    --foreground: 210 20% 98%;
+    --card: 224 71.4% 4.1%;
+    --card-foreground: 210 20% 98%;
+    --popover: 224 71.4% 4.1%;
+    --popover-foreground: 210 20% 98%;
+    --primary: 263.4 70% 50.4%;
+    --primary-foreground: 210 20% 98%;
+    --secondary: 215 27.9% 16.9%;
+    --secondary-foreground: 210 20% 98%;
+    --muted: 215 27.9% 16.9%;
+    --muted-foreground: 217.9 10.6% 64.9%;
+    --accent: 215 27.9% 16.9%;
+    --accent-foreground: 210 20% 98%;
     --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 240 3.7% 15.9%;
-    --input: 240 3.7% 15.9%;
-    --ring: 240 4.9% 83.9%;
+    --destructive-foreground: 210 20% 98%;
+    --border: 215 27.9% 16.9%;
+    --input: 215 27.9% 16.9%;
+    --ring: 263.4 70% 50.4%;
     --chart-1: 220 70% 50%;
     --chart-2: 160 60% 45%;
     --chart-3: 30 80% 55%;
     --chart-4: 280 65% 60%;
     --chart-5: 340 75% 55%;
+
+    /* Studio */
     --sidebar-background: 240 5.9% 10%;
     --sidebar-foreground: 240 4.8% 95.9%;
     --sidebar-primary: 224.3 76.3% 48%;
@@ -1137,10 +1143,6 @@ video {
 .ps-border-none {
   border-style: none;
 }
-.ps-border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
 .ps-border-input {
   border-color: hsl(var(--input));
 }
@@ -1172,6 +1174,9 @@ video {
 .ps-bg-destructive {
   background-color: hsl(var(--destructive));
 }
+.ps-bg-foreground\/10 {
+  background-color: hsl(var(--foreground) / 0.1);
+}
 .ps-bg-gray-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
@@ -1196,9 +1201,6 @@ video {
 .ps-bg-primary {
   background-color: hsl(var(--primary));
 }
-.ps-bg-primary\/10 {
-  background-color: hsl(var(--primary) / 0.1);
-}
 .ps-bg-purple-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
@@ -1594,277 +1596,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;
@@ -1874,7 +1818,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;
@@ -1884,95 +1827,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 {
@@ -2001,7 +1921,6 @@ body {
     text-align: left;
   }
 }
-
 @media (min-width: 768px) {
 
   .md\:ps-text-sm {
@@ -2009,44 +1928,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;
 }