@kodiak-finance/orderly-ui 2.8.20 → 2.8.21-beta.3

package/dist/index.css

@@ -603,9 +603,6 @@ body {
 .oui-bottom-\[38px\] {
   bottom: 38px;
 }
-.oui-bottom-\[calc\(env\(safe-area-inset-bottom\)\+8px\)\] {
-  bottom: calc(env(safe-area-inset-bottom) + 8px);
-}
 .oui-bottom-full {
   bottom: 100%;
 }
@@ -1019,6 +1016,9 @@ body {
 .\!oui-mb-\[6px\] {
   margin-bottom: 6px !important;
 }
+.\!oui-mt-0 {
+  margin-top: 0px !important;
+}
 .-oui-mb-1 {
   margin-bottom: -0.25rem;
 }
@@ -1061,9 +1061,6 @@ body {
 .oui-mb-0 {
   margin-bottom: 0px;
 }
-.oui-mb-0\.5 {
-  margin-bottom: 0.125rem;
-}
 .oui-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -2155,9 +2152,6 @@ body {
 .oui-w-\[calc\(100\%-64px\)\] {
   width: calc(100% - 64px);
 }
-.oui-w-\[calc\(100\%_-_16px\)\] {
-  width: calc(100% - 16px);
-}
 .oui-w-\[calc\(100\%_-_280px_-_12px\)\] {
   width: calc(100% - 280px - 12px);
 }
@@ -2318,9 +2312,6 @@ body {
 .oui-max-w-\[320px\] {
   max-width: 320px;
 }
-.oui-max-w-\[330px\] {
-  max-width: 330px;
-}
 .oui-max-w-\[348px\] {
   max-width: 348px;
 }
@@ -2336,6 +2327,9 @@ body {
 .oui-max-w-\[400px\] {
   max-width: 400px;
 }
+.oui-max-w-\[420px\] {
+  max-width: 420px;
+}
 .oui-max-w-\[450px\] {
   max-width: 450px;
 }
@@ -2489,10 +2483,6 @@ body {
   --tw-translate-y: 10px;
   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));
 }
-.oui-translate-y-\[120\%\] {
-  --tw-translate-y: 120%;
-  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));
-}
 .-oui-rotate-180 {
   --tw-rotate: -180deg;
   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));
@@ -2848,6 +2838,10 @@ body {
   -moz-column-gap: 0.25rem;
   column-gap: 0.25rem;
 }
+.oui-gap-x-1\.5 {
+  -moz-column-gap: 0.375rem;
+  column-gap: 0.375rem;
+}
 .oui-gap-x-10 {
   -moz-column-gap: 2.5rem;
   column-gap: 2.5rem;
@@ -3182,6 +3176,9 @@ body {
   border-top-left-radius: var(--oui-rounded-xl, 0.75rem);
   border-top-right-radius: var(--oui-rounded-xl, 0.75rem);
 }
+.\!oui-rounded-bl {
+  border-bottom-left-radius: var(--oui-rounded, 0.25rem) !important;
+}
 .oui-rounded-bl {
   border-bottom-left-radius: var(--oui-rounded, 0.25rem);
 }
@@ -3191,6 +3188,9 @@ body {
 .oui-rounded-bl-\[6px\] {
   border-bottom-left-radius: 6px;
 }
+.oui-rounded-bl-xl {
+  border-bottom-left-radius: var(--oui-rounded-xl, 0.75rem);
+}
 .oui-rounded-br-\[3px\] {
   border-bottom-right-radius: 3px;
 }
@@ -3200,6 +3200,9 @@ body {
 .oui-rounded-br-none {
   border-bottom-right-radius: 0;
 }
+.oui-rounded-br-xl {
+  border-bottom-right-radius: var(--oui-rounded-xl, 0.75rem);
+}
 .oui-rounded-tl {
   border-top-left-radius: var(--oui-rounded, 0.25rem);
 }
@@ -4696,6 +4699,9 @@ body {
 .oui-leading-\[32px\] {
   line-height: 32px;
 }
+.oui-leading-\[34px\] {
+  line-height: 34px;
+}
 .oui-leading-\[36px\] {
   line-height: 36px;
 }
@@ -5259,6 +5265,9 @@ body {
 .oui-ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+.oui-will-change-transform {
+  will-change: transform;
+}
 .oui-gradient-primary {
   background-image:
     linear-gradient(
@@ -6585,15 +6594,6 @@ body {
   }
 }
 @media (min-width: 480px) {
-  .md\:oui-bottom-10 {
-    bottom: 2.5rem;
-  }
-  .md\:oui-left-auto {
-    left: auto;
-  }
-  .md\:oui-right-3 {
-    right: 0.75rem;
-  }
   .md\:oui-right-4 {
     right: 1rem;
   }
@@ -6607,6 +6607,9 @@ body {
     margin-left: 0px;
     margin-right: 0px;
   }
+  .md\:oui-mb-3 {
+    margin-bottom: 0.75rem;
+  }
   .md\:oui-mt-3 {
     margin-top: 0.75rem;
   }
@@ -6692,9 +6695,6 @@ body {
   .md\:oui-w-\[300px\] {
     width: 300px;
   }
-  .md\:oui-w-\[420px\] {
-    width: 420px;
-  }
   .md\:oui-w-auto {
     width: auto;
   }
@@ -6778,6 +6778,9 @@ body {
   .md\:oui-justify-stretch {
     justify-content: stretch;
   }
+  .md\:oui-gap-3 {
+    gap: 0.75rem;
+  }
   .md\:oui-gap-4 {
     gap: 1rem;
   }
@@ -6821,6 +6824,12 @@ body {
   .md\:oui-p-10 {
     padding: 2.5rem;
   }
+  .md\:oui-p-2 {
+    padding: 0.5rem;
+  }
+  .md\:oui-p-4 {
+    padding: 1rem;
+  }
   .md\:oui-px-3 {
     padding-left: 0.75rem;
     padding-right: 0.75rem;
@@ -7435,6 +7444,9 @@ body {
   }
 }
 @media (min-width: 1024px) {
+  .xl\:\!oui-mt-3 {
+    margin-top: 0.75rem !important;
+  }
   .xl\:oui-flex {
     display: flex;
   }