warqadui 0.0.92 → 0.0.94

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
@@ -534,6 +534,18 @@ select:-webkit-autofill:focus {
534
534
  .z-50 {
535
535
  z-index: 50;
536
536
  }
537
+ .col-span-12 {
538
+ grid-column: span 12 / span 12;
539
+ }
540
+ .col-span-3 {
541
+ grid-column: span 3 / span 3;
542
+ }
543
+ .col-span-4 {
544
+ grid-column: span 4 / span 4;
545
+ }
546
+ .col-span-5 {
547
+ grid-column: span 5 / span 5;
548
+ }
537
549
  .m-auto {
538
550
  margin: auto;
539
551
  }
@@ -573,6 +585,9 @@ select:-webkit-autofill:focus {
573
585
  .-mt-24 {
574
586
  margin-top: -6rem;
575
587
  }
588
+ .mb-0\\.5 {
589
+ margin-bottom: 0.125rem;
590
+ }
576
591
  .mb-1 {
577
592
  margin-bottom: 0.25rem;
578
593
  }
@@ -744,6 +759,9 @@ select:-webkit-autofill:focus {
744
759
  .h-9 {
745
760
  height: 2.25rem;
746
761
  }
762
+ .h-\\[40px\\] {
763
+ height: 40px;
764
+ }
747
765
  .h-full {
748
766
  height: 100%;
749
767
  }
@@ -859,6 +877,9 @@ select:-webkit-autofill:focus {
859
877
  .min-w-\\[100px\\] {
860
878
  min-width: 100px;
861
879
  }
880
+ .min-w-\\[120px\\] {
881
+ min-width: 120px;
882
+ }
862
883
  .min-w-\\[140px\\] {
863
884
  min-width: 140px;
864
885
  }
@@ -1016,6 +1037,9 @@ select:-webkit-autofill:focus {
1016
1037
  .grid-cols-1 {
1017
1038
  grid-template-columns: repeat(1, minmax(0, 1fr));
1018
1039
  }
1040
+ .grid-cols-12 {
1041
+ grid-template-columns: repeat(12, minmax(0, 1fr));
1042
+ }
1019
1043
  .grid-cols-2 {
1020
1044
  grid-template-columns: repeat(2, minmax(0, 1fr));
1021
1045
  }
@@ -1124,6 +1148,15 @@ select:-webkit-autofill:focus {
1124
1148
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1125
1149
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1126
1150
  }
1151
+ .divide-y > :not([hidden]) ~ :not([hidden]) {
1152
+ --tw-divide-y-reverse: 0;
1153
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1154
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1155
+ }
1156
+ .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1157
+ --tw-divide-opacity: 1;
1158
+ border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
1159
+ }
1127
1160
  .overflow-hidden {
1128
1161
  overflow: hidden;
1129
1162
  }
@@ -1693,6 +1726,10 @@ select:-webkit-autofill:focus {
1693
1726
  padding-top: 0.375rem;
1694
1727
  padding-bottom: 0.375rem;
1695
1728
  }
1729
+ .py-10 {
1730
+ padding-top: 2.5rem;
1731
+ padding-bottom: 2.5rem;
1732
+ }
1696
1733
  .py-12 {
1697
1734
  padding-top: 3rem;
1698
1735
  padding-bottom: 3rem;
@@ -1773,6 +1810,9 @@ select:-webkit-autofill:focus {
1773
1810
  .pt-4 {
1774
1811
  padding-top: 1rem;
1775
1812
  }
1813
+ .pt-6 {
1814
+ padding-top: 1.5rem;
1815
+ }
1776
1816
  .pt-8 {
1777
1817
  padding-top: 2rem;
1778
1818
  }
@@ -1882,6 +1922,9 @@ select:-webkit-autofill:focus {
1882
1922
  .font-medium {
1883
1923
  font-weight: 500;
1884
1924
  }
1925
+ .font-normal {
1926
+ font-weight: 400;
1927
+ }
1885
1928
  .font-semibold {
1886
1929
  font-weight: 600;
1887
1930
  }
@@ -1954,6 +1997,10 @@ select:-webkit-autofill:focus {
1954
1997
  .text-current {
1955
1998
  color: currentColor;
1956
1999
  }
2000
+ .text-emerald-600 {
2001
+ --tw-text-opacity: 1;
2002
+ color: rgb(5 150 105 / var(--tw-text-opacity, 1));
2003
+ }
1957
2004
  .text-gray-400 {
1958
2005
  --tw-text-opacity: 1;
1959
2006
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -2354,6 +2401,29 @@ select:-webkit-autofill:focus {
2354
2401
  .ease-out {
2355
2402
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2356
2403
  }
2404
+ .custom-scrollbar::-webkit-scrollbar {
2405
+ width: 6px;
2406
+ }
2407
+ .custom-scrollbar::-webkit-scrollbar-track {
2408
+ background: transparent;
2409
+ }
2410
+ .custom-scrollbar::-webkit-scrollbar-thumb {
2411
+ border-radius: 9999px;
2412
+ --tw-bg-opacity: 1;
2413
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2414
+ }
2415
+ .custom-scrollbar:is(.dark *)::-webkit-scrollbar-thumb {
2416
+ --tw-bg-opacity: 1;
2417
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
2418
+ }
2419
+ .custom-scrollbar::-webkit-scrollbar-thumb:hover {
2420
+ --tw-bg-opacity: 1;
2421
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
2422
+ }
2423
+ .custom-scrollbar:is(.dark *)::-webkit-scrollbar-thumb:hover {
2424
+ --tw-bg-opacity: 1;
2425
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2426
+ }
2357
2427
  .before\\:absolute::before {
2358
2428
  content: var(--tw-content);
2359
2429
  position: absolute;
@@ -2541,6 +2611,10 @@ select:-webkit-autofill:focus {
2541
2611
  --tw-text-opacity: 1;
2542
2612
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
2543
2613
  }
2614
+ .hover\\:text-red-700:hover {
2615
+ --tw-text-opacity: 1;
2616
+ color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2617
+ }
2544
2618
  .hover\\:text-white:hover {
2545
2619
  --tw-text-opacity: 1;
2546
2620
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2685,6 +2759,10 @@ select:-webkit-autofill:focus {
2685
2759
  .group:hover .group-hover\\:ring-blue-500\\/30 {
2686
2760
  --tw-ring-color: rgb(59 130 246 / 0.3);
2687
2761
  }
2762
+ .dark\\:divide-gray-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
2763
+ --tw-divide-opacity: 1;
2764
+ border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1));
2765
+ }
2688
2766
  .dark\\:border-blue-400:is(.dark *) {
2689
2767
  --tw-border-opacity: 1;
2690
2768
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
@@ -2797,6 +2875,12 @@ select:-webkit-autofill:focus {
2797
2875
  --tw-bg-opacity: 1;
2798
2876
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
2799
2877
  }
2878
+ .dark\\:bg-gray-800\\/20:is(.dark *) {
2879
+ background-color: rgb(31 41 55 / 0.2);
2880
+ }
2881
+ .dark\\:bg-gray-800\\/50:is(.dark *) {
2882
+ background-color: rgb(31 41 55 / 0.5);
2883
+ }
2800
2884
  .dark\\:bg-gray-900:is(.dark *) {
2801
2885
  --tw-bg-opacity: 1;
2802
2886
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
@@ -3108,6 +3192,9 @@ select:-webkit-autofill:focus {
3108
3192
  --tw-bg-opacity: 1;
3109
3193
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
3110
3194
  }
3195
+ .dark\\:hover\\:bg-gray-800\\/50:hover:is(.dark *) {
3196
+ background-color: rgb(31 41 55 / 0.5);
3197
+ }
3111
3198
  .dark\\:hover\\:bg-gray-900:hover:is(.dark *) {
3112
3199
  --tw-bg-opacity: 1;
3113
3200
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
@@ -3201,6 +3288,15 @@ select:-webkit-autofill:focus {
3201
3288
  background-color: rgb(127 29 29 / 0.2);
3202
3289
  }
3203
3290
  @media (min-width: 640px) {
3291
+ .sm\\:col-span-2 {
3292
+ grid-column: span 2 / span 2;
3293
+ }
3294
+ .sm\\:col-span-3 {
3295
+ grid-column: span 3 / span 3;
3296
+ }
3297
+ .sm\\:col-span-5 {
3298
+ grid-column: span 5 / span 5;
3299
+ }
3204
3300
  .sm\\:h-36 {
3205
3301
  height: 9rem;
3206
3302
  }
@@ -3210,6 +3306,9 @@ select:-webkit-autofill:focus {
3210
3306
  .sm\\:grid-cols-2 {
3211
3307
  grid-template-columns: repeat(2, minmax(0, 1fr));
3212
3308
  }
3309
+ .sm\\:grid-cols-3 {
3310
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3311
+ }
3213
3312
  .sm\\:flex-row {
3214
3313
  flex-direction: row;
3215
3314
  }
package/dist/styles.mjs CHANGED
@@ -532,6 +532,18 @@ select:-webkit-autofill:focus {
532
532
  .z-50 {
533
533
  z-index: 50;
534
534
  }
535
+ .col-span-12 {
536
+ grid-column: span 12 / span 12;
537
+ }
538
+ .col-span-3 {
539
+ grid-column: span 3 / span 3;
540
+ }
541
+ .col-span-4 {
542
+ grid-column: span 4 / span 4;
543
+ }
544
+ .col-span-5 {
545
+ grid-column: span 5 / span 5;
546
+ }
535
547
  .m-auto {
536
548
  margin: auto;
537
549
  }
@@ -571,6 +583,9 @@ select:-webkit-autofill:focus {
571
583
  .-mt-24 {
572
584
  margin-top: -6rem;
573
585
  }
586
+ .mb-0\\.5 {
587
+ margin-bottom: 0.125rem;
588
+ }
574
589
  .mb-1 {
575
590
  margin-bottom: 0.25rem;
576
591
  }
@@ -742,6 +757,9 @@ select:-webkit-autofill:focus {
742
757
  .h-9 {
743
758
  height: 2.25rem;
744
759
  }
760
+ .h-\\[40px\\] {
761
+ height: 40px;
762
+ }
745
763
  .h-full {
746
764
  height: 100%;
747
765
  }
@@ -857,6 +875,9 @@ select:-webkit-autofill:focus {
857
875
  .min-w-\\[100px\\] {
858
876
  min-width: 100px;
859
877
  }
878
+ .min-w-\\[120px\\] {
879
+ min-width: 120px;
880
+ }
860
881
  .min-w-\\[140px\\] {
861
882
  min-width: 140px;
862
883
  }
@@ -1014,6 +1035,9 @@ select:-webkit-autofill:focus {
1014
1035
  .grid-cols-1 {
1015
1036
  grid-template-columns: repeat(1, minmax(0, 1fr));
1016
1037
  }
1038
+ .grid-cols-12 {
1039
+ grid-template-columns: repeat(12, minmax(0, 1fr));
1040
+ }
1017
1041
  .grid-cols-2 {
1018
1042
  grid-template-columns: repeat(2, minmax(0, 1fr));
1019
1043
  }
@@ -1122,6 +1146,15 @@ select:-webkit-autofill:focus {
1122
1146
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1123
1147
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1124
1148
  }
1149
+ .divide-y > :not([hidden]) ~ :not([hidden]) {
1150
+ --tw-divide-y-reverse: 0;
1151
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1152
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1153
+ }
1154
+ .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1155
+ --tw-divide-opacity: 1;
1156
+ border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
1157
+ }
1125
1158
  .overflow-hidden {
1126
1159
  overflow: hidden;
1127
1160
  }
@@ -1691,6 +1724,10 @@ select:-webkit-autofill:focus {
1691
1724
  padding-top: 0.375rem;
1692
1725
  padding-bottom: 0.375rem;
1693
1726
  }
1727
+ .py-10 {
1728
+ padding-top: 2.5rem;
1729
+ padding-bottom: 2.5rem;
1730
+ }
1694
1731
  .py-12 {
1695
1732
  padding-top: 3rem;
1696
1733
  padding-bottom: 3rem;
@@ -1771,6 +1808,9 @@ select:-webkit-autofill:focus {
1771
1808
  .pt-4 {
1772
1809
  padding-top: 1rem;
1773
1810
  }
1811
+ .pt-6 {
1812
+ padding-top: 1.5rem;
1813
+ }
1774
1814
  .pt-8 {
1775
1815
  padding-top: 2rem;
1776
1816
  }
@@ -1880,6 +1920,9 @@ select:-webkit-autofill:focus {
1880
1920
  .font-medium {
1881
1921
  font-weight: 500;
1882
1922
  }
1923
+ .font-normal {
1924
+ font-weight: 400;
1925
+ }
1883
1926
  .font-semibold {
1884
1927
  font-weight: 600;
1885
1928
  }
@@ -1952,6 +1995,10 @@ select:-webkit-autofill:focus {
1952
1995
  .text-current {
1953
1996
  color: currentColor;
1954
1997
  }
1998
+ .text-emerald-600 {
1999
+ --tw-text-opacity: 1;
2000
+ color: rgb(5 150 105 / var(--tw-text-opacity, 1));
2001
+ }
1955
2002
  .text-gray-400 {
1956
2003
  --tw-text-opacity: 1;
1957
2004
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -2352,6 +2399,29 @@ select:-webkit-autofill:focus {
2352
2399
  .ease-out {
2353
2400
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2354
2401
  }
2402
+ .custom-scrollbar::-webkit-scrollbar {
2403
+ width: 6px;
2404
+ }
2405
+ .custom-scrollbar::-webkit-scrollbar-track {
2406
+ background: transparent;
2407
+ }
2408
+ .custom-scrollbar::-webkit-scrollbar-thumb {
2409
+ border-radius: 9999px;
2410
+ --tw-bg-opacity: 1;
2411
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2412
+ }
2413
+ .custom-scrollbar:is(.dark *)::-webkit-scrollbar-thumb {
2414
+ --tw-bg-opacity: 1;
2415
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
2416
+ }
2417
+ .custom-scrollbar::-webkit-scrollbar-thumb:hover {
2418
+ --tw-bg-opacity: 1;
2419
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
2420
+ }
2421
+ .custom-scrollbar:is(.dark *)::-webkit-scrollbar-thumb:hover {
2422
+ --tw-bg-opacity: 1;
2423
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2424
+ }
2355
2425
  .before\\:absolute::before {
2356
2426
  content: var(--tw-content);
2357
2427
  position: absolute;
@@ -2539,6 +2609,10 @@ select:-webkit-autofill:focus {
2539
2609
  --tw-text-opacity: 1;
2540
2610
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
2541
2611
  }
2612
+ .hover\\:text-red-700:hover {
2613
+ --tw-text-opacity: 1;
2614
+ color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2615
+ }
2542
2616
  .hover\\:text-white:hover {
2543
2617
  --tw-text-opacity: 1;
2544
2618
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2683,6 +2757,10 @@ select:-webkit-autofill:focus {
2683
2757
  .group:hover .group-hover\\:ring-blue-500\\/30 {
2684
2758
  --tw-ring-color: rgb(59 130 246 / 0.3);
2685
2759
  }
2760
+ .dark\\:divide-gray-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
2761
+ --tw-divide-opacity: 1;
2762
+ border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1));
2763
+ }
2686
2764
  .dark\\:border-blue-400:is(.dark *) {
2687
2765
  --tw-border-opacity: 1;
2688
2766
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
@@ -2795,6 +2873,12 @@ select:-webkit-autofill:focus {
2795
2873
  --tw-bg-opacity: 1;
2796
2874
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
2797
2875
  }
2876
+ .dark\\:bg-gray-800\\/20:is(.dark *) {
2877
+ background-color: rgb(31 41 55 / 0.2);
2878
+ }
2879
+ .dark\\:bg-gray-800\\/50:is(.dark *) {
2880
+ background-color: rgb(31 41 55 / 0.5);
2881
+ }
2798
2882
  .dark\\:bg-gray-900:is(.dark *) {
2799
2883
  --tw-bg-opacity: 1;
2800
2884
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
@@ -3106,6 +3190,9 @@ select:-webkit-autofill:focus {
3106
3190
  --tw-bg-opacity: 1;
3107
3191
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
3108
3192
  }
3193
+ .dark\\:hover\\:bg-gray-800\\/50:hover:is(.dark *) {
3194
+ background-color: rgb(31 41 55 / 0.5);
3195
+ }
3109
3196
  .dark\\:hover\\:bg-gray-900:hover:is(.dark *) {
3110
3197
  --tw-bg-opacity: 1;
3111
3198
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
@@ -3199,6 +3286,15 @@ select:-webkit-autofill:focus {
3199
3286
  background-color: rgb(127 29 29 / 0.2);
3200
3287
  }
3201
3288
  @media (min-width: 640px) {
3289
+ .sm\\:col-span-2 {
3290
+ grid-column: span 2 / span 2;
3291
+ }
3292
+ .sm\\:col-span-3 {
3293
+ grid-column: span 3 / span 3;
3294
+ }
3295
+ .sm\\:col-span-5 {
3296
+ grid-column: span 5 / span 5;
3297
+ }
3202
3298
  .sm\\:h-36 {
3203
3299
  height: 9rem;
3204
3300
  }
@@ -3208,6 +3304,9 @@ select:-webkit-autofill:focus {
3208
3304
  .sm\\:grid-cols-2 {
3209
3305
  grid-template-columns: repeat(2, minmax(0, 1fr));
3210
3306
  }
3307
+ .sm\\:grid-cols-3 {
3308
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3309
+ }
3211
3310
  .sm\\:flex-row {
3212
3311
  flex-direction: row;
3213
3312
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "warqadui",
3
- "version": "0.0.92",
3
+ "version": "0.0.94",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",