@opengeni/react 3.7.0-canary.7 → 3.8.0-canary.1

package/styles/compiled.css

@@ -469,6 +469,7 @@
     --leading-tight: 1.25;
     --leading-snug: 1.375;
     --leading-relaxed: 1.625;
+    --radius-2xl: 1rem;
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --blur-sm: 8px;
     --blur-md: 12px;
@@ -1004,6 +1005,9 @@
 :where(.og-root).z-\[1\],:where(.og-root) .z-\[1\] {
     z-index: 1;
   }
+:where(.og-root).z-\[35\],:where(.og-root) .z-\[35\] {
+    z-index: 35;
+  }
 :where(.og-root).z-\[75\],:where(.og-root) .z-\[75\] {
     z-index: 75;
   }
@@ -1139,6 +1143,9 @@
 :where(.og-root).mr-2,:where(.og-root) .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
+:where(.og-root).mb-0\.5,:where(.og-root) .mb-0\.5 {
+    margin-bottom: calc(var(--spacing) * 0.5);
+  }
 :where(.og-root).mb-1,:where(.og-root) .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
@@ -1199,6 +1206,12 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
   }
+:where(.og-root).line-clamp-4,:where(.og-root) .line-clamp-4 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 4;
+  }
 :where(.og-root).block,:where(.og-root) .block {
     display: block;
   }
@@ -1361,9 +1374,6 @@
 :where(.og-root).max-h-20,:where(.og-root) .max-h-20 {
     max-height: calc(var(--spacing) * 20);
   }
-:where(.og-root).max-h-28,:where(.og-root) .max-h-28 {
-    max-height: calc(var(--spacing) * 28);
-  }
 :where(.og-root).max-h-40,:where(.og-root) .max-h-40 {
     max-height: calc(var(--spacing) * 40);
   }
@@ -1403,12 +1413,12 @@
 :where(.og-root).max-h-\[min\(28rem\,50dvh\)\],:where(.og-root) .max-h-\[min\(28rem\,50dvh\)\] {
     max-height: min(28rem, 50dvh);
   }
+:where(.og-root).max-h-\[min\(28rem\,55vh\)\],:where(.og-root) .max-h-\[min\(28rem\,55vh\)\] {
+    max-height: min(28rem, 55vh);
+  }
 :where(.og-root).max-h-\[min\(30rem\,60dvh\)\],:where(.og-root) .max-h-\[min\(30rem\,60dvh\)\] {
     max-height: min(30rem, 60dvh);
   }
-:where(.og-root).max-h-\[min\(32rem\,70vh\)\],:where(.og-root) .max-h-\[min\(32rem\,70vh\)\] {
-    max-height: min(32rem, 70vh);
-  }
 :where(.og-root).max-h-\[min\(32rem\,var\(--radix-popover-content-available-height\)\)\],:where(.og-root) .max-h-\[min\(32rem\,var\(--radix-popover-content-available-height\)\)\] {
     max-height: min(32rem, var(--radix-popover-content-available-height));
   }
@@ -1589,6 +1599,9 @@
 :where(.og-root).max-w-\[calc\(100vw-16px\)\],:where(.og-root) .max-w-\[calc\(100vw-16px\)\] {
     max-width: calc(100vw - 16px);
   }
+:where(.og-root).max-w-\[min\(18rem\,calc\(100vw-1\.5rem\)\)\],:where(.og-root) .max-w-\[min\(18rem\,calc\(100vw-1\.5rem\)\)\] {
+    max-width: min(18rem, calc(100vw - 1.5rem));
+  }
 :where(.og-root).max-w-full,:where(.og-root) .max-w-full {
     max-width: 100%;
   }
@@ -1607,6 +1620,9 @@
 :where(.og-root).min-w-0,:where(.og-root) .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
+:where(.og-root).min-w-4,:where(.og-root) .min-w-4 {
+    min-width: calc(var(--spacing) * 4);
+  }
 :where(.og-root).min-w-10,:where(.og-root) .min-w-10 {
     min-width: calc(var(--spacing) * 10);
   }
@@ -1669,6 +1685,10 @@
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+:where(.og-root).-translate-y-\[110\%\],:where(.og-root) .-translate-y-\[110\%\] {
+    --tw-translate-y: calc(110% * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
 :where(.og-root).-translate-y-full,:where(.og-root) .-translate-y-full {
     --tw-translate-y: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1993,6 +2013,9 @@
 :where(.og-root).rounded,:where(.og-root) .rounded {
     border-radius: 0.25rem;
   }
+:where(.og-root).rounded-2xl,:where(.og-root) .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
 :where(.og-root).rounded-\[2px\],:where(.og-root) .rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -2367,6 +2390,12 @@
       background-color: color-mix(in oklab, var(--_og-color-accent-soft) 45%, transparent);
     }
   }
+:where(.og-root).bg-og-accent-soft\/50,:where(.og-root) .bg-og-accent-soft\/50 {
+    background-color: var(--_og-color-accent-soft);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--_og-color-accent-soft) 50%, transparent);
+    }
+  }
 :where(.og-root).bg-og-accent\/10,:where(.og-root) .bg-og-accent\/10 {
     background-color: var(--og-color-accent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2379,6 +2408,12 @@
       background-color: color-mix(in oklab, var(--og-color-accent) 15%, transparent);
     }
   }
