elseware-ui 3.0.8 → 3.0.10

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
@@ -480,6 +480,9 @@ video {
480
480
  .z-20 {
481
481
  z-index: 20;
482
482
  }
483
+ .z-30 {
484
+ z-index: 30;
485
+ }
483
486
  .z-40 {
484
487
  z-index: 40;
485
488
  }
@@ -779,6 +782,9 @@ video {
779
782
  .h-screen {
780
783
  height: 100vh;
781
784
  }
785
+ .max-h-\[228px\] {
786
+ max-height: 228px;
787
+ }
782
788
  .max-h-\[420px\] {
783
789
  max-height: 420px;
784
790
  }
@@ -1764,6 +1770,9 @@ video {
1764
1770
  .border-eui-secondary-500\/30 {
1765
1771
  border-color: rgba(76, 217, 0, .3);
1766
1772
  }
1773
+ .border-eui-secondary-500\/40 {
1774
+ border-color: rgba(76, 217, 0, .4);
1775
+ }
1767
1776
  .border-eui-secondary-600 {
1768
1777
  --tw-border-opacity:1;
1769
1778
  border-color: rgb(23 184 0/var(--tw-border-opacity,1));
@@ -2895,6 +2904,9 @@ video {
2895
2904
  .font-medium {
2896
2905
  font-weight: 500;
2897
2906
  }
2907
+ .font-normal {
2908
+ font-weight: 400;
2909
+ }
2898
2910
  .font-semibold {
2899
2911
  font-weight: 600;
2900
2912
  }
@@ -3386,6 +3398,9 @@ video {
3386
3398
  .opacity-40 {
3387
3399
  opacity: .4;
3388
3400
  }
3401
+ .opacity-45 {
3402
+ opacity: .45;
3403
+ }
3389
3404
  .opacity-50 {
3390
3405
  opacity: .5;
3391
3406
  }
@@ -3499,6 +3514,10 @@ video {
3499
3514
  --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
3500
3515
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
3501
3516
  }
3517
+ .shadow-black\/10 {
3518
+ --tw-shadow-color:rgba(0,0,0,.1);
3519
+ --tw-shadow:var(--tw-shadow-colored);
3520
+ }
3502
3521
  .shadow-red-950\/40 {
3503
3522
  --tw-shadow-color:rgba(69,10,10,.4);
3504
3523
  --tw-shadow:var(--tw-shadow-colored);
@@ -3525,6 +3544,9 @@ video {
3525
3544
  .ring-inset {
3526
3545
  --tw-ring-inset:inset;
3527
3546
  }
3547
+ .ring-black\/5 {
3548
+ --tw-ring-color:rgba(0,0,0,.05);
3549
+ }
3528
3550
  .ring-white\/10 {
3529
3551
  --tw-ring-color:hsla(0,0%,100%,.1);
3530
3552
  }
@@ -4029,6 +4051,9 @@ video {
4029
4051
  --tw-bg-opacity:1;
4030
4052
  background-color: rgb(51 65 85/var(--tw-bg-opacity,1));
4031
4053
  }
4054
+ .hover\:bg-transparent:hover {
4055
+ background-color: transparent;
4056
+ }
4032
4057
  .hover\:bg-white:hover {
4033
4058
  --tw-bg-opacity:1;
4034
4059
  background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
@@ -4174,6 +4199,13 @@ video {
4174
4199
  --tw-border-opacity:1;
4175
4200
  border-color: rgb(76 217 0/var(--tw-border-opacity,1));
4176
4201
  }
4202
+ .focus\:bg-gray-100:focus {
4203
+ --tw-bg-opacity:1;
4204
+ background-color: rgb(243 244 246/var(--tw-bg-opacity,1));
4205
+ }
4206
+ .focus\:bg-transparent:focus {
4207
+ background-color: transparent;
4208
+ }
4177
4209
  .focus\:opacity-100:focus {
4178
4210
  opacity: 1;
4179
4211
  }
@@ -4325,6 +4357,12 @@ video {
4325
4357
  --tw-border-opacity:1;
4326
4358
  border-color: rgb(76 217 0/var(--tw-border-opacity,1));
4327
4359
  }
4360
+ .dark\:border-eui-secondary-500\/40:is(.dark *) {
4361
+ border-color: rgba(76, 217, 0, .4);
4362
+ }
4363
+ .dark\:border-eui-secondary-500\/50:is(.dark *) {
4364
+ border-color: rgba(76, 217, 0, .5);
4365
+ }
4328
4366
  .dark\:border-eui-secondary-800:is(.dark *) {
4329
4367
  --tw-border-opacity:1;
4330
4368
  border-color: rgb(16 122 0/var(--tw-border-opacity,1));
@@ -4475,6 +4513,9 @@ video {
4475
4513
  --tw-bg-opacity:1;
4476
4514
  background-color: rgb(76 217 0/var(--tw-bg-opacity,1));
4477
4515
  }
4516
+ .dark\:bg-eui-secondary-500\/15:is(.dark *) {
4517
+ background-color: rgba(76, 217, 0, .15);
4518
+ }
4478
4519
  .dark\:bg-eui-success-500:is(.dark *) {
4479
4520
  --tw-bg-opacity:1;
4480
4521
  background-color: rgb(25 135 84/var(--tw-bg-opacity,1));
@@ -4649,6 +4690,10 @@ video {
4649
4690
  --tw-text-opacity:1;
4650
4691
  color: rgb(76 86 115/var(--tw-text-opacity,1));
4651
4692
  }
4693
+ .dark\:text-eui-secondary-300:is(.dark *) {
4694
+ --tw-text-opacity:1;
4695
+ color: rgb(122 255 47/var(--tw-text-opacity,1));
4696
+ }
4652
4697
  .dark\:text-eui-secondary-400:is(.dark *) {
4653
4698
  --tw-text-opacity:1;
4654
4699
  color: rgb(100 226 69/var(--tw-text-opacity,1));
@@ -4730,6 +4775,13 @@ video {
4730
4775
  --tw-text-opacity:1;
4731
4776
  color: rgb(250 204 21/var(--tw-text-opacity,1));
4732
4777
  }
4778
+ .dark\:shadow-black\/30:is(.dark *) {
4779
+ --tw-shadow-color:rgba(0,0,0,.3);
4780
+ --tw-shadow:var(--tw-shadow-colored);
4781
+ }
4782
+ .dark\:ring-white\/10:is(.dark *) {
4783
+ --tw-ring-color:hsla(0,0%,100%,.1);
4784
+ }
4733
4785
  .dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder {
4734
4786
  --tw-text-opacity:1;
4735
4787
  color: rgb(107 114 128/var(--tw-text-opacity,1));
@@ -4825,6 +4877,10 @@ video {
4825
4877
  --tw-bg-opacity:1;
4826
4878
  background-color: rgb(87 92 95/var(--tw-bg-opacity,1));
4827
4879
  }
4880
+ .dark\:hover\:bg-eui-dark-400:hover:is(.dark *) {
4881
+ --tw-bg-opacity:1;
4882
+ background-color: rgb(64 69 71/var(--tw-bg-opacity,1));
4883
+ }
4828
4884
  .dark\:hover\:bg-gray-100:hover:is(.dark *) {
4829
4885
  --tw-bg-opacity:1;
4830
4886
  background-color: rgb(243 244 246/var(--tw-bg-opacity,1));
@@ -4852,6 +4908,9 @@ video {
4852
4908
  --tw-bg-opacity:1;
4853
4909
  background-color: rgb(38 38 38/var(--tw-bg-opacity,1));
4854
4910
  }
4911
+ .dark\:hover\:bg-transparent:hover:is(.dark *) {
4912
+ background-color: transparent;
4913
+ }
4855
4914
  .dark\:hover\:bg-white\/5:hover:is(.dark *) {
4856
4915
  background-color: hsla(0, 0%, 100%, .05);
4857
4916
  }
@@ -4887,6 +4946,13 @@ video {
4887
4946
  --tw-text-opacity:1;
4888
4947
  color: rgb(209 213 219/var(--tw-text-opacity,1));
4889
4948
  }
4949
+ .dark\:focus\:bg-eui-dark-400:focus:is(.dark *) {
4950
+ --tw-bg-opacity:1;
4951
+ background-color: rgb(64 69 71/var(--tw-bg-opacity,1));
4952
+ }
4953
+ .dark\:focus\:bg-transparent:focus:is(.dark *) {
4954
+ background-color: transparent;
4955
+ }
4890
4956
  @media (min-width: 640px) {
4891
4957
  .sm\:w-full {
4892
4958
  width: 100%;
@@ -5593,6 +5659,9 @@ video {
5593
5659
  .z-20 {
5594
5660
  z-index: 20;
5595
5661
  }
5662
+ .z-30 {
5663
+ z-index: 30;
5664
+ }
5596
5665
  .z-40 {
5597
5666
  z-index: 40;
5598
5667
  }
@@ -5892,6 +5961,9 @@ video {
5892
5961
  .h-screen {
5893
5962
  height: 100vh;
5894
5963
  }
5964
+ .max-h-\[228px\] {
5965
+ max-height: 228px;
5966
+ }
5895
5967
  .max-h-\[420px\] {
5896
5968
  max-height: 420px;
5897
5969
  }
@@ -6877,6 +6949,9 @@ video {
6877
6949
  .border-eui-secondary-500\/30 {
6878
6950
  border-color: rgba(76, 217, 0, .3);
6879
6951
  }
6952
+ .border-eui-secondary-500\/40 {
6953
+ border-color: rgba(76, 217, 0, .4);
6954
+ }
6880
6955
  .border-eui-secondary-600 {
6881
6956
  --tw-border-opacity:1;
6882
6957
  border-color: rgb(23 184 0/var(--tw-border-opacity,1));
@@ -8008,6 +8083,9 @@ video {
8008
8083
  .font-medium {
8009
8084
  font-weight: 500;
8010
8085
  }
8086
+ .font-normal {
8087
+ font-weight: 400;
8088
+ }
8011
8089
  .font-semibold {
8012
8090
  font-weight: 600;
8013
8091
  }
@@ -8499,6 +8577,9 @@ video {
8499
8577
  .opacity-40 {
8500
8578
  opacity: .4;
8501
8579
  }
8580
+ .opacity-45 {
8581
+ opacity: .45;
8582
+ }
8502
8583
  .opacity-50 {
8503
8584
  opacity: .5;
8504
8585
  }
@@ -8612,6 +8693,10 @@ video {
8612
8693
  --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
8613
8694
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
8614
8695
  }
8696
+ .shadow-black\/10 {
8697
+ --tw-shadow-color:rgba(0,0,0,.1);
8698
+ --tw-shadow:var(--tw-shadow-colored);
8699
+ }
8615
8700
  .shadow-red-950\/40 {
8616
8701
  --tw-shadow-color:rgba(69,10,10,.4);
8617
8702
  --tw-shadow:var(--tw-shadow-colored);
@@ -8638,6 +8723,9 @@ video {
8638
8723
  .ring-inset {
8639
8724
  --tw-ring-inset:inset;
8640
8725
  }
8726
+ .ring-black\/5 {
8727
+ --tw-ring-color:rgba(0,0,0,.05);
8728
+ }
8641
8729
  .ring-white\/10 {
8642
8730
  --tw-ring-color:hsla(0,0%,100%,.1);
8643
8731
  }
@@ -9227,6 +9315,9 @@ video {
9227
9315
  --tw-bg-opacity:1;
9228
9316
  background-color: rgb(51 65 85/var(--tw-bg-opacity,1));
9229
9317
  }
9318
+ .hover\:bg-transparent:hover {
9319
+ background-color: transparent;
9320
+ }
9230
9321
  .hover\:bg-white:hover {
9231
9322
  --tw-bg-opacity:1;
9232
9323
  background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
@@ -9372,6 +9463,13 @@ video {
9372
9463
  --tw-border-opacity:1;
9373
9464
  border-color: rgb(76 217 0/var(--tw-border-opacity,1));
9374
9465
  }
9466
+ .focus\:bg-gray-100:focus {
9467
+ --tw-bg-opacity:1;
9468
+ background-color: rgb(243 244 246/var(--tw-bg-opacity,1));
9469
+ }
9470
+ .focus\:bg-transparent:focus {
9471
+ background-color: transparent;
9472
+ }
9375
9473
  .focus\:opacity-100:focus {
9376
9474
  opacity: 1;
9377
9475
  }
@@ -9523,6 +9621,12 @@ video {
9523
9621
  --tw-border-opacity:1;
9524
9622
  border-color: rgb(76 217 0/var(--tw-border-opacity,1));
9525
9623
  }
9624
+ .dark\:border-eui-secondary-500\/40:is(.dark *) {
9625
+ border-color: rgba(76, 217, 0, .4);
9626
+ }
9627
+ .dark\:border-eui-secondary-500\/50:is(.dark *) {
9628
+ border-color: rgba(76, 217, 0, .5);
9629
+ }
9526
9630
  .dark\:border-eui-secondary-800:is(.dark *) {
9527
9631
  --tw-border-opacity:1;
9528
9632
  border-color: rgb(16 122 0/var(--tw-border-opacity,1));
@@ -9673,6 +9777,9 @@ video {
9673
9777
  --tw-bg-opacity:1;
9674
9778
  background-color: rgb(76 217 0/var(--tw-bg-opacity,1));
9675
9779
  }
9780
+ .dark\:bg-eui-secondary-500\/15:is(.dark *) {
9781
+ background-color: rgba(76, 217, 0, .15);
9782
+ }
9676
9783
  .dark\:bg-eui-success-500:is(.dark *) {
9677
9784
  --tw-bg-opacity:1;
9678
9785
  background-color: rgb(25 135 84/var(--tw-bg-opacity,1));
@@ -9847,6 +9954,10 @@ video {
9847
9954
  --tw-text-opacity:1;
9848
9955
  color: rgb(76 86 115/var(--tw-text-opacity,1));
9849
9956
  }
9957
+ .dark\:text-eui-secondary-300:is(.dark *) {
9958
+ --tw-text-opacity:1;
9959
+ color: rgb(122 255 47/var(--tw-text-opacity,1));
9960
+ }
9850
9961
  .dark\:text-eui-secondary-400:is(.dark *) {
9851
9962
  --tw-text-opacity:1;
9852
9963
  color: rgb(100 226 69/var(--tw-text-opacity,1));
@@ -9928,6 +10039,13 @@ video {
9928
10039
  --tw-text-opacity:1;
9929
10040
  color: rgb(250 204 21/var(--tw-text-opacity,1));
9930
10041
  }
10042
+ .dark\:shadow-black\/30:is(.dark *) {
10043
+ --tw-shadow-color:rgba(0,0,0,.3);
10044
+ --tw-shadow:var(--tw-shadow-colored);
10045
+ }
10046
+ .dark\:ring-white\/10:is(.dark *) {
10047
+ --tw-ring-color:hsla(0,0%,100%,.1);
10048
+ }
9931
10049
  .dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder {
9932
10050
  --tw-text-opacity:1;
9933
10051
  color: rgb(107 114 128/var(--tw-text-opacity,1));
@@ -10023,6 +10141,10 @@ video {
10023
10141
  --tw-bg-opacity:1;
10024
10142
  background-color: rgb(87 92 95/var(--tw-bg-opacity,1));
10025
10143
  }
10144
+ .dark\:hover\:bg-eui-dark-400:hover:is(.dark *) {
10145
+ --tw-bg-opacity:1;
10146
+ background-color: rgb(64 69 71/var(--tw-bg-opacity,1));
10147
+ }
10026
10148
  .dark\:hover\:bg-gray-100:hover:is(.dark *) {
10027
10149
  --tw-bg-opacity:1;
10028
10150
  background-color: rgb(243 244 246/var(--tw-bg-opacity,1));
@@ -10050,6 +10172,9 @@ video {
10050
10172
  --tw-bg-opacity:1;
10051
10173
  background-color: rgb(38 38 38/var(--tw-bg-opacity,1));
10052
10174
  }
10175
+ .dark\:hover\:bg-transparent:hover:is(.dark *) {
10176
+ background-color: transparent;
10177
+ }
10053
10178
  .dark\:hover\:bg-white\/5:hover:is(.dark *) {
10054
10179
  background-color: hsla(0, 0%, 100%, .05);
10055
10180
  }
@@ -10085,6 +10210,13 @@ video {
10085
10210
  --tw-text-opacity:1;
10086
10211
  color: rgb(209 213 219/var(--tw-text-opacity,1));
10087
10212
  }
10213
+ .dark\:focus\:bg-eui-dark-400:focus:is(.dark *) {
10214
+ --tw-bg-opacity:1;
10215
+ background-color: rgb(64 69 71/var(--tw-bg-opacity,1));
10216
+ }
10217
+ .dark\:focus\:bg-transparent:focus:is(.dark *) {
10218
+ background-color: transparent;
10219
+ }
10088
10220
  @media (min-width: 640px) {
10089
10221
  .sm\:w-full {
10090
10222
  width: 100%;