@object-ui/fields 17.6.0 → 18.0.0

package/dist/index.css

@@ -104,6 +104,9 @@
   .min-w-\[20px\] {
     min-width: 20px;
   }
+  .shrink {
+    flex-shrink: 1;
+  }
   .basis-\[9rem\] {
     flex-basis: 9rem;
   }
@@ -116,6 +119,9 @@
   .cursor-zoom-in {
     cursor: zoom-in;
   }
+  .grid-cols-\[auto_minmax\(0\,max-content\)\] {
+    grid-template-columns: auto minmax(0,max-content);
+  }
   .gap-x-3 {
     column-gap: calc(var(--spacing, 0.25rem) * 3);
   }
@@ -127,6 +133,9 @@
   .gap-y-1 {
     row-gap: var(--spacing, 0.25rem);
   }
+  .rounded-\[2px\] {
+    border-radius: 2px;
+  }
   .border-\[color\:var\(--os-badge-border\)\] {
     border-color: var(--os-badge-border);
   }
@@ -178,6 +187,9 @@
   .border-purple-200 {
     border-color: var(--color-purple-200, oklch(90.2% 0.063 306.703));
   }
+  .border-red-200 {
+    border-color: var(--color-red-200, oklch(88.5% 0.062 18.334));
+  }
   .border-red-500 {
     border-color: var(--color-red-500, oklch(63.7% 0.237 25.331));
   }
@@ -214,12 +226,21 @@
       background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
     }
   }
+  .bg-blue-50 {
+    background-color: var(--color-blue-50, oklch(97% 0.014 254.604));
+  }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
+  }
   .bg-destructive\/5 {
     background-color: color-mix(in srgb, hsl(var(--destructive)) 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-destructive, hsl(var(--destructive))) 5%, transparent);
     }
   }
+  .bg-gray-50 {
+    background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
+  }
   .bg-gray-200 {
     background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
   }
@@ -280,18 +301,33 @@
   .px-px {
     padding-inline: 1px;
   }
-  .py-8 {
-    padding-block: calc(var(--spacing, 0.25rem) * 8);
+  .pt-3 {
+    padding-top: calc(var(--spacing, 0.25rem) * 3);
   }
   .pr-1\.5 {
     padding-right: calc(var(--spacing, 0.25rem) * 1.5);
   }
+  .pr-8 {
+    padding-right: calc(var(--spacing, 0.25rem) * 8);
+  }
+  .pr-9 {
+    padding-right: calc(var(--spacing, 0.25rem) * 9);
+  }
+  .pr-16 {
+    padding-right: calc(var(--spacing, 0.25rem) * 16);
+  }
   .pl-0\.5 {
     padding-left: calc(var(--spacing, 0.25rem) * 0.5);
   }
   .pl-9 {
     padding-left: calc(var(--spacing, 0.25rem) * 9);
   }
+  .align-top {
+    vertical-align: top;
+  }
+  .text-\[9px\] {
+    font-size: 9px;
+  }
   .text-\[color\:var\(--os-badge-fg\)\] {
     color: var(--os-badge-fg);
   }
@@ -331,12 +367,12 @@
   .text-red-600 {
     color: var(--color-red-600, oklch(57.7% 0.245 27.325));
   }
+  .text-white {
+    color: var(--color-white, #fff);
+  }
   .text-yellow-800 {
     color: var(--color-yellow-800, oklch(47.6% 0.114 61.907));
   }
-  .underline-offset-2 {
-    text-underline-offset: 2px;
-  }
   .opacity-30 {
     opacity: 30%;
   }
@@ -355,6 +391,10 @@
       --tw-ring-color: color-mix(in oklab, var(--color-destructive, hsl(var(--destructive))) 50%, transparent);
     }
   }
+  .invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
@@ -485,14 +525,28 @@
     }
   }
   @media (width >= 40rem) {
+    .sm\:ml-auto {
+      margin-left: auto;
+    }
     .sm\:max-w-4xl {
       max-width: var(--container-4xl, 56rem);
     }
+    .sm\:max-w-xl {
+      max-width: var(--container-xl, 36rem);
+    }
     .sm\:justify-between {
       justify-content: space-between;
     }
+    :where(.sm\:space-x-0 > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: 0;
+      margin-inline-end: 0;
+    }
   }
   @media (width >= 64rem) {
+    .lg\:max-w-4xl {
+      max-width: var(--container-4xl, 56rem);
+    }
     .lg\:max-w-5xl {
       max-width: var(--container-5xl, 64rem);
     }
@@ -500,6 +554,9 @@
   .dark\:border-\[color\:var\(--os-badge-border-dark\)\]:where(.dark, .dark *) {
     border-color: var(--os-badge-border-dark);
   }
+  .dark\:border-amber-700:where(.dark, .dark *) {
+    border-color: var(--color-amber-700, oklch(55.5% 0.163 48.998));
+  }
   .dark\:border-blue-900\/60:where(.dark, .dark *) {
     border-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -560,6 +617,9 @@
   .dark\:bg-\[color\:var\(--os-dot-bg-dark\)\]:where(.dark, .dark *) {
     background-color: var(--os-dot-bg-dark);
   }
+  .dark\:bg-amber-950:where(.dark, .dark *) {
+    background-color: var(--color-amber-950, oklch(27.9% 0.077 45.635));
+  }
   .dark\:bg-blue-950\/40:where(.dark, .dark *) {
     background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -620,6 +680,9 @@
   .dark\:text-\[color\:var\(--os-badge-fg-dark\)\]:where(.dark, .dark *) {
     color: var(--os-badge-fg-dark);
   }
+  .dark\:text-amber-100:where(.dark, .dark *) {
+    color: var(--color-amber-100, oklch(96.2% 0.059 95.617));
+  }
   .dark\:text-blue-300:where(.dark, .dark *) {
     color: var(--color-blue-300, oklch(80.9% 0.105 251.813));
   }