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.mjs CHANGED
@@ -541,6 +541,9 @@ select:-webkit-autofill:focus {
541
541
  .col-span-5 {
542
542
  grid-column: span 5 / span 5;
543
543
  }
544
+ .col-span-full {
545
+ grid-column: 1 / -1;
546
+ }
544
547
  .m-auto {
545
548
  margin: auto;
546
549
  }
@@ -622,6 +625,9 @@ select:-webkit-autofill:focus {
622
625
  .ml-6 {
623
626
  margin-left: 1.5rem;
624
627
  }
628
+ .ml-auto {
629
+ margin-left: auto;
630
+ }
625
631
  .mr-1 {
626
632
  margin-right: 0.25rem;
627
633
  }
@@ -790,6 +796,9 @@ select:-webkit-autofill:focus {
790
796
  .w-1 {
791
797
  width: 0.25rem;
792
798
  }
799
+ .w-1\\.5 {
800
+ width: 0.375rem;
801
+ }
793
802
  .w-1\\/2 {
794
803
  width: 50%;
795
804
  }
@@ -808,6 +817,9 @@ select:-webkit-autofill:focus {
808
817
  .w-2 {
809
818
  width: 0.5rem;
810
819
  }
820
+ .w-20 {
821
+ width: 5rem;
822
+ }
811
823
  .w-24 {
812
824
  width: 6rem;
813
825
  }
@@ -826,6 +838,12 @@ select:-webkit-autofill:focus {
826
838
  .w-4 {
827
839
  width: 1rem;
828
840
  }
841
+ .w-40 {
842
+ width: 10rem;
843
+ }
844
+ .w-44 {
845
+ width: 11rem;
846
+ }
829
847
  .w-48 {
830
848
  width: 12rem;
831
849
  }
@@ -841,6 +859,9 @@ select:-webkit-autofill:focus {
841
859
  .w-7 {
842
860
  width: 1.75rem;
843
861
  }
862
+ .w-72 {
863
+ width: 18rem;
864
+ }
844
865
  .w-8 {
845
866
  width: 2rem;
846
867
  }
@@ -850,6 +871,9 @@ select:-webkit-autofill:focus {
850
871
  .w-\\[150px\\] {
851
872
  width: 150px;
852
873
  }
874
+ .w-\\[180px\\] {
875
+ width: 180px;
876
+ }
853
877
  .w-fit {
854
878
  width: -moz-fit-content;
855
879
  width: fit-content;
@@ -884,6 +908,9 @@ select:-webkit-autofill:focus {
884
908
  .min-w-\\[160px\\] {
885
909
  min-width: 160px;
886
910
  }
911
+ .min-w-\\[200px\\] {
912
+ min-width: 200px;
913
+ }
887
914
  .min-w-\\[40px\\] {
888
915
  min-width: 40px;
889
916
  }
@@ -941,6 +968,9 @@ select:-webkit-autofill:focus {
941
968
  .grow {
942
969
  flex-grow: 1;
943
970
  }
971
+ .table-auto {
972
+ table-layout: auto;
973
+ }
944
974
  .table-fixed {
945
975
  table-layout: fixed;
946
976
  }
@@ -1092,12 +1122,22 @@ select:-webkit-autofill:focus {
1092
1122
  .gap-4 {
1093
1123
  gap: 1rem;
1094
1124
  }
1125
+ .gap-5 {
1126
+ gap: 1.25rem;
1127
+ }
1095
1128
  .gap-6 {
1096
1129
  gap: 1.5rem;
1097
1130
  }
1098
1131
  .gap-8 {
1099
1132
  gap: 2rem;
1100
1133
  }
1134
+ .gap-x-8 {
1135
+ -moz-column-gap: 2rem;
1136
+ column-gap: 2rem;
1137
+ }
1138
+ .gap-y-5 {
1139
+ row-gap: 1.25rem;
1140
+ }
1101
1141
  .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1102
1142
  --tw-space-x-reverse: 0;
1103
1143
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -1118,6 +1158,11 @@ select:-webkit-autofill:focus {
1118
1158
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1119
1159
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1120
1160
  }
1161
+ .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1162
+ --tw-space-y-reverse: 0;
1163
+ margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1164
+ margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1165
+ }
1121
1166
  .space-y-3\\.5 > :not([hidden]) ~ :not([hidden]) {
1122
1167
  --tw-space-y-reverse: 0;
1123
1168
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1175,6 +1220,9 @@ select:-webkit-autofill:focus {
1175
1220
  .whitespace-pre-line {
1176
1221
  white-space: pre-line;
1177
1222
  }
1223
+ .break-words {
1224
+ overflow-wrap: break-word;
1225
+ }
1178
1226
  .rounded {
1179
1227
  border-radius: 0.25rem;
1180
1228
  }
@@ -1313,6 +1361,10 @@ select:-webkit-autofill:focus {
1313
1361
  --tw-border-opacity: 1;
1314
1362
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
1315
1363
  }
1364
+ .border-red-200 {
1365
+ --tw-border-opacity: 1;
1366
+ border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
1367
+ }
1316
1368
  .border-red-500 {
1317
1369
  --tw-border-opacity: 1;
1318
1370
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
@@ -1375,6 +1427,9 @@ select:-webkit-autofill:focus {
1375
1427
  --tw-bg-opacity: 1;
1376
1428
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1377
1429
  }
1430
+ .bg-blue-50\\/30 {
1431
+ background-color: rgb(239 246 255 / 0.3);
1432
+ }
1378
1433
  .bg-blue-50\\/50 {
1379
1434
  background-color: rgb(239 246 255 / 0.5);
1380
1435
  }
@@ -1414,6 +1469,9 @@ select:-webkit-autofill:focus {
1414
1469
  .bg-gray-50\\/50 {
1415
1470
  background-color: rgb(249 250 251 / 0.5);
1416
1471
  }
1472
+ .bg-gray-50\\/60 {
1473
+ background-color: rgb(249 250 251 / 0.6);
1474
+ }
1417
1475
  .bg-gray-50\\/95 {
1418
1476
  background-color: rgb(249 250 251 / 0.95);
1419
1477
  }
@@ -1455,6 +1513,10 @@ select:-webkit-autofill:focus {
1455
1513
  --tw-bg-opacity: 1;
1456
1514
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
1457
1515
  }
1516
+ .bg-red-50 {
1517
+ --tw-bg-opacity: 1;
1518
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
1519
+ }
1458
1520
  .bg-red-500 {
1459
1521
  --tw-bg-opacity: 1;
1460
1522
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -1659,6 +1721,9 @@ select:-webkit-autofill:focus {
1659
1721
  .p-4 {
1660
1722
  padding: 1rem;
1661
1723
  }
1724
+ .p-5 {
1725
+ padding: 1.25rem;
1726
+ }
1662
1727
  .p-6 {
1663
1728
  padding: 1.5rem;
1664
1729
  }
@@ -1766,6 +1831,9 @@ select:-webkit-autofill:focus {
1766
1831
  .pb-2 {
1767
1832
  padding-bottom: 0.5rem;
1768
1833
  }
1834
+ .pb-3 {
1835
+ padding-bottom: 0.75rem;
1836
+ }
1769
1837
  .pb-4 {
1770
1838
  padding-bottom: 1rem;
1771
1839
  }
@@ -1885,6 +1953,9 @@ select:-webkit-autofill:focus {
1885
1953
  .text-\\[8px\\] {
1886
1954
  font-size: 8px;
1887
1955
  }
1956
+ .text-\\[9px\\] {
1957
+ font-size: 9px;
1958
+ }
1888
1959
  .text-base {
1889
1960
  font-size: 1rem;
1890
1961
  line-height: 1.5rem;
@@ -1996,6 +2067,10 @@ select:-webkit-autofill:focus {
1996
2067
  --tw-text-opacity: 1;
1997
2068
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
1998
2069
  }
2070
+ .text-gray-300 {
2071
+ --tw-text-opacity: 1;
2072
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2073
+ }
1999
2074
  .text-gray-400 {
2000
2075
  --tw-text-opacity: 1;
2001
2076
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -2020,6 +2095,10 @@ select:-webkit-autofill:focus {
2020
2095
  --tw-text-opacity: 1;
2021
2096
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
2022
2097
  }
2098
+ .text-green-400 {
2099
+ --tw-text-opacity: 1;
2100
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
2101
+ }
2023
2102
  .text-green-500 {
2024
2103
  --tw-text-opacity: 1;
2025
2104
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
@@ -2215,6 +2294,10 @@ select:-webkit-autofill:focus {
2215
2294
  --tw-shadow-color: rgb(99 102 241 / 0.2);
2216
2295
  --tw-shadow: var(--tw-shadow-colored);
2217
2296
  }
2297
+ .shadow-red-100 {
2298
+ --tw-shadow-color: #fee2e2;
2299
+ --tw-shadow: var(--tw-shadow-colored);
2300
+ }
2218
2301
  .outline-none {
2219
2302
  outline: 2px solid transparent;
2220
2303
  outline-offset: 2px;
@@ -2515,6 +2598,9 @@ select:-webkit-autofill:focus {
2515
2598
  .hover\\:bg-blue-50\\/50:hover {
2516
2599
  background-color: rgb(239 246 255 / 0.5);
2517
2600
  }
2601
+ .hover\\:bg-blue-50\\/60:hover {
2602
+ background-color: rgb(239 246 255 / 0.6);
2603
+ }
2518
2604
  .hover\\:bg-blue-700:hover {
2519
2605
  --tw-bg-opacity: 1;
2520
2606
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
@@ -2759,6 +2845,9 @@ select:-webkit-autofill:focus {
2759
2845
  --tw-border-opacity: 1;
2760
2846
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
2761
2847
  }
2848
+ .dark\\:border-blue-500\\/10:is(.dark *) {
2849
+ border-color: rgb(59 130 246 / 0.1);
2850
+ }
2762
2851
  .dark\\:border-blue-500\\/20:is(.dark *) {
2763
2852
  border-color: rgb(59 130 246 / 0.2);
2764
2853
  }
@@ -2811,12 +2900,18 @@ select:-webkit-autofill:focus {
2811
2900
  .dark\\:border-zinc-800\\/10:is(.dark *) {
2812
2901
  border-color: rgb(39 39 42 / 0.1);
2813
2902
  }
2903
+ .dark\\:border-zinc-800\\/40:is(.dark *) {
2904
+ border-color: rgb(39 39 42 / 0.4);
2905
+ }
2814
2906
  .dark\\:border-zinc-800\\/50:is(.dark *) {
2815
2907
  border-color: rgb(39 39 42 / 0.5);
2816
2908
  }
2817
2909
  .dark\\:border-zinc-800\\/60:is(.dark *) {
2818
2910
  border-color: rgb(39 39 42 / 0.6);
2819
2911
  }
2912
+ .dark\\:border-zinc-800\\/80:is(.dark *) {
2913
+ border-color: rgb(39 39 42 / 0.8);
2914
+ }
2820
2915
  .dark\\:border-zinc-900:is(.dark *) {
2821
2916
  --tw-border-opacity: 1;
2822
2917
  border-color: rgb(24 24 27 / var(--tw-border-opacity, 1));
@@ -2851,6 +2946,9 @@ select:-webkit-autofill:focus {
2851
2946
  .dark\\:bg-blue-500\\/10:is(.dark *) {
2852
2947
  background-color: rgb(59 130 246 / 0.1);
2853
2948
  }
2949
+ .dark\\:bg-blue-500\\/5:is(.dark *) {
2950
+ background-color: rgb(59 130 246 / 0.05);
2951
+ }
2854
2952
  .dark\\:bg-blue-900\\/10:is(.dark *) {
2855
2953
  background-color: rgb(30 58 138 / 0.1);
2856
2954
  }
@@ -2943,6 +3041,9 @@ select:-webkit-autofill:focus {
2943
3041
  --tw-bg-opacity: 1;
2944
3042
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
2945
3043
  }
3044
+ .dark\\:bg-zinc-800\\/20:is(.dark *) {
3045
+ background-color: rgb(39 39 42 / 0.2);
3046
+ }
2946
3047
  .dark\\:bg-zinc-800\\/30:is(.dark *) {
2947
3048
  background-color: rgb(39 39 42 / 0.3);
2948
3049
  }
@@ -2968,6 +3069,9 @@ select:-webkit-autofill:focus {
2968
3069
  .dark\\:bg-zinc-900\\/30:is(.dark *) {
2969
3070
  background-color: rgb(24 24 27 / 0.3);
2970
3071
  }
3072
+ .dark\\:bg-zinc-900\\/40:is(.dark *) {
3073
+ background-color: rgb(24 24 27 / 0.4);
3074
+ }
2971
3075
  .dark\\:bg-zinc-900\\/50:is(.dark *) {
2972
3076
  background-color: rgb(24 24 27 / 0.5);
2973
3077
  }
@@ -3058,6 +3162,10 @@ select:-webkit-autofill:focus {
3058
3162
  --tw-text-opacity: 1;
3059
3163
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
3060
3164
  }
3165
+ .dark\\:text-green-500:is(.dark *) {
3166
+ --tw-text-opacity: 1;
3167
+ color: rgb(34 197 94 / var(--tw-text-opacity, 1));
3168
+ }
3061
3169
  .dark\\:text-indigo-400:is(.dark *) {
3062
3170
  --tw-text-opacity: 1;
3063
3171
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
@@ -3110,6 +3218,10 @@ select:-webkit-autofill:focus {
3110
3218
  --tw-text-opacity: 1;
3111
3219
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
3112
3220
  }
3221
+ .dark\\:text-zinc-200:is(.dark *) {
3222
+ --tw-text-opacity: 1;
3223
+ color: rgb(228 228 231 / var(--tw-text-opacity, 1));
3224
+ }
3113
3225
  .dark\\:text-zinc-300:is(.dark *) {
3114
3226
  --tw-text-opacity: 1;
3115
3227
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
@@ -3118,6 +3230,10 @@ select:-webkit-autofill:focus {
3118
3230
  --tw-text-opacity: 1;
3119
3231
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
3120
3232
  }
3233
+ .dark\\:text-zinc-50:is(.dark *) {
3234
+ --tw-text-opacity: 1;
3235
+ color: rgb(250 250 250 / var(--tw-text-opacity, 1));
3236
+ }
3121
3237
  .dark\\:text-zinc-500:is(.dark *) {
3122
3238
  --tw-text-opacity: 1;
3123
3239
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
@@ -3126,6 +3242,10 @@ select:-webkit-autofill:focus {
3126
3242
  --tw-text-opacity: 1;
3127
3243
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
3128
3244
  }
3245
+ .dark\\:text-zinc-700:is(.dark *) {
3246
+ --tw-text-opacity: 1;
3247
+ color: rgb(63 63 70 / var(--tw-text-opacity, 1));
3248
+ }
3129
3249
  .dark\\:placeholder-zinc-500:is(.dark *)::-moz-placeholder {
3130
3250
  --tw-placeholder-opacity: 1;
3131
3251
  color: rgb(113 113 122 / var(--tw-placeholder-opacity, 1));
@@ -3395,6 +3515,9 @@ select:-webkit-autofill:focus {
3395
3515
  .lg\\:w-\\[450px\\] {
3396
3516
  width: 450px;
3397
3517
  }
3518
+ .lg\\:grid-cols-2 {
3519
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3520
+ }
3398
3521
  .lg\\:grid-cols-3 {
3399
3522
  grid-template-columns: repeat(3, minmax(0, 1fr));
3400
3523
  }
@@ -3465,6 +3588,14 @@ select:-webkit-autofill:focus {
3465
3588
  --tw-text-opacity: 1;
3466
3589
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
3467
3590
  }
3591
+ .print\\:text-green-500 {
3592
+ --tw-text-opacity: 1;
3593
+ color: rgb(34 197 94 / var(--tw-text-opacity, 1));
3594
+ }
3595
+ .print\\:text-red-500 {
3596
+ --tw-text-opacity: 1;
3597
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
3598
+ }
3468
3599
  .print\\:shadow-none {
3469
3600
  --tw-shadow: 0 0 #0000;
3470
3601
  --tw-shadow-colored: 0 0 #0000;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "warqadui",
3
- "version": "0.0.97",
3
+ "version": "0.0.98",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",