@opengeni/react 1.0.1 → 2.2.0-canary.0

package/styles/compiled.css

@@ -372,6 +372,9 @@
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-translate-z: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-scale-z: 1;
   --tw-rotate-x: initial;
   --tw-rotate-y: initial;
   --tw-rotate-z: initial;
@@ -436,9 +439,6 @@
   --tw-backdrop-sepia: initial;
   --tw-duration: initial;
   --tw-ease: initial;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-scale-z: 1;
   --tw-content: "";
 }
 /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@@ -544,6 +544,9 @@
 :where(.og-root).end,:where(.og-root) .end {
     inset-inline-end: var(--spacing);
   }
+:where(.og-root).-top-0\.5,:where(.og-root) .-top-0\.5 {
+    top: calc(var(--spacing) * -0.5);
+  }
 :where(.og-root).-top-3,:where(.og-root) .-top-3 {
     top: calc(var(--spacing) * -3);
   }
@@ -568,6 +571,9 @@
 :where(.og-root).top-10,:where(.og-root) .top-10 {
     top: calc(var(--spacing) * 10);
   }
+:where(.og-root).-right-0\.5,:where(.og-root) .-right-0\.5 {
+    right: calc(var(--spacing) * -0.5);
+  }
 :where(.og-root).-right-3,:where(.og-root) .-right-3 {
     right: calc(var(--spacing) * -3);
   }
@@ -646,9 +652,6 @@
 :where(.og-root).z-\[2147483647\],:where(.og-root) .z-\[2147483647\] {
     z-index: 2147483647;
   }
-:where(.og-root).col-span-2,:where(.og-root) .col-span-2 {
-    grid-column: span 2 / span 2;
-  }
 :where(.og-root).col-span-full,:where(.og-root) .col-span-full {
     grid-column: 1 / -1;
   }
@@ -763,6 +766,9 @@
 :where(.og-root).mr-1,:where(.og-root) .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
+:where(.og-root).mr-1\.5,:where(.og-root) .mr-1\.5 {
+    margin-right: calc(var(--spacing) * 1.5);
+  }
 :where(.og-root).mr-2,:where(.og-root) .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
@@ -1042,6 +1048,9 @@
 :where(.og-root).min-h-0,:where(.og-root) .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
+:where(.og-root).min-h-6,:where(.og-root) .min-h-6 {
+    min-height: calc(var(--spacing) * 6);
+  }
 :where(.og-root).min-h-7,:where(.og-root) .min-h-7 {
     min-height: calc(var(--spacing) * 7);
   }
@@ -1099,6 +1108,12 @@
 :where(.og-root).w-11,:where(.og-root) .w-11 {
     width: calc(var(--spacing) * 11);
   }
+:where(.og-root).w-12,:where(.og-root) .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
+:where(.og-root).w-32,:where(.og-root) .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
 :where(.og-root).w-40,:where(.og-root) .w-40 {
     width: calc(var(--spacing) * 40);
   }
@@ -1186,6 +1201,9 @@
 :where(.og-root).max-w-\[85\%\],:where(.og-root) .max-w-\[85\%\] {
     max-width: 85%;
   }
+:where(.og-root).max-w-\[90\%\],:where(.og-root) .max-w-\[90\%\] {
+    max-width: 90%;
+  }
 :where(.og-root).max-w-\[180px\],:where(.og-root) .max-w-\[180px\] {
     max-width: 180px;
   }
@@ -1283,6 +1301,12 @@
     --tw-translate-y: calc(-50% - 2px);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+:where(.og-root).scale-90,:where(.og-root) .scale-90 {
+    --tw-scale-x: 90%;
+    --tw-scale-y: 90%;
+    --tw-scale-z: 90%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
 :where(.og-root).rotate-45,:where(.og-root) .rotate-45 {
     rotate: 45deg;
   }
@@ -1382,9 +1406,6 @@
 :where(.og-root).grid-cols-\[auto_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[auto_minmax\(0\,1fr\)\] {
     grid-template-columns: auto minmax(0,1fr);
   }
-:where(.og-root).grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\],:where(.og-root) .grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\] {
-    grid-template-columns: auto minmax(0,1fr) auto auto;
-  }
 :where(.og-root).grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\],:where(.og-root) .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(0,1fr) minmax(0,1fr);
   }
@@ -1517,9 +1538,6 @@
 :where(.og-root).gap-y-0\.5,:where(.og-root) .gap-y-0\.5 {
     row-gap: calc(var(--spacing) * 0.5);
   }
