@kodiak-finance/orderly-ui 2.9.1-alpha.5 → 2.9.2-alpha.0

package/dist/index.css

@@ -1370,6 +1370,10 @@ body {
   width: 12px;
   height: 12px;
 }
+.oui-size-\[140px\] {
+  width: 140px;
+  height: 140px;
+}
 .oui-size-\[14px\] {
   width: 14px;
   height: 14px;
@@ -1582,9 +1586,6 @@ body {
 .oui-h-\[24px\] {
   height: 24px;
 }
-.oui-h-\[252px\] {
-  height: 252px;
-}
 .oui-h-\[254px\] {
   height: 254px;
 }
@@ -2203,6 +2204,9 @@ body {
 .oui-w-\[calc\(\(100\%_-_4px\)\/2\)\] {
   width: calc((100% - 4px) / 2);
 }
+.oui-w-\[calc\(100\%\+2\.5rem\)\] {
+  width: calc(100% + 2.5rem);
+}
 .oui-w-\[calc\(100\%-60px\)\] {
   width: calc(100% - 60px);
 }
@@ -3090,6 +3094,9 @@ body {
 .oui-overflow-y-hidden {
   overflow-y: hidden;
 }
+.oui-overflow-y-visible {
+  overflow-y: visible;
+}
 .oui-overflow-x-scroll {
   overflow-x: scroll;
 }
@@ -3311,6 +3318,9 @@ body {
 .oui-border-4 {
   border-width: 4px;
 }
+.oui-border-8 {
+  border-width: 8px;
+}
 .oui-border-\[0\.5px\] {
   border-width: 0.5px;
 }
@@ -3439,6 +3449,10 @@ body {
 .oui-border-base-static-contrast-20 {
   border-color: rgb(var(--oui-color-base-static-contrast) / 0.2);
 }
+.oui-border-black {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
+}
 .oui-border-danger {
   --tw-border-opacity: 1;
   border-color: rgb(var(--oui-color-danger) / var(--tw-border-opacity, 1));
@@ -3565,6 +3579,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(99 14 173 / var(--tw-bg-opacity, 1));
 }
+.oui-bg-\[\#FF7D00\]\/10 {
+  background-color: rgb(255 125 0 / 0.1);
+}
 .oui-bg-\[\#d9d9d9\] {
   --tw-bg-opacity: 1;
   background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
@@ -4862,6 +4879,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(99 102 109 / var(--tw-text-opacity, 1));
 }
+.oui-text-\[\#FF7D00\] {
+  --tw-text-opacity: 1;
+  color: rgb(255 125 0 / var(--tw-text-opacity, 1));
+}
 .oui-text-\[rgb\(var\(--oui-gradient-brand-start\)\)\] {
   color: rgb(var(--oui-gradient-brand-start));
 }
@@ -7310,9 +7331,6 @@ body {
   .lg\:oui-h-\[28px\] {
     height: 28px;
   }
-  .lg\:oui-h-\[64px\] {
-    height: 64px;
-  }
   .lg\:oui-h-\[var\(--radix-select-trigger-height\)\] {
     height: var(--radix-select-trigger-height);
   }
@@ -7346,9 +7364,6 @@ body {
   .lg\:oui-w-\[360px\] {
     width: 360px;
   }
-  .lg\:oui-w-\[64px\] {
-    width: 64px;
-  }
   .lg\:oui-w-\[calc\(\(100\%_-_8px\)\/3\)\] {
     width: calc((100% - 8px) / 3);
   }
@@ -7367,22 +7382,9 @@ body {
   .lg\:oui-max-w-\[640px\] {
     max-width: 640px;
   }
-  .lg\:oui-flex-1 {
-    flex: 1 1 0%;
-  }
-  .lg\:-oui-rotate-90 {
-    --tw-rotate: -90deg;
-    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));
-  }
   .lg\:oui-cursor-not-allowed {
     cursor: not-allowed;
   }
-  .lg\:oui-grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  .lg\:oui-grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
   .lg\:oui-flex-row {
     flex-direction: row;
   }
@@ -7446,9 +7448,6 @@ body {
   .lg\:oui-gap-4 {
     gap: 1rem;
   }
-  .lg\:oui-gap-\[6px\] {
-    gap: 6px;
-  }
   .lg\:oui-gap-x-2 {
     -moz-column-gap: 0.5rem;
     column-gap: 0.5rem;
@@ -7710,15 +7709,34 @@ body {
   .xl\:oui-h-8 {
     height: 2rem;
   }
+  .xl\:oui-h-\[64px\] {
+    height: 64px;
+  }
   .xl\:oui-w-4 {
     width: 1rem;
   }
   .xl\:oui-w-8 {
     width: 2rem;
   }
+  .xl\:oui-w-\[64px\] {
+    width: 64px;
+  }
+  .xl\:oui-w-full {
+    width: 100%;
+  }
   .xl\:oui-flex-1 {
     flex: 1 1 0%;
   }
+  .xl\:-oui-rotate-90 {
+    --tw-rotate: -90deg;
+    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));
+  }
+  .xl\:oui-grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .xl\:oui-grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .xl\:oui-flex-row {
     flex-direction: row;
   }
@@ -7779,6 +7797,13 @@ body {
   .xl\:oui-gap-\[36px\] {
     gap: 36px;
   }
+  .xl\:oui-gap-\[6px\] {
+    gap: 6px;
+  }
+  .xl\:oui-gap-x-\[6px\] {
+    -moz-column-gap: 6px;
+    column-gap: 6px;
+  }
   .xl\:oui-space-y-1 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -7799,6 +7824,9 @@ body {
   .xl\:oui-pt-2 {
     padding-top: 0.5rem;
   }
+  .xl\:oui-text-center {
+    text-align: center;
+  }
   .xl\:oui-text-2xl {
     font-size: var(--oui-font-size-2xl, 1.5rem);
     line-height: 2rem;