funuicss 3.8.14 → 3.8.16

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.
Files changed (11) hide show
  1. package/css/fun.css +215 -130
  2. package/package.json +1 -1
  3. package/ui/accordion/Accordion.d.ts +2 -0
  4. package/ui/accordion/Accordion.js +655 -56
  5. package/ui/carousel/Carousel.d.ts +2 -0
  6. package/ui/carousel/Carousel.js +101 -91
  7. package/ui/form/Form.js +25 -7
  8. package/ui/sidebar/SideBar.d.ts +2 -1
  9. package/ui/sidebar/SideBar.js +356 -14
  10. package/ui/vista/Vista.d.ts +8 -10
  11. package/ui/vista/Vista.js +62 -120
package/css/fun.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --loaderZindex:100;
208
208
  --snackBarZindex:20;
209
209
  --notificationZindex:29;
210
- --inputButtonHeight:2.5rem;
210
+ --inputButtonHeight:2.7rem;
211
211
  --inputPadding:1rem;
212
212
  --inputRoundedPadding:0.5rem 1rem;
213
213
  --shadowMedium:0 0.8rem 2rem 0 rgba(3, 3, 3, 0.1);
@@ -218,6 +218,8 @@
218
218
 
219
219
  }
220
220
 
221
+
222
+
221
223
  :root {
222
224
  /* ===== Base Font Sizes ===== */
223
225
  --font-size-smaller: 0.75rem;
@@ -1093,16 +1095,22 @@ link:hover {
1093
1095
  padding: 0.2rem 0.7rem !important;
1094
1096
  }
1095
1097
  .button.bigBtn {
1096
- padding: 1rem 1.5rem ;
1098
+ padding: 1.2rem 1.8rem;
1097
1099
  font-size: var(--text-xl);
1100
+ height: calc(var(--inputButtonHeight) * 1.4) !important;
1101
+ border-radius: calc( var(--radius) * 1.4) !important;
1098
1102
  }
1099
1103
  .button.biggerBtn {
1100
1104
  padding: 1.2rem 1.8rem;
1101
1105
  font-size: var(--text-2xl);
1106
+ height: calc(var(--inputButtonHeight) * 1.5) !important;
1107
+ border-radius: calc( var(--radius) * 1.5) !important;
1102
1108
  }
1103
1109
  .button.jumboBtn {
1104
1110
  padding: 2rem 2.5rem;
1105
1111
  font-size: var(--text-4xl);
1112
+ height: calc(var(--inputButtonHeight) * 1.7) !important;
1113
+ border-radius: calc( var(--radius) * 1.6) !important;
1106
1114
  }
1107
1115
 
1108
1116
 
@@ -1458,7 +1466,6 @@ border-radius: var(--borderRadius);
1458
1466
  }
1459
1467
 
1460
1468
 
1461
-
1462
1469
  .navigation-bar {
1463
1470
  width: 100%;
1464
1471
  display: flex;
@@ -1475,7 +1482,6 @@ border-radius: var(--borderRadius);
1475
1482
 
1476
1483
  .linkWrapper {
1477
1484
  display: none;
1478
- animation: SlideRight 0.2s linear;
1479
1485
  }
1480
1486
 
1481
1487
  .sidebar-trigger {
@@ -4114,7 +4120,6 @@ padding-right: 2.5rem;
4114
4120
  }
4115
4121
  }
4116
4122
 
