@orderly.network/ui 2.8.14 → 2.9.0-alpha.0

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 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 */