+:where(.og-root).bg-og-accent\/55,:where(.og-root) .bg-og-accent\/55 {
+    background-color: var(--og-color-accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--og-color-accent) 55%, transparent);
+    }
+  }
 :where(.og-root).bg-og-bg,:where(.og-root) .bg-og-bg {
     background-color: var(--og-color-bg);
   }
@@ -2921,6 +2956,9 @@
 :where(.og-root).pl-2,:where(.og-root) .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+:where(.og-root).pl-2\.5,:where(.og-root) .pl-2\.5 {
+    padding-left: calc(var(--spacing) * 2.5);
+  }
 :where(.og-root).pl-3,:where(.og-root) .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
@@ -3368,6 +3406,12 @@
 :where(.og-root).ring-og-accent,:where(.og-root) .ring-og-accent {
     --tw-ring-color: var(--og-color-accent);
   }
+:where(.og-root).ring-og-accent-fg\/35,:where(.og-root) .ring-og-accent-fg\/35 {
+    --tw-ring-color: var(--og-color-accent-fg);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--og-color-accent-fg) 35%, transparent);
+    }
+  }
 :where(.og-root).ring-og-accent\/45,:where(.og-root) .ring-og-accent\/45 {
     --tw-ring-color: var(--og-color-accent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3807,6 +3851,12 @@
       position: absolute;
     }
   }
+:where(.og-root).after\:-inset-2,:where(.og-root) .after\:-inset-2 {
+    &::after {
+      content: var(--tw-content);
+      inset: calc(var(--spacing) * -2);
+    }
+  }
 :where(.og-root).after\:inset-x-0,:where(.og-root) .after\:inset-x-0 {
     &::after {
       content: var(--tw-content);
@@ -3912,6 +3962,12 @@
       background-color: var(--_og-color-accent-soft);
     }
   }
+:where(.og-root).after\:content-\[\'\'\],:where(.og-root) .after\:content-\[\'\'\] {
+    &::after {
+      --tw-content: '';
+      content: var(--tw-content);
+    }
+  }
 :where(.og-root).first\:mt-0,:where(.og-root) .first\:mt-0 {
     &:first-child {
       margin-top: calc(var(--spacing) * 0);
@@ -4006,6 +4062,16 @@
       }
     }
   }
+:where(.og-root).hover\:border-og-accent\/40,:where(.og-root) .hover\:border-og-accent\/40 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--og-color-accent);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--og-color-accent) 40%, transparent);
+        }
+      }
+    }
+  }
 :where(.og-root).hover\:border-og-border,:where(.og-root) .hover\:border-og-border {
     &:hover {
       @media (hover: hover) {
@@ -4397,23 +4463,12 @@
       opacity: 100%;
     }
   }
-:where(.og-root).focus\:ring-1,:where(.og-root) .focus\:ring-1 {
-    &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
 :where(.og-root).focus\:ring-2,:where(.og-root) .focus\:ring-2 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-:where(.og-root).focus\:ring-og-accent,:where(.og-root) .focus\:ring-og-accent {
-    &:focus {
-      --tw-ring-color: var(--og-color-accent);
-    }
-  }
 :where(.og-root).focus\:ring-og-accent-soft,:where(.og-root) .focus\:ring-og-accent-soft {
     &:focus {
       --tw-ring-color: var(--_og-color-accent-soft);
@@ -4468,6 +4523,12 @@
       opacity: 100%;
     }
   }
+:where(.og-root).focus-visible\:ring-0,:where(.og-root) .focus-visible\:ring-0 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
 :where(.og-root).focus-visible\:ring-2,:where(.og-root) .focus-visible\:ring-2 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -5080,11 +5141,6 @@
       padding-inline: calc(var(--spacing) * 3);
     }
   }
-:where(.og-root).sm\:px-4,:where(.og-root) .sm\:px-4 {
-    @media (width >= 40rem) {
-      padding-inline: calc(var(--spacing) * 4);
-    }
-  }
 :where(.og-root).sm\:px-6,:where(.og-root) .sm\:px-6 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 6);
@@ -5259,6 +5315,14 @@
       opacity: 100%;
     }
   }
+:where(.og-root).pointer-coarse\:after\:-inset-2\.5,:where(.og-root) .pointer-coarse\:after\:-inset-2\.5 {
+    @media (pointer: coarse) {
+      &::after {
+        content: var(--tw-content);
+        inset: calc(var(--spacing) * -2.5);
+      }
+    }
+  }
 :where(.og-root).\[\&_strong\]\:text-og-fg-muted,:where(.og-root) .\[\&_strong\]\:text-og-fg-muted {
     & strong {
       color: var(--og-color-fg-muted);