-:where(.og-root).gap-y-1,:where(.og-root) .gap-y-1 {
-    row-gap: calc(var(--spacing) * 1);
-  }
 :where(.og-root).gap-y-1\.5,:where(.og-root) .gap-y-1\.5 {
     row-gap: calc(var(--spacing) * 1.5);
   }
@@ -1552,12 +1570,6 @@
 :where(.og-root).self-start,:where(.og-root) .self-start {
     align-self: flex-start;
   }
-:where(.og-root).justify-self-end,:where(.og-root) .justify-self-end {
-    justify-self: flex-end;
-  }
-:where(.og-root).justify-self-start,:where(.og-root) .justify-self-start {
-    justify-self: flex-start;
-  }
 :where(.og-root).truncate,:where(.og-root) .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1642,6 +1654,9 @@
 :where(.og-root).rounded-br-og-xs,:where(.og-root) .rounded-br-og-xs {
     border-bottom-right-radius: var(--og-radius-xs);
   }
+:where(.og-root).rounded-bl-og-xs,:where(.og-root) .rounded-bl-og-xs {
+    border-bottom-left-radius: var(--og-radius-xs);
+  }
 :where(.og-root).border,:where(.og-root) .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1953,6 +1968,12 @@
 :where(.og-root).bg-og-accent-soft,:where(.og-root) .bg-og-accent-soft {
     background-color: var(--_og-color-accent-soft);
   }
+:where(.og-root).bg-og-accent-soft\/45,:where(.og-root) .bg-og-accent-soft\/45 {
+    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) 45%, 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)) {
@@ -1995,6 +2016,12 @@
 :where(.og-root).bg-og-border,:where(.og-root) .bg-og-border {
     background-color: var(--og-color-border);
   }
+:where(.og-root).bg-og-danger\/8,:where(.og-root) .bg-og-danger\/8 {
+    background-color: var(--og-color-danger);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--og-color-danger) 8%, transparent);
+    }
+  }
 :where(.og-root).bg-og-fg,:where(.og-root) .bg-og-fg {
     background-color: var(--og-color-fg);
   }
@@ -2121,12 +2148,24 @@
       background-color: color-mix(in oklab, var(--og-color-surface-1) 35%, transparent);
     }
   }
+:where(.og-root).bg-og-surface-1\/45,:where(.og-root) .bg-og-surface-1\/45 {
+    background-color: var(--og-color-surface-1);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--og-color-surface-1) 45%, transparent);
+    }
+  }
 :where(.og-root).bg-og-surface-1\/70,:where(.og-root) .bg-og-surface-1\/70 {
     background-color: var(--og-color-surface-1);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--og-color-surface-1) 70%, transparent);
     }
   }
+:where(.og-root).bg-og-surface-1\/75,:where(.og-root) .bg-og-surface-1\/75 {
+    background-color: var(--og-color-surface-1);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--og-color-surface-1) 75%, transparent);
+    }
+  }
 :where(.og-root).bg-og-surface-1\/85,:where(.og-root) .bg-og-surface-1\/85 {
     background-color: var(--og-color-surface-1);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2142,6 +2181,12 @@
 :where(.og-root).bg-og-surface-2,:where(.og-root) .bg-og-surface-2 {
     background-color: var(--og-color-surface-2);
   }
+:where(.og-root).bg-og-surface-2\/35,:where(.og-root) .bg-og-surface-2\/35 {
+    background-color: var(--og-color-surface-2);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--og-color-surface-2) 35%, transparent);
+    }
+  }
 :where(.og-root).bg-og-surface-2\/40,:where(.og-root) .bg-og-surface-2\/40 {
     background-color: var(--og-color-surface-2);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2682,6 +2727,9 @@
 :where(.og-root).text-og-bg,:where(.og-root) .text-og-bg {
     color: var(--og-color-bg);
   }
+:where(.og-root).text-og-danger,:where(.og-root) .text-og-danger {
+    color: var(--og-color-danger);
+  }
 :where(.og-root).text-og-fg,:where(.og-root) .text-og-fg {
     color: var(--og-color-fg);
   }
@@ -2789,6 +2837,15 @@
 :where(.og-root).decoration-og-border-strong,:where(.og-root) .decoration-og-border-strong {
     text-decoration-color: var(--og-color-border-strong);
   }
+:where(.og-root).decoration-og-status-failed\/50,:where(.og-root) .decoration-og-status-failed\/50 {
+    text-decoration-color: var(--og-color-status-failed);
+    @supports (color: color-mix(in lab, red, red)) {
+      text-decoration-color: color-mix(in oklab, var(--og-color-status-failed) 50%, transparent);
+    }
+  }
+:where(.og-root).decoration-dotted,:where(.og-root) .decoration-dotted {
+    text-decoration-style: dotted;
+  }
 :where(.og-root).underline-offset-2,:where(.og-root) .underline-offset-2 {
     text-underline-offset: 2px;
   }
@@ -2833,6 +2890,10 @@
     --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
     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).shadow-\[inset_2px_0_0_var\(--og-color-accent\)\],:where(.og-root) .shadow-\[inset_2px_0_0_var\(--og-color-accent\)\] {
+    --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--og-color-accent));
+    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).shadow-lg,:where(.og-root) .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3973,6 +4034,14 @@
       }
     }
   }
