warqadui 0.0.97 → 0.0.98

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/styles.js CHANGED
@@ -543,6 +543,9 @@ select:-webkit-autofill:focus {
543
543
  .col-span-5 {
544
544
  grid-column: span 5 / span 5;
545
545
  }
546
+ .col-span-full {
547
+ grid-column: 1 / -1;
548
+ }
546
549
  .m-auto {
547
550
  margin: auto;
548
551
  }
@@ -624,6 +627,9 @@ select:-webkit-autofill:focus {
624
627
  .ml-6 {
625
628
  margin-left: 1.5rem;
626
629
  }
630
+ .ml-auto {
631
+ margin-left: auto;
632
+ }
627
633
  .mr-1 {
628
634
  margin-right: 0.25rem;
629
635
  }
@@ -792,6 +798,9 @@ select:-webkit-autofill:focus {
792
798
  .w-1 {
793
799
  width: 0.25rem;
794
800
  }
801
+ .w-1\\.5 {
802
+ width: 0.375rem;
803
+ }
795
804
  .w-1\\/2 {
796
805
  width: 50%;
797
806
  }
@@ -810,6 +819,9 @@ select:-webkit-autofill:focus {
810
819
  .w-2 {
811
820
  width: 0.5rem;
812
821
  }
822
+ .w-20 {
823
+ width: 5rem;
824
+ }
813
825
  .w-24 {
814
826
  width: 6rem;
815
827
  }
@@ -828,6 +840,12 @@ select:-webkit-autofill:focus {
828
840
  .w-4 {
829
841
  width: 1rem;
830
842
  }
843
+ .w-40 {
844
+ width: 10rem;
845
+ }
846
+ .w-44 {
847
+ width: 11rem;
848
+ }
831
849
  .w-48 {
832
850
  width: 12rem;
833
851
  }
@@ -843,6 +861,9 @@ select:-webkit-autofill:focus {
843
861
  .w-7 {
844
862
  width: 1.75rem;
845
863
  }
864
+ .w-72 {
865
+ width: 18rem;
866
+ }
846
867
  .w-8 {
847
868
  width: 2rem;
848
869
  }
@@ -852,6 +873,9 @@ select:-webkit-autofill:focus {
852
873
  .w-\\[150px\\] {
853
874
  width: 150px;
854
875
  }
876
+ .w-\\[180px\\] {
877
+ width: 180px;
878
+ }
855
879
  .w-fit {
856
880
  width: -moz-fit-content;
857
881
  width: fit-content;
@@ -886,6 +910,9 @@ select:-webkit-autofill:focus {
886
910
  .min-w-\\[160px\\] {
887
911
  min-width: 160px;
888
912
  }
913
+ .min-w-\\[200px\\] {
914
+ min-width: 200px;
915
+ }
889
916
  .min-w-\\[40px\\] {
890
917
  min-width: 40px;
891
918
  }
@@ -943,6 +970,9 @@ select:-webkit-autofill:focus {
943
970
  .grow {
944
971
  flex-grow: 1;
945
972
  }
973
+ .table-auto {
974
+ table-layout: auto;
975
+ }
946
976
  .table-fixed {
947
977
  table-layout: fixed;
948
978
  }
@@ -1094,12 +1124,22 @@ select:-webkit-autofill:focus {
1094
1124
  .gap-4 {
1095
1125
  gap: 1rem;
1096
1126
  }
1127
+ .gap-5 {
1128
+ gap: 1.25rem;
1129
+ }
1097
1130
  .gap-6 {
1098
1131
  gap: 1.5rem;
1099
1132
  }
1100
1133
  .gap-8 {
1101
1134
  gap: 2rem;
1102
1135
  }
1136
+ .gap-x-8 {
1137
+ -moz-column-gap: 2rem;
1138
+ column-gap: 2rem;
1139
+ }
1140
+ .gap-y-5 {
1141
+ row-gap: 1.25rem;
1142
+ }
1103
1143
  .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1104
1144
  --tw-space-x-reverse: 0;
1105
1145
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -1120,6 +1160,11 @@ select:-webkit-autofill:focus {
1120
1160
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1121
1161
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1122
1162
  }
1163
+ .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1164
+ --tw-space-y-reverse: 0;
1165
+ margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1166
+ margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1167
+ }
1123
1168
  .space-y-3\\.5 > :not([hidden]) ~ :not([hidden]) {
1124
1169
  --tw-space-y-reverse: 0;
1125
1170
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1177,6 +1222,9 @@ select:-webkit-autofill:focus {
1177
1222
  .whitespace-pre-line {
1178
1223
  white-space: pre-line;
1179
1224
  }
1225
+ .break-words {
1226
+ overflow-wrap: break-word;
1227
+ }
1180
1228
  .rounded {
1181
1229
  border-radius: 0.25rem;
1182
1230
  }
@@ -1315,6 +1363,10 @@ select:-webkit-autofill:focus {
1315
1363
  --tw-border-opacity: 1;
1316
1364
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
1317
1365
  }
1366
+ .border-red-200 {
1367
+ --tw-border-opacity: 1;
1368
+ border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
1369
+ }
1318
1370
  .border-red-500 {
1319
1371
  --tw-border-opacity: 1;
1320
1372
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
@@ -1377,6 +1429,9 @@ select:-webkit-autofill:focus {
1377
1429
  --tw-bg-opacity: 1;
1378
1430
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1379
1431
  }
1432
+ .bg-blue-50\\/30 {
1433
+ background-color: rgb(239 246 255 / 0.3);
1434
+ }
1380
1435
  .bg-blue-50\\/50 {
1381
1436
  background-color: rgb(239 246 255 / 0.5);
1382
1437
  }
@@ -1416,6 +1471,9 @@ select:-webkit-autofill:focus {
1416
1471
  .bg-gray-50\\/50 {
1417
1472
  background-color: rgb(249 250 251 / 0.5);
1418
1473
  }
1474
+ .bg-gray-50\\/60 {
1475
+ background-color: rgb(249 250 251 / 0.6);
1476
+ }
1419
1477
  .bg-gray-50\\/95 {
1420
1478
  background-color: rgb(249 250 251 / 0.95);
1421
1479
  }
@@ -1457,6 +1515,10 @@ select:-webkit-autofill:focus {
1457
1515
  --tw-bg-opacity: 1;
1458
1516
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
1459
1517
  }
1518
+ .bg-red-50 {
1519
+ --tw-bg-opacity: 1;
1520
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
1521
+ }
1460
1522
  .bg-red-500 {
1461
1523
  --tw-bg-opacity: 1;
1462
1524
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -1661,6 +1723,9 @@ select:-webkit-autofill:focus {
1661
1723
  .p-4 {
1662
1724
  padding: 1rem;
1663
1725
  }
1726
+ .p-5 {
1727
+ padding: 1.25rem;
1728
+ }
1664
1729
  .p-6 {
1665
1730
  padding: 1.5rem;
1666
1731
  }
@@ -1768,6 +1833,9 @@ select:-webkit-autofill:focus {
1768
1833
  .pb-2 {
1769
1834
  padding-bottom: 0.5rem;
1770
1835
  }
1836
+ .pb-3 {
1837
+ padding-bottom: 0.75rem;
1838
+ }
1771
1839
  .pb-4 {
1772
1840
  padding-bottom: 1rem;
1773
1841
  }
@@ -1887,6 +1955,9 @@ select:-webkit-autofill:focus {
1887
1955
  .text-\\[8px\\] {
1888
1956
  font-size: 8px;
1889
1957
  }
1958
+ .text-\\[9px\\] {
1959
+ font-size: 9px;
1960
+ }
1890
1961
  .text-base {
1891
1962
  font-size: 1rem;
1892
1963
  line-height: 1.5rem;
@@ -1998,6 +2069,10 @@ select:-webkit-autofill:focus {
1998
2069
  --tw-text-opacity: 1;
1999
2070
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
2000
2071
  }
2072
+ .text-gray-300 {
2073
+ --tw-text-opacity: 1;
2074
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2075
+ }
2001
2076
  .text-gray-400 {
2002
2077
  --tw-text-opacity: 1;
2003
2078
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -2022,6 +2097,10 @@ select:-webkit-autofill:focus {
2022
2097
  --tw-text-opacity: 1;
2023
2098
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
2024
2099
  }
2100
+ .text-green-400 {
2101
+ --tw-text-opacity: 1;
2102
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
2103
+ }
2025
2104
  .text-green-500 {
2026
2105
  --tw-text-opacity: 1;
2027
2106
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
@@ -2217,6 +2296,10 @@ select:-webkit-autofill:focus {
2217
2296
  --tw-shadow-color: rgb(99 102 241 / 0.2);
2218
2297
  --tw-shadow: var(--tw-shadow-colored);
2219
2298
  }
2299
+ .shadow-red-100 {
2300
+ --tw-shadow-color: #fee2e2;
2301
+ --tw-shadow: var(--tw-shadow-colored);
2302
+ }
2220
2303
  .outline-none {
2221
2304
  outline: 2px solid transparent;
2222
2305
  outline-offset: 2px;
@@ -2517,6 +2600,9 @@ select:-webkit-autofill:focus {
2517
2600
  .hover\\:bg-blue-50\\/50:hover {
2518
2601
  background-color: rgb(239 246 255 / 0.5);
2519
2602
  }
2603
+ .hover\\:bg-blue-50\\/60:hover {
2604
+ background-color: rgb(239 246 255 / 0.6);
2605
+ }
2520
2606
  .hover\\:bg-blue-700:hover {
2521
2607
  --tw-bg-opacity: 1;
2522
2608
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
@@ -2761,6 +2847,9 @@ select:-webkit-autofill:focus {
2761
2847
  --tw-border-opacity: 1;
2762
2848
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
2763
2849
  }
2850
+ .dark\\:border-blue-500\\/10:is(.dark *) {
2851
+ border-color: rgb(59 130 246 / 0.1);
2852
+ }
2764
2853
  .dark\\:border-blue-500\\/20:is(.dark *) {
2765
2854
  border-color: rgb(59 130 246 / 0.2);
2766
2855
  }
@@ -2813,12 +2902,18 @@ select:-webkit-autofill:focus {
2813
2902
  .dark\\:border-zinc-800\\/10:is(.dark *) {
2814
2903
  border-color: rgb(39 39 42 / 0.1);
2815
2904
  }
2905
+ .dark\\:border-zinc-800\\/40:is(.dark *) {
2906
+ border-color: rgb(39 39 42 / 0.4);
2907
+ }
2816
2908
  .dark\\:border-zinc-800\\/50:is(.dark *) {
2817
2909
  border-color: rgb(39 39 42 / 0.5);
2818
2910
  }
2819
2911
  .dark\\:border-zinc-800\\/60:is(.dark *) {
2820
2912
  border-color: rgb(39 39 42 / 0.6);
2821
2913
  }
2914
+ .dark\\:border-zinc-800\\/80:is(.dark *) {
2915
+ border-color: rgb(39 39 42 / 0.8);
2916
+ }
2822
2917
  .dark\\:border-zinc-900:is(.dark *) {
2823
2918
  --tw-border-opacity: 1;
2824
2919
  border-color: rgb(24 24 27 / var(--tw-border-opacity, 1));
@@ -2853,6 +2948,9 @@ select:-webkit-autofill:focus {
2853
2948
  .dark\\:bg-blue-500\\/10:is(.dark *) {
2854
2949
  background-color: rgb(59 130 246 / 0.1);
2855
2950
  }
2951
+ .dark\\:bg-blue-500\\/5:is(.dark *) {
2952
+ background-color: rgb(59 130 246 / 0.05);
2953
+ }
2856
2954
  .dark\\:bg-blue-900\\/10:is(.dark *) {
2857
2955
  background-color: rgb(30 58 138 / 0.1);
2858
2956
  }
@@ -2945,6 +3043,9 @@ select:-webkit-autofill:focus {
2945
3043
  --tw-bg-opacity: 1;
2946
3044
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
2947
3045
  }
3046
+ .dark\\:bg-zinc-800\\/20:is(.dark *) {
3047
+ background-color: rgb(39 39 42 / 0.2);
3048
+ }
2948
3049
  .dark\\:bg-zinc-800\\/30:is(.dark *) {
2949
3050
  background-color: rgb(39 39 42 / 0.3);
2950
3051
  }
@@ -2970,6 +3071,9 @@ select:-webkit-autofill:focus {
2970
3071
  .dark\\:bg-zinc-900\\/30:is(.dark *) {
2971
3072
  background-color: rgb(24 24 27 / 0.3);
2972
3073
  }
3074
+ .dark\\:bg-zinc-900\\/40:is(.dark *) {
3075
+ background-color: rgb(24 24 27 / 0.4);
3076
+ }
2973
3077
  .dark\\:bg-zinc-900\\/50:is(.dark *) {
2974
3078
  background-color: rgb(24 24 27 / 0.5);
2975
3079
  }
@@ -3060,6 +3164,10 @@ select:-webkit-autofill:focus {
3060
3164
  --tw-text-opacity: 1;
3061
3165
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
3062
3166
  }
3167
+ .dark\\:text-green-500:is(.dark *) {
3168
+ --tw-text-opacity: 1;
3169
+ color: rgb(34 197 94 / var(--tw-text-opacity, 1));
3170
+ }
3063
3171
  .dark\\:text-indigo-400:is(.dark *) {
3064
3172
  --tw-text-opacity: 1;
3065
3173
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
@@ -3112,6 +3220,10 @@ select:-webkit-autofill:focus {
3112
3220
  --tw-text-opacity: 1;
3113
3221
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
3114
3222
  }
3223
+ .dark\\:text-zinc-200:is(.dark *) {
3224
+ --tw-text-opacity: 1;
3225
+ color: rgb(228 228 231 / var(--tw-text-opacity, 1));
3226
+ }
3115
3227
  .dark\\:text-zinc-300:is(.dark *) {
3116
3228
  --tw-text-opacity: 1;
3117
3229
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
@@ -3120,6 +3232,10 @@ select:-webkit-autofill:focus {
3120
3232
  --tw-text-opacity: 1;
3121
3233
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
3122
3234
  }
3235
+ .dark\\:text-zinc-50:is(.dark *) {
3236
+ --tw-text-opacity: 1;
3237
+ color: rgb(250 250 250 / var(--tw-text-opacity, 1));
3238
+ }
3123
3239
  .dark\\:text-zinc-500:is(.dark *) {
3124
3240
  --tw-text-opacity: 1;
3125
3241
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
@@ -3128,6 +3244,10 @@ select:-webkit-autofill:focus {
3128
3244
  --tw-text-opacity: 1;
3129
3245
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
3130
3246
  }
3247
+ .dark\\:text-zinc-700:is(.dark *) {
3248
+ --tw-text-opacity: 1;
3249
+ color: rgb(63 63 70 / var(--tw-text-opacity, 1));
3250
+ }
3131
3251
  .dark\\:placeholder-zinc-500:is(.dark *)::-moz-placeholder {
3132
3252
  --tw-placeholder-opacity: 1;
3133
3253
  color: rgb(113 113 122 / var(--tw-placeholder-opacity, 1));
@@ -3397,6 +3517,9 @@ select:-webkit-autofill:focus {
3397
3517
  .lg\\:w-\\[450px\\] {
3398
3518
  width: 450px;
3399
3519
  }
3520
+ .lg\\:grid-cols-2 {
3521
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3522
+ }
3400
3523
  .lg\\:grid-cols-3 {
3401
3524
  grid-template-columns: repeat(3, minmax(0, 1fr));
3402
3525
  }
@@ -3467,6 +3590,14 @@ select:-webkit-autofill:focus {
3467
3590
  --tw-text-opacity: 1;
3468
3591
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
3469
3592
  }
3593
+ .print\\:text-green-500 {
3594
+ --tw-text-opacity: 1;
3595
+ color: rgb(34 197 94 / var(--tw-text-opacity, 1));
3596
+ }
3597
+ .print\\:text-red-500 {
3598
+ --tw-text-opacity: 1;
3599
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
3600
+ }
3470
3601
  .print\\:shadow-none {
3471
3602
  --tw-shadow: 0 0 #0000;
3472
3603
  --tw-shadow-colored: 0 0 #0000;