4117
-
4118
4123
  .accordion {
4119
4124
  width: 100%;
4120
4125
  overflow: visible !important;
@@ -6302,81 +6307,111 @@ color: var(--primary) !important;
6302
6307
  .min-w-100-vw { min-width: 100vw !important; }
6303
6308
 
6304
6309
 
6305
-
6306
- .width-10-p { width: 10% !important; }
6307
- .width-20-p { width: 20% !important; }
6308
- .width-30-p { width: 30% !important; }
6309
- .width-40-p { width: 40% !important; }
6310
- .width-50-p { width: 50% !important; }
6311
- .width-60-p { width: 60% !important; }
6312
- .width-70-p { width: 70% !important; }
6313
- .width-80-p { width: 80% !important; }
6314
- .width-90-p { width: 90% !important; }
6315
- .width-100-p { width: 100% !important; }
6316
-
6317
- .w-10-p { width: 10% !important; }
6318
- .w-20-p { width: 20% !important; }
6319
- .w-30-p { width: 30% !important; }
6320
- .w-40-p { width: 40% !important; }
6321
- .w-50-p { width: 50% !important; }
6322
- .w-60-p { width: 60% !important; }
6323
- .w-70-p { width: 70% !important; }
6324
- .w-80-p { width: 80% !important; }
6325
- .w-90-p { width: 90% !important; }
6326
- .w-100-p , .w-full { width: 100% !important; }
6327
-
6328
- .w-5 { max-width: 0.3125rem; width: 100% !important; }
6329
- .w-10 { max-width: 0.625rem; width: 100% !important; }
6330
- .w-15 { max-width: 0.9375rem; width: 100% !important; }
6331
- .w-20 { max-width: 1.25rem; width: 100% !important; }
6310
+ /* Max-width versions (responsive with width: 100%) */
6311
+ .w-5 { max-width: 5px; width: 100% !important; }
6312
+ .w-10 { max-width: 10px; width: 100% !important; }
6313
+ .w-15 { max-width: 15px; width: 100% !important; }
6314
+ .w-20 { max-width: 20px; width: 100% !important; }
6332
6315
 
6333
6316
  /* Increments of 5 from 25-95 */
6334
- .w-25 { max-width: 1.5625rem; width: 100% !important; }
6335
- .w-30 { max-width: 1.875rem; width: 100% !important; }
6336
- .w-35 { max-width: 2.1875rem; width: 100% !important; }
6337
- .w-40 { max-width: 2.5rem; width: 100% !important; }
6338
- .w-45 { max-width: 2.8125rem; width: 100% !important; }
6339
- .w-50 { max-width: 3.125rem; width: 100% !important; }
6340
- .w-55 { max-width: 3.4375rem; width: 100% !important; }
6341
- .w-60 { max-width: 3.75rem; width: 100% !important; }
6342
- .w-65 { max-width: 4.0625rem; width: 100% !important; }
6343
- .w-70 { max-width: 4.375rem; width: 100% !important; }
6344
- .w-75 { max-width: 4.6875rem; width: 100% !important; }
6345
- .w-80 { max-width: 5rem; width: 100% !important; }
6346
- .w-85 { max-width: 5.3125rem; width: 100% !important; }
6347
- .w-90 { max-width: 5.625rem; width: 100% !important; }
6348
- .w-95 { max-width: 5.9375rem; width: 100% !important; }
6349
-
6350
- .w-100 { max-width: 6.25rem; width: 100% !important; }
6351
- .w-150 { max-width: 9.375rem; width: 100% !important; }
6352
- .w-200 { max-width: 12.5rem; width: 100% !important; }
6353
- .w-250 { max-width: 15.625rem; width: 100% !important; }
6354
- .w-300 { max-width: 18.75rem; width: 100% !important; }
6355
- .w-350 { max-width: 21.875rem; width: 100% !important; }
6356
- .w-400 { max-width: 25rem; width: 100% !important; }
6357
- .w-450 { max-width: 28.125rem; width: 100% !important; }
6358
- .w-500 { max-width: 31.25rem; width: 100% !important; }
6359
- .w-550 { max-width: 34.375rem; width: 100% !important; }
6360
- .w-600 { max-width: 37.5rem; width: 100% !important; }
6361
- .w-650 { max-width: 40.625rem; width: 100% !important; }
6362
- .w-700 { max-width: 43.75rem; width: 100% !important; }
6363
- .w-750 { max-width: 46.875rem; width: 100% !important; }
6364
- .w-800 { max-width: 50rem; width: 100% !important; }
6365
- .w-850 { max-width: 53.125rem; width: 100% !important; }
6366
- .w-900 { max-width: 56.25rem; width: 100% !important; }
6367
- .w-950 { max-width: 59.375rem; width: 100% !important; }
6368
- .w-1000 { max-width: 62.5rem; width: 100% !important; }
6369
- .w-1050 { max-width: 65.625rem; width: 100% !important; }
6370
- .w-1100 { max-width: 68.75rem; width: 100% !important; }
6371
- .w-1150 { max-width: 71.875rem; width: 100% !important; }
6372
- .w-1200 { max-width: 75rem; width: 100% !important; }
6373
- .w-1250 { max-width: 78.125rem; width: 100% !important; }
6374
- .w-1300 { max-width: 81.25rem; width: 100% !important; }
6375
- .w-1350 { max-width: 84.375rem; width: 100% !important; }
6376
- .w-1400 { max-width: 87.5rem; width: 100% !important; }
6377
- .w-1450 { max-width: 90.625rem; width: 100% !important; }
6378
- .w-1500 { max-width: 93.75rem; width: 100% !important; }
6317
+ .w-25 { max-width: 25px; width: 100% !important; }
6318
+ .w-30 { max-width: 30px; width: 100% !important; }
6319
+ .w-35 { max-width: 35px; width: 100% !important; }
6320
+ .w-40 { max-width: 40px; width: 100% !important; }
6321
+ .w-45 { max-width: 45px; width: 100% !important; }
6322
+ .w-50 { max-width: 50px; width: 100% !important; }
6323
+ .w-55 { max-width: 55px; width: 100% !important; }
6324
+ .w-60 { max-width: 60px; width: 100% !important; }
6325
+ .w-65 { max-width: 65px; width: 100% !important; }
6326
+ .w-70 { max-width: 70px; width: 100% !important; }
6327
+ .w-75 { max-width: 75px; width: 100% !important; }
6328
+ .w-80 { max-width: 80px; width: 100% !important; }
6329
+ .w-85 { max-width: 85px; width: 100% !important; }
6330
+ .w-90 { max-width: 90px; width: 100% !important; }
6331
+ .w-95 { max-width: 95px; width: 100% !important; }
6332
+
6333
+ .w-100 { max-width: 100px; width: 100% !important; }
6334
+ .w-150 { max-width: 150px; width: 100% !important; }
6335
+ .w-200 { max-width: 200px; width: 100% !important; }
6336
+ .w-250 { max-width: 250px; width: 100% !important; }
6337
+ .w-300 { max-width: 300px; width: 100% !important; }
6338
+ .w-350 { max-width: 350px; width: 100% !important; }
6339
+ .w-400 { max-width: 400px; width: 100% !important; }
6340
+ .w-450 { max-width: 450px; width: 100% !important; }
6341
+ .w-500 { max-width: 500px; width: 100% !important; }
6342
+ .w-550 { max-width: 550px; width: 100% !important; }
6343
+ .w-600 { max-width: 600px; width: 100% !important; }
6344
+ .w-650 { max-width: 650px; width: 100% !important; }
6345
+ .w-700 { max-width: 700px; width: 100% !important; }
6346
+ .w-750 { max-width: 750px; width: 100% !important; }
6347
+ .w-800 { max-width: 800px; width: 100% !important; }
6348
+ .w-850 { max-width: 850px; width: 100% !important; }
6349
+ .w-900 { max-width: 900px; width: 100% !important; }
6350
+ .w-950 { max-width: 950px; width: 100% !important; }
6351
+ .w-1000 { max-width: 1000px; width: 100% !important; }
6352
+ .w-1050 { max-width: 1050px; width: 100% !important; }
6353
+ .w-1100 { max-width: 1100px; width: 100% !important; }
6354
+ .w-1150 { max-width: 1150px; width: 100% !important; }
6355
+ .w-1200 { max-width: 1200px; width: 100% !important; }
6356
+ .w-1250 { max-width: 1250px; width: 100% !important; }
6357
+ .w-1300 { max-width: 1300px; width: 100% !important; }
6358
+ .w-1350 { max-width: 1350px; width: 100% !important; }
6359
+ .w-1400 { max-width: 1400px; width: 100% !important; }
6360
+ .w-1450 { max-width: 1450px; width: 100% !important; }
6361
+ .w-1500 { max-width: 1500px; width: 100% !important; }
6362
+
6363
+ /* Fixed width versions (no max-width, just width) */
6364
+ .w-5-f { width: 5px !important; }
6365
+ .w-10-f { width: 10px !important; }
6366
+ .w-15-f { width: 15px !important; }
6367
+ .w-20-f { width: 20px !important; }
6379
6368
 
6369
+ /* Increments of 5 from 25-95 */
6370
+ .w-25-f { width: 25px !important; }
6371
+ .w-30-f { width: 30px !important; }
6372
+ .w-35-f { width: 35px !important; }
6373
+ .w-40-f { width: 40px !important; }
6374
+ .w-45-f { width: 45px !important; }
6375
+ .w-50-f { width: 50px !important; }
6376
+ .w-55-f { width: 55px !important; }
6377
+ .w-60-f { width: 60px !important; }
6378
+ .w-65-f { width: 65px !important; }
6379
+ .w-70-f { width: 70px !important; }
6380
+ .w-75-f { width: 75px !important; }
6381
+ .w-80-f { width: 80px !important; }
6382
+ .w-85-f { width: 85px !important; }
6383
+ .w-90-f { width: 90px !important; }
6384
+ .w-95-f { width: 95px !important; }
6385
+
6386
+ .w-100-f { width: 100px !important; }
6387
+ .w-150-f { width: 150px !important; }
6388
+ .w-200-f { width: 200px !important; }
6389
+ .w-250-f { width: 250px !important; }
6390
+ .w-300-f { width: 300px !important; }
6391
+ .w-350-f { width: 350px !important; }
6392
+ .w-400-f { width: 400px !important; }
6393
+ .w-450-f { width: 450px !important; }
6394
+ .w-500-f { width: 500px !important; }
6395
+ .w-550-f { width: 550px !important; }
6396
+ .w-600-f { width: 600px !important; }
6397
+ .w-650-f { width: 650px !important; }
6398
+ .w-700-f { width: 700px !important; }
6399
+ .w-750-f { width: 750px !important; }
6400
+ .w-800-f { width: 800px !important; }
6401
+ .w-850-f { width: 850px !important; }
6402
+ .w-900-f { width: 900px !important; }
6403
+ .w-950-f { width: 950px !important; }
6404
+ .w-1000-f { width: 1000px !important; }
6405
+ .w-1050-f { width: 1050px !important; }
6406
+ .w-1100-f { width: 1100px !important; }
6407
+ .w-1150-f { width: 1150px !important; }
6408
+ .w-1200-f { width: 1200px !important; }
6409
+ .w-1250-f { width: 1250px !important; }
6410
+ .w-1300-f { width: 1300px !important; }
6411
+ .w-1350-f { width: 1350px !important; }
6412
+ .w-1400-f { width: 1400px !important; }
6413
+ .w-1450-f { width: 1450px !important; }
6414
+ .w-1500-f { width: 1500px !important; }
6380
6415
 
6381
6416
  /* Max-width and Min-width */
6382
6417
  .max-w-10 { max-width: 0.625rem !important; }
@@ -6763,60 +6798,111 @@ color: var(--primary) !important;
6763
6798
  .min-h-900 { min-height: 56.25rem !important; }
6764
6799
 
6765
6800
  /* height */
6766
- /* Height utilities with Pexels scaling system (1 unit = 0.0625rem) */
6767
- /* Increments of 5 from 5-20 */
6768
- .h-5 { max-height: 0.3125rem; height: 100% !important; }
6769
- .h-10 { max-height: 0.625rem; height: 100% !important; }
6770
- .h-15 { max-height: 0.9375rem; height: 100% !important; }
6771
- .h-20 { max-height: 1.25rem; height: 100% !important; }
6801
+ /* Max-height versions (responsive with height: 100%) */
6802
+ .h-5 { max-height: 5px; height: 100% !important; }
6803
+ .h-10 { max-height: 10px; height: 100% !important; }
6804
+ .h-15 { max-height: 15px; height: 100% !important; }
6805
+ .h-20 { max-height: 20px; height: 100% !important; }
6806
+
6807
+ /* Increments of 5 from 25-95 */
6808
+ .h-25 { max-height: 25px; height: 100% !important; }
6809
+ .h-30 { max-height: 30px; height: 100% !important; }
6810
+ .h-35 { max-height: 35px; height: 100% !important; }
6811
+ .h-40 { max-height: 40px; height: 100% !important; }
6812
+ .h-45 { max-height: 45px; height: 100% !important; }
6813
+ .h-50 { max-height: 50px; height: 100% !important; }
6814
+ .h-55 { max-height: 55px; height: 100% !important; }
6815
+ .h-60 { max-height: 60px; height: 100% !important; }
6816
+ .h-65 { max-height: 65px; height: 100% !important; }
6817
+ .h-70 { max-height: 70px; height: 100% !important; }
6818
+ .h-75 { max-height: 75px; height: 100% !important; }
6819
+ .h-80 { max-height: 80px; height: 100% !important; }
6820
+ .h-85 { max-height: 85px; height: 100% !important; }
6821
+ .h-90 { max-height: 90px; height: 100% !important; }
6822
+ .h-95 { max-height: 95px; height: 100% !important; }
6823
+
6824
+ .h-100 { max-height: 100px; height: 100% !important; }
6825
+ .h-150 { max-height: 150px; height: 100% !important; }
6826
+ .h-200 { max-height: 200px; height: 100% !important; }
6827
+ .h-250 { max-height: 250px; height: 100% !important; }
6828
+ .h-300 { max-height: 300px; height: 100% !important; }
6829
+ .h-350 { max-height: 350px; height: 100% !important; }
6830
+ .h-400 { max-height: 400px; height: 100% !important; }
6831
+ .h-450 { max-height: 450px; height: 100% !important; }
6832
+ .h-500 { max-height: 500px; height: 100% !important; }
6833
+ .h-550 { max-height: 550px; height: 100% !important; }
6834
+ .h-600 { max-height: 600px; height: 100% !important; }
6835
+ .h-650 { max-height: 650px; height: 100% !important; }
6836
+ .h-700 { max-height: 700px; height: 100% !important; }
6837
+ .h-750 { max-height: 750px; height: 100% !important; }
6838
+ .h-800 { max-height: 800px; height: 100% !important; }
6839
+ .h-850 { max-height: 850px; height: 100% !important; }
6840
+ .h-900 { max-height: 900px; height: 100% !important; }
6841
+ .h-950 { max-height: 950px; height: 100% !important; }
6842
+ .h-1000 { max-height: 1000px; height: 100% !important; }
6843
+ .h-1050 { max-height: 1050px; height: 100% !important; }
6844
+ .h-1100 { max-height: 1100px; height: 100% !important; }
6845
+ .h-1150 { max-height: 1150px; height: 100% !important; }
6846
+ .h-1200 { max-height: 1200px; height: 100% !important; }
6847
+ .h-1250 { max-height: 1250px; height: 100% !important; }
6848
+ .h-1300 { max-height: 1300px; height: 100% !important; }
6849
+ .h-1350 { max-height: 1350px; height: 100% !important; }
6850
+ .h-1400 { max-height: 1400px; height: 100% !important; }
6851
+ .h-1450 { max-height: 1450px; height: 100% !important; }
6852
+ .h-1500 { max-height: 1500px; height: 100% !important; }
6853
+
6854
+ /* Fixed height versions (no max-height, just height) */
6855
+ .h-5-f { height: 5px !important; }
6856
+ .h-10-f { height: 10px !important; }
6857
+ .h-15-f { height: 15px !important; }
6858
+ .h-20-f { height: 20px !important; }
6772
6859
 
6773
6860
  /* Increments of 5 from 25-95 */
6774
- .h-25 { max-height: 1.5625rem; height: 100% !important; }
6775
- .h-30 { max-height: 1.875rem; height: 100% !important; }
6776
- .h-35 { max-height: 2.1875rem; height: 100% !important; }
6777
- .h-40 { max-height: 2.5rem; height: 100% !important; }
6778
- .h-45 { max-height: 2.8125rem; height: 100% !important; }
6779
- .h-50 { max-height: 3.125rem; height: 100% !important; }
6780
- .h-55 { max-height: 3.4375rem; height: 100% !important; }
6781
- .h-60 { max-height: 3.75rem; height: 100% !important; }
6782
- .h-65 { max-height: 4.0625rem; height: 100% !important; }
6783
- .h-70 { max-height: 4.375rem; height: 100% !important; }
6784
- .h-75 { max-height: 4.6875rem; height: 100% !important; }
6785
- .h-80 { max-height: 5rem; height: 100% !important; }
6786
- .h-85 { max-height: 5.3125rem; height: 100% !important; }
6787
- .h-90 { max-height: 5.625rem; height: 100% !important; }
6788
- .h-95 { max-height: 5.9375rem; height: 100% !important; }
6789
-
6790
- /* Increments of 50 from 100-1500 */
6791
- .h-100 { max-height: 6.25rem; height: 100% !important; }
6792
- .h-150 { max-height: 9.375rem; height: 100% !important; }
6793
- .h-200 { max-height: 12.5rem; height: 100% !important; }
6794
- .h-250 { max-height: 15.625rem; height: 100% !important; }
6795
- .h-300 { max-height: 18.75rem; height: 100% !important; }
6796
- .h-350 { max-height: 21.875rem; height: 100% !important; }
6797
- .h-400 { max-height: 25rem; height: 100% !important; }
6798
- .h-450 { max-height: 28.125rem; height: 100% !important; }
6799
- .h-500 { max-height: 31.25rem; height: 100% !important; }
6800
- .h-550 { max-height: 34.375rem; height: 100% !important; }
6801
- .h-600 { max-height: 37.5rem; height: 100% !important; }
6802
- .h-650 { max-height: 40.625rem; height: 100% !important; }
6803
- .h-700 { max-height: 43.75rem; height: 100% !important; }
6804
- .h-750 { max-height: 46.875rem; height: 100% !important; }
6805
- .h-800 { max-height: 50rem; height: 100% !important; }
6806
- .h-850 { max-height: 53.125rem; height: 100% !important; }
6807
- .h-900 { max-height: 56.25rem; height: 100% !important; }
6808
- .h-950 { max-height: 59.375rem; height: 100% !important; }
6809
- .h-1000 { max-height: 62.5rem; height: 100% !important; }
6810
- .h-1050 { max-height: 65.625rem; height: 100% !important; }
6811
- .h-1100 { max-height: 68.75rem; height: 100% !important; }
6812
- .h-1150 { max-height: 71.875rem; height: 100% !important; }
6813
- .h-1200 { max-height: 75rem; height: 100% !important; }
6814
- .h-1250 { max-height: 78.125rem; height: 100% !important; }
6815
- .h-1300 { max-height: 81.25rem; height: 100% !important; }
6816
- .h-1350 { max-height: 84.375rem; height: 100% !important; }
6817
- .h-1400 { max-height: 87.5rem; height: 100% !important; }
6818
- .h-1450 { max-height: 90.625rem; height: 100% !important; }
6819
- .h-1500 { max-height: 93.75rem; height: 100% !important; }
6861
+ .h-25-f { height: 25px !important; }
6862
+ .h-30-f { height: 30px !important; }
6863
+ .h-35-f { height: 35px !important; }
6864
+ .h-40-f { height: 40px !important; }
6865
+ .h-45-f { height: 45px !important; }
6866
+ .h-50-f { height: 50px !important; }
6867
+ .h-55-f { height: 55px !important; }
6868
+ .h-60-f { height: 60px !important; }
6869
+ .h-65-f { height: 65px !important; }
6870
+ .h-70-f { height: 70px !important; }
6871
+ .h-75-f { height: 75px !important; }
6872
+ .h-80-f { height: 80px !important; }
6873
+ .h-85-f { height: 85px !important; }
6874
+ .h-90-f { height: 90px !important; }
6875
+ .h-95-f { height: 95px !important; }
6876
+
6877
+ .h-100-f { height: 100px !important; }
6878
+ .h-150-f { height: 150px !important; }
6879
+ .h-200-f { height: 200px !important; }
6880
+ .h-250-f { height: 250px !important; }
6881
+ .h-300-f { height: 300px !important; }
6882
+ .h-350-f { height: 350px !important; }
6883
+ .h-400-f { height: 400px !important; }
6884
+ .h-450-f { height: 450px !important; }
6885
+ .h-500-f { height: 500px !important; }
6886
+ .h-550-f { height: 550px !important; }
6887
+ .h-600-f { height: 600px !important; }
6888
+ .h-650-f { height: 650px !important; }
6889
+ .h-700-f { height: 700px !important; }
6890
+ .h-750-f { height: 750px !important; }
6891
+ .h-800-f { height: 800px !important; }
6892
+ .h-850-f { height: 850px !important; }
6893
+ .h-900-f { height: 900px !important; }
6894
+ .h-950-f { height: 950px !important; }
6895
+ .h-1000-f { height: 1000px !important; }
6896
+ .h-1050-f { height: 1050px !important; }
6897
+ .h-1100-f { height: 1100px !important; }
6898
+ .h-1150-f { height: 1150px !important; }
6899
+ .h-1200-f { height: 1200px !important; }
6900
+ .h-1250-f { height: 1250px !important; }
6901
+ .h-1300-f { height: 1300px !important; }
6902
+ .h-1350-f { height: 1350px !important; }
6903
+ .h-1400-f { height: 1400px !important; }
6904
+ .h-1450-f { height: 1450px !important; }
6905
+ .h-1500-f { height: 1500px !important; }
6820
6906
 
6821
6907
  /* percentage */
6822
6908
  .h-10-p { height: 10% !important; }
@@ -7302,7 +7388,6 @@ color: var(--primary) !important;
7302
7388
  overflow-x: auto;
7303
7389
  scroll-snap-type: x mandatory;
7304
7390
  -webkit-overflow-scrolling: touch;
7305
- padding: 1rem 0;
7306
7391
  scroll-behavior: smooth;
7307
7392
  }
7308
7393
  .carouselLeft{
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "3.8.14",
2
+ "version": "3.8.16",
3
3
  "name": "funuicss",
4
4
  "description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
5
5
  "main": "index.js",
package/ui/accordion/Accordion.d.ts CHANGED
@@ -61,6 +61,8 @@ type AccordionProps = {
61
61
  borderColor?: string;
62
62
  borderRadius?: string;
63
63
  shadow?: 'sm' | 'md' | 'lg' | 'xl' | 'none';
64
+ bg?: string;
65
+ contentBg?: string;
64
66
  animationDuration?: number;
65
67
  animationEasing?: string;
66
68
  className?: string;