+:where(.og-root).focus-visible\:ring-og-accent\/50,:where(.og-root) .focus-visible\:ring-og-accent\/50 {
+    &:focus-visible {
+      --tw-ring-color: var(--og-color-accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--og-color-accent) 50%, transparent);
+      }
+    }
+  }
 :where(.og-root).focus-visible\:ring-og-status-failed\/50,:where(.og-root) .focus-visible\:ring-og-status-failed\/50 {
     &:focus-visible {
       --tw-ring-color: var(--og-color-status-failed);
@@ -4049,6 +4118,11 @@
       cursor: not-allowed;
     }
   }
+:where(.og-root).disabled\:cursor-wait,:where(.og-root) .disabled\:cursor-wait {
+    &:disabled {
+      cursor: wait;
+    }
+  }
 :where(.og-root).disabled\:bg-og-surface-3,:where(.og-root) .disabled\:bg-og-surface-3 {
     &:disabled {
       background-color: var(--og-color-surface-3);
@@ -4207,16 +4281,6 @@
       transition-property: none;
     }
   }
-:where(.og-root).max-\[1023px\]\:col-span-3,:where(.og-root) .max-\[1023px\]\:col-span-3 {
-    @media (width < 1023px) {
-      grid-column: span 3 / span 3;
-    }
-  }
-:where(.og-root).max-\[1023px\]\:row-start-2,:where(.og-root) .max-\[1023px\]\:row-start-2 {
-    @media (width < 1023px) {
-      grid-row-start: 2;
-    }
-  }
 :where(.og-root).max-\[1023px\]\:-mx-\[19px\],:where(.og-root) .max-\[1023px\]\:-mx-\[19px\] {
     @media (width < 1023px) {
       margin-inline: calc(19px * -1);
@@ -4238,14 +4302,19 @@
       min-height: calc(var(--spacing) * 11);
     }
   }
+:where(.og-root).max-\[1023px\]\:min-h-12,:where(.og-root) .max-\[1023px\]\:min-h-12 {
+    @media (width < 1023px) {
+      min-height: calc(var(--spacing) * 12);
+    }
+  }
 :where(.og-root).max-\[1023px\]\:w-11,:where(.og-root) .max-\[1023px\]\:w-11 {
     @media (width < 1023px) {
       width: calc(var(--spacing) * 11);
     }
   }
-:where(.og-root).max-\[1023px\]\:w-full,:where(.og-root) .max-\[1023px\]\:w-full {
+:where(.og-root).max-\[1023px\]\:w-36,:where(.og-root) .max-\[1023px\]\:w-36 {
     @media (width < 1023px) {
-      width: 100%;
+      width: calc(var(--spacing) * 36);
     }
   }
 :where(.og-root).max-\[1023px\]\:min-w-11,:where(.og-root) .max-\[1023px\]\:min-w-11 {
@@ -4253,31 +4322,6 @@
       min-width: calc(var(--spacing) * 11);
     }
   }
