@prisma/studio-core 0.1.0 → 0.2.0

package/dist/ui/index.css

@@ -538,6 +538,7 @@ video {
     --table-border: 240 5.9% 90%;
 
     --studio-cell-spacing: 0.5rem;
+    --studio-cell-height: 38px;
   }
   .dark {
     --background: 240 10% 3.9%;
@@ -585,6 +586,9 @@ video {
   white-space: nowrap;
   border-width: 0;
 }
+.ps-pointer-events-none {
+  pointer-events: none;
+}
 .ps-fixed {
   position: fixed;
 }
@@ -641,6 +645,9 @@ video {
 .ps-top-\[50\%\] {
   top: 50%;
 }
+.\!ps-z-50 {
+  z-index: 50 !important;
+}
 .ps-z-10 {
   z-index: 10;
 }
@@ -668,9 +675,15 @@ video {
 .ps-ml-auto {
   margin-left: auto;
 }
+.ps-mr-auto {
+  margin-right: auto;
+}
 .ps-mt-4 {
   margin-top: 1rem;
 }
+.ps-box-border {
+  box-sizing: border-box;
+}
 .ps-block {
   display: block;
 }
@@ -701,6 +714,9 @@ video {
 .ps-h-4 {
   height: 1rem;
 }
+.ps-h-5 {
+  height: 1.25rem;
+}
 .ps-h-6 {
   height: 1.5rem;
 }
@@ -719,6 +735,9 @@ video {
 .ps-h-\[var\(--radix-select-trigger-height\)\] {
   height: var(--radix-select-trigger-height);
 }
+.ps-h-\[var\(--studio-cell-height\)\] {
+  height: var(--studio-cell-height);
+}
 .ps-h-full {
   height: 100%;
 }
@@ -737,9 +756,15 @@ video {
 .ps-max-h-full {
   max-height: 100%;
 }
+.ps-min-h-0 {
+  min-height: 0px;
+}
 .ps-min-h-\[60px\] {
   min-height: 60px;
 }
+.ps-min-h-full {
+  min-height: 100%;
+}
 .ps-w-0 {
   width: 0px;
 }
@@ -901,6 +926,14 @@ video {
 .ps-resize-none {
   resize: none;
 }
+.ps-resize {
+  resize: both;
+}
+.ps-appearance-none {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
 .ps-flex-row {
   flex-direction: row;
 }
@@ -922,6 +955,9 @@ video {
 .ps-justify-between {
   justify-content: space-between;
 }
+.ps-gap-0 {
+  gap: 0px;
+}
 .ps-gap-1 {
   gap: 0.25rem;
 }
@@ -978,6 +1014,9 @@ video {
 .ps-whitespace-nowrap {
   white-space: nowrap;
 }
+.ps-rounded-full {
+  border-radius: 9999px;
+}
 .ps-rounded-lg {
   border-radius: var(--radius);
 }
@@ -1005,6 +1044,9 @@ video {
 .ps-border {
   border-width: 1px;
 }
+.ps-border-2 {
+  border-width: 2px;
+}
 .ps-border-b {
   border-bottom-width: 1px;
 }
@@ -1023,6 +1065,10 @@ 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));
 }
@@ -1035,6 +1081,10 @@ video {
 .ps-border-transparent {
   border-color: transparent;
 }
+.ps-border-violet-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
+}
 .ps-bg-background {
   background-color: hsl(var(--background));
 }
@@ -1073,6 +1123,10 @@ video {
 .ps-bg-secondary {
   background-color: hsl(var(--secondary));
 }
+.ps-bg-slate-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
+}
 .ps-bg-table-head {
   background-color: hsl(var(--table-head));
 }
@@ -1100,9 +1154,6 @@ video {
 .ps-p-6 {
   padding: 1.5rem;
 }
-.ps-p-\[var\(--studio-cell-spacing\)\] {
-  padding: var(--studio-cell-spacing);
-}
 .ps-px-0 {
   padding-left: 0px;
   padding-right: 0px;
@@ -1131,6 +1182,10 @@ video {
   padding-left: var(--studio-cell-spacing);
   padding-right: var(--studio-cell-spacing);
 }
+.ps-py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
 .ps-py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
@@ -1190,9 +1245,8 @@ video {
 .ps-font-mono {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
-.ps-text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
+.ps-text-\[8px\] {
+  font-size: 8px;
 }
 .ps-text-lg {
   font-size: 1.125rem;
@@ -1218,6 +1272,9 @@ video {
 .ps-capitalize {
   text-transform: capitalize;
 }
+.ps-leading-\[var\(--studio-cell-height\)\] {
+  line-height: var(--studio-cell-height);
+}
 .ps-leading-none {
   line-height: 1;
 }
@@ -1313,6 +1370,11 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.ps-ring-0 {
+  --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);
+}
 .ps-ring-offset-background {
   --tw-ring-offset-color: hsl(var(--background));
 }
@@ -1343,6 +1405,11 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.ps-transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .ps-duration-200 {
   transition-duration: 200ms;
 }
@@ -1394,6 +1461,51 @@ body {
   color: hsl(var(--foreground));
 }
 
+.ps-min-w-cell {
+  min-width: calc(var(--radix-popover-trigger-width) + 1px);
+}
+
+.ps-cell-input-base {
+  padding-top: 11px;
+  padding-bottom: 11px;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  line-height: 1;
+}
+
+@media (min-width: 768px) {
+
+  .ps-cell-input-base {
+    font-size: 0.75rem;
+    line-height: 1rem;
+    line-height: 1;
+  }
+}
+
+.ps-cell-input-leading {
+  height: var(--studio-cell-height);
+  padding-top: 11px;
+  padding-bottom: 11px;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  line-height: 1;
+}
+
+@media (min-width: 768px) {
+
+  .ps-cell-input-leading {
+    font-size: 0.75rem;
+    line-height: 1rem;
+    line-height: 1;
+  }
+}
+
+.ps-table-cell-select {
+  width: 40px;
+  min-width: 40px;
+  max-width: 40px;
+}
+
 .file\:ps-border-0::file-selector-button {
   border-width: 0px;
 }
@@ -1459,10 +1571,6 @@ body {
   background-color: hsl(var(--secondary) / 0.8);
 }
 
-.hover\:ps-bg-transparent:hover {
-  background-color: transparent;
-}
-
 .hover\:ps-text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
@@ -1504,15 +1612,6 @@ body {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.focus\:ps-ring-inset:focus {
-  --tw-ring-inset: inset;
-}
-
-.focus\:ps-ring-indigo-400:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
-}
-
 .focus\:ps-ring-ring:focus {
   --tw-ring-color: hsl(var(--ring));
 }
@@ -1538,10 +1637,24 @@ body {
   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;
 }
@@ -1554,6 +1667,14 @@ body {
   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;
 }
@@ -1578,6 +1699,16 @@ body {
   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-primary\/5[data-active="true"] {
   background-color: hsl(var(--primary) / 0.05);
 }
@@ -1598,6 +1729,10 @@ body {
   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));
 }
@@ -1788,26 +1923,12 @@ body {
     font-size: 0.875rem;
     line-height: 1.25rem;
   }
-
-  .md\:ps-text-xs {
-    font-size: 0.75rem;
-    line-height: 1rem;
-  }
-}
-
-.\[\&\:has\(\[role\=checkbox\]\)\]\:ps-pr-0:has([role=checkbox]) {
-  padding-right: 0px;
 }
 
 .\[\&\:last-of-type_td\]\:ps-border-b-0:last-of-type td {
   border-bottom-width: 0px;
 }
 
-.\[\&\>\[role\=checkbox\]\]\:ps-translate-y-\[2px\]>[role=checkbox] {
-  --tw-translate-y: 2px;
-  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));
-}
-
 .\[\&\>span\]\:ps-line-clamp-1>span {
   overflow: hidden;
   display: -webkit-box;
@@ -1841,14 +1962,6 @@ body {
   flex-shrink: 0;
 }
 
-.\[\&_th\]\:ps-sticky th {
-  position: sticky;
-}
-
-.\[\&_th\]\:ps-top-0 th {
-  top: 0px;
-}
-
 .\[\&_tr\:last-child\]\:ps-border-0 tr:last-child {
   border-width: 0px;
 }

package/dist/ui/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as Adapter } from '../adapter-Co8KY8Hi.cjs';
+import { A as Adapter } from '../adapter-CKFCHq71.cjs';
 
 interface StudioProps {
     adapter: Adapter;

package/dist/ui/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as Adapter } from '../adapter-Co8KY8Hi.js';
+import { A as Adapter } from '../adapter-CKFCHq71.js';
 
 interface StudioProps {
     adapter: Adapter;