@orderly.network/ui 2.10.2-alpha.0 → 2.11.0-alpha.0

package/dist/index.css

@@ -557,6 +557,9 @@ body {
 .-oui-right-\[6px\] {
   right: -6px;
 }
+.-oui-right-px {
+  right: -1px;
+}
 .-oui-top-4 {
   top: -1rem;
 }
@@ -572,6 +575,9 @@ body {
 .-oui-top-\[calc\(100vh\/2\)\] {
   top: calc(calc(100vh / 2) * -1);
 }
+.-oui-top-px {
+  top: -1px;
+}
 .oui--bottom-12 {
   bottom: -3rem;
 }
@@ -716,6 +722,9 @@ body {
 .oui-top-\[0px\] {
   top: 0px;
 }
+.oui-top-\[100px\] {
+  top: 100px;
+}
 .oui-top-\[10px\] {
   top: 10px;
 }
@@ -1270,6 +1279,9 @@ body {
 .oui-mt-\[7px\] {
   margin-top: 7px;
 }
+.oui-mt-\[9px\] {
+  margin-top: 9px;
+}
 .oui-mt-auto {
   margin-top: auto;
 }
@@ -1591,6 +1603,9 @@ body {
 .oui-h-\[300px\] {
   height: 300px;
 }
+.oui-h-\[308px\] {
+  height: 308px;
+}
 .oui-h-\[30px\] {
   height: 30px;
 }
@@ -3216,6 +3231,9 @@ body {
 .oui-rounded-bl-\[6px\] {
   border-bottom-left-radius: 6px;
 }
+.oui-rounded-bl-md {
+  border-bottom-left-radius: var(--oui-rounded-md, 0.375rem);
+}
 .oui-rounded-br-\[3px\] {
   border-bottom-right-radius: 3px;
 }
@@ -3237,6 +3255,9 @@ body {
 .oui-rounded-tr-\[10px\] {
   border-top-right-radius: 10px;
 }
+.oui-rounded-tr-md {
+  border-top-right-radius: var(--oui-rounded-md, 0.375rem);
+}
 .\!oui-border {
   border-width: 1px !important;
 }
@@ -3308,6 +3329,10 @@ body {
   --tw-border-opacity: 1 !important;
   border-color: rgb(var(--oui-color-primary-light) / var(--tw-border-opacity, 1)) !important;
 }
+.oui-border-\[\#38e2fe\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(56 226 254 / var(--tw-border-opacity, 1));
+}
 .oui-border-\[\#d9d9d9\] {
   --tw-border-opacity: 1;
   border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
@@ -3435,6 +3460,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(var(--oui-color-warning-light) / var(--tw-border-opacity, 1));
 }
+.oui-border-white\/\[0\.12\] {
+  border-color: rgb(255 255 255 / 0.12);
+}
 .oui-border-b-line-4 {
   border-bottom-color: rgb(var(--oui-color-line, 255 255 255) / 0.04);
 }
@@ -3467,6 +3495,9 @@ body {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(var(--oui-color-base-9) / var(--tw-bg-opacity, 1)) !important;
 }
+.\!oui-bg-black\/10 {
+  background-color: rgb(0 0 0 / 0.1) !important;
+}
 .\!oui-bg-primary-darken {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(var(--oui-color-primary-darken) / var(--tw-bg-opacity, 1)) !important;
@@ -3494,6 +3525,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(51 95 252 / var(--tw-bg-opacity, 1));
 }
+.oui-bg-\[\#38e2fe\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 226 254 / var(--tw-bg-opacity, 1));
+}
 .oui-bg-\[\#3D79A9\] {
   --tw-bg-opacity: 1;
   background-color: rgb(61 121 169 / var(--tw-bg-opacity, 1));
@@ -4159,6 +4194,10 @@ body {
   padding-left: 0.25rem !important;
   padding-right: 0.25rem !important;
 }
+.\!oui-py-0 {
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
 .\!oui-py-12 {
   padding-top: 3rem !important;
   padding-bottom: 3rem !important;
@@ -4410,6 +4449,9 @@ body {
 .oui-pb-\[9px\] {
   padding-bottom: 9px;
 }
+.oui-pb-\[calc\(20px\+env\(safe-area-inset-bottom\)\)\] {
+  padding-bottom: calc(20px + env(safe-area-inset-bottom));
+}
 .oui-pb-\[calc\(env\(safe-area-inset-bottom\)\)\] {
   padding-bottom: calc(env(safe-area-inset-bottom));
 }
@@ -4687,6 +4729,12 @@ body {
 .oui-leading-5 {
   line-height: 1.25rem;
 }
+.oui-leading-6 {
+  line-height: 1.5rem;
+}
+.oui-leading-8 {
+  line-height: 2rem;
+}
 .oui-leading-\[0px\] {
   line-height: 0px;
 }
@@ -4753,6 +4801,9 @@ body {
 .oui-tracking-\[0\.03em\] {
   letter-spacing: 0.03em;
 }
+.oui-tracking-\[0\.48px\] {
+  letter-spacing: 0.48px;
+}
 .oui-tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -4959,6 +5010,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-warning-light) / var(--tw-text-opacity, 1));
 }
+.oui-text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
 .oui-underline {
   text-decoration-line: underline;
 }
@@ -5031,6 +5086,9 @@ body {
 .oui-opacity-80 {
   opacity: 0.8;
 }
+.oui-opacity-90 {
+  opacity: 0.9;
+}
 .oui-opacity-\[\.12\] {
   opacity: .12;
 }
@@ -5166,12 +5224,18 @@ body {
 .oui-outline-danger-light {
   outline-color: rgb(var(--oui-color-danger-light) / 1);
 }
+.oui-outline-line {
+  outline-color: rgb(var(--oui-color-line, 255 255 255) / 0.08);
+}
 .oui-outline-line-12 {
   outline-color: rgb(var(--oui-color-line, 255 255 255) / 0.12);
 }
 .oui-outline-primary-darken {
   outline-color: rgb(var(--oui-color-primary-darken) / 1);
 }
+.oui-outline-primary-light {
+  outline-color: rgb(var(--oui-color-primary-light) / 1);
+}
 .oui-outline-success {
   outline-color: rgb(var(--oui-color-success) / 1);
 }
@@ -5711,6 +5775,9 @@ body {
 .hover\:oui-border-base-contrast-16:hover {
   border-color: rgb(var(--oui-color-base-foreground) / 0.16);
 }
+.hover\:oui-border-line-12:hover {
+  border-color: rgb(var(--oui-color-line, 255 255 255) / 0.12);
+}
 .hover\:oui-border-primary-light:hover {
   --tw-border-opacity: 1;
   border-color: rgb(var(--oui-color-primary-light) / var(--tw-border-opacity, 1));
@@ -5735,6 +5802,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--oui-color-base-3) / var(--tw-bg-opacity, 1));
 }
+.hover\:oui-bg-base-3\/80:hover {
+  background-color: rgb(var(--oui-color-base-3) / 0.8);
+}
 .hover\:oui-bg-base-4:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--oui-color-base-4) / var(--tw-bg-opacity, 1));
@@ -5840,6 +5910,9 @@ body {
 .hover\:oui-text-base-contrast-80:hover {
   color: rgb(var(--oui-color-base-foreground) / 0.80);
 }
+.hover\:oui-text-danger\/80:hover {
+  color: rgb(var(--oui-color-danger) / 0.8);
+}
 .hover\:oui-text-primary-darken:hover {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-primary-darken) / var(--tw-text-opacity, 1));
@@ -5854,10 +5927,19 @@ body {
 .hover\:oui-text-secondary\/80:hover {
   color: rgb(var(--oui-color-secondary) / 0.8);
 }
+.hover\:oui-text-success\/80:hover {
+  color: rgb(var(--oui-color-success) / 0.8);
+}
 .hover\:oui-text-warning-darken:hover {
   --tw-text-opacity: 1;
   color: rgb(var(--oui-color-warning-darken) / var(--tw-text-opacity, 1));
 }
+.hover\:oui-text-warning-darken\/80:hover {
+  color: rgb(var(--oui-color-warning-darken) / 0.8);
+}
+.hover\:oui-text-white\/80:hover {
+  color: rgb(255 255 255 / 0.8);
+}
 .hover\:oui-opacity-100:hover {
   opacity: 1;
 }
@@ -5992,6 +6074,9 @@ body {
 .active\:oui-bg-base-2\/70:active {
   background-color: rgb(var(--oui-color-base-2) / 0.7);
 }
+.active\:oui-bg-base-3\/70:active {
+  background-color: rgb(var(--oui-color-base-3) / 0.7);
+}
 .active\:oui-bg-base-4\/70:active {
   background-color: rgb(var(--oui-color-base-4) / 0.7);
 }
@@ -6020,6 +6105,21 @@ body {
 .active\:oui-bg-warning-darken\/70:active {
   background-color: rgb(var(--oui-color-warning-darken) / 0.7);
 }
+.active\:oui-text-danger\/70:active {
+  color: rgb(var(--oui-color-danger) / 0.7);
+}
+.active\:oui-text-primary-darken\/70:active {
+  color: rgb(var(--oui-color-primary-darken) / 0.7);
+}
+.active\:oui-text-success\/70:active {
+  color: rgb(var(--oui-color-success) / 0.7);
+}
+.active\:oui-text-warning-darken\/70:active {
+  color: rgb(var(--oui-color-warning-darken) / 0.7);
+}
+.active\:oui-text-white\/70:active {
+  color: rgb(255 255 255 / 0.7);
+}
 .active\:\!oui-shadow-\[0px_0px_4px_0px\]:active {
   --tw-shadow: 0px 0px 4px 0px !important;
   --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color) !important;