@orderly.network/ui 2.8.14 → 2.9.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +166 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +21 -1
- package/dist/index.d.ts +21 -1
- package/dist/index.js +408 -337
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +202 -133
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +3 -3
- package/tailwind.config.js +2 -1
package/dist/index.css
CHANGED
|
@@ -711,6 +711,9 @@ body {
|
|
|
711
711
|
.oui-top-\[-300px\] {
|
|
712
712
|
top: -300px;
|
|
713
713
|
}
|
|
714
|
+
.oui-top-\[0px\] {
|
|
715
|
+
top: 0px;
|
|
716
|
+
}
|
|
714
717
|
.oui-top-\[10px\] {
|
|
715
718
|
top: 10px;
|
|
716
719
|
}
|
|
@@ -795,6 +798,12 @@ body {
|
|
|
795
798
|
.oui-z-auto {
|
|
796
799
|
z-index: auto;
|
|
797
800
|
}
|
|
801
|
+
.oui-order-1 {
|
|
802
|
+
order: 1;
|
|
803
|
+
}
|
|
804
|
+
.oui-order-2 {
|
|
805
|
+
order: 2;
|
|
806
|
+
}
|
|
798
807
|
.oui-col-auto {
|
|
799
808
|
grid-column: auto;
|
|
800
809
|
}
|
|
@@ -825,6 +834,9 @@ body {
|
|
|
825
834
|
.oui-col-span-9 {
|
|
826
835
|
grid-column: span 9 / span 9;
|
|
827
836
|
}
|
|
837
|
+
.oui-col-start-3 {
|
|
838
|
+
grid-column-start: 3;
|
|
839
|
+
}
|
|
828
840
|
.oui-row-auto {
|
|
829
841
|
grid-row: auto;
|
|
830
842
|
}
|
|
@@ -1241,6 +1253,9 @@ body {
|
|
|
1241
1253
|
.oui-mt-\[-8px\] {
|
|
1242
1254
|
margin-top: -8px;
|
|
1243
1255
|
}
|
|
1256
|
+
.oui-mt-\[1px\] {
|
|
1257
|
+
margin-top: 1px;
|
|
1258
|
+
}
|
|
1244
1259
|
.oui-mt-\[2px\] {
|
|
1245
1260
|
margin-top: 2px;
|
|
1246
1261
|
}
|
|
@@ -1364,6 +1379,10 @@ body {
|
|
|
1364
1379
|
width: 20px;
|
|
1365
1380
|
height: 20px;
|
|
1366
1381
|
}
|
|
1382
|
+
.oui-size-\[335px\] {
|
|
1383
|
+
width: 335px;
|
|
1384
|
+
height: 335px;
|
|
1385
|
+
}
|
|
1367
1386
|
.oui-size-\[48px\] {
|
|
1368
1387
|
width: 48px;
|
|
1369
1388
|
height: 48px;
|
|
@@ -3138,6 +3157,10 @@ body {
|
|
|
3138
3157
|
border-top-left-radius: var(--oui-rounded, 0.25rem);
|
|
3139
3158
|
border-bottom-left-radius: var(--oui-rounded, 0.25rem);
|
|
3140
3159
|
}
|
|
3160
|
+
.oui-rounded-l-full {
|
|
3161
|
+
border-top-left-radius: var(--oui-rounded-full, 9999px);
|
|
3162
|
+
border-bottom-left-radius: var(--oui-rounded-full, 9999px);
|
|
3163
|
+
}
|
|
3141
3164
|
.oui-rounded-l-lg {
|
|
3142
3165
|
border-top-left-radius: var(--oui-rounded-lg, 0.5rem);
|
|
3143
3166
|
border-bottom-left-radius: var(--oui-rounded-lg, 0.5rem);
|
|
@@ -3146,6 +3169,10 @@ body {
|
|
|
3146
3169
|
border-top-right-radius: var(--oui-rounded, 0.25rem);
|
|
3147
3170
|
border-bottom-right-radius: var(--oui-rounded, 0.25rem);
|
|
3148
3171
|
}
|
|
3172
|
+
.oui-rounded-r-full {
|
|
3173
|
+
border-top-right-radius: var(--oui-rounded-full, 9999px);
|
|
3174
|
+
border-bottom-right-radius: var(--oui-rounded-full, 9999px);
|
|
3175
|
+
}
|
|
3149
3176
|
.oui-rounded-r-lg {
|
|
3150
3177
|
border-top-right-radius: var(--oui-rounded-lg, 0.5rem);
|
|
3151
3178
|
border-bottom-right-radius: var(--oui-rounded-lg, 0.5rem);
|
|
@@ -3275,6 +3302,10 @@ body {
|
|
|
3275
3302
|
--tw-border-opacity: 1;
|
|
3276
3303
|
border-color: rgb(185 209 255 / var(--tw-border-opacity, 1));
|
|
3277
3304
|
}
|
|
3305
|
+
.oui-border-\[\#d9d9d9\] {
|
|
3306
|
+
--tw-border-opacity: 1;
|
|
3307
|
+
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
|
|
3308
|
+
}
|
|
3278
3309
|
.oui-border-\[\#faedff\] {
|
|
3279
3310
|
--tw-border-opacity: 1;
|
|
3280
3311
|
border-color: rgb(250 237 255 / var(--tw-border-opacity, 1));
|
|
@@ -3496,6 +3527,10 @@ body {
|
|
|
3496
3527
|
--tw-bg-opacity: 1;
|
|
3497
3528
|
background-color: rgb(210 95 0 / var(--tw-bg-opacity, 1));
|
|
3498
3529
|
}
|
|
3530
|
+
.oui-bg-\[\#d9d9d9\] {
|
|
3531
|
+
--tw-bg-opacity: 1;
|
|
3532
|
+
background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
|
|
3533
|
+
}
|
|
3499
3534
|
.oui-bg-\[\#e9e9eb\] {
|
|
3500
3535
|
--tw-bg-opacity: 1;
|
|
3501
3536
|
background-color: rgb(233 233 235 / var(--tw-bg-opacity, 1));
|
|
@@ -3574,6 +3609,9 @@ body {
|
|
|
3574
3609
|
.oui-bg-base-contrast-36 {
|
|
3575
3610
|
background-color: rgb(var(--oui-color-base-foreground) / 0.36);
|
|
3576
3611
|
}
|
|
3612
|
+
.oui-bg-base-contrast-4 {
|
|
3613
|
+
background-color: rgb(var(--oui-color-base-foreground) / 0.04);
|
|
3614
|
+
}
|
|
3577
3615
|
.oui-bg-base-contrast-80 {
|
|
3578
3616
|
background-color: rgb(var(--oui-color-base-foreground) / 0.80);
|
|
3579
3617
|
}
|
|
@@ -3653,6 +3691,9 @@ body {
|
|
|
3653
3691
|
--tw-bg-opacity: 1;
|
|
3654
3692
|
background-color: rgb(var(--oui-color-success-darken) / var(--tw-bg-opacity, 1));
|
|
3655
3693
|
}
|
|
3694
|
+
.oui-bg-success-darken\/30 {
|
|
3695
|
+
background-color: rgb(var(--oui-color-success-darken) / 0.3);
|
|
3696
|
+
}
|
|
3656
3697
|
.oui-bg-success\/15 {
|
|
3657
3698
|
background-color: rgb(var(--oui-color-success) / 0.15);
|
|
3658
3699
|
}
|
|
@@ -3699,6 +3740,9 @@ body {
|
|
|
3699
3740
|
--tw-bg-opacity: 1;
|
|
3700
3741
|
background-color: rgb(var(--oui-color-warning-light) / var(--tw-bg-opacity, 1));
|
|
3701
3742
|
}
|
|
3743
|
+
.oui-bg-warning\/10 {
|
|
3744
|
+
background-color: rgb(var(--oui-color-warning) / 0.1);
|
|
3745
|
+
}
|
|
3702
3746
|
.oui-bg-white {
|
|
3703
3747
|
--tw-bg-opacity: 1;
|
|
3704
3748
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
@@ -4141,6 +4185,10 @@ body {
|
|
|
4141
4185
|
padding-left: 0.25rem !important;
|
|
4142
4186
|
padding-right: 0.25rem !important;
|
|
4143
4187
|
}
|
|
4188
|
+
.\!oui-py-12 {
|
|
4189
|
+
padding-top: 3rem !important;
|
|
4190
|
+
padding-bottom: 3rem !important;
|
|
4191
|
+
}
|
|
4144
4192
|
.\!oui-py-\[2px\] {
|
|
4145
4193
|
padding-top: 2px !important;
|
|
4146
4194
|
padding-bottom: 2px !important;
|
|
@@ -4161,6 +4209,10 @@ body {
|
|
|
4161
4209
|
padding-left: 2.5rem;
|
|
4162
4210
|
padding-right: 2.5rem;
|
|
4163
4211
|
}
|
|
4212
|
+
.oui-px-16 {
|
|
4213
|
+
padding-left: 4rem;
|
|
4214
|
+
padding-right: 4rem;
|
|
4215
|
+
}
|
|
4164
4216
|
.oui-px-2 {
|
|
4165
4217
|
padding-left: 0.5rem;
|
|
4166
4218
|
padding-right: 0.5rem;
|
|
@@ -4354,6 +4406,9 @@ body {
|
|
|
4354
4406
|
.oui-pb-2 {
|
|
4355
4407
|
padding-bottom: 0.5rem;
|
|
4356
4408
|
}
|
|
4409
|
+
.oui-pb-24 {
|
|
4410
|
+
padding-bottom: 6rem;
|
|
4411
|
+
}
|
|
4357
4412
|
.oui-pb-3 {
|
|
4358
4413
|
padding-bottom: 0.75rem;
|
|
4359
4414
|
}
|
|
@@ -4378,6 +4433,9 @@ body {
|
|
|
4378
4433
|
.oui-pb-\[5px\] {
|
|
4379
4434
|
padding-bottom: 5px;
|
|
4380
4435
|
}
|
|
4436
|
+
.oui-pb-\[9px\] {
|
|
4437
|
+
padding-bottom: 9px;
|
|
4438
|
+
}
|
|
4381
4439
|
.oui-pb-\[calc\(env\(safe-area-inset-bottom\)\)\] {
|
|
4382
4440
|
padding-bottom: calc(env(safe-area-inset-bottom));
|
|
4383
4441
|
}
|
|
@@ -4483,6 +4541,9 @@ body {
|
|
|
4483
4541
|
.oui-pt-10 {
|
|
4484
4542
|
padding-top: 2.5rem;
|
|
4485
4543
|
}
|
|
4544
|
+
.oui-pt-16 {
|
|
4545
|
+
padding-top: 4rem;
|
|
4546
|
+
}
|
|
4486
4547
|
.oui-pt-2 {
|
|
4487
4548
|
padding-top: 0.5rem;
|
|
4488
4549
|
}
|
|
@@ -4522,6 +4583,12 @@ body {
|
|
|
4522
4583
|
.oui-text-right {
|
|
4523
4584
|
text-align: right;
|
|
4524
4585
|
}
|
|
4586
|
+
.\!oui-text-start {
|
|
4587
|
+
text-align: start !important;
|
|
4588
|
+
}
|
|
4589
|
+
.oui-text-start {
|
|
4590
|
+
text-align: start;
|
|
4591
|
+
}
|
|
4525
4592
|
.oui-text-end {
|
|
4526
4593
|
text-align: end;
|
|
4527
4594
|
}
|
|
@@ -4643,6 +4710,9 @@ body {
|
|
|
4643
4710
|
.oui-leading-4 {
|
|
4644
4711
|
line-height: 1rem;
|
|
4645
4712
|
}
|
|
4713
|
+
.oui-leading-5 {
|
|
4714
|
+
line-height: 1.25rem;
|
|
4715
|
+
}
|
|
4646
4716
|
.oui-leading-\[0px\] {
|
|
4647
4717
|
line-height: 0px;
|
|
4648
4718
|
}
|
|
@@ -4700,6 +4770,12 @@ body {
|
|
|
4700
4770
|
.oui-leading-relaxed {
|
|
4701
4771
|
line-height: 1.625;
|
|
4702
4772
|
}
|
|
4773
|
+
.oui-leading-tight {
|
|
4774
|
+
line-height: 1.25;
|
|
4775
|
+
}
|
|
4776
|
+
.oui-tracking-\[0\.01em\] {
|
|
4777
|
+
letter-spacing: 0.01em;
|
|
4778
|
+
}
|
|
4703
4779
|
.oui-tracking-\[0\.03em\] {
|
|
4704
4780
|
letter-spacing: 0.03em;
|
|
4705
4781
|
}
|
|
@@ -4863,6 +4939,9 @@ body {
|
|
|
4863
4939
|
--tw-text-opacity: 1;
|
|
4864
4940
|
color: rgb(var(--oui-color-success-darken) / var(--tw-text-opacity, 1));
|
|
4865
4941
|
}
|
|
4942
|
+
.oui-text-success-darken\/50 {
|
|
4943
|
+
color: rgb(var(--oui-color-success-darken) / 0.5);
|
|
4944
|
+
}
|
|
4866
4945
|
.oui-text-success-light {
|
|
4867
4946
|
--tw-text-opacity: 1;
|
|
4868
4947
|
color: rgb(var(--oui-color-success-light) / var(--tw-text-opacity, 1));
|
|
@@ -4923,6 +5002,9 @@ body {
|
|
|
4923
5002
|
.oui-decoration-white\/20 {
|
|
4924
5003
|
text-decoration-color: rgb(255 255 255 / 0.2);
|
|
4925
5004
|
}
|
|
5005
|
+
.oui-decoration-dotted {
|
|
5006
|
+
text-decoration-style: dotted;
|
|
5007
|
+
}
|
|
4926
5008
|
.oui-decoration-dashed {
|
|
4927
5009
|
text-decoration-style: dashed;
|
|
4928
5010
|
}
|
|
@@ -6550,6 +6632,12 @@ body {
|
|
|
6550
6632
|
.md\:oui-top-1\/2 {
|
|
6551
6633
|
top: 50%;
|
|
6552
6634
|
}
|
|
6635
|
+
.md\:oui-order-1 {
|
|
6636
|
+
order: 1;
|
|
6637
|
+
}
|
|
6638
|
+
.md\:oui-order-2 {
|
|
6639
|
+
order: 2;
|
|
6640
|
+
}
|
|
6553
6641
|
.md\:oui-m-3 {
|
|
6554
6642
|
margin: 0.75rem;
|
|
6555
6643
|
}
|
|
@@ -6557,6 +6645,10 @@ body {
|
|
|
6557
6645
|
margin-left: 0px;
|
|
6558
6646
|
margin-right: 0px;
|
|
6559
6647
|
}
|
|
6648
|
+
.md\:oui-mx-auto {
|
|
6649
|
+
margin-left: auto;
|
|
6650
|
+
margin-right: auto;
|
|
6651
|
+
}
|
|
6560
6652
|
.md\:oui-mt-3 {
|
|
6561
6653
|
margin-top: 0.75rem;
|
|
6562
6654
|
}
|
|
@@ -6579,6 +6671,10 @@ body {
|
|
|
6579
6671
|
width: 18px;
|
|
6580
6672
|
height: 18px;
|
|
6581
6673
|
}
|
|
6674
|
+
.md\:oui-size-\[480px\] {
|
|
6675
|
+
width: 480px;
|
|
6676
|
+
height: 480px;
|
|
6677
|
+
}
|
|
6582
6678
|
.md\:oui-h-10 {
|
|
6583
6679
|
height: 2.5rem;
|
|
6584
6680
|
}
|
|
@@ -6621,6 +6717,9 @@ body {
|
|
|
6621
6717
|
.md\:oui-h-\[var\(--radix-select-trigger-height\)\] {
|
|
6622
6718
|
height: var(--radix-select-trigger-height);
|
|
6623
6719
|
}
|
|
6720
|
+
.md\:oui-w-1\/2 {
|
|
6721
|
+
width: 50%;
|
|
6722
|
+
}
|
|
6624
6723
|
.md\:oui-w-3 {
|
|
6625
6724
|
width: 0.75rem;
|
|
6626
6725
|
}
|
|
@@ -6633,6 +6732,9 @@ body {
|
|
|
6633
6732
|
.md\:oui-w-6 {
|
|
6634
6733
|
width: 1.5rem;
|
|
6635
6734
|
}
|
|
6735
|
+
.md\:oui-w-\[1040px\] {
|
|
6736
|
+
width: 1040px;
|
|
6737
|
+
}
|
|
6636
6738
|
.md\:oui-w-\[14px\] {
|
|
6637
6739
|
width: 14px;
|
|
6638
6740
|
}
|
|
@@ -6658,6 +6760,9 @@ body {
|
|
|
6658
6760
|
.md\:oui-min-w-\[var\(--radix-select-trigger-width\)\] {
|
|
6659
6761
|
min-width: var(--radix-select-trigger-width);
|
|
6660
6762
|
}
|
|
6763
|
+
.md\:oui-max-w-\[1040px\] {
|
|
6764
|
+
max-width: 1040px;
|
|
6765
|
+
}
|
|
6661
6766
|
.md\:oui-flex-shrink {
|
|
6662
6767
|
flex-shrink: 1;
|
|
6663
6768
|
}
|
|
@@ -6668,6 +6773,12 @@ body {
|
|
|
6668
6773
|
.md\:oui-cursor-not-allowed {
|
|
6669
6774
|
cursor: not-allowed;
|
|
6670
6775
|
}
|
|
6776
|
+
.md\:oui-grid-cols-2 {
|
|
6777
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
6778
|
+
}
|
|
6779
|
+
.md\:oui-grid-cols-3 {
|
|
6780
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
6781
|
+
}
|
|
6671
6782
|
.md\:oui-flex-row {
|
|
6672
6783
|
flex-direction: row;
|
|
6673
6784
|
}
|
|
@@ -6725,6 +6836,9 @@ body {
|
|
|
6725
6836
|
.md\:oui-justify-stretch {
|
|
6726
6837
|
justify-content: stretch;
|
|
6727
6838
|
}
|
|
6839
|
+
.md\:oui-gap-10 {
|
|
6840
|
+
gap: 2.5rem;
|
|
6841
|
+
}
|
|
6728
6842
|
.md\:oui-gap-5 {
|
|
6729
6843
|
gap: 1.25rem;
|
|
6730
6844
|
}
|
|
@@ -6773,10 +6887,22 @@ body {
|
|
|
6773
6887
|
padding-top: 0px;
|
|
6774
6888
|
padding-bottom: 0px;
|
|
6775
6889
|
}
|
|
6890
|
+
.md\:oui-py-12 {
|
|
6891
|
+
padding-top: 3rem;
|
|
6892
|
+
padding-bottom: 3rem;
|
|
6893
|
+
}
|
|
6776
6894
|
.md\:oui-py-3 {
|
|
6777
6895
|
padding-top: 0.75rem;
|
|
6778
6896
|
padding-bottom: 0.75rem;
|
|
6779
6897
|
}
|
|
6898
|
+
.md\:oui-py-7 {
|
|
6899
|
+
padding-top: 1.75rem;
|
|
6900
|
+
padding-bottom: 1.75rem;
|
|
6901
|
+
}
|
|
6902
|
+
.md\:oui-py-\[38px\] {
|
|
6903
|
+
padding-top: 38px;
|
|
6904
|
+
padding-bottom: 38px;
|
|
6905
|
+
}
|
|
6780
6906
|
.md\:oui-pb-\[14px\] {
|
|
6781
6907
|
padding-bottom: 14px;
|
|
6782
6908
|
}
|
|
@@ -6828,6 +6954,10 @@ body {
|
|
|
6828
6954
|
font-size: var(--oui-font-size-3xl, 1.75rem);
|
|
6829
6955
|
line-height: 2.25rem;
|
|
6830
6956
|
}
|
|
6957
|
+
.md\:oui-text-6xl {
|
|
6958
|
+
font-size: var(--oui-font-size-6xl, 3rem);
|
|
6959
|
+
line-height: 3rem;
|
|
6960
|
+
}
|
|
6831
6961
|
.md\:oui-text-\[20px\] {
|
|
6832
6962
|
font-size: 20px;
|
|
6833
6963
|
}
|
|
@@ -6860,6 +6990,9 @@ body {
|
|
|
6860
6990
|
.md\:oui-leading-\[56px\] {
|
|
6861
6991
|
line-height: 56px;
|
|
6862
6992
|
}
|
|
6993
|
+
.md\:oui-leading-\[72px\] {
|
|
6994
|
+
line-height: 72px;
|
|
6995
|
+
}
|
|
6863
6996
|
.md\:oui-text-base-contrast-20 {
|
|
6864
6997
|
color: rgb(var(--oui-color-base-foreground) / 0.2);
|
|
6865
6998
|
}
|
|
@@ -7924,10 +8057,43 @@ body {
|
|
|
7924
8057
|
.\[\&\>th\:last-child\]\:oui-pr-3 > th:last-child {
|
|
7925
8058
|
padding-right: 0.75rem;
|
|
7926
8059
|
}
|
|
8060
|
+
.\[\&_\.oui-h-10\.oui-w-full\]\:\!oui-mx-0 .oui-h-10.oui-w-full {
|
|
8061
|
+
margin-left: 0px !important;
|
|
8062
|
+
margin-right: 0px !important;
|
|
8063
|
+
}
|
|
8064
|
+
.\[\&_\.oui-scroll-indicator-leading\]\:oui-hidden .oui-scroll-indicator-leading {
|
|
8065
|
+
display: none;
|
|
8066
|
+
}
|
|
8067
|
+
.\[\&_\.oui-scroll-indicator-tailing\]\:oui-hidden .oui-scroll-indicator-tailing {
|
|
8068
|
+
display: none;
|
|
8069
|
+
}
|
|
8070
|
+
.\[\&_\.oui-table-pagination\]\:\!oui-justify-end .oui-table-pagination {
|
|
8071
|
+
justify-content: flex-end !important;
|
|
8072
|
+
}
|
|
7927
8073
|
.\[\&_img\]\:\!oui-h-\[18px\] img {
|
|
7928
8074
|
height: 18px !important;
|
|
7929
8075
|
}
|
|
7930
8076
|
.\[\&_p\]\:oui-text-base-contrast-36 p {
|
|
7931
8077
|
color: rgb(var(--oui-color-base-foreground) / 0.36);
|
|
7932
8078
|
}
|
|
8079
|
+
.\[\&_td\]\:\!oui-px-3 td {
|
|
8080
|
+
padding-left: 0.75rem !important;
|
|
8081
|
+
padding-right: 0.75rem !important;
|
|
8082
|
+
}
|
|
8083
|
+
.\[\&_td\]\:oui-font-medium td {
|
|
8084
|
+
font-weight: 500;
|
|
8085
|
+
}
|
|
8086
|
+
.\[\&_td\]\:oui-tracking-\[0\.03em\] td {
|
|
8087
|
+
letter-spacing: 0.03em;
|
|
8088
|
+
}
|
|
8089
|
+
.\[\&_th\]\:\!oui-px-3 th {
|
|
8090
|
+
padding-left: 0.75rem !important;
|
|
8091
|
+
padding-right: 0.75rem !important;
|
|
8092
|
+
}
|
|
8093
|
+
.\[\&_th\]\:oui-font-semibold th {
|
|
8094
|
+
font-weight: 600;
|
|
8095
|
+
}
|
|
8096
|
+
.\[\&_th\]\:\!oui-tracking-\[0\.03em\] th {
|
|
8097
|
+
letter-spacing: 0.03em !important;
|
|
8098
|
+
}
|
|
7933
8099
|
/*# sourceMappingURL=index.css.map */
|