-:where(.og-root).max-\[1023px\]\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\],:where(.og-root) .max-\[1023px\]\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
-    @media (width < 1023px) {
-      grid-template-columns: auto minmax(0,1fr) auto;
-    }
-  }
-:where(.og-root).max-\[1023px\]\:gap-y-0,:where(.og-root) .max-\[1023px\]\:gap-y-0 {
-    @media (width < 1023px) {
-      row-gap: calc(var(--spacing) * 0);
-    }
-  }
-:where(.og-root).max-\[1023px\]\:px-2,:where(.og-root) .max-\[1023px\]\:px-2 {
-    @media (width < 1023px) {
-      padding-inline: calc(var(--spacing) * 2);
-    }
-  }
-:where(.og-root).max-\[1023px\]\:pt-0,:where(.og-root) .max-\[1023px\]\:pt-0 {
-    @media (width < 1023px) {
-      padding-top: calc(var(--spacing) * 0);
-    }
-  }
-:where(.og-root).max-\[1023px\]\:pb-1,:where(.og-root) .max-\[1023px\]\:pb-1 {
-    @media (width < 1023px) {
-      padding-bottom: calc(var(--spacing) * 1);
-    }
-  }
 :where(.og-root).max-sm\:hidden,:where(.og-root) .max-sm\:hidden {
     @media (width < 40rem) {
       display: none;
@@ -4348,60 +4392,16 @@
       display: inline;
     }
   }
-:where(.og-root).min-\[640px\]\:max-\[1023px\]\:col-span-1,:where(.og-root) .min-\[640px\]\:max-\[1023px\]\:col-span-1 {
-    @media (width >= 640px) {
-      @media (width < 1023px) {
-        grid-column: span 1 / span 1;
-      }
-    }
-  }
-:where(.og-root).min-\[640px\]\:max-\[1023px\]\:col-start-1,:where(.og-root) .min-\[640px\]\:max-\[1023px\]\:col-start-1 {
-    @media (width >= 640px) {
-      @media (width < 1023px) {
-        grid-column-start: 1;
-      }
-    }
-  }
-:where(.og-root).min-\[640px\]\:max-\[1023px\]\:col-start-2,:where(.og-root) .min-\[640px\]\:max-\[1023px\]\:col-start-2 {
-    @media (width >= 640px) {
-      @media (width < 1023px) {
-        grid-column-start: 2;
-      }
-    }
-  }
-:where(.og-root).min-\[640px\]\:max-\[1023px\]\:col-start-3,:where(.og-root) .min-\[640px\]\:max-\[1023px\]\:col-start-3 {
-    @media (width >= 640px) {
-      @media (width < 1023px) {
-        grid-column-start: 3;
-      }
-    }
-  }
-:where(.og-root).min-\[640px\]\:max-\[1023px\]\:col-start-4,:where(.og-root) .min-\[640px\]\:max-\[1023px\]\:col-start-4 {
-    @media (width >= 640px) {
-      @media (width < 1023px) {
-        grid-column-start: 4;
-      }
-    }
-  }
-:where(.og-root).min-\[640px\]\:max-\[1023px\]\:row-start-1,:where(.og-root) .min-\[640px\]\:max-\[1023px\]\:row-start-1 {
-    @media (width >= 640px) {
-      @media (width < 1023px) {
-        grid-row-start: 1;
-      }
-    }
-  }
-:where(.og-root).min-\[640px\]\:max-\[1023px\]\:grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\],:where(.og-root) .min-\[640px\]\:max-\[1023px\]\:grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\] {
-    @media (width >= 640px) {
-      @media (width < 1023px) {
-        grid-template-columns: auto minmax(0,1fr) auto auto;
-      }
-    }
-  }
 :where(.og-root).sm\:col-span-1,:where(.og-root) .sm\:col-span-1 {
     @media (width >= 40rem) {
       grid-column: span 1 / span 1;
     }
   }
+:where(.og-root).sm\:col-span-2,:where(.og-root) .sm\:col-span-2 {
+    @media (width >= 40rem) {
+      grid-column: span 2 / span 2;
+    }
+  }
 :where(.og-root).sm\:col-start-3,:where(.og-root) .sm\:col-start-3 {
     @media (width >= 40rem) {
       grid-column-start: 3;
@@ -4485,6 +4485,11 @@
       max-width: 12rem;
     }
   }
+:where(.og-root).sm\:max-w-\[82\%\],:where(.og-root) .sm\:max-w-\[82\%\] {
+    @media (width >= 40rem) {
+      max-width: 82%;
+    }
+  }
 :where(.og-root).sm\:max-w-full,:where(.og-root) .sm\:max-w-full {
     @media (width >= 40rem) {
       max-width: 100%;
@@ -4852,6 +4857,12 @@
       height: calc(var(--spacing) * 3.5);
     }
   }
+:where(.og-root).\[\&\>svg\]\:size-4,:where(.og-root) .\[\&\>svg\]\:size-4 {
+    &>svg {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+  }
 :where(.og-root).\[\&\>ul\]\:my-1,:where(.og-root) .\[\&\>ul\]\:my-1 {
     &>ul {
       margin-block: calc(var(--spacing